.site-header{align-items:center;color:var(--color-text-inverted);display:flex;gap:var(--spacing-40);margin:0 auto;max-width:min(var(--layout-wide),calc(100% - var(--layout-padding) * 2));padding:var(--spacing-20) 0;position:relative}.site-header:has(.header__search-form[aria-hidden=false]) .header__menu{opacity:0;visibility:hidden}.site-header *::selection{background-color:var(--color-text-inverted);color:var(--color-surface-base)}.site-header .header__logo{height:1rem;line-height:0;margin-right:auto;width:6.5rem}.site-header .header__menu{align-content:flex-start;align-items:flex-start;background-color:var(--color-surface-raised);color:var(--color-text-base);display:flex;flex-wrap:wrap;height:100%;justify-content:space-between;max-width:90vw;opacity:0;overflow-y:auto;padding:var(--spacing-70) var(--spacing-60);position:fixed;right:0;top:0;transform:translate(50%);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;width:30rem;z-index:100}.site-header .header__menu *::selection{background-color:var(--color-text-base);color:var(--color-text-inverted)}@media (min-width: 1280px){.site-header .header__menu{background-color:transparent;color:var(--color-text-inverted);height:unset;left:50%;max-width:none;opacity:1;overflow:unset;padding:0;position:absolute;right:unset;top:unset;transform:translate(-50%);visibility:visible;width:unset}.site-header .header__menu *::selection{background-color:var(--color-text-inverted);color:var(--color-surface-base)}}@media (max-width: 1279px){.site-header .header__menu.is-open{opacity:1;transform:translate(0);visibility:visible}}.site-header .header__menu .header__menu-logo{align-items:center;display:flex;height:2rem;justify-content:center;width:7.5rem}@media (min-width: 1280px){.site-header .header__menu .header__menu-logo{display:none}}.site-header .header__menu .header__menu-logo svg{height:100%;width:100%}.site-header .header__menu .header__menu-close{height:2rem;width:2rem}@media (min-width: 1280px){.site-header .header__menu .header__menu-close{display:none}}.site-header .header__menu .header__menu-nav{display:flex;flex-direction:column;font-family:var(--font-headline);font-size:var(--font-size-heading-sm);gap:var(--spacing-60);margin:var(--spacing-70) 0 0 0;width:100%}@media (min-width: 1280px){.site-header .header__menu .header__menu-nav{flex-direction:row;font-family:var(--font-body);font-size:var(--font-size-sm);margin:0}}.site-header .header__menu form{margin-top:var(--spacing-70);position:relative;width:100%}@media (min-width: 1280px){.site-header .header__menu form{display:none}}.site-header .header__menu form input{border-bottom:1px solid var(--color-stroke-secondary);font-size:var(--font-size-md);outline:none;padding:var(--spacing-30) calc(var(--spacing-30) + 1.5rem) var(--spacing-30) 0;transition:border-color .2s ease;width:100%}.site-header .header__menu form input::placeholder{color:currentColor;opacity:1}.site-header .header__menu form input:focus{border-color:var(--color-stroke-primary)}.site-header .header__menu form button{line-height:0;position:absolute;right:0;top:calc(50% - .75rem)}.site-header .header__menu form button svg{height:1.5rem;width:1.5rem}.site-header .header__menu a{align-items:center;display:flex;text-decoration:none;transition:background-color .2s ease}@media (min-width: 1280px){.site-header .header__menu a{border-radius:var(--border-radius-sm);height:2.5rem;padding:0 var(--spacing-40)}}@media (min-width: 1280px){.site-header .header__menu a:focus{background-color:var(--color-overlay-subtle)}}@media (hover: hover){.site-header .header__menu a:hover{background-color:var(--color-overlay-subtle)}}.site-header .header__icon{align-items:center;border-radius:var(--border-radius-sm);display:flex;height:2.5rem;justify-content:center;position:relative;transition:background-color .2s ease;width:2.5rem}.site-header .header__icon:focus{background-color:var(--color-overlay-subtle)}@media (hover: hover){.site-header .header__icon:hover{background-color:var(--color-overlay-subtle)}}.site-header .header__icon svg{height:1.5rem;width:1.5rem}.site-header .header__search{display:none;position:relative}@media (min-width: 768px){.site-header .header__search{display:block}}.site-header .header__search .header__search-toggle{transition:opacity .2s ease}.site-header .header__search .header__search-toggle[aria-expanded=true]{opacity:0;pointer-events:none}.site-header .header__search .header__search-form{display:none;opacity:0;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%) scaleX(0);transform-origin:right;transition:transform .2s ease,opacity .2s ease,visibility .2s ease;width:100%;z-index:10}@media (min-width: 768px){.site-header .header__search .header__search-form{display:block;width:20rem}}@media (min-width: 992px){.site-header .header__search .header__search-form{display:block;width:30rem}}@media (min-width: 1280px){.site-header .header__search .header__search-form{width:45rem}}.site-header .header__search .header__search-form[aria-hidden=true]{visibility:hidden}.site-header .header__search .header__search-form[aria-hidden=false]{opacity:1;pointer-events:auto;transform:translateY(-50%) scaleX(1)}.site-header .header__search .header__search-wrapper{box-shadow:inset 0 -1px 0 var(--color-stroke-secondary);display:flex;gap:.625rem;width:100%}.site-header .header__search .header__search-wrapper button{line-height:0}.site-header .header__search .header__search-wrapper svg{height:1.5rem;width:1.5rem}.site-header .header__search .header__search-wrapper .header__search-submit{transition:color .2s ease}.site-header .header__search .header__search-wrapper .header__search-submit:focus{color:var(--color-action-highlight)}@media (hover: hover){.site-header .header__search .header__search-wrapper .header__search-submit:hover{color:var(--color-action-highlight)}}.site-header .header__search .header__search-wrapper .header__search-close:focus svg{transform:rotate(90deg)}@media (hover: hover){.site-header .header__search .header__search-wrapper .header__search-close:hover svg{transform:rotate(90deg)}}.site-header .header__search .header__search-wrapper .header__search-close svg{transition:transform .2s ease}.site-header .header__search .header__search-input{color:var(--color-text-inverted);flex:1;height:2.5rem;outline:none}.site-header .header__search .header__search-input::placeholder{color:var(--color-text-inverted);opacity:.75}.site-header .header__cart sup{align-items:center;background-color:var(--color-action-highlight);border-radius:50%;bottom:2px;color:var(--color-surface-base);display:flex;font-size:.75rem;font-weight:600;height:1.25rem;justify-content:center;line-height:1;position:absolute;right:2px;width:1.25rem}.site-header .header__menu-toggle{display:flex}@media (min-width: 1280px){.site-header .header__menu-toggle{display:none}}@media (max-width: 1279px){body:has(.header__menu.is-open){overflow:hidden}body:has(.header__menu.is-open):before{opacity:.75;pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/css/sections/header.css.map */