@grid: 24 / 55vmin 80vmin / #fff ^ -10vmin *h -80;
@seed: 1790162558005;
--color: @p(#155674,#60beb3,#79f8bb,#f5ffae);
scale: @rn(0, 2, 2);
rotate: @rn(-30deg, 30deg, 2);
:after {
content: @p('⬮', '.');
position: absolute;
font-size: @rn(5vmin);
line-height: 0;
color: var(--color);
transform: scale(@rn(.1, 2, 2));
z-index: 1;
text-shadow: @m2(
@r(±2vmin) @r(±2vmin) 0 var(--color)
);
}
@random(.05) {
:after {
color: #ff0000;
}
}
@random(.2) {
rotate: @rn(±90deg, 2);
:after {
content: '';
position: absolute;
z-index: 0;
@size: 1px @rn(0, 30px, 2);
background: linear-gradient(
$color @rn(50%), #0000
);
}
}
@random(.1) {
:before {
content: '.';
position: absolute;
color: $color;
opacity: @rn(1);
text-shadow: @m24(
@plot(r: @rn(3em)) 0 currentColor
);
}
}