#header-component[data-mega-drawer]{--mega-drawer-width: clamp(300px, 26vw, 440px);--mega-drawer-ease: cubic-bezier(.22, .61, .36, 1);--mega-drawer-speed: .32s;--mega-drawer-top: var(--account-offset-top, var(--header-group-height, var(--header-height)))}#header-component[data-scroll-blur] .header__underlay-closed{background:transparent!important}#header-component[data-scroll-blur] .header__underlay-closed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe6;-webkit-backdrop-filter:saturate(180%) blur(var(--header-blur-amount, 20px));backdrop-filter:saturate(180%) blur(var(--header-blur-amount, 20px));opacity:1;pointer-events:none;transition:opacity var(--animation-speed, .2s) var(--ease-out-cubic, ease)}#header-component[data-scroll-blur][transparent]:not([data-sticky-state=active]):not(:hover):not(:focus-within):not(:has(.menu-list__link:is(:hover,[aria-expanded=true]))):not(:has(.menu-list__list-item:not([slot=overflow])>.menu-list__submenu:hover)) .header__underlay-closed:after{opacity:0}#header-component[data-scroll-blur][transparent]:hover .header__underlay-closed,#header-component[data-scroll-blur][transparent]:focus-within .header__underlay-closed{height:100%}#header-component:has(.menu-list__list-item:not([slot=overflow]) [aria-expanded=true]) .header__underlay-closed,#header-component:has(.menu-list__list-item:not([slot=overflow])>.menu-list__submenu:hover) .header__underlay-closed{height:100%}#header-component[data-scroll-blur][transparent]:hover,#header-component[data-scroll-blur][transparent]:focus-within{--header-logo-display: unset;--header-logo-inverse-display: unset}#header-component[data-scroll-blur][transparent]:hover .header__row,#header-component[data-scroll-blur][transparent]:focus-within .header__row,#header-component[transparent]:has(.menu-list__list-item:not([slot=overflow]) [aria-expanded=true]) .header__row,#header-component[transparent]:has(.menu-list__list-item:not([slot=overflow])>.menu-list__submenu:hover) .header__row{--color-foreground: #121212;--color-foreground-rgb: 18 18 18;--color-transparent-text: #121212;--color-transparent-text-rgb: 18 18 18;--color-border: rgba(18, 18, 18, .16)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){#header-component[data-scroll-blur] .header__underlay-closed:after{background:#fffffff7}}.mega-drawer__overlay{position:absolute;top:100%;left:min(var(--mega-drawer-width, 440px),92vw);right:0;height:calc(100dvh - var(--mega-drawer-top));background:rgba(18,18,18,var(--mega-drawer-overlay-opacity, .32));opacity:0;visibility:hidden;pointer-events:none;z-index:var(--layer-window-overlay);transition:opacity var(--mega-drawer-speed) var(--mega-drawer-ease),visibility 0s linear var(--mega-drawer-speed)}@media screen and (min-width:750px){#header-component[data-mega-drawer] .header__underlay-open{display:none}#header-component[data-mega-drawer] .menu-list__list-item:where(:not([slot=overflow]))>.menu-list__submenu{position:absolute;top:100%;bottom:auto;left:0;right:auto;width:var(--mega-drawer-width);max-width:92vw;height:calc(100dvh - var(--mega-drawer-top));padding:0;z-index:var(--layer-header-menu);transform:translate(-100%);opacity:0;clip-path:none;transition:transform var(--mega-drawer-speed) var(--mega-drawer-ease),opacity var(--mega-drawer-speed) var(--mega-drawer-ease),visibility 0s linear var(--mega-drawer-speed);background-color:#ffffffeb!important;-webkit-backdrop-filter:saturate(180%) blur(var(--header-blur-amount, 20px));backdrop-filter:saturate(180%) blur(var(--header-blur-amount, 20px));box-shadow:1px 0 #0000000f,4px 0 32px #00000012}#header-component[data-mega-drawer] .menu-list__list-item:where(:not([slot=overflow]))>.menu-list__submenu[data-active],#header-component[data-mega-drawer] .menu-list__list-item:where(:not([slot=overflow])):hover>.menu-list__submenu,#header-component[data-mega-drawer] .menu-list__list-item:where(:not([slot=overflow]))>.menu-list__submenu:hover{transform:translate(0);opacity:1;visibility:visible;transition:transform var(--mega-drawer-speed) var(--mega-drawer-ease),opacity var(--mega-drawer-speed) var(--mega-drawer-ease),visibility 0s}#header-component[data-mega-drawer] .menu-list__list-item:where(:not([slot=overflow]))>.menu-list__submenu:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:10px;pointer-events:auto}#header-component[data-mega-drawer] .menu-list__submenu-inner{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;height:100%;max-height:none;padding:0;transform:none;opacity:1;overflow:hidden;background-color:transparent!important;--color-foreground: var(--mega-drawer-fg, #121212);--color-foreground-rgb: var(--mega-drawer-fg-rgb, 18 18 18);--menu-child-font-color: var(--mega-drawer-fg, #121212);--menu-parent-font-color: var(--mega-drawer-fg, #121212);--menu-child-active-font-color: var(--mega-drawer-fg, #121212)}#header-component[data-mega-drawer] .menu-list__submenu-inner>.mega-menu{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;margin:0;width:100%;padding-block:var(--padding-xl) var(--padding-md);padding-inline:var(--mega-drawer-pad-inline, clamp(20px, 2vw, 36px));scrollbar-width:thin}#header-component[data-mega-drawer] .mega-menu__grid,#header-component[data-mega-drawer] .mega-menu__list,#header-component[data-mega-drawer] .mega-menu__column>div{display:flex;flex-direction:column;gap:0;width:100%;grid-template-columns:none}#header-component[data-mega-drawer] .mega-menu__column{grid-column:auto!important;width:100%}#header-component[data-mega-drawer] .mega-menu__column>div>ul{column-count:1!important;width:100%}#header-component[data-mega-drawer] .mega-menu__link{--menu-row-font-size: var(--mega-drawer-link-size, var(--font-size--lg));display:flex;align-items:center;width:100%;padding-block:clamp(7px,.6vw,11px);font-size:var(--menu-row-font-size);line-height:1.15;letter-spacing:-.01em;color:var(--mega-drawer-fg, #121212);transition:opacity .18s ease,transform .18s ease}#header-component[data-mega-drawer] .mega-menu__link:hover{opacity:.55;transform:translate(4px)}#header-component[data-mega-drawer] .mega-menu__link--parent{font-size:var(--font-size--sm);text-transform:uppercase;letter-spacing:.08em;opacity:.5;padding-block-end:2px}#header-component[data-mega-drawer] .mega-menu__content{display:none}.mega-drawer__figure{flex:0 0 auto;position:relative;width:100%;margin:0;aspect-ratio:var(--mega-drawer-image-ratio, 4 / 3);overflow:hidden;background:var(--color-foreground)}.mega-drawer__figure img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--mega-drawer-ease)}.menu-list__submenu:hover .mega-drawer__figure img{transform:scale(1.04)}.mega-drawer__figure-caption{position:absolute;left:clamp(16px,1.6vw,28px);bottom:clamp(14px,1.4vw,22px);margin:0;color:#fff;font-size:var(--font-size--sm);letter-spacing:.02em;text-shadow:0 1px 12px rgba(0,0,0,.45);z-index:1;pointer-events:none}.mega-drawer__figure-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}#header-component[data-mega-drawer]:has(.menu-list__list-item:not([slot=overflow])>.menu-list__submenu[data-active]) .mega-drawer__overlay,#header-component[data-mega-drawer]:has(.menu-list__list-item:not([slot=overflow])>.menu-list__submenu:hover) .mega-drawer__overlay{opacity:1;visibility:visible;transition:opacity var(--mega-drawer-speed) var(--mega-drawer-ease),visibility 0s}}@media(prefers-reduced-motion:reduce){#header-component[data-mega-drawer] .menu-list__list-item:where(:not([slot=overflow]))>.menu-list__submenu{transition:opacity var(--mega-drawer-speed) linear,visibility 0s linear var(--mega-drawer-speed);transform:none}#header-component[data-mega-drawer] .menu-list__list-item:has([aria-expanded=true])>.menu-list__submenu{transform:none}.mega-drawer__figure img,#header-component[data-mega-drawer] .mega-menu__link{transition:none}}account-menu{position:relative;display:inline-flex;align-items:center;overflow:visible;flex-shrink:0;background:transparent!important}.account-menu__trigger{position:relative;display:inline-flex;align-items:center;gap:var(--gap-xs);cursor:pointer;color:var(--color-foreground);background:transparent!important;overflow:visible;line-height:normal;min-height:var(--minimum-touch-target);white-space:nowrap}.account-menu--text .account-menu__trigger{font-size:var(--header-actions-font-size, .875rem);font-family:var(--header-actions-font-family, inherit);font-weight:var(--header-actions-font-weight, inherit);text-transform:var(--header-actions-text-case, none)}.account-menu__icon{display:inline-flex}.account-menu__trigger-dot{position:absolute;top:-3px;right:-3px;width:7px;height:7px;padding:0;border-radius:50%;background:var(--wishlist-btn-active-color, #e23b3b);font-size:0;line-height:0;color:transparent;pointer-events:none;z-index:1}.account-menu--text .account-menu__trigger-dot{top:-2px;right:-8px}.account-menu__trigger-dot[hidden]{display:none}.account-menu__panel{position:absolute;top:calc(100% + 10px);right:0;min-width:208px;padding:8px;background:var(--color-popover-background, var(--color-background, #fff));color:var(--color-popover-text, var(--color-foreground, #121212));border-radius:var(--style-border-radius-popover, 0);box-shadow:var(--shadow-popover, 0 8px 40px rgba(0, 0, 0, .14));z-index:var(--layer-menu-drawer);display:flex;flex-direction:column;gap:2px;transform-origin:top right;animation:account-menu-in .16s var(--mega-drawer-ease, ease) both}.account-menu__panel[hidden]{display:none}@media(hover:hover)and (pointer:fine){account-menu:hover .account-menu__panel,account-menu:focus-within .account-menu__panel{display:flex}}@keyframes account-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.account-menu__item{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--color-popover-text, var(--color-foreground, #121212));text-decoration:none;font-size:var(--font-size--sm);border-radius:calc(var(--style-border-radius-popover, 0px) * .6);transition:background .14s ease}.account-menu__item:hover,.account-menu__item:focus-visible{background:var(--color-foreground-subtle, rgba(0, 0, 0, .05));outline:none}.account-menu__item-icon{display:inline-flex;width:16px;justify-content:center;opacity:.85}.account-menu__item-text{flex:1 1 auto}.account-menu__item--muted{opacity:.6;font-size:var(--font-size--xs);border-top:1px solid var(--color-border, rgba(0, 0, 0, .08));margin-top:4px;padding-top:12px}.account-menu__count[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/11/assets/mega-drawer.css.map */