:root{--app-header-height: 4.8rem;--app-header-margin-top: var(--space-8);--app-header-padding-inline: var(--space-1);--app-header-text-color: var(--text-primary);--app-header-logo-width: 6.2rem;--app-header-max-width: 35.8rem;--header-button-size: 3.2rem;--header-icon-size: 2.4rem;--app-header-mobile-menu-height: 56rem;--app-header--mobile-menu-width: 100%}@media screen and (min-width:481px){:root{--app-header-max-width: 70.4rem;--app-header-padding-inline: 3.2rem}}@media screen and (min-width:1024px){:root{--app-header-margin-top: var(--space-16)}}@media screen and (min-width:1280px){:root{--app-header-height: 8rem;--app-header-max-width: 118.4rem;--header-button-size: 4rem;--app-header-logo-width: 7.3rem;--app-header--mobile-menu-width: 33.6rem}}.header-wrapper{max-width:var(--app-header-max-width);margin-inline:auto}.section-header{z-index:var(--z-index-header);position:sticky;top:var(--header-sticky-top, 0);width:100%;padding-inline:var(--app-header-padding-inline);transition:top var(--duration-medium) ease}.header__content{z-index:var(--z-index-header);position:relative;display:flex;align-items:center;gap:var(--space-24);justify-content:space-between;width:100%;min-height:var(--app-header-height);padding:var(--space-6) var(--space-8) var(--space-6) var(--space-12);margin-top:var(--app-header-margin-top);background-color:var(--background-surface-primary);border-radius:var(--border-radius-16);border:.5px solid var(--border-default)}@media screen and (min-width:1280px){.header__content{gap:var(--space-48);padding:var(--space-12) var(--space-16);border-radius:var(--border-radius-24)}}.header__heading-logo{display:flex;align-items:center;margin-bottom:var(--space-2)}.header__heading-logo img{width:var(--app-header-logo-width)}.header__icons{display:flex;grid-area:icons;justify-self:end;gap:var(--space-6)}@media screen and (min-width:1280px){.header__heading-logo{margin-bottom:var(--space-4)}.header__icons{gap:var(--space-8)}.header__icon{border-radius:var(--space-12);transition:background-color var(--duration-medium) ease}.header__icon:hover{background-color:var(--background-surface-secondary)}}.header__icon{position:relative;width:var(--header-button-size);height:var(--header-button-size)}.header__icon .svg-wrapper{width:var(--header-icon-size);height:var(--header-icon-size);color:var(--app-header-text-color)}.header__icon .svg-wrapper>.app-icon{width:100%;height:100%}mobile-nav-toggle{display:block}@media screen and (min-width:1280px){mobile-nav-toggle{display:none}}.header__icon--menu{padding:0;margin:0}.header__icon--menu .app-icon-header-close-icon,.mobile-nav-open .header__icon--menu .app-icon-header-menu-icon{display:none}.mobile-nav-open .header__icon--menu .app-icon-header-close-icon{display:block}.header__center{z-index:var(--z-index-header);position:absolute;top:calc(100% + var(--space-8));left:0;right:0;padding:var(--space-8) var(--space-12);max-height:calc(100svh - var(--app-header-margin-top) - var(--app-header-height) - var(--space-8) - var(--space-16));background:var(--background-surface-primary);border-radius:var(--border-radius-24);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-medium) ease;overflow-y:auto;scrollbar-width:none}.header__center::-webkit-scrollbar{display:none}.mobile-nav-open .header__center{opacity:1;visibility:visible;pointer-events:auto}@media screen and (min-width:768px){.header__center{max-height:min(var(--app-header-mobile-menu-height, 56rem),calc(100svh - var(--app-header-margin-top) - var(--app-header-height) - var(--space-8) - var(--space-16)))}body.promo-visible .mobile-nav-open .header__center{max-height:min(var(--app-header-mobile-menu-height, 56rem),calc(100svh - var(--promo-banner-height) - var(--app-header-margin-top) - var(--app-header-height) - var(--space-8) - var(--space-16)))}}@media screen and (min-width:1280px){.header__center{position:static;flex:1 1 0;max-height:none;padding:0;background:none;border-radius:0;opacity:1;visibility:visible;pointer-events:auto;transition:none;overflow:visible}}.mobile-nav-open .header-menu__list{flex-direction:column;align-items:stretch;gap:0}.mobile-nav-open .app-dropdown-menu{width:100%}.mobile-nav-open .app-dropdown-menu:not(:last-child){margin-bottom:var(--space-6)}@media screen and (max-width:479px){.header-wrapper:before{z-index:1;position:fixed;content:"";top:0;right:0;bottom:0;left:0;background:var(--background-page-overlay);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-medium) ease,visibility var(--duration-medium) ease}.header-wrapper:has(.mobile-nav-open):before{opacity:1;visibility:visible;pointer-events:auto}}.header-menu__list{display:flex;flex-wrap:wrap;gap:var(--space-16);align-items:center;padding:0;margin:0;list-style:none}.app-dropdown-menu{display:block}.app-dropdown-menu__container{position:relative}.app-dropdown-menu__trigger{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:5.5rem;padding:var(--space-12) var(--space-8);line-height:5.5rem;color:var(--color-primary-neutral-800);text-decoration:none;background-color:transparent}.app-dropdown-menu__trigger:focus-visible{outline:none;box-shadow:none}@media screen and (min-width:1280px){.app-dropdown-menu__trigger:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset);box-shadow:var(--focused-base-box-shadow)}}.app-dropdown-menu__trigger:not(:last-child){border-bottom:.5px solid var(--border-default)}.app-dropdown-menu__container[open] .app-dropdown-menu__trigger{border-color:transparent}.app-dropdown-menu__icon-wrapper{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:2rem;height:2rem}.app-dropdown-menu__icon-wrapper .app-icon svg{width:100%;height:100%}.app-dropdown-menu__icon{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:opacity var(--duration-medium) ease-in-out,transform var(--duration-medium) ease-in-out;transform-origin:center}.app-dropdown-menu__icon--plus{opacity:1;transform:rotate(-90deg)}.app-dropdown-menu__icon--minus{opacity:1;transform:rotate(0)}.app-dropdown-menu__container[open] .app-dropdown-menu__icon--plus{opacity:0;transform:rotate(0)}@media screen and (min-width:1280px){.app-dropdown-menu__icon-wrapper{display:none}.app-dropdown-menu__trigger{justify-content:flex-start;width:auto;height:4rem;padding:0 var(--space-16);line-height:4rem;border-radius:var(--border-radius-12);transition:background-color var(--duration-medium) ease;cursor:pointer}.app-dropdown-menu__trigger:hover{background-color:var(--background-surface-secondary)}.app-dropdown-menu__trigger:not(:last-child){border-bottom:none}.app-dropdown-menu__container[open]>.app-dropdown-menu__trigger{background-color:var(--background-surface-secondary)}}.app-dropdown-menu__dropdown{display:flex;flex-direction:column;width:var(--app-header--mobile-menu-width);padding:var(--space-8);list-style:none;border-radius:var(--border-radius-24);border:.5px solid var(--border-default)}@media screen and (min-width:1280px){.app-dropdown-menu__dropdown{z-index:10;position:absolute;top:calc(100% + 2.8rem);left:50%;background:var(--background-surface-primary);transform:translate(-50%);opacity:0;pointer-events:none}.app-dropdown-menu__container[open]>.app-dropdown-menu__dropdown{opacity:1;pointer-events:auto}}@media screen and (max-width:1279px){@supports (interpolate-size: allow-keywords){.app-dropdown-menu__container{interpolate-size:allow-keywords}}.app-dropdown-menu__container{overflow:hidden}.app-dropdown-menu__container::details-content{block-size:0;transition:block-size var(--duration-medium),content-visibility var(--duration-medium);transition-behavior:allow-discrete}.app-dropdown-menu__container[open]::details-content{block-size:auto}}@media screen and (prefers-reduced-motion:reduce){.app-dropdown-menu__icon{transition:none}.app-dropdown-menu__container::details-content{transition:none}}.app-dropdown-menu__header{padding:var(--space-8);margin:0}.app-dropdown-menu__subtitle{padding:0;margin:0;color:var(--text-secondary)}.app-dropdown-menu__cta-item{margin-top:var(--space-6)}.app-dropdown-menu__cta{display:flex;align-items:center;justify-content:center;width:100%;height:4.8rem;padding:var(--space-12) var(--space-16);color:var(--text-secondary);text-decoration:none;line-height:4.8rem;text-align:center;border-radius:var(--border-radius-16);background:var(--background-surface-tertiary);transition:background var(--duration-short) ease-in-out}.app-dropdown-menu__cta:hover{background:var(--background-surface-secondary)}.app-menu-item{display:block}.app-menu-item+.app-menu-item{margin-top:var(--space-4)}.app-menu-item__link{display:flex;align-items:center;gap:var(--space-16);padding:var(--space-8);color:var(--app-header-text-color);text-decoration:none;border-radius:var(--border-radius-20);cursor:pointer;transition:background var(--duration-short) ease-in-out}.app-menu-item__link:hover{background:var(--background-surface-tertiary)}.app-menu-item__image{display:block;border-radius:var(--border-radius-12);box-shadow:0 0 0 .5px var(--color-alpha-black-5)}.app-menu-item__image .app-menu-item__image-img{display:block;width:7.2rem;height:7.2rem;border-radius:var(--border-radius-12);object-fit:cover;object-position:center}.app-menu-item__image .app-emoji{width:7.2rem;height:7.2rem;border-radius:var(--border-radius-12)}.app-menu-item__image .app-emoji svg{width:3.6rem;height:3.6rem}.app-menu-item__content{display:block;width:100%}.app-menu-item__title{display:block;margin-bottom:var(--space-4);color:var(--app-header-text-color)}.app-menu-item__subtitle{display:block;color:var(--icon-secondary)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-header.css.map */