.pop{animation:pop .35s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
.td{display:block;width:6px;height:6px;border-radius:9999px;background:rgba(255,255,255,.75);animation:tdb 1s infinite}@keyframes tdb{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.ring{animation:ring 1.6s infinite}@keyframes ring{0%{transform:scale(.9);opacity:.7}100%{transform:scale(2.2);opacity:0}}
.wv{display:block;width:4px;border-radius:9999px;background:rgb(var(--c300));animation:wv .9s ease-in-out infinite}@keyframes wv{0%,100%{height:6px}50%{height:28px}}
.slidein{animation:slin .4s ease both}@keyframes slin{from{transform:translateX(14px);opacity:0}to{transform:none;opacity:1}}
.bar i{display:block;height:100%;width:0;border-radius:9999px;background:rgb(var(--c400));transition:width 1.1s ease}
#merc circle{transform:scale(0);transform-box:fill-box;transform-origin:center}

.dotx{background:rgba(31,27,22,.25)}
.dotx.on{background:rgb(var(--c500))}