.menu-drawer{margin:0;inline-size:100vw;max-inline-size:100vw;block-size:100dvh;max-block-size:100dvh;padding:0;border:none;background:transparent;color:var(--text)}.menu-drawer::backdrop{background:var(--scrim)}.menu-drawer{transition:display var(--dur) var(--ease) allow-discrete,overlay var(--dur) var(--ease) allow-discrete}.menu-drawer__panel{transition:transform var(--dur) var(--ease)}.menu-drawer:not([open]){pointer-events:none}.menu-drawer:not([open]) .menu-drawer__panel{transform:translate(-100%)}@starting-style{.menu-drawer[open] .menu-drawer__panel{transform:translate(-100%)}}.menu-drawer::backdrop{transition:opacity var(--dur) var(--ease),display var(--dur) var(--ease) allow-discrete,overlay var(--dur) var(--ease) allow-discrete}.menu-drawer:not([open])::backdrop{opacity:0}@starting-style{.menu-drawer[open]::backdrop{opacity:0}}.menu-drawer__panel{display:flex;flex-direction:column;inline-size:min(31.5rem,100%);block-size:100dvh;padding-block:var(--s4) var(--s3);padding-inline:var(--page-margin);background:var(--surface-plane);overflow-y:auto;overscroll-behavior:contain}.menu-drawer__panel:focus,.menu-drawer__panel:focus-visible{outline:none}@media(max-width:749.98px){.menu-drawer__panel{inline-size:100%}}.menu-drawer__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.menu-drawer__tabs{display:flex;flex-wrap:wrap;gap:0 var(--s3);margin:0}.menu-drawer__tab,.menu-drawer__close,.menu-drawer__small-link{font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text)}.menu-drawer__tab,.menu-drawer__close{display:inline-flex;align-items:center;min-block-size:44px;margin:0;padding:0;border:none;background:none;cursor:pointer}.menu-drawer__close{justify-content:flex-end;margin-inline-start:auto;min-inline-size:44px}.menu-drawer__tab--current{cursor:default}.menu-drawer__tab[aria-selected=true],.menu-drawer__tab--current,.menu-drawer__tab:hover,.menu-drawer__close:hover,.menu-drawer__small-link:hover,.menu-drawer__small-link[aria-current=page]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.35em}.menu-drawer__nav{margin-block-start:var(--s7)}@media(max-width:749.98px){.menu-drawer__nav{margin-block-start:var(--s5)}}.menu-drawer__list,.menu-drawer__sublist,.menu-drawer__links{margin:0;padding:0;list-style:none}.menu-drawer__row{display:block;inline-size:fit-content;min-block-size:calc(var(--s5) + var(--s1));padding-block:var(--s1);color:var(--text);text-decoration:none;cursor:pointer;list-style:none}.menu-drawer__row::-webkit-details-marker{display:none}.menu-drawer__label{display:block;font-family:var(--font-display);font-size:var(--font-size-4);font-weight:var(--font-weight-4);letter-spacing:var(--letter-space-4);line-height:1}.menu-drawer__row:hover .menu-drawer__label{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.12em}.menu-drawer__mark{display:inline-block;margin-inline-start:.1em;font-size:.35em;vertical-align:1.1em;line-height:0;transition:transform var(--dur-fast) var(--ease)}.menu-drawer__mark .icon-arrow{vertical-align:0}.menu-drawer__mark--toggle{transform:rotate(90deg)}.menu-drawer__group[open] .menu-drawer__mark--toggle{transform:rotate(-90deg)}.menu-drawer__sublist{display:grid;padding-block:var(--s1) var(--s3)}.menu-drawer__sublink{display:inline-flex;align-items:center;gap:var(--s1);min-block-size:var(--s4);color:var(--text);font-size:var(--text-body);text-decoration:none}.menu-drawer__sublink:hover,.menu-drawer__sublink[aria-current=page]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.menu-drawer__swatch{display:inline-flex}.menu-drawer__swatch .swatch-mark{display:block;overflow:visible}.menu-drawer__swatch .swatch-mark__fill{fill:var(--swatch-hex);stroke:none}.menu-drawer__swatch .swatch-mark__edge{fill:none;stroke:color-mix(in srgb,var(--swatch-hex) 65%,var(--border));vector-effect:non-scaling-stroke;stroke-width:1}.menu-drawer__footer{display:flex;flex-direction:column;align-items:flex-start;margin-block-start:auto;padding-block-start:var(--s4)}.menu-drawer__links{display:flex;flex-wrap:wrap;gap:0 var(--s3)}.menu-drawer__small-link{display:inline-flex;align-items:center;min-block-size:44px;text-decoration:none}@media(min-width:750px){.menu-drawer__links{display:none}}@media(prefers-reduced-motion:reduce){.menu-drawer__mark{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/menu-drawer.css.map */