:root{--tfn-header-h: 3.6rem}@media screen and (min-width:990px){:root{--tfn-header-h: 4rem}}.tfn-header{position:fixed;top:0;left:0;right:0;z-index:30;display:block;font-family:Barlow Condensed,sans-serif;transition:transform .3s ease;will-change:transform}.tfn-header--hidden{transform:translateY(-100%)}.tfn-header__panel{background-color:#fafafac4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#111;border-bottom:1px solid rgba(17,17,17,.08);transform:translateZ(0);transition:background-color .3s ease,color .3s ease,border-color .3s ease}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.tfn-header__panel{background-color:#fafafae6}}.tfn-header__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--tfn-header-h);padding:0 2rem;color:#111}@media screen and (min-width:990px){.tfn-header__bar{padding:0 3rem}}.tfn-header__left{display:flex;align-items:center;justify-self:start;gap:2rem}.tfn-header__right{display:flex;align-items:center;justify-self:end;gap:1.8rem}.tfn-header__bar svg{fill:currentColor}.tfn-header__bar .svg-wrapper svg path{fill:currentColor}.tfn-header__bar,.tfn-header__bar a,.tfn-header__bar button{transition:color .3s ease}.tfn-header__logo-wrapper{justify-self:center;margin:0;display:flex;align-items:center;line-height:1}.tfn-header__logo{display:inline-flex;align-items:center;text-decoration:none;color:inherit;line-height:0}.tfn-header__logo-img{display:block;width:auto;height:1.65rem}@media screen and (min-width:990px){.tfn-header__logo-img{height:1.95rem}}.tfn-header__shop,.tfn-header__vip{display:none;background:none;border:0;padding:0;margin:0;cursor:pointer;color:inherit;text-decoration:none;font-family:inherit;text-transform:uppercase;font-weight:500;letter-spacing:.14em;font-size:1.5rem;line-height:1;transition:opacity .15s ease}.tfn-header__shop:hover,.tfn-header__vip:hover{opacity:.6}@media screen and (min-width:990px){.tfn-header__shop,.tfn-header__vip{display:inline-block}}.tfn-header__hamburger{display:inline-flex;align-items:center;justify-content:center;background:none;border:0;padding:0;margin:0;cursor:pointer;color:inherit}@media screen and (min-width:990px){.tfn-header__hamburger{display:none}}.tfn-header__cart{display:inline-flex;align-items:center;color:inherit;text-decoration:none;position:relative;line-height:0}.tfn-header .svg-wrapper{display:inline-flex}.tfn-header__cart .svg-wrapper svg{display:block;width:auto;height:2.6rem}.tfn-header__cart .cart-count-bubble{position:absolute;top:-.2rem;right:-.8rem;min-width:1.6rem;height:1.6rem;padding:0 .3rem;border-radius:.8rem;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;background-color:#b6b9a8;color:#111}.tfn-header__search{display:none;align-items:center;color:#111}@media screen and (min-width:990px){.tfn-header__search{display:inline-flex}}.tfn-header__search.tfn-header__search--hidden{display:none}.tfn-header__search .header__search{display:inline-flex}.tfn-header__search summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#111}.tfn-header__search summary::-webkit-details-marker{display:none}.tfn-header__search .header__icon{color:#111}.tfn-header__search .svg-wrapper svg{width:2.2rem;height:2.2rem;fill:#111;opacity:1;visibility:visible;transition:fill .3s ease}.tfn-header__search .svg-wrapper svg path{fill:#111;transition:fill .3s ease}.tfn-header__search .header__icon-close{display:none}.tfn-header__search details[open] .header__icon-close{display:inline-flex}.tfn-header__search details[open] .svg-wrapper:not(.header__icon-close){display:none}.tfn-header__dropdown{max-height:0;overflow:hidden;color:#111;transition:max-height .45s ease}.tfn-header__dropdown.is-open{max-height:50vh}.tfn-header__dropdown-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:4rem;max-height:50vh;padding:0 3rem 3rem;box-sizing:border-box;opacity:0;transition:opacity .3s ease}.tfn-header__dropdown.is-open .tfn-header__dropdown-inner{opacity:1}.tfn-header__dropdown-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.2rem}.tfn-header__dropdown-link{color:#111;text-decoration:none;text-transform:uppercase;font-weight:600;letter-spacing:.12em;font-size:1.6rem;line-height:1;transition:opacity .15s ease,color .3s ease}.tfn-header__dropdown-link:hover{opacity:.6}.tfn-header__dropdown-featured-group{display:flex;gap:2rem;align-items:flex-start}.tfn-header__dropdown-featured{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;min-height:0}.tfn-header__dropdown-media{display:block;position:relative;overflow:hidden;contain:paint}.tfn-header__dropdown-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#111;opacity:0;transition:opacity .6s ease;pointer-events:none}.tfn-header__dropdown-media:hover:after{opacity:.22}.tfn-header__dropdown-img{display:block;height:calc(50vh - 10rem);width:auto;aspect-ratio:4 / 5;object-fit:cover;transition:transform .6s ease;will-change:transform;backface-visibility:hidden}.tfn-header__dropdown-media:hover .tfn-header__dropdown-img{transform:scale(1.02) translateZ(0)}.tfn-header__dropdown-img--placeholder{background-color:#e5e5e5}.tfn-header__dropdown-title{margin:0;color:#111;text-transform:none;font-weight:500;letter-spacing:.1em;font-size:1.3rem;line-height:1.2;transition:color .3s ease}.tfn-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background-color:#fafafa;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:22vh;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}.tfn-mobile-overlay.is-open{opacity:1;visibility:visible;transition:opacity .2s ease,visibility 0s linear 0s}.tfn-mobile-overlay__close{position:absolute;top:2rem;right:2rem;background:none;border:0;padding:0;cursor:pointer;color:#111}.tfn-mobile-overlay__close .svg-wrapper svg{width:2.4rem;height:2.4rem}.tfn-mobile-overlay__nav{display:flex;flex-direction:column;align-items:center;gap:2.4rem}.tfn-mobile-overlay__link{color:#111;text-decoration:none;text-transform:uppercase;font-weight:600;letter-spacing:.16em;font-size:2.8rem;line-height:1}.tfn-header__logo-img--white,.tfn-template--vip .tfn-header__logo-img--black{display:none}.tfn-template--vip .tfn-header__logo-img--white{display:block}.tfn-template--vip .tfn-header__panel{background-color:#111c;color:#fafafa;border-bottom-color:#fafafa1f}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.tfn-template--vip .tfn-header__panel{background-color:#111}}.tfn-template--vip .tfn-header__bar,.tfn-template--vip .tfn-header__bar a,.tfn-template--vip .tfn-header__bar button{color:#fafafa}.tfn-template--vip .tfn-header__search,.tfn-template--vip .tfn-header__search summary,.tfn-template--vip .tfn-header__search .header__icon{color:#fafafa}.tfn-template--vip .tfn-header__search .svg-wrapper svg,.tfn-template--vip .tfn-header__search .svg-wrapper svg path{fill:#fafafa}.tfn-template--vip .tfn-header__dropdown,.tfn-template--vip .tfn-header__dropdown-link,.tfn-template--vip .tfn-header__dropdown-title{color:#fafafa}.tfn-template--vip .tfn-mobile-overlay{background-color:#111;color:#fafafa}.tfn-template--vip .tfn-mobile-overlay__close,.tfn-template--vip .tfn-mobile-overlay__link{color:#fafafa}
/*# sourceMappingURL=/cdn/shop/t/7/assets/tfn-header.css.map */