.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) allow-discrete,overlay var(--dur) 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) allow-discrete,overlay var(--dur) 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(390px,100vw);block-size:100dvh;margin-inline-end:auto;padding:var(--s1) var(--s2) var(--s2);background:var(--surface);color:var(--text);border-inline-end:var(--hairline) solid var(--border);overflow-y:auto}.menu-drawer__panel:focus{outline:none}.menu-drawer__header{display:flex;align-items:center;gap:var(--s2);padding-block-end:var(--s1);border-block-end:var(--hairline) solid var(--border)}.menu-drawer__toggle{display:flex;gap:var(--s1)}.menu-drawer__toggle-link{display:inline-flex;align-items:center;min-block-size:var(--tap-target-compact);color:var(--text-muted);font-size:var(--fs-ui);letter-spacing:var(--tracking);text-transform:uppercase;text-decoration:none;transition:color var(--dur) var(--ease)}.menu-drawer__toggle-link:hover,.menu-drawer__toggle-link:focus-visible{color:var(--text)}html[data-gender=men] .menu-drawer__toggle-link[data-gender-choice=men],html[data-gender=women] .menu-drawer__toggle-link[data-gender-choice=women]{color:var(--text);font-weight:var(--fw-bold)}.menu-drawer__close{display:inline-flex;align-items:center;justify-content:center;inline-size:var(--tap-target);block-size:var(--tap-target);margin-inline-start:auto;padding:0;border:none;background:none;color:var(--text);cursor:pointer;transition:color var(--dur) var(--ease)}.menu-drawer__close:hover{color:var(--text-muted)}.menu-drawer__close svg{inline-size:20px;block-size:20px}.menu-drawer__nav{flex:1 1 auto;padding-block:var(--s1)}.menu-drawer__list,.menu-drawer__sublist,.menu-drawer__utility{margin:0;padding:0;list-style:none}.menu-drawer__link,.menu-drawer__summary,.menu-drawer__sublink{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);min-block-size:var(--tap-target);color:var(--text);font-size:var(--fs-menu);line-height:var(--lh-menu);font-weight:var(--fw-regular);letter-spacing:var(--tracking);text-transform:uppercase;text-decoration:none;cursor:pointer;transition:color var(--dur) var(--ease)}.menu-drawer__link:hover,.menu-drawer__link:focus-visible,.menu-drawer__summary:hover,.menu-drawer__summary:focus-visible,.menu-drawer__sublink:hover,.menu-drawer__sublink:focus-visible{color:var(--text)}.menu-drawer__link[aria-current=page],.menu-drawer__sublink[aria-current=page]{color:var(--text);font-weight:var(--fw-bold)}.menu-drawer__summary{list-style:none}.menu-drawer__summary::-webkit-details-marker{display:none}.menu-drawer__chevron{display:inline-flex;flex:none}.menu-drawer__chevron svg{inline-size:20px;block-size:20px;transform:rotate(-90deg);transition:transform var(--dur) var(--ease)}.menu-drawer__group[open] .menu-drawer__chevron svg{transform:rotate(0)}.menu-drawer__sublist{padding-inline-start:var(--s1);padding-block:var(--s1)}.menu-drawer__utility{margin-block-start:var(--s2);padding-block-start:var(--s1);border-block-start:var(--hairline) solid var(--border)}.menu-drawer__utility-link{display:flex;align-items:center;min-block-size:var(--tap-target-compact);color:var(--text-muted);font-size:var(--fs-ui);line-height:var(--lh-ui);letter-spacing:var(--tracking);text-transform:uppercase;text-decoration:none;transition:color var(--dur) var(--ease)}.menu-drawer__utility-link:hover,.menu-drawer__utility-link:focus-visible,.menu-drawer__utility-link[aria-current=page]{color:var(--text)}.menu-drawer__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--kca-spacing-16) var(--kca-spacing-30);padding-block-start:var(--s1);border-block-start:var(--hairline) solid var(--border)}.menu-drawer__account{display:inline-flex;align-items:center;gap:var(--s1);min-block-size:var(--tap-target-compact);color:var(--text-muted);font-size:var(--fs-ui);letter-spacing:var(--tracking);text-transform:uppercase;text-decoration:none;transition:color var(--dur) var(--ease)}.menu-drawer__account:hover,.menu-drawer__account:focus-visible{color:var(--text)}.menu-drawer__account svg{inline-size:20px;block-size:20px}.menu-drawer__toggle[hidden],.menu-drawer__back[hidden]{display:none}.menu-drawer__back{display:inline-flex;align-items:center;gap:var(--kca-spacing-8);min-block-size:var(--tap-target);padding:0;border:none;background:none;color:var(--text);font-size:var(--fs-ui);letter-spacing:var(--tracking);text-transform:uppercase;cursor:pointer;transition:color var(--dur) var(--ease)}.menu-drawer__back:hover{color:var(--text-muted)}.menu-drawer__back-chevron{display:inline-flex;flex:none}.menu-drawer__back-chevron svg{inline-size:20px;block-size:20px;transform:rotate(90deg)}.menu-drawer--enhanced .menu-drawer__nav{position:relative;overflow-x:clip}.menu-drawer--enhanced .menu-drawer__list,.menu-drawer--enhanced .menu-drawer__utility{transition:visibility 0s}.menu-drawer--enhanced .menu-drawer__nav:has(.menu-drawer__group[open]) .menu-drawer__list,.menu-drawer--enhanced .menu-drawer__nav:has(.menu-drawer__group[open]) .menu-drawer__utility{visibility:hidden;transition:visibility 0s var(--dur)}.menu-drawer--enhanced .menu-drawer__sublist{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding-inline-start:0;background:var(--surface);visibility:hidden;transform:translate(100%);transition:transform var(--dur) var(--ease),visibility 0s var(--dur)}.menu-drawer--enhanced .menu-drawer__group[open] .menu-drawer__sublist{visibility:visible;transform:translate(0);transition:transform var(--dur) var(--ease),visibility 0s}@starting-style{.menu-drawer--enhanced .menu-drawer__group[open] .menu-drawer__sublist{transform:translate(100%)}}.menu-drawer--enhanced .menu-drawer__group[open] .menu-drawer__chevron svg{transform:rotate(-90deg)}
/*# sourceMappingURL=/cdn/shop/t/82/assets/menu-drawer.css.map */