@property --drawer-progress{syntax: "<number>"; inherits: true; initial-value: 0;}bottom-drawer{display:contents}@media screen and (max-width:749px){.dialog-modal--bottom-drawer{position:fixed;inset:auto 0 0 0;width:100vw;max-width:100vw;height:var(--drawer-mobile-max-height, 95dvh);max-height:var(--drawer-mobile-max-height, 95dvh);margin:0;padding:0;border:0;background:transparent;overflow:visible;--drawer-progress: 0;transform:translateY(calc((1 - var(--drawer-progress)) * 100%));animation:none}.dialog-modal--bottom-drawer.dialog-modal--bottom-drawer.dialog-modal--bottom-drawer{transition:--drawer-progress .28s cubic-bezier(.32,.72,0,1),var(--drawer-transition-extra, visibility 0s)}.dialog-modal.dialog-modal--bottom-drawer[open]{--drawer-progress: 1;animation:none}@starting-style{.dialog-modal.dialog-modal--bottom-drawer[open]{--drawer-progress: 0}}.dialog-modal--bottom-drawer.dialog-modal--bottom-drawer.dialog-modal--bottom-drawer.dialog-closing{--drawer-progress: 0;transition:--drawer-progress .22s cubic-bezier(.32,0,.67,1),var(--drawer-transition-extra, visibility 0s);animation:none}.dialog-modal.dialog-modal--bottom-drawer::backdrop,.dialog-modal.dialog-modal--bottom-drawer[open]::backdrop,.dialog-modal.dialog-modal--bottom-drawer.dialog-closing::backdrop{background:rgb(var(--backdrop-color-rgb, 0 0 0) / calc(var(--drawer-progress, 0) * var(--drawer-backdrop-opacity-peak, .75)));-webkit-backdrop-filter:none;backdrop-filter:none;animation:none;transition:none;opacity:1}bottom-drawer{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden;touch-action:pan-y;background:var(--color-background);border-top-left-radius:var(--drawer-corner-radius, 24px);border-top-right-radius:var(--drawer-corner-radius, 24px);box-shadow:0 -12px 32px rgb(var(--color-shadow-rgb, 0 0 0) / var(--shadow-opacity, .18))}bottom-drawer:before{content:"";display:var(--drawer-handle-display, block);width:var(--drawer-handle-width, 40px);height:4px;border-radius:4px;background:rgb(var(--color-foreground-rgb) / var(--drawer-handle-opacity, .4));margin:8px auto 4px;flex-shrink:0}@media(prefers-reduced-motion:reduce){.dialog-modal.dialog-modal--bottom-drawer,.dialog-modal.dialog-modal--bottom-drawer[open],.dialog-modal.dialog-modal--bottom-drawer.dialog-closing{transition:none!important}}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/bottom-drawer.css.map */