:root:has(.videoBackground){--header-text-color: #ffffff;--header-logo-filter: brightness(0) invert(1);--header-shrink-padding: 10px}:root:has(.videoBackground) .header-wrapper{position:fixed!important;top:0;left:0;width:100%;z-index:1000;background-color:transparent;background-image:none!important;transition:all .4s ease-in-out;border:none!important}:root:has(.videoBackground) .header__menu-item,:root:has(.videoBackground) .header__icon,:root:has(.videoBackground) .header__icon .icon,:root:has(.videoBackground) .header__heading-link,:root:has(.videoBackground) .localization-selector,:root:has(.videoBackground) .localization-form__currency,:root:has(.videoBackground) .header__active-menu-item{color:var(--header-text-color)!important;fill:var(--header-text-color)!important}:root:has(.videoBackground) .header__heading-logo-wrapper svg,:root:has(.videoBackground) .header__heading-logo-wrapper img{filter:var(--header-logo-filter)!important;transition:filter .4s ease-in-out,transform .4s ease-in-out}.header{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;max-width:var(--page-width);margin:0 auto!important;min-height:auto!important;padding-top:20px;padding-bottom:20px;transition:padding .4s ease-in-out}@supports (animation-timeline: scroll()){:root:has(.videoBackground) .header{animation:shrink-header linear both;animation-timeline:scroll();animation-range:0 300px}:root:has(.videoBackground) .header-wrapper{animation:solidify-header linear both;animation-timeline:scroll();animation-range:0 300px}:root:has(.videoBackground) .header__heading-logo-wrapper{animation:shrink-logo linear both;animation-timeline:scroll();animation-range:0 300px}}@keyframes solidify-header{0%{background-color:rgba(var(--color-background),0)}to{background-color:rgb(var(--color-background));--header-text-color: rgb(var(--color-foreground));--header-logo-filter: brightness(1) invert(0);box-shadow:0 2px 10px rgba(var(--color-foreground),.1)}}@keyframes shrink-header{0%{padding-top:20px;padding-bottom:20px}to{padding-top:var(--header-shrink-padding);padding-bottom:var(--header-shrink-padding)}}@keyframes shrink-logo{0%{transform:scale(1)}to{transform:scale(.85)}}:root:has(.videoBackground) #MainContent{margin-top:0!important}:root:not(:has(.videoBackground)) .header-wrapper{position:relative!important}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-header-by-thomas.css.map */