#header-component[data-header-tone] .header__underlay-closed{display:block;height:100%;opacity:0;pointer-events:none;background:var(--dtl-header-glass-tint, rgba(255, 255, 255, .8));border-bottom:1px solid var(--dtl-header-glass-hairline, rgba(16, 16, 16, .1));box-shadow:var(--dtl-header-glass-shadow, 0 6px 20px -18px rgb(0 0 0 / .45));transition:opacity .2s var(--animation-easing, ease-in-out),background-color .2s var(--animation-easing, ease-in-out)}#header-component[data-header-tone=on-light] .header__underlay-closed{--dtl-header-glass-tint: rgba(255, 255, 255, .8);--dtl-header-glass-hairline: rgba(16, 16, 16, .1);--dtl-header-glass-shadow: 0 6px 20px -18px rgb(0 0 0 / .45)}#header-component[data-header-tone=on-dark] .header__underlay-closed{--dtl-header-glass-tint: rgba(16, 16, 16, .52);--dtl-header-glass-hairline: rgba(255, 255, 255, .14);--dtl-header-glass-shadow: 0 6px 20px -18px rgb(0 0 0 / .55)}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) and (color: color-mix(in srgb,white 50%,transparent)){#header-component[data-header-tone] .header__underlay-closed{backdrop-filter:blur(var(--dtl-glass-blur, 14px)) saturate(var(--dtl-glass-saturate, 180%));-webkit-backdrop-filter:blur(var(--dtl-glass-blur, 14px)) saturate(var(--dtl-glass-saturate, 180%))}#header-component[data-header-tone=on-light] .header__underlay-closed{--dtl-header-glass-tint: color-mix(in srgb, var(--detailer-tone-on-dark, #ffffff) 62%, transparent);--dtl-header-glass-hairline: color-mix(in srgb, var(--detailer-tone-on-light, #101010) 10%, transparent)}#header-component[data-header-tone=on-dark] .header__underlay-closed{--dtl-header-glass-tint: color-mix(in srgb, var(--detailer-tone-on-light, #101010) 38%, transparent);--dtl-header-glass-hairline: color-mix(in srgb, var(--detailer-tone-on-dark, #ffffff) 14%, transparent)}}#header-component[data-header-tone]:is([data-sticky-state=active],[data-header-scrolled=true]) .header__underlay-closed{opacity:1}#header-component[data-header-tone]:is(:has(header-menu[aria-expanded=true]),[data-header-surface=solid]) .header__underlay-closed{opacity:0}@media(prefers-reduced-transparency:reduce){#header-component[data-header-tone] .header__underlay-closed{backdrop-filter:none;-webkit-backdrop-filter:none}#header-component[data-header-tone=on-light] .header__underlay-closed{--dtl-header-glass-tint: rgba(255, 255, 255, .92)}#header-component[data-header-tone=on-dark] .header__underlay-closed{--dtl-header-glass-tint: rgba(16, 16, 16, .78)}}@media(prefers-reduced-motion:reduce){#header-component[data-header-tone] .header__underlay-closed{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/detailer-header-glass.css.map */