:root{--menu-drawer-glass-inset: .625rem;--menu-drawer-glass-radius: 2rem;--menu-drawer-glass-width: min(24rem, calc(100vw - var(--menu-drawer-glass-inset) * 2))}.menu-drawer--glass,.menu-drawer-container--glass .menu-drawer--glass{position:fixed;z-index:var(--layer-menu-drawer);top:var(--menu-drawer-glass-inset);left:var(--menu-drawer-glass-inset);bottom:var(--menu-drawer-glass-inset);right:auto;width:var(--menu-drawer-glass-width);height:auto;max-height:calc(100dvh - var(--menu-drawer-glass-inset) * 2);padding:0;overflow:hidden;display:flex;flex-direction:column;visibility:hidden;transform:translate(calc(-100% - var(--menu-drawer-glass-inset) * 2));border:1px solid rgba(255,255,255,.55);border-radius:var(--menu-drawer-glass-radius);background:#ffffffb8;-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;transition:transform var(--drawer-animation-speed, .35s) ease,visibility var(--drawer-animation-speed, .35s) ease,opacity var(--drawer-animation-speed, .35s) ease}@media screen and (min-width:750px){:root{--menu-drawer-glass-inset: .875rem;--menu-drawer-glass-radius: 2.25rem;--menu-drawer-glass-width: 25rem}}.menu-drawer__backdrop--glass{position:fixed;right:0;bottom:0;top:0;left:0;width:100vw;height:100dvh;height:100vh;margin:0;border:0;z-index:var(--layer-heightened);opacity:0;pointer-events:none;transition:opacity var(--drawer-animation-speed, .35s) ease;-webkit-backdrop-filter:blur(4px) brightness(.92);backdrop-filter:blur(4px) brightness(.92);background:#0000000f}.menu-drawer__backdrop--glass.menu-drawer__backdrop--glass-visible{opacity:1;pointer-events:auto}body>.menu-drawer__backdrop--glass{z-index:var(--layer-heightened)!important}#header-component[data-glass-drawer=true] .header__row--top:after,#header-component[data-glass-drawer=true] .header__subnav-row:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:0;transition:opacity var(--drawer-animation-speed, .35s) ease;background:#0000001a}#header-component[data-glass-drawer=true]:has(#Details-menu-drawer-container.menu-open):not([transparent][data-at-top=true]) .header__row--top:after,#header-component[data-glass-drawer=true]:has(#Details-menu-drawer-container[open]):not([transparent][data-at-top=true]) .header__row--top:after,#header-component[data-glass-drawer=true]:has(#Details-menu-drawer-container.menu-open):not([transparent][data-at-top=true]) .header__subnav-row:after,#header-component[data-glass-drawer=true]:has(#Details-menu-drawer-container[open]):not([transparent][data-at-top=true]) .header__subnav-row:after{opacity:1}#header-component[data-glass-drawer=true]:has(#Details-menu-drawer-container.menu-open) .header__row--top .header__columns:has(.header-transparent-nav-slot),#header-component[data-glass-drawer=true]:has(#Details-menu-drawer-container[open]) .header__row--top .header__columns:has(.header-transparent-nav-slot){z-index:auto}.menu-drawer-container--glass.menu-open>.menu-drawer--glass,details.menu-open.menu-drawer-container--glass>.menu-drawer--glass,body>.menu-drawer--glass.menu-drawer--glass--portaled{transform:translate(0);visibility:visible;opacity:1;z-index:var(--layer-menu-drawer);pointer-events:auto;isolation:isolate}body>.menu-drawer--glass.menu-drawer--glass--portaled{z-index:var(--layer-menu-drawer)!important}.menu-drawer--glass.menu-drawer{left:var(--menu-drawer-glass-inset);top:var(--menu-drawer-glass-inset);right:auto;bottom:var(--menu-drawer-glass-inset);width:var(--menu-drawer-glass-width);height:auto;max-height:calc(100dvh - var(--menu-drawer-glass-inset) * 2);max-width:none;border:1px solid rgba(255,255,255,.55);border-right:none;border-radius:var(--menu-drawer-glass-radius);background:#ffffffb8;-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;overflow:hidden}.menu-drawer-glass{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:100%;padding:1.25rem 1.35rem;color:#111;overflow:hidden}.menu-drawer-glass__header{flex-shrink:0;margin-block-end:1.25rem}.menu-drawer-glass__close{display:inline-flex;align-items:center;gap:.35rem;font-size:.9375rem;font-weight:400;color:#111;cursor:pointer}.menu-drawer-glass__close-icon{font-size:1.35rem;line-height:1}.menu-drawer-glass__tabs{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-block-end:1.75rem}.menu-drawer-glass__tab{-webkit-appearance:none;appearance:none;border:none;background:transparent;padding:.45rem 1rem;border-radius:9999px;font-size:.9375rem;font-weight:500;color:#111;cursor:pointer;transition:background-color .25s ease,color .25s ease}.menu-drawer-glass__tab--active{background-color:#111;color:#fff}.menu-drawer-glass__panels{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.menu-drawer-glass__panel[hidden]{display:none!important}.menu-drawer-glass__panel--active{display:block}.menu-drawer-glass__main-links{margin:0 0 .5rem;padding:0}.menu-drawer-glass__main-link{display:block;padding-block:.2rem;font-size:clamp(1.75rem,7vw,2.125rem);font-weight:700;line-height:1.12;letter-spacing:-.02em;text-decoration:none;color:#111}.menu-drawer-glass__main-link:hover{opacity:.65}.menu-drawer-glass__sub-links{margin:0 0 1.5rem;padding:0}.menu-drawer-glass__sub-link,.menu-drawer-glass__accordion-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding-block:.35rem;font-size:.9375rem;font-weight:400;line-height:1.35;color:#111;text-decoration:none}.menu-drawer-glass__accordion{border:0}.menu-drawer-glass__accordion-summary{list-style:none;cursor:pointer}.menu-drawer-glass__accordion-summary::-webkit-details-marker{display:none}.menu-drawer-glass__accordion-icon{flex-shrink:0;font-size:1.125rem;font-weight:300;transition:transform .2s ease}.menu-drawer-glass__accordion[open] .menu-drawer-glass__accordion-icon{transform:rotate(45deg)}.menu-drawer-glass__accordion-panel{padding-inline-start:0;padding-block-end:.5rem}.menu-drawer-glass__accordion-list .menu-drawer-glass__sub-link{padding-inline-start:0}.menu-drawer-glass__pills{margin-block-start:1.25rem;padding-block-start:.25rem}.menu-drawer-glass__pills-heading{margin:0 0 .85rem;font-size:.8125rem;font-weight:400;color:#111111bf}.menu-drawer-glass__pills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0;padding:0;list-style:none}.menu-drawer-glass__pills-item{display:block;min-width:0}.menu-drawer-glass__pill{display:flex;align-items:center;gap:.5rem;padding:.35rem .65rem .35rem .35rem;border-radius:50px;background:#ffffff73;border:1px solid rgba(255,255,255,.65);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-decoration:none;color:#111;transition:background-color .2s ease}.menu-drawer-glass__pill:hover{background:#ffffffa6}.menu-drawer-glass__pill-media{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:50%;overflow:hidden;background:#0000000f}.menu-drawer-glass__pill-image{width:100%;height:100%;object-fit:cover;display:block}.menu-drawer-glass__pill-placeholder{display:block;width:100%;height:100%;background:#00000014}.menu-drawer-glass__pill-title{font-size:.8125rem;font-weight:400;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-drawer-glass__foot{position:relative;flex-shrink:0;margin-block-start:auto;padding-block-start:1.5rem;min-height:3.25rem}.menu-drawer-glass__footer{position:relative;z-index:1;padding-inline-end:clamp(4rem,28%,5.5rem)}.menu-drawer-glass__footer-link{font-size:.875rem;color:#111;text-decoration:none}.menu-drawer-glass__footer-link:hover{text-decoration:underline}.menu-drawer-glass__corner-image{position:absolute;inset-block-end:0;inset-inline-end:0;z-index:0;width:clamp(3.25rem,20vw,4.75rem);line-height:0;pointer-events:none;-webkit-user-select:none;user-select:none}.menu-drawer-glass__corner-image-img{display:block;width:100%;height:auto;object-fit:contain;object-position:bottom right}.menu-drawer--glass .menu-drawer__close-button,.header-drawer--glass .menu-drawer__navigation{display:none}
/*# sourceMappingURL=/cdn/shop/t/12/assets/header-drawer-glass.css.map */