:root{--th-settle:cubic-bezier(.34, 1.2, .64, 1)}@keyframes th-fade{0%{opacity:0}}@keyframes th-rise{0%{opacity:0;transform:translateY(5px)}}@keyframes th-slide{0%{opacity:0;transform:translate(-6px)}}@keyframes th-land{0%{opacity:0;transform:translate(-10px)scale(.98)}}@keyframes th-pop{0%{opacity:0;transform:scale(.6)}}@keyframes th-light{0%{opacity:0;transform:scale(.9)}}@keyframes th-grow-y{0%{transform:scaleY(0)}}@keyframes th-grow-x{0%{transform:scaleX(0)}}@keyframes th-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes th-wipe-y{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes th-travel-once{0%{opacity:0;transform:translate(0)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes th-travel{0%{opacity:0;animation-timing-function:var(--ease-in-out);transform:translate(0)}6%{opacity:.85}34%{opacity:.85}40%,to{opacity:0;transform:translate(100%)}}@keyframes th-ping{0%{opacity:.9;transform:scale(1)}60%,to{opacity:0;transform:scale(1.35)}}@keyframes th-breathe{0%,to{opacity:1}50%{opacity:.45}}@keyframes th-lead{0%,to{opacity:.8}}@keyframes th-lead-end{0%{opacity:.8}25%{opacity:.3}50%{opacity:.8}75%{opacity:.3}to{opacity:0}}.th-word{animation:th-fade .32s var(--ease-out) var(--d,0s) backwards}.th-rise{animation:th-rise .42s var(--ease-out) var(--d,0s) backwards}.th-slide{animation:th-slide .42s var(--ease-out) var(--d,0s) backwards}.th-land{animation:th-land .46s var(--th-settle) var(--d,0s) backwards}.th-pop{animation:th-pop .38s var(--th-settle) var(--d,0s) backwards}.th-light{animation:th-light .36s var(--th-settle) var(--d,0s) backwards}.th-grow-y{transform-origin:bottom;animation:th-grow-y .48s var(--ease-out) var(--d,0s) backwards}.th-grow-y-top{transform-origin:top;animation:th-grow-y .56s var(--ease-out) var(--d,0s) backwards}.th-grow-x{transform-origin:0;animation:th-grow-x .52s var(--ease-out) var(--d,0s) backwards}.th-grow-x-rev{transform-origin:100%;animation:th-grow-x .52s var(--ease-out) var(--d,0s) backwards}.th-wipe{animation:th-wipe .56s var(--ease-out) var(--d,0s) backwards}.th-wipe-y{animation:th-wipe-y .36s var(--ease-out) var(--d,0s) backwards}.th-travel-once,.th-replay{opacity:0}.th-travel-once{animation:th-travel-once .46s var(--ease-in-out) var(--d,0s) backwards}.th-travel{animation:th-travel 3.2s linear var(--d,0s) infinite both}.th-ping{animation:th-ping 2.4s var(--ease-out) var(--d,0s) 3 both}.th-breathe{animation:th-breathe 1.8s var(--ease-in-out) 3}.th-lead{position:relative}.th-lead:after{pointer-events:none;content:"";background:var(--text-primary);opacity:0;width:7px;height:7px;animation:th-lead var(--step,16ms) linear var(--d,0s) none;border-radius:9999px;margin-top:-3px;position:absolute;top:50%;left:calc(100% + 4px)}.th-lead.th-lead-end:after{animation:th-lead-end 1.4s var(--ease-standard) var(--d,0s) none}.th-hot-up,.th-hot-x,.th-hot-pop{transition:transform .22s var(--ease-out);transition-delay:calc(var(--i,0) * 24ms)}@media (hover:hover) and (pointer:fine){.group:hover .th-visual[data-size=card] .th-hot-up,:hover>.th-visual[data-size=card] .th-hot-up{transform:translateY(-3px)}.group:hover .th-visual[data-size=card] .th-hot-x,:hover>.th-visual[data-size=card] .th-hot-x{transform:translate(4px)}@keyframes th-wave{0%,to{transform:translateY(0)}45%{transform:translateY(-5px)}}.group:hover .th-visual[data-size=card] .th-hot-grow,:hover>.th-visual[data-size=card] .th-hot-grow{animation:th-wave .44s var(--ease-in-out) calc(var(--i,0) * 28ms) both}.group:hover .th-visual[data-size=card] .th-hot-pop,:hover>.th-visual[data-size=card] .th-hot-pop{transform:scale(1.08)}.group:hover .th-visual[data-size=card] .th-replay,:hover>.th-visual[data-size=card] .th-replay{animation:th-travel-once .52s var(--ease-in-out) 40ms backwards}.th-set:has(.th-item:hover) .th-replay{animation:th-travel-once .52s var(--ease-in-out) 40ms backwards}}.th-item{transition:opacity .18s var(--ease-out)}.th-set:has(.th-item:hover) .th-item:not(:hover){opacity:.4}.th-lift,.th-lift-x{transition:transform .2s var(--ease-out), box-shadow .2s var(--ease-out)}@media (hover:hover) and (pointer:fine){.th-item:hover .th-lift,.th-item.th-lift:hover{transform:translateY(-3px)}.th-item:hover .th-lift-x,.th-item.th-lift-x:hover{transform:translate(4px)}}.th-band{transition:opacity .18s var(--ease-out), background-color .18s var(--ease-out)}.th-band:hover{background-color:var(--surface-hover)}.th-em,.th-em-mark{transition:color .16s var(--ease-out), opacity .16s var(--ease-out)}.th-em-mark{opacity:.6}.th-item:hover .th-em{color:var(--text-primary)}.th-item:hover .th-em-mark{opacity:1}.th-path{opacity:.75;transition:opacity .18s var(--ease-out)}.th-set:has(.th-item:hover) .th-path{opacity:1}.th-readout{pointer-events:none;opacity:0;transition:opacity .16s var(--ease-out), transform .2s var(--ease-out);transform:translateY(4px)}.th-item:hover .th-readout{opacity:1;transform:none}.th-default{transition:opacity .16s var(--ease-out)}.th-set:has(.th-item:hover) .th-default{opacity:0}.th-hover-only{display:none}@media (hover:hover){.th-hover-only{display:flex}}.th-grid{background-image:radial-gradient(circle at 1px 1px, var(--border-subtle) 1px, transparent 0);background-position:-1px -1px;background-size:16px 16px}@media (prefers-reduced-motion:reduce){.th-word,.th-rise,.th-slide,.th-land,.th-pop,.th-light,.th-grow-y,.th-grow-y-top,.th-grow-x,.th-grow-x-rev,.th-wipe,.th-wipe-y,.th-breathe,.th-visual .th-hot-grow{animation:none!important}.th-travel,.th-travel-once,.th-replay,.th-ping,.th-lead:after{display:none}.th-hot-up,.th-hot-x,.th-hot-pop,.th-lift,.th-lift-x,.th-readout{transition-property:opacity;transform:none!important}}
