.dialog-modal{border:none;box-shadow:var(--shadow-popover)}@media screen and (min-width: 750px){.dialog-modal{border-radius:var(--style-border-radius-popover);max-width:var(--normal-content-width)}}@media screen and (max-width: 749px){.dialog-modal{max-width:100%;max-height:100%;height:100dvh;width:100dvw;padding:var(--padding-md)}}.dialog-modal::backdrop{transition:backdrop-filter var(--animation-speed) var(--animation-easing);-webkit-backdrop-filter:brightness(1);backdrop-filter:brightness(1);background:rgb(var(--backdrop-color-rgb) / var(--backdrop-opacity))}.dialog-modal[open]{animation:elementSlideInTop var(--animation-speed) var(--animation-easing) forwards}.dialog-modal[open]::backdrop{animation:backdropFilter var(--animation-speed) var(--animation-easing) forwards;transition:opacity var(--animation-speed) var(--animation-easing)}.dialog-modal.dialog-closing{animation:elementSlideOutTop var(--animation-speed) var(--animation-easing) forwards}.dialog-modal.dialog-closing::backdrop{opacity:0}.dialog-drawer{--dialog-drawer-opening-animation: slideInLeft;--dialog-drawer-closing-animation: slideOutLeft}.dialog-drawer--right{--dialog-drawer-opening-animation: slideInRight;--dialog-drawer-closing-animation: slideOutRight}.dialog-drawer[open]{animation:var(--dialog-drawer-opening-animation) var(--animation-speed) var(--animation-easing) forwards}.dialog-drawer.dialog-closing{animation:var(--dialog-drawer-closing-animation) var(--animation-speed) var(--animation-easing)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/css/components/dialogs-modals.css.map */