.lf-fog{pointer-events:none}.lf-fog{position:absolute;left:0;right:0;z-index:1;--h: min(calc(var(--fog-h, 420px) * 2), 58vh);height:var(--h);opacity:calc(var(--fog-op, .55) * var(--fo, 1))}.lf-fog:not(.is-idle){will-change:opacity}.lf-fog.is-idle{display:none}.lf-fog--bottom{bottom:calc(-.5 * var(--h) - var(--fog-dy, 0px))}.lf-fog--top{top:calc(-.5 * var(--h) + var(--fog-dy, 0px))}.lf-fog--exit{bottom:calc(-1 * var(--fog-dy, 0px));height:min(var(--fog-h, 420px),62vh)}.lf-fog--exit .lf-fog__sheet{background:linear-gradient(to bottom,rgba(var(--fog-rgb),0),rgba(var(--fog-rgb),1) 38% 82%,rgba(var(--fog-rgb),0))}.lf-fog__sheet{position:absolute;top:0;bottom:0;left:-14%;width:128%;background:linear-gradient(to bottom,rgba(var(--fog-rgb),0),rgba(var(--fog-rgb),1) 26% 74%,rgba(var(--fog-rgb),0));-webkit-mask-image:var(--fog-tex);mask-image:var(--fog-tex);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;will-change:transform}.lf-fog__sheet--a{-webkit-mask-size:auto 122%;mask-size:auto 122%;-webkit-mask-position:0 48%;mask-position:0 48%;transform:translate3d(calc(var(--p, 0) * 18% - 9%),calc(var(--p, 0) * -30px),0)}.lf-fog__sheet--b{opacity:.5;-webkit-mask-size:auto 186%;mask-size:auto 186%;-webkit-mask-position:37% 55%;mask-position:37% 55%;transform:scaleX(-1) translate3d(calc(var(--p, 0) * 11% - 5.5%),calc(var(--p, 0) * -14px),0)}@media(max-width:750px){.lf-fog{height:calc(var(--fog-h-m, var(--fog-h, 420px)) * 1.5);opacity:calc(var(--fog-op-m, var(--fog-op, .55)) * var(--fo, 1))}.lf-fog--bottom{bottom:calc(-.75 * var(--fog-h-m, var(--fog-h, 420px)) - var(--fog-dy-m, var(--fog-dy, 0px)))}.lf-fog--top{top:calc(-.75 * var(--fog-h-m, var(--fog-h, 420px)) + var(--fog-dy-m, var(--fog-dy, 0px)))}.lf-fog--exit{bottom:calc(-1 * var(--fog-dy-m, var(--fog-dy, 0px)));height:min(calc(var(--fog-h-m, var(--fog-h, 420px)) * .85),62vh)}.lf-fog__sheet--b{display:none}}@media(prefers-reduced-motion:reduce){.lf-fog{--fo: .75 !important}.lf-fog,.lf-fog__sheet{will-change:auto}}@supports not ((-webkit-mask-image: url(a.png)) or (mask-image: url(a.png))){.lf-fog{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/lf-fog.css.map */