.header.index-page .header-inner:hover,.header.index-page .header-inner:hover.transparent{background-color:#fff}.header.index-page .header-inner:hover.transparent svg{filter:none}.header-outer{width:100vw;height:var(--header-height-mobile);position:fixed;transition:background-color .3s ease;top:0;opacity:1;z-index:4}.header-outer:has(.announcement-banner[id$=announcement-banner-main]){height:var(--header-height-mobile-with-banner)}body:has(.announcement-banner[id$=announcement-banner-main]) main{margin-top:var(--header-height-mobile-with-banner)}main{margin-top:var(--header-height-mobile)}.header .announcement-container{position:relative;height:31.2px;overflow:hidden}.announcement-container{position:relative;overflow:hidden}.header .announcement-banner{padding:6px var(--header-margin-mobile);display:flex;align-items:center;justify-content:center;font-family:tt-commons-light,sans-serif;font-style:normal;font-size:1rem;line-height:1.2;position:absolute;top:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease;pointer-events:none;z-index:0}.header .announcement-banner.single-banner{opacity:1;pointer-events:auto}.header .announcement-banner.fade-in{opacity:1;pointer-events:auto;z-index:1}.header .announcement-banner.fade-out{opacity:0;z-index:0}.header .header-inner{position:relative;display:flex;background:var(--white);align-items:center;gap:.5rem;justify-content:space-between;padding:0 var(--header-margin-mobile);height:var(--header-height-mobile);transition:all .3s ease}.index-page.header .header-inner{background:transparent}@media screen and (min-width:1000px){.header-outer{height:var(--header-height-desktop)}main{margin-top:var(--header-height-desktop)}.header .header-inner{height:var(--header-height-desktop)}.header-outer:has(.announcement-banner[id$=announcement-banner-main]){height:var(--header-height-desktop-with-banner)}body:has(.announcement-banner[id$=announcement-banner-main]) main{margin-top:var(--header-height-desktop-with-banner)}}.header.header-outer .announcement-banner p{text-align:center}.header.header-outer .announcement-banner p em{text-decoration:underline;text-underline-offset:2px;font-style:normal}.header .announcement-banner.dark{color:var(--dark)}.header .announcement-banner.light{color:var(--white)}.header.index-page.header-outer.hide{top:-60px}.header-outer.index-page.hide:has(.announcement-banner[id$=announcement-banner-main]){top:calc(-1 * (var(--header-height-mobile-with-banner)))}@media screen and (min-width:1000px){.header.index-page.header-outer.hide{top:calc(-1 * (var(--header-height-desktop)))}.header-outer.index-page.hide:has(.announcement-banner[id$=announcement-banner-main]){top:calc(-1 * (var(--header-height-desktop-with-banner)))}}.index-page .header-outer:has(.header-inner.hide){opacity:0;background-color:transparent}.header.header-outer{top:0;transition:all .3s ease}.header.index-page .header-inner.show{top:0;opacity:1}.header.index-page .header-inner.transparent{background-color:transparent}.header .header-inner.opaque{background-color:var(--white);border-bottom:1px solid var(--grey)}.header.index-page .header-inner:not(.opaque) svg{filter:brightness(0) invert(1);transition:all .3s ease}.header.index-page .header-inner.show svg{filter:none}.header.index-page .header-inner.transparent svg{transition:all .3s ease;filter:brightness(0) invert(1)}.header .icon-search{margin-left:auto}.header .icon-account,.header .icon-heart{display:none}.header .icon{cursor:pointer}.header .wishlist span{display:none}.header .wishlist span.show,.header .wishlist span.b9-reg{display:block}.header .icon.icon-bag span{position:relative;width:1.5rem;height:1.5rem}.header .header-inner.opaque .icon.icon-bag span p,.header .header-inner.opaque-override .icon.icon-bag span p,.header .icon.icon-bag span p{color:#fff}.header.index-page .header-inner:hover.transparent .icon.icon-bag span p{color:var(--white)}.header.index-page .icon.icon-bag span p{color:var(--dark)}.header .icon.icon-bag span p{position:absolute;z-index:2;bottom:2px;font-size:10px;left:10px}.header .icon.icon-bag span.show{display:flex;justify-content:center}.header .icon.show{display:unset}.header .icon.hide{display:none}.header .icon-bag .icon-unfilled,.header .icon-bag.cart-filled .icon-filled{display:block}.header .icon-bag .icon-unfilled p{opacity:0}.header .icon-bag .icon-filled,.header .icon-bag.cart-filled .icon-unfilled{display:none}.header .icons{display:flex;gap:1rem;align-items:center}.header .icons .icon{height:1.5rem;width:1.5rem}.header .icons svg{height:1.5rem;width:1.5rem}a.logo svg{height:.875rem}@media screen and (min-width:1000px){.header-outer{width:100vw}.header .icons{gap:1.5rem}.header .header-inner{padding:0 var(--page-margin-desktop)}.header .icon.hide{display:unset}.header .icon.icon-menu{display:none}a.logo svg{height:1rem}.header .icons .icon-heart span{display:none}.header .icons .icon-heart span.show{display:unset}.header #shopify-section-header .header-inner.opaque-override{background-color:var(--white);border-bottom:1px solid var(--grey)}.header .icon-account,.header .icon-heart{display:unset}.header #shopify-section-header .header-inner.opaque-override svg{filter:none}}@keyframes hide-header{0%{top:0;opacity:1}to{top:-60px;opacity:0}}@keyframes show{0%{top:-60px;opacity:0}to{top:0;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/2425/assets/header.css.map */