.header-drawer{--case-she-menu-width: clamp(300px, 28vw, 540px);--case-she-menu-gutter: 24px;--case-she-menu-root-height: 2rem;--case-she-menu-child-height: 1.75rem;--case-she-menu-third-height: 1.625rem;--case-she-menu-bg: var(--color-background);--case-she-menu-text: var(--color-foreground);--case-she-menu-muted: rgb(var(--color-foreground-rgb) / .56);--case-she-menu-border: rgb(var(--color-foreground-rgb) / .14);--case-she-menu-overlay: transparent;--case-she-menu-motion: .24s}.header__icon--menu{position:initial}.menu-drawer-container{display:flex}.menu-drawer-container>summary{list-style:none}.menu-drawer-container>summary::-webkit-details-marker{display:none}.menu-drawer-container .header__icon--summary{display:flex;align-items:center;justify-content:flex-start;color:var(--color-foreground)}.header__icon--summary .header-drawer-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);margin:auto}.menu-drawer-container:not(.menu-open) .header-drawer-icon--close,.menu-drawer-container.menu-open .header-drawer-icon--open{display:none}.menu-drawer{--case-she-menu-bg: var(--color-background);--case-she-menu-text: var(--color-foreground);--case-she-menu-muted: rgb(var(--color-foreground-rgb) / .56);--case-she-menu-border: rgb(var(--color-foreground-rgb) / .14);position:fixed;top:0;right:0;bottom:0;left:0;max-width:none;z-index:var(--layer-menu-drawer);display:block;height:100vh;height:100dvh;overflow:hidden;color:var(--case-she-menu-text);background:var(--case-she-menu-bg);border:0;border-radius:0;box-shadow:none;visibility:hidden;opacity:0;transform:translate(-100%);transition:transform var(--case-she-menu-motion) var(--animation-timing-fade-in),opacity var(--case-she-menu-motion) var(--animation-timing-fade-in),visibility var(--case-she-menu-motion) var(--animation-timing-fade-in)}.menu-drawer-container.menu-open>.menu-drawer{visibility:visible;opacity:1;transform:translate(0)}.menu-drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--layer-overlay);padding:0;border:0;background:var(--case-she-menu-overlay);cursor:pointer;visibility:hidden;opacity:0;transition:opacity var(--case-she-menu-motion) ease,visibility var(--case-she-menu-motion) ease}.menu-drawer-container.menu-open>.menu-drawer__backdrop{visibility:visible;opacity:1}.menu-drawer__screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--layer-base);display:flex;flex-direction:column;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--case-she-menu-border) transparent;color:var(--case-she-menu-text);background:var(--case-she-menu-bg);visibility:hidden;opacity:0;pointer-events:none;transform:translate(2rem);transition:transform var(--case-she-menu-motion) var(--animation-timing-fade-in),opacity var(--case-she-menu-motion) var(--animation-timing-fade-in),visibility var(--case-she-menu-motion) var(--animation-timing-fade-in)}.menu-drawer__screen[hidden]{display:none}.menu-drawer__screen[data-menu-screen-active]{z-index:var(--layer-raised);visibility:visible;opacity:1;pointer-events:auto;transform:translate(0)}.menu-drawer__screen-header{position:sticky;top:0;z-index:var(--layer-raised);display:grid;grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:center;min-height:3.25rem;padding:max(var(--safe-area-inset-top),.25rem) max(var(--safe-area-inset-right),var(--case-she-menu-gutter)) .25rem max(var(--safe-area-inset-left),var(--case-she-menu-gutter));background:var(--case-she-menu-bg)}.menu-drawer__screen--root .menu-drawer__brand{grid-column:2}.menu-drawer__screen--root .menu-drawer__close-button{position:absolute;inset-block-start:50%;inset-inline-start:var(--case-she-menu-gutter);grid-column:auto;justify-self:auto;transform:translateY(-50%)}.menu-drawer__brand{min-width:0;margin:0;color:inherit;font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-drawer__brand{justify-self:center;font-size:.9375rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase}.menu-drawer__icon-button,.menu-drawer__disclosure{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:0;color:inherit;background:transparent;cursor:pointer;transition:opacity var(--animation-speed-fast) ease}.menu-drawer__icon-button{width:max(2.75rem,var(--minimum-touch-target));height:max(2.75rem,var(--minimum-touch-target))}.menu-drawer__disclosure{width:1.5rem;height:1.5rem;margin-inline-end:-.25rem}.menu-drawer__icon-button:hover{opacity:var(--opacity-60)}.menu-drawer__close-button{justify-self:end}.menu-drawer__all-link .svg-wrapper{transform:rotate(-90deg)}.menu-drawer__icon-button .svg-wrapper,.menu-drawer__icon-button .svg-wrapper>svg{width:1.25rem;height:1.25rem}.menu-drawer__disclosure .svg-wrapper,.menu-drawer__disclosure .svg-wrapper>svg,.menu-drawer__all-link .svg-wrapper,.menu-drawer__all-link .svg-wrapper>svg{width:.7rem;height:.7rem}.menu-drawer__root-layout{display:grid;grid-template-columns:minmax(0,1fr);flex:0 0 auto;align-items:start;gap:1.25rem;padding:1.25rem max(var(--safe-area-inset-right),var(--case-she-menu-gutter)) max(var(--safe-area-inset-bottom),1.5rem) max(var(--safe-area-inset-left),var(--case-she-menu-gutter))}.menu-drawer__root-nav{width:min(100%,34rem);min-width:0}.menu-drawer__information{margin-block-start:.5rem}.menu-drawer__information-heading{display:flex;align-items:center;min-height:var(--case-she-menu-root-height);margin:0}.menu-drawer__information-list{padding-inline-start:1rem}.menu-drawer__information-link{display:flex;align-items:center;width:100%;min-height:var(--case-she-menu-child-height)}.menu-drawer__root-list{display:grid;width:100%;margin:0;gap:0}.menu-drawer__link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0}.menu-drawer__link-row--root{min-height:var(--case-she-menu-root-height);padding-inline:0;border:0;border-radius:0;background:transparent;box-shadow:none}.menu-drawer__root-link{min-width:0;padding-block:0;color:var(--menu-top-level-font-color, var(--case-she-menu-text));font-family:var(--menu-top-level-font-family, var(--font-body--family));font-size:.6875rem;font-style:var(--menu-top-level-font-style, normal);font-weight:400;letter-spacing:.06em;line-height:1.2;text-decoration:none;text-transform:var(--menu-top-level-font-case, none);overflow-wrap:anywhere;transition:opacity var(--animation-speed-fast) ease}a.menu-drawer__root-link:hover{opacity:var(--opacity-60)}.menu-drawer__group-toggle{padding-block:0}.menu-drawer__group-toggle:hover{color:inherit}@media(hover:hover){.menu-drawer__group-toggle:hover :is(.menu-drawer__root-link,.menu-drawer__child-link,.menu-drawer__disclosure){opacity:var(--opacity-60)}}.menu-drawer__group-toggle .menu-drawer__disclosure .svg-wrapper{margin:0;transform:none;transition:transform var(--animation-speed) var(--animation-easing)}.menu-drawer__group[open]>.menu-drawer__group-toggle .menu-drawer__disclosure .svg-wrapper{transform:rotate(180deg)}.menu-drawer__group-content{padding-inline-start:1rem}.menu-drawer__utility{display:none;flex:0 0 auto;min-height:0;padding:1rem max(var(--safe-area-inset-right),clamp(2.25rem,4vw,3rem)) max(var(--safe-area-inset-bottom),clamp(2rem,5vh,3.5rem)) calc(max(var(--safe-area-inset-left),clamp(2.25rem,4vw,3rem)) + 1rem)}.menu-drawer__utility-inner{display:flex;flex-wrap:wrap;align-content:flex-end;align-items:center;width:100%;padding-block-start:clamp(1.5rem,3vh,2rem);border-block-start:1px solid var(--case-she-menu-border);gap:clamp(.9rem,2vh,1.25rem) clamp(1rem,3vw,1.5rem)}.menu-drawer__utility-info{display:grid;flex:1 0 100%;max-width:24rem;gap:.65rem}.menu-drawer__utility-info-heading,.menu-drawer__utility-info-text,.menu-drawer__utility-info-text p{margin:0}.menu-drawer__utility-info-heading{color:var(--case-she-menu-text);font-family:var(--font-heading--family);font-size:clamp(1.25rem,2vw,1.55rem);font-weight:var(--font-heading--weight);line-height:1.15}.menu-drawer__utility-info-text{color:var(--case-she-menu-muted);font-family:var(--font-body--family);font-size:clamp(.8rem,1vw,.88rem);font-weight:var(--font-body--weight);line-height:1.5}.menu-drawer__utility-info-text strong{font-weight:500}.menu-drawer__utility-link{display:inline-grid;flex:0 0 auto;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-self:start;width:fit-content;max-width:100%;color:var(--case-she-menu-text);font-family:var(--font-body--family);font-size:clamp(.82rem,1vw,.92rem);line-height:1.2;text-decoration:none;gap:.75rem;transition:opacity var(--animation-speed-fast) ease,transform var(--animation-speed-fast) ease}.menu-drawer__utility-link:is(:hover,:focus-visible){opacity:var(--opacity-60);transform:translateY(-2px)}.menu-drawer__utility-link-icon{display:grid;place-items:center;width:var(--drawer-link-icon-size, 52px);height:var(--drawer-link-icon-size, 44px);flex-shrink:0}.menu-drawer__utility-link-icon img{display:block;width:100%;height:100%;object-fit:contain}.menu-drawer__utility-link-icon-fallback{display:grid;place-items:center;width:100%;height:100%;border:1px solid var(--case-she-menu-border);border-radius:50%;color:var(--case-she-menu-muted);font-size:.75em;text-transform:uppercase}.menu-drawer__utility-link-label{min-width:0;overflow-wrap:anywhere}.menu-drawer__all-link{display:inline-flex;align-items:center;min-height:var(--case-she-menu-third-height);margin-block-end:0;color:var(--case-she-menu-muted);font-family:var(--font-body--family);font-size:.6875rem;font-weight:400;letter-spacing:.06em;line-height:1.2;text-decoration:none;text-transform:none;gap:.65rem}.menu-drawer__all-link .svg-wrapper{transition:transform var(--animation-speed-fast) ease}.menu-drawer__all-link:hover .svg-wrapper{transform:translate(.2rem) rotate(-90deg)}.menu-drawer__submenu-list{display:grid;margin:0}.menu-drawer__submenu-item{min-width:0;padding-block:0}.menu-drawer__link-row--child{min-height:var(--case-she-menu-child-height);padding-inline:0;border:0;border-radius:0;background:transparent;box-shadow:none}.menu-drawer__child-link{min-width:0;color:var(--case-she-menu-text);font-family:var(--menu-parent-font-family, var(--font-body--family));font-size:.8125rem;font-style:var(--menu-parent-font-style, normal);font-weight:400;line-height:1.2;text-decoration:none;text-transform:none;overflow-wrap:anywhere;transition:opacity var(--animation-speed-fast) ease}a.menu-drawer__child-link:hover{opacity:var(--opacity-60)}.menu-drawer__third-list{display:grid;width:min(100%,31rem);margin:0}.menu-drawer__third-list>li{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-height:var(--case-she-menu-third-height)}.menu-drawer__third-link{display:flex;align-items:center;width:100%;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--case-she-menu-text);font-family:var(--menu-parent-font-family, var(--font-body--family));font-size:.8125rem;font-style:var(--menu-parent-font-style, normal);font-weight:400;line-height:1.2;text-decoration:none;text-transform:none;overflow-wrap:anywhere;transition:opacity var(--animation-speed-fast) ease}.menu-drawer__third-link:hover{opacity:var(--opacity-60)}.menu-drawer__link--active{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.2em}.menu-drawer :is(a,button,summary):focus-visible{border-radius:0;outline:2px solid currentColor;outline-offset:3px}html:has(#Details-menu-drawer-container[open]) .page-wrapper{scrollbar-gutter:stable}@media screen and (min-width:750px){.menu-drawer{inset-inline-end:auto;width:var(--case-she-menu-width)}.header-drawer{--case-she-menu-gutter: 32px}.menu-drawer__screen-header{min-height:60px}.menu-drawer__brand{font-size:18px}.menu-drawer__root-link{font-size:16px;line-height:20px}.menu-drawer__child-link{font-size:15px;line-height:20px}.menu-drawer__third-link{font-size:14px;line-height:18px}.menu-drawer__root-link,.menu-drawer__child-link,.menu-drawer__third-link{padding-block:4px}.menu-drawer__link-row--root{min-height:var(--case-she-menu-root-height)}.menu-drawer__link-row--child{min-height:var(--case-she-menu-child-height)}.menu-drawer__third-list>li{min-height:var(--case-she-menu-third-height)}}@media screen and (min-width:990px){.header-drawer{--case-she-menu-width: 420px}.menu-drawer__root-link{font-size:var(--menu-top-level-font-size-desktop, 14px)}.menu-drawer__child-link,.menu-drawer__third-link{font-size:13px}}@media screen and (max-width:749px){.header-drawer{--case-she-menu-gutter: 26px;--case-she-menu-motion: .21s;--case-she-menu-root-height: 2.25rem;--case-she-menu-child-height: 2rem;--case-she-menu-third-height: 2rem}.menu-drawer__backdrop{display:none}.menu-drawer__screen-header{min-height:3.5rem;padding:max(var(--safe-area-inset-top),.375rem) max(var(--safe-area-inset-right),1rem) .375rem max(var(--safe-area-inset-left),1rem)}.menu-drawer__brand{font-size:.875rem}.menu-drawer__disclosure{width:var(--minimum-touch-target);height:var(--case-she-menu-child-height);margin-inline-end:-.5rem}.menu-drawer__root-layout{display:block;padding:1rem max(var(--safe-area-inset-right),var(--case-she-menu-gutter)) max(var(--safe-area-inset-bottom),2rem) max(var(--safe-area-inset-left),var(--case-she-menu-gutter))}.menu-drawer__root-list{gap:0}.menu-drawer__link-row{grid-template-columns:minmax(0,1fr) auto}.menu-drawer__link-row--root{min-height:var(--case-she-menu-root-height);padding-inline:0}.menu-drawer__root-link{display:flex;align-items:center;min-height:var(--case-she-menu-root-height);padding-block:.25rem;font-size:1rem;letter-spacing:.04em;line-height:1.2}.menu-drawer__utility{min-height:0;padding:1.5rem max(var(--safe-area-inset-right),1.25rem) max(var(--safe-area-inset-bottom),1.75rem) calc(max(var(--safe-area-inset-left),1.25rem) + .75rem)}.menu-drawer__utility-inner{gap:1.35rem .9rem}.menu-drawer__all-link{min-height:var(--case-she-menu-child-height);margin-block-end:0}.menu-drawer__link-row--child{min-height:var(--case-she-menu-child-height)}.menu-drawer__child-link{display:flex;align-items:center;min-height:var(--case-she-menu-child-height);padding-block:.25rem;font-size:.9375rem;line-height:1.2}.menu-drawer__third-list>li{grid-template-columns:minmax(0,1fr);min-height:var(--case-she-menu-third-height)}.menu-drawer__third-link{min-height:var(--case-she-menu-third-height);padding:.25rem 0;font-size:.875rem;line-height:1.2}}@media(prefers-reduced-motion:reduce){.menu-drawer,.menu-drawer__backdrop,.menu-drawer__screen,.menu-drawer__icon-button,.menu-drawer__disclosure,.menu-drawer__group-toggle .menu-drawer__disclosure .svg-wrapper,.menu-drawer__root-link,.menu-drawer__child-link,.menu-drawer__third-link,.menu-drawer__all-link .svg-wrapper{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/case-she-menu-drawer.css.map */