.fog-container{position:relative;width:100%;height:100%;overflow:hidden}.fog-puff{position:absolute;left:var(--x,50%);top:var(--y,50%);display:block;background-color:var(--cloud-stroke);-webkit-mask-image:var(--fog-src);mask-image:var(--fog-src);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--fog-scale:7;opacity:var(--fog-opacity,.5);filter:blur(.3px);pointer-events:none;will-change:transform,opacity;animation:fog-float var(--fog-duration,14s) ease-in-out var(--fog-delay,0s) infinite,fog-fade var(--fog-fade-duration,24s) ease-in-out var(--fog-delay,0s) infinite}@keyframes fog-float{0%,to{transform:translateZ(0) scale(var(--fog-scale,7))}50%{transform:translate3d(var(--fog-dx,0),var(--fog-dy,0),0) scale(var(--fog-scale,7))}}@keyframes fog-fade{0%{opacity:0}15%{opacity:var(--fog-opacity,.5)}55%{opacity:var(--fog-opacity,.5)}85%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.fog-puff{animation:none}}