.fx{white-space:nowrap;display:inline-block;position:relative}.fx i{display:block}.fx__exhaust{pointer-events:none;width:10px;height:9px;margin-left:-5px;position:absolute;top:calc(100% - 4px);left:50%}.fx__exhaust i{background:var(--quartz);opacity:.4;width:2px;height:2px;position:absolute}.fx__exhaust i:first-child{top:0;left:4px}.fx__exhaust i:nth-child(2){top:3px;left:1px}.fx__exhaust i:nth-child(3){top:3px;left:7px}.fx__exhaust i:nth-child(4){top:6px;left:4px}@keyframes rocket-lift{0%{transform:translateY(0)}20%{transform:translateY(-1px)}40%{transform:translateY(-2px)}60%{transform:translateY(-3px)}80%{transform:translateY(-1px)}to{transform:translateY(0)}}@keyframes rocket-exhaust{0%{opacity:.4;transform:translateY(0)}25%{opacity:1;transform:translateY(1px)}60%{opacity:.8;transform:translateY(3px)}to{opacity:.4;transform:translateY(0)}}.fx__bars{pointer-events:none;justify-content:center;align-items:flex-end;gap:2px;height:8px;display:flex;position:absolute;top:calc(100% - 3px);left:0;right:0}.fx__bars i{background:var(--quartz);opacity:.4;width:2px;height:8px;transform:scaleY(var(--h));transform-origin:bottom}.fx__bars i:first-child{--h:.4}.fx__bars i:nth-child(2){--h:.85}.fx__bars i:nth-child(3){--h:.55}.fx__bars i:nth-child(4){--h:1}.fx__bars i:nth-child(5){--h:.5}@keyframes beats-bar{0%{transform:scaleY(var(--h));opacity:.4}20%{opacity:.95;transform:scaleY(1)}40%{opacity:.7;transform:scaleY(.3)}60%{opacity:.95;transform:scaleY(.9)}80%{opacity:.7;transform:scaleY(.5)}to{transform:scaleY(var(--h));opacity:.4}}.fx--enjoyer{background:linear-gradient(currentColor,currentColor) 0 calc(100% - 3px)/0 1px no-repeat,repeating-linear-gradient(90deg,#f4f1ec8c 0 2px,#0000 2px 4px) 0 calc(100% - 3px)/100% 1px no-repeat;overflow:clip}.fx__scan{pointer-events:none;background:#f4f1ec29;position:absolute;inset:3px 0;transform:translate(-102%)}@keyframes enjoyer-scan{0%{transform:translate(-102%)}to{transform:translate(102%)}}@keyframes enjoyer-underline{0%{background-size:0 1px,100% 1px}to{background-size:100% 1px,100% 1px}}@media (hover:hover){.fx--rocket:hover{animation:.56s step-end rocket-lift}.fx--rocket:hover .fx__exhaust i{animation:.56s step-end rocket-exhaust}.fx--rocket:hover .fx__exhaust i:nth-child(2),.fx--rocket:hover .fx__exhaust i:nth-child(3){animation-delay:60ms}.fx--rocket:hover .fx__exhaust i:nth-child(4){animation-delay:.12s}.fx--beats:hover .fx__bars i{animation:.64s step-end beats-bar}.fx--beats:hover .fx__bars i:nth-child(2){animation-delay:60ms}.fx--beats:hover .fx__bars i:nth-child(3){animation-delay:.12s}.fx--beats:hover .fx__bars i:nth-child(4){animation-delay:30ms}.fx--beats:hover .fx__bars i:nth-child(5){animation-delay:90ms}.fx--enjoyer:hover{animation:.52s steps(6,end) forwards enjoyer-underline}.fx--enjoyer:hover .fx__scan{animation:.52s steps(8,end) enjoyer-scan}}.fx--rocket[data-playing]{animation:.56s step-end rocket-lift}.fx--rocket[data-playing] .fx__exhaust i{animation:.56s step-end rocket-exhaust}.fx--rocket[data-playing] .fx__exhaust i:nth-child(2),.fx--rocket[data-playing] .fx__exhaust i:nth-child(3){animation-delay:60ms}.fx--rocket[data-playing] .fx__exhaust i:nth-child(4){animation-delay:.12s}.fx--beats[data-playing] .fx__bars i{animation:.64s step-end beats-bar}.fx--beats[data-playing] .fx__bars i:nth-child(2){animation-delay:60ms}.fx--beats[data-playing] .fx__bars i:nth-child(3){animation-delay:.12s}.fx--beats[data-playing] .fx__bars i:nth-child(4){animation-delay:30ms}.fx--beats[data-playing] .fx__bars i:nth-child(5){animation-delay:90ms}.fx--enjoyer[data-playing]{animation:.52s steps(6,end) forwards enjoyer-underline}.fx--enjoyer[data-playing] .fx__scan{animation:.52s steps(8,end) enjoyer-scan}@media (prefers-reduced-motion:reduce){.fx,.fx *,.fx[data-playing],.fx[data-playing] *{animation:none!important}}
