@layer components{.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);display:block}.drawer[hidden]{display:none}.drawer__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:color-mix(in oklab,var(--warm-950) 45%,transparent);opacity:0;transition:opacity var(--dur-quick) var(--ease-out)}.drawer.is-open .drawer__scrim{opacity:1}.drawer__panel{position:absolute;z-index:var(--z-local-raised);display:flex;flex-direction:column;width:min(92vw,var(--drawer-w, var(--drawer-width)));max-height:100%;background-color:var(--color-bg);color:var(--color-text);box-shadow:var(--elevation-drawer);transition:transform var(--dur-quick) var(--ease-luxe);overscroll-behavior:contain}.drawer--right .drawer__panel{inset-block:0;inset-inline-end:0;transform:translate(100%)}.drawer--left .drawer__panel{inset-block:0;inset-inline-start:0;transform:translate(-100%)}.drawer--bottom .drawer__panel{inset-inline:0;inset-block-end:0;width:100%;max-height:85vh;transform:translateY(100%)}.drawer.is-open .drawer__panel{transform:none}.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-3) var(--space-4) var(--space-5);border-block-end:var(--border-width) var(--border-style) var(--color-border-subtle);flex-shrink:0}.drawer__title{font-family:var(--font-body);font-size:var(--fs-label);font-weight:var(--fw-medium);letter-spacing:var(--ls-widest);text-transform:var(--label-transform);color:var(--color-heading)}.drawer__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:var(--space-5)}.drawer__foot{flex-shrink:0;padding:var(--space-5);border-block-start:var(--border-width) var(--border-style) var(--color-border-subtle);background-color:var(--color-bg)}@media(prefers-reduced-motion:reduce){.drawer__panel,.drawer__scrim{transition:none}}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-drawer.css.map */