.td-roll{height:1.3em;line-height:1.3em;display:block;overflow:hidden}.td-roll-in{display:block}.td-roll-in>i{height:1.3em;font-style:normal;display:block}.td-dub{--loop:8s}.td-dub .td-img{object-position:50% 28%;animation:16s ease-in-out infinite alternate td-dub-drift}.td-lang .td-roll-in{animation:td-dub-roll var(--loop) var(--ease) infinite;translate:0 -20%}.td-dubline{z-index:6;background:#0e0e12e6;border:1px solid #ffffff29;border-radius:max(11px,3.3cqi);align-items:center;gap:3cqi;height:max(36px,11.6cqi);padding:0 max(12px,3.6cqi);display:flex;position:absolute;bottom:4.5cqi;left:4.5cqi;right:4.5cqi}.td-dubwave{height:46%;color:var(--fam);flex:none}.td-says{min-width:0;font-family:var(--font-inter-tight), var(--font-inter), system-ui, sans-serif;letter-spacing:-.01em;color:#f5f5f6;flex:1;font-size:max(11px,3.7cqi);font-weight:600;display:grid}.td-says>span{white-space:nowrap;text-overflow:ellipsis;opacity:0;animation:td-say var(--loop) var(--ease) infinite;grid-area:1/1;overflow:hidden}.td-says>span:nth-child(2){opacity:1}@keyframes td-dub-roll{0%,22%{translate:0}25%,47%{translate:0 -20%}50%,72%{translate:0 -40%}75%,97%{translate:0 -60%}to{translate:0 -80%}}@keyframes td-say{0%{opacity:0;transform:translateY(35%)}3%,22%{opacity:1;transform:none}25%,to{opacity:0;transform:translateY(-35%)}}@keyframes td-dub-drift{0%{transform:scale(1.02)}to{transform:scale(1.08)translateY(-1%)}}.td-clone{--loop:9s;background:linear-gradient(180deg, color-mix(in srgb, var(--fam) 17%, #0c0c0f) 0%, #0c0c0f 78%)}.td-rec{z-index:2;width:38cqi;animation:td-rec-done var(--loop) var(--ease) infinite;flex-direction:column;align-items:center;gap:2.4cqi;display:flex;position:absolute;top:50%;left:5cqi;translate:0 -50%}.td-rec-face{aspect-ratio:1;width:23cqi;position:relative}.td-rec-pic{border-radius:999px;position:absolute;inset:11%;overflow:hidden}.td-rec-pic .td-img{transform-origin:52% 32%;transform:scale(2.1)}.td-rec-ring{fill:none;stroke-width:2px;stroke-linecap:round;width:100%;height:100%;position:absolute;inset:0;rotate:-90deg}.td-rec-ring circle:first-child{stroke:#ffffff24}.td-rec-ring circle+circle{stroke:var(--fam);stroke-dasharray:100;stroke-dashoffset:0;animation:td-rec-ring var(--loop) linear infinite}.td-rec .td-chip{font-variant-numeric:tabular-nums;gap:.7em;position:relative}.td-rec-dot{background:var(--fam);border-radius:999px;width:.62em;height:.62em;animation:1s step-end infinite td-blink}.td-rec-time .td-roll-in{translate:0 calc(-100% * var(--steps) / (var(--steps) + 1));animation:td-rec-time var(--loop) steps(var(--steps), end) infinite}.td-rec-wave{color:#f5f5f6;width:100%;height:9cqi;animation:td-rec-take var(--loop) linear infinite;justify-content:space-between}.td-flow{z-index:2;color:#f5f5f666;width:4.6cqi;height:4.6cqi;animation:td-flow var(--loop) var(--ease) infinite;position:absolute;top:50%;left:47cqi;translate:-50% -50%}.td-flow svg{width:100%;height:100%}.td-vlist{z-index:2;width:43cqi;font-family:var(--font-inter-tight), var(--font-inter), system-ui, sans-serif;flex-direction:column;gap:1.5cqi;display:flex;position:absolute;top:50%;right:5cqi;translate:0 -50%}.td-vlist-head{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:#f5f5f680;margin-bottom:.5cqi;font-size:max(9px,2.3cqi)}.td-vslot{outline-offset:-1px;border-radius:2.6cqi;outline:1px dashed #ffffff38;display:grid}.td-vrow{white-space:nowrap;color:#f5f5f69e;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:2.6cqi;grid-area:1/1;align-items:center;gap:2cqi;min-width:0;height:8.4cqi;padding:0 2.4cqi 0 1.6cqi;font-size:max(11px,3.3cqi);font-weight:600;display:flex}.td-vrow>b{aspect-ratio:1;color:#f5f5f6;background:#ffffff1a;border-radius:999px;flex:none;place-items:center;width:5.4cqi;font-size:.85em;display:grid}.td-vrow>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.td-vrow-new{background:color-mix(in srgb, var(--fam) 14%, #111114);border-color:color-mix(in srgb, var(--fam) 60%, transparent);color:#f5f5f6;animation:td-vrow-in var(--loop) var(--ease) infinite}.td-vrow-new>b{background:var(--fam);color:#04201c}.td-vrow-new>b svg{width:56%;height:56%}.td-vrow-new .td-bars{height:46%;color:var(--fam);animation:td-vrow-play var(--loop) infinite;flex:none;margin-left:auto}@keyframes td-rec-ring{0%,4%{stroke-dashoffset:100px}42%,to{stroke-dashoffset:0}}@keyframes td-rec-time{0%,4%{translate:0}42%,to{translate:0 calc(-100% * var(--steps) / (var(--steps) + 1))}}@keyframes td-rec-take{0%,4%{clip-path:inset(0 100% 0 0)}42%,to{clip-path:inset(0)}}@keyframes td-rec-done{0%,44%{opacity:1}54%,94%{opacity:.45}to{opacity:1}}@keyframes td-blink{50%{opacity:.25}}@keyframes td-flow{0%,40%{color:#f5f5f640;transform:none}46%{color:var(--fam);transform:translate(1.4cqi)}54%,to{color:#f5f5f666;transform:none}}@keyframes td-vrow-in{0%,44%{opacity:0;transform:translate(-5cqi)scale(.96)}52%,94%{opacity:1;transform:none}to{opacity:0}}@keyframes td-vrow-play{0%,56%{opacity:0}62%,92%{opacity:1}to{opacity:0}}.td-vchange{--loop:8s}.td-vchange .td-img{object-position:50% 32%}.td-shade{z-index:2;background:#08080a9e;width:50%;position:absolute;top:0;bottom:0}.td-shade-l{left:0}.td-shade-r{opacity:0;right:0}.td-vc-a{opacity:0}.td-vchange .td-shade-r,.td-vchange .td-vc-a{animation:td-vc-a var(--loop) var(--ease) infinite}.td-vchange .td-shade-l,.td-vchange .td-vc-b{animation:td-vc-b var(--loop) var(--ease) infinite}.td-vc-wave{z-index:6;position:absolute;bottom:5cqi}.td-vc-wave .td-bars{height:58%}.td-vc-left{color:#f5f5f6;left:4cqi}.td-vc-right{color:var(--fam);right:4cqi}.td-vc-swap{z-index:6;aspect-ratio:1;color:#0a0a0c;opacity:0;width:max(26px,8cqi);animation:td-vc-swap var(--loop) var(--ease) infinite;background:#f5f5f6;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.td-vc-swap svg{width:60%;height:60%}@keyframes td-vc-a{0%,42%{opacity:1}50%,92%{opacity:0}to{opacity:1}}@keyframes td-vc-b{0%,42%{opacity:0}50%,92%{opacity:1}to{opacity:0}}@keyframes td-vc-swap{0%,38%{opacity:0;transform:scale(.6)}44%,50%{opacity:1;transform:none}56%,to{opacity:0;transform:scale(.6)}}.td-denoise{--loop:8s}.td-dn-bg{filter:blur(1.5px)brightness(.34)saturate(.7);transform:scale(1.06)}.td-dn-tags{z-index:6;justify-content:space-around;display:flex;position:absolute;top:7cqi;left:6cqi;right:6cqi}.td-dn-tags .td-chip{opacity:.32;animation:td-dn-tag var(--loop) var(--ease) infinite;position:relative}.td-strike{transform-origin:0;height:1.5px;animation:td-dn-strike var(--loop) var(--ease) infinite;background:#f5f5f6;margin-top:-.75px;position:absolute;top:50%;left:12%;right:12%}.td-dn{z-index:3;height:28cqi;position:absolute;top:50%;left:7cqi;right:7cqi;translate:0 -36%}.td-dn-bars{justify-content:space-between;position:absolute;inset:0}.td-dn-bars>i{width:1.3cqi}.td-dn-noisy{color:#f5f5f68c;clip-path:inset(0 0 0 100%);animation:td-dn-noisy var(--loop) var(--io) infinite}.td-dn-clean{color:var(--fam);animation:td-dn-clean var(--loop) var(--io) infinite}.td-dn-sweep{z-index:2;opacity:0;width:2px;animation:td-dn-sweep var(--loop) var(--io) infinite;background:#f5f5f6;margin-left:-1px;position:absolute;top:-3cqi;bottom:-3cqi;left:100%}.td-dn-sweep>i{aspect-ratio:1;color:#0a0a0c;background:#f5f5f6;border-radius:999px;place-items:center;width:max(22px,7cqi);display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.td-dn-sweep svg{width:58%;height:58%}@keyframes td-dn-noisy{0%,12%{clip-path:inset(0)}52%,92%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes td-dn-clean{0%,12%{clip-path:inset(0 100% 0 0)}52%,92%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}@keyframes td-dn-sweep{0%,12%{opacity:0;left:0%}15%,49%{opacity:1}52%,to{opacity:0;left:100%}}@keyframes td-dn-tag{0%,20%{opacity:1}26%,90%{opacity:.32}98%,to{opacity:1}}@keyframes td-dn-strike{0%,19%{transform:scaleX(0)}24%,90%{transform:none}96%,to{transform:scaleX(0)}}.td-lsync{--loop:8s}.td-ls-face{aspect-ratio:1;width:100%;animation:1.5s ease-in-out infinite td-ls-bob;position:absolute;top:50%;left:0;translate:0 -50%}.td-ls-face .td-img{animation:td-ls-dim var(--loop) var(--ease) infinite}.td-ls-lock{width:21%;height:13%;color:var(--fam);animation:td-ls-lock var(--loop) var(--ease) infinite;position:absolute;top:41.5%;left:53%;translate:-50% -50%}.td-ls-beat{animation:.5s ease-in-out infinite alternate td-ls-beat;position:absolute;inset:0}.td-ls-beat>i{border:0 solid;width:24%;height:34%;position:absolute}.td-ls-beat>i:first-child{border-top-width:2px;border-left-width:2px;border-top-left-radius:5px;top:0;left:0}.td-ls-beat>i:nth-child(2){border-top-width:2px;border-right-width:2px;border-top-right-radius:5px;top:0;right:0}.td-ls-beat>i:nth-child(3){border-bottom-width:2px;border-left-width:2px;border-bottom-left-radius:5px;bottom:0;left:0}.td-ls-beat>i:nth-child(4){border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:5px;bottom:0;right:0}.td-ls-voice{z-index:6;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:#f5f5f6;opacity:0;animation:td-ls-voice var(--loop) var(--ease) infinite;gap:1.4cqi;font-size:max(9px,2.4cqi);font-weight:500;position:absolute;bottom:6cqi;left:50%;translate:-50%}.td-ls-voice .td-bars{height:1.6em;color:var(--fam)}.td-lsync .td-ls-tag,.td-lsync .td-ls-bar{animation:td-ls-on var(--loop) infinite}@keyframes td-ls-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-.8%)rotate(.4deg)}}@keyframes td-ls-dim{0%,26%{filter:brightness(.55)saturate(.6)}36%,94%{filter:none}to{filter:brightness(.55)saturate(.6)}}@keyframes td-ls-lock{0%,24%{color:#f5f5f6b3;transform:scale(1.35)}30%{color:var(--fam);transform:scale(.94)}34%,94%{color:var(--fam);transform:none}to{color:#f5f5f6b3;transform:scale(1.35)}}@keyframes td-ls-beat{0%{transform:none}to{transform:scale(1.06,1.18)}}@keyframes td-ls-voice{0%{opacity:0;transform:translateY(8px)}5%,20%{opacity:1;transform:none}29%,to{opacity:0;transform:translateY(-34cqi)scale(.5)}}@keyframes td-ls-on{0%,30%{opacity:0}36%,95%{opacity:1}to{opacity:0}}
