@layer components{canvas.dots,.dots-pattern{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:-1;opacity:0;mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0) 100%);mask-size:100% 66%;mask-position:100% 232%;mask-repeat:no-repeat;animation:waveVertical 10s linear infinite}@media(min-width: 48rem){canvas.dots,.dots-pattern{opacity:1}}canvas.dots img,.dots-pattern img{width:100%;height:100%;object-fit:cover}@media(prefers-reduced-motion: reduce){canvas.dots,.dots-pattern{animation:none}}@keyframes waveVertical{0%{mask-position:100% 232%}100%{mask-position:100% -132%}}}/*# sourceMappingURL=dots.css.map */