.sf-logo__glass{display:none!important}@media(min-width:1200px){.sf-desktop-nav>.sf-dropdown>summary>span[aria-hidden]{display:none}}html body .sf-header[data-spx-glass=true]{--spx-glass-bg: rgba(247, 245, 245, .74);--spx-glass-ink: #141414;transition:background-color .4s cubic-bezier(.22,1,.36,1),color .3s ease}html body .sf-header[data-spx-glass=true]>.sf-nav{transition:background-color .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}html body .sf-header[data-spx-glass=true].spx-mega-open:not(.is-scrolled),html body .sf-header[data-spx-glass=true][data-spx-scroll=glass].is-scrolled{background:transparent!important;color:var(--spx-glass-ink)!important;--spx-shine-band: rgba(255, 255, 255, .7)}html body .sf-header[data-spx-glass=true].spx-mega-open:not(.is-scrolled)>.sf-nav,html body .sf-header[data-spx-glass=true][data-spx-scroll=glass].is-scrolled>.sf-nav{background:var(--spx-glass-bg)!important;-webkit-backdrop-filter:saturate(170%) blur(22px)!important;backdrop-filter:saturate(170%) blur(22px)!important;box-shadow:inset 0 -1px #14141414}html body .sf-header[data-spx-glass=true].spx-mega-open>.sf-nav{--spx-glass-bg: #f7f5f5}html body .sf-header[data-spx-glass=true].spx-mega-open:not(.is-scrolled) .sf-logo__main,html body .sf-header[data-spx-glass=true][data-spx-scroll=glass].is-scrolled .sf-logo__main{display:none!important}html body .sf-header[data-spx-glass=true].spx-mega-open:not(.is-scrolled) .sf-logo__glass,html body .sf-header[data-spx-glass=true][data-spx-scroll=glass].is-scrolled .sf-logo__glass{display:block!important}html body .sf-header[data-spx-glass=true].spx-mega-open:not(.is-scrolled) .sf-search,html body .sf-header[data-spx-glass=true][data-spx-scroll=glass].is-scrolled .sf-search{border-color:#14141424;background:#fff9}html body .sf-header[data-spx-glass=true].spx-mega-open:not(.is-scrolled) .sf-cart-count,html body .sf-header[data-spx-glass=true][data-spx-scroll=glass].is-scrolled .sf-cart-count{background:#141414;color:#fff}@media(min-width:1200px){html body .sf-header[data-spx-glass=true].spx-mega-open:not(.is-scrolled) .spx-mega,html body .sf-header[data-spx-glass=true][data-spx-scroll=glass].is-scrolled .spx-mega{background:#f7f5f5}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){html body .sf-header[data-spx-glass=true]{--spx-glass-bg: rgba(247, 245, 245, .96)}}@media(prefers-reduced-motion:reduce){html body .sf-header[data-spx-glass=true],html body .sf-header[data-spx-glass=true]>.sf-nav{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/spotec-header-glass.css.map */