:root{--dialog-duration: .28s;--dialog-easing: cubic-bezier(.22, .8, .3, 1)}.dialog-modal,.dialog-drawer{top:0;right:0;bottom:0;left:0;margin:auto;padding:0;border:0;color:rgb(var(--color-foreground));background:rgb(var(--color-background));overscroll-behavior:contain}.dialog-modal::backdrop,.dialog-drawer::backdrop{background:rgba(var(--color-foreground),.45)}.dialog-drawer{height:100dvh;max-height:none;width:min(42rem,calc(100% - 1.2rem));max-width:none;margin-inline:auto 0}@media(prefers-reduced-motion:no-preference){.dialog-modal[open]{animation:dialog-fade-in var(--dialog-duration) var(--dialog-easing)}.dialog-drawer[open]{animation:dialog-slide-in var(--dialog-duration) var(--dialog-easing)}.dialog-modal[open]::backdrop,.dialog-drawer[open]::backdrop{animation:dialog-backdrop-in var(--dialog-duration) var(--dialog-easing)}.dialog-modal.dialog-closing{animation:dialog-fade-out var(--dialog-duration) var(--dialog-easing) forwards}.dialog-drawer.dialog-closing{animation:dialog-slide-out var(--dialog-duration) var(--dialog-easing) forwards}.dialog-closing::backdrop{animation:dialog-backdrop-out var(--dialog-duration) var(--dialog-easing) forwards}}@keyframes dialog-fade-in{0%{opacity:0;translate:0 -1.6rem}}@keyframes dialog-fade-out{to{opacity:0;translate:0 -1.6rem}}@keyframes dialog-slide-in{0%{translate:105% 0}}@keyframes dialog-slide-out{to{translate:105% 0}}@keyframes dialog-backdrop-in{0%{opacity:0}}@keyframes dialog-backdrop-out{to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-dialog.css.map */