:root{--th-settle:var(--ease-out)}@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-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 var(--duration-5) var(--ease-out) var(--d,0s) backwards}.th-rise{animation:th-rise var(--duration-6) var(--ease-out) var(--d,0s) backwards}.th-slide{animation:th-slide var(--duration-6) var(--ease-out) var(--d,0s) backwards}.th-land{animation:th-land var(--duration-6) var(--th-settle) var(--d,0s) backwards}.th-pop{animation:th-pop var(--duration-6) var(--th-settle) var(--d,0s) backwards}.th-light{animation:th-light var(--duration-6) var(--th-settle) var(--d,0s) backwards}.th-grow-y{transform-origin:bottom;animation:th-grow-y var(--duration-6) var(--ease-out) var(--d,0s) backwards}.th-grow-y-top{transform-origin:top;animation:th-grow-y var(--duration-6) var(--ease-out) var(--d,0s) backwards}.th-grow-x{transform-origin:0;animation:th-grow-x var(--duration-6) var(--ease-out) var(--d,0s) backwards}.th-grow-x-rev{transform-origin:100%;animation:th-grow-x var(--duration-6) var(--ease-out) var(--d,0s) backwards}.th-wipe{animation:th-wipe var(--duration-6) var(--ease-out) var(--d,0s) backwards}.th-wipe-y{animation:th-wipe-y var(--duration-6) var(--ease-out) var(--d,0s) backwards}.th-travel-once,.th-replay{opacity:0}.th-travel-once{animation:th-travel-once var(--duration-6) var(--ease-in-out) var(--d,0s) backwards}.th-travel{animation:th-travel 3.2s linear var(--d,0s) infinite both}.th-ping{opacity:.9}.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{--th-linger-time:1.4s;animation:th-lead-end var(--th-linger-time) var(--ease-standard) var(--d,0s) none}.th-hot-up,.th-hot-x,.th-hot-pop{transition:transform var(--duration-4) 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 var(--duration-6) 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 var(--duration-6) var(--ease-in-out) 40ms backwards}.th-set:has(.th-item:hover) .th-replay{animation:th-travel-once var(--duration-6) var(--ease-in-out) 40ms backwards}}.th-item{transition:opacity var(--duration-3) var(--ease-out)}.th-set:has(.th-item:hover) .th-item:not(:hover){opacity:.4}.th-lift,.th-lift-x{transition:transform var(--duration-3) var(--ease-out), box-shadow var(--duration-3) 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 var(--duration-3) var(--ease-out), background-color var(--duration-3) var(--ease-out)}.th-band:hover{background-color:var(--surface-hover)}.th-em,.th-em-mark{transition:color var(--duration-2) var(--ease-out), opacity var(--duration-2) 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 var(--duration-3) var(--ease-out)}.th-set:has(.th-item:hover) .th-path{opacity:1}.th-readout{pointer-events:none;opacity:0;transition:opacity var(--duration-2) var(--ease-out), transform var(--duration-3) var(--ease-out);transform:translateY(4px)}.th-item:hover .th-readout{opacity:1;transform:none}.th-default{transition:opacity var(--duration-2) 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-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}}
