@layer components{.header-drawer{position:fixed;inset-block:0;inset-inline-start:0;z-index:var(--z-drawer);display:flex;flex-direction:column;width:min(100%,380px);background-color:var(--color-background);color:var(--color-foreground);box-shadow:var(--shadow-overlay);overflow-y:auto;overscroll-behavior:contain}.header-drawer[hidden]{display:none}.header-drawer__header{display:flex;justify-content:flex-end;padding:var(--space-3) var(--space-4)}.header-drawer__close{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:none;border:0;color:inherit;cursor:pointer}.header-drawer__nav{padding:0 var(--space-4) var(--space-6)}.header-drawer__list{display:grid;gap:var(--space-1)}.header-drawer__link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-height:48px;padding:0;background:none;border:0;color:inherit;font-family:var(--font-body);font-size:var(--type-title);font-weight:var(--font-weight-medium);text-align:start;text-decoration:none;text-transform:uppercase;letter-spacing:var(--track-nav);cursor:pointer}.header-drawer__caret{transition:transform var(--duration-fast) var(--ease-standard)}.header-drawer__link[aria-expanded=true] .header-drawer__caret{transform:rotate(180deg)}.header-drawer__sublist{display:grid;gap:var(--space-1);padding:0 0 var(--space-3) var(--space-4)}.header-drawer__sublist[hidden]{display:none}.header-drawer__sublink{display:inline-flex;align-items:center;min-height:44px;color:var(--color-foreground-muted);text-decoration:none}.header-drawer__utility{margin-top:auto;padding:var(--space-4);border-top:var(--border-hairline)}.header-drawer__utility .header-drawer__link{justify-content:flex-start;gap:var(--space-3)}.header-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background-color:#0006}.header-drawer-overlay[hidden]{display:none}@media(prefers-reduced-motion:no-preference){.header-drawer{transition:transform var(--duration-slow) var(--motion-ease, var(--ease-standard)),opacity var(--duration-slow) var(--motion-ease, var(--ease-standard)),display var(--duration-slow) allow-discrete}.header-drawer[hidden]{opacity:0;transform:translate3d(-16px,0,0)}@starting-style{.header-drawer{opacity:0;transform:translate3d(-16px,0,0)}}.header-drawer-overlay{transition:opacity var(--duration-slow) var(--motion-ease, var(--ease-standard)),display var(--duration-slow) allow-discrete}.header-drawer-overlay[hidden]{opacity:0}@starting-style{.header-drawer-overlay{opacity:0}}.header-drawer__list>li{transition:opacity var(--duration-slow) var(--motion-ease, var(--ease-standard)),transform var(--duration-slow) var(--motion-ease, var(--ease-standard))}.header-drawer__list>li:nth-child(1){transition-delay:40ms}.header-drawer__list>li:nth-child(2){transition-delay:80ms}.header-drawer__list>li:nth-child(3){transition-delay:.12s}.header-drawer__list>li:nth-child(4){transition-delay:.16s}.header-drawer__list>li:nth-child(n+5){transition-delay:.2s}@starting-style{.header-drawer__list>li{opacity:0;transform:translate3d(0,6px,0)}}}@media(prefers-reduced-motion:reduce){.header-drawer__caret{transition-duration:.01ms}}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-header-drawer.css.map */