.next-meteors{
width: 100vw; height: 100vh; position: relative;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.next-meteors__content {
width: 350px; height: 300px; background: #00000056; border-radius: 12px; --blur: 5px; -webkit-backdrop-filter: blur(var(--blur)); 
backdrop-filter: blur(var(--blur)); 
position: relative;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
color: white;
}
.next-meteors__line {
container-type: size;
position: absolute;
left: 50%;
translate: 0 -50%;
height: 150vmax; width: 2px; background: #00000015; rotate: 50deg; }
.next-meteors__line:nth-of-type(1) { --speed: 8s; --ease: linear; --delay: -2s; }
.next-meteors__line:nth-of-type(2) { --speed: 8s; --ease: linear; --delay: -2s; }
.next-meteors__line:nth-of-type(3) { --speed: 8s; --ease: linear; --delay: -2s; }
.next-meteors__line:nth-of-type(4) { --speed: 8s; --ease: linear; --delay: -2s; }
.next-meteors__meteor {
aspect-ratio: 1;
filter: url(#drop);
position: absolute;
left: 50%;
bottom: 100%;
translate: -50% 0%;
animation: scale var(--speed) calc(var(--delay, var(--speed) * -0.5)) infinite var(--ease);
}
#bricks-preview .next-meteors[data-disable-builder="1"] .next-meteors__meteor {
display: none;
}
@keyframes scale {
to { transform: translateY(calc(var(--distance, 100cqh) + (var(--buffer, 100%)))); }
}