.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer)}.drawer[hidden]{display:none}.drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0009;opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.drawer.is-open .drawer__overlay{opacity:1}.drawer__panel{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;width:min(420px,100vw);max-width:100%;background-color:var(--color-bg);border-inline:1px solid var(--color-border);box-shadow:var(--shadow-lg);transition:transform var(--duration-base) var(--ease-out);height:100dvh}.drawer--start .drawer__panel{left:0;transform:translate(-100%)}.drawer--end .drawer__panel{right:0;transform:translate(100%)}.drawer.is-open .drawer__panel{transform:translate(0)}@media(max-width:480px){.drawer__panel,.drawer--end .drawer__panel{width:min(100vw,100%)}}.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex:0 0 auto;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);min-height:60px}.drawer__title{display:flex;align-items:baseline;gap:var(--space-2);margin:0}.drawer__close{display:grid;place-items:center;width:40px;height:40px;margin-inline-end:calc(var(--space-2) * -1);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out)}.drawer__close:hover{color:var(--color-text)}.drawer__body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.drawer__footer{flex:0 0 auto;padding:var(--space-5);border-top:1px solid var(--color-border);background-color:var(--color-bg)}.drawer__footer--menu{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.drawer__utility-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.drawer__utility-link:hover{color:var(--color-accent)}.drawer__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background-color:rgb(var(--rgb-bg) / .6);opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-out),visibility var(--duration-fast)}[data-busy] .drawer__loading{opacity:1;visibility:visible}.is-spinning{animation:drawer-spin .7s linear infinite}@keyframes drawer-spin{to{transform:rotate(360deg)}}.mobile-nav{padding:var(--space-2) 0 var(--space-8)}.mobile-nav__item+.mobile-nav__item{border-top:1px solid var(--color-border)}.mobile-nav__link,.mobile-nav__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:var(--text-h5);text-transform:var(--font-heading-transform);letter-spacing:var(--font-heading-tracking);line-height:1.1}.mobile-nav__summary--nested{font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;text-transform:none;letter-spacing:.02em;padding-block:var(--space-3)}.mobile-nav__caret{transition:transform var(--duration-fast) var(--ease-out)}.mobile-nav__details[open]>.mobile-nav__summary .mobile-nav__caret{transform:rotate(180deg)}.mobile-nav__details[open]>.mobile-nav__summary{color:var(--color-accent)}.mobile-nav__sublist{padding:0 var(--space-5) var(--space-4) var(--space-5);animation:drawer-slide-down var(--duration-base) var(--ease-out)}.mobile-nav__sublist--nested{padding:0 0 var(--space-2) var(--space-4);border-inline-start:1px solid var(--color-border);margin-inline-start:var(--space-1)}.mobile-nav__sublink{display:block;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out)}.mobile-nav__sublink:hover{color:var(--color-text)}.mobile-nav__sublink--all{color:var(--color-text);font-weight:500;text-transform:capitalize}.drawer__social{gap:var(--space-2)}@keyframes drawer-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.mobile-nav__sublist{animation:none}.is-spinning{animation-duration:2s}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-drawer.css.map */