.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles li{position:absolute;display:flex;align-items:center;justify-content:center;list-style:none;width:20px;height:20px;background:hsla(0,0%,100%,.2);animation:animate 25s linear infinite;bottom:-150px}.circles li:first-child{left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:80px;height:80px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:80px;height:80px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:80px;height:80px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(2turn);opacity:0;border-radius:50%}}.carosaltext{display:flex;block-size:var(--carosaltext-item-height);position:relative;overflow-x:hidden;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.carosaltext--4{--carosaltext-item-width:1400px;--carosaltext-item-height:180px;--carosaltext-duration:100s;--carosaltext-items:4}.carosaltext-item{--carosaltext-item-offset:max(calc(var(--carosaltext-item-width) * var(--carosaltext-items)),calc(100% + var(--carosaltext-item-width)));--carosaltext-delay:calc(var(--carosaltext-duration) / var(--carosaltext-items) * (var(--carosaltext-items) - var(--carosaltext-item-index)) * -1);position:absolute;inset-inline-start:var(--carosaltext-item-offset);transform:translatex(-20%);animation:go linear var(--carosaltext-duration) var(--carosaltext-delay,0s) infinite}.carosaltext-item:first-of-type{--carosaltext-item-index:1}.carosaltext-item:nth-of-type(2){--carosaltext-item-index:2}.carosaltext-item:nth-of-type(3){--carosaltext-item-index:3}.carosaltext-item:nth-of-type(4){--carosaltext-item-index:4}.carosaltext-item:nth-of-type(5){--carosaltext-item-index:5}@keyframes go{to{inset-inline-start:calc(var(--carosaltext-item-width) * -1)}}@media (min-width:510px) and (max-width:1280px){.carosaltext--4{--carosaltext-item-width:100%;--carosaltext-duration:160s}.carosaltext-item{--carosaltext-item-offset:max(calc(var(--carosaltext-item-width) * var(--carosaltext-items)),calc(100% + var(--carosaltext-item-width)));--carosaltext-delay:calc(var(--carosaltext-duration) / var(--carosaltext-items) * (var(--carosaltext-items) - var(--carosaltext-item-index)) * -1);position:absolute;inset-inline-start:var(--carosaltext-item-offset);transform:translatex(-20%);animation:go linear var(--carosaltext-duration) var(--carosaltext-delay,0s) infinite}}@media (max-width:509px){.carosaltext--4{--carosaltext-item-width:1500px;--carosaltext-duration:160s}.carosaltext-item{--carosaltext-item-offset:max(calc(var(--carosaltext-item-width) * var(--carosaltext-items)),calc(190% + var(--carosaltext-item-width)));--carosaltext-delay:calc(var(--carosaltext-duration) / var(--carosaltext-items) * (var(--carosaltext-items) - var(--carosaltext-item-index)) * -1);position:absolute;inset-inline-start:var(--carosaltext-item-offset);transform:translatex(-20%);animation:go linear var(--carosaltext-duration) var(--carosaltext-delay,0s) infinite}}