1<div class="rings -top-30" style="--t:16">
2 <div class="ring opacity-0" style="--i:1"></div>
3 <div class="ring opacity-0" style="--i:2"></div>
4 <div class="ring opacity-0" style="--i:3"></div>
5 <div class="ring opacity-0" style="--i:4"></div>
6 <div class="ring" style="--i:5"></div>
7 <div class="ring" style="--i:6"></div>
8 <div class="ring" style="--i:7"></div>
9 <div class="ring" style="--i:8"></div>
10 <div class="ring" style="--i:9"></div>
11 <div class="ring" style="--i:10"></div>
12 <div class="ring" style="--i:11"></div>
13 <div class="ring" style="--i:12"></div>
14 <div class="ring" style="--i:13"></div>
15 <div class="ring" style="--i:14"></div>
16 <div class="ring" style="--i:15"></div>
17 <div class="ring" style="--i:16"></div>
18</div>