:root{--duration-quick:.15s;--duration-fast:.25s;--duration-medium:.35s;--ease-smooth-out:cubic-bezier(.22, 1, .36, 1);--ease-out:ease-out;--scale-large:.96;--scale-small:.98;--blur-small:2px;--tabs-dur:.25s;--tabs-ease:cubic-bezier(.22, 1, .36, 1);--tabs-text-muted:#6b7280;--tabs-text-active:#2b5ce7;--tabs-bar-bg:#f7f9fc;--tabs-pill-bg:#fff;--modal-open-dur:.25s;--modal-close-dur:.15s;--modal-scale:.96;--modal-scale-close:.96;--modal-ease:cubic-bezier(.22, 1, .36, 1);--toast-open:.35s;--toast-close:.25s;--toast-distance:16px;--toast-blur:2px;--toast-scale:.97;--toast-ease:cubic-bezier(.22, 1, .36, 1);--learn-shift:2px;--learn-spread:8deg;--learn-in:.35s;--learn-out:.35s;--learn-ease:cubic-bezier(.22, 1, .36, 1)}.t-tabs{background:var(--tabs-bar-bg);border-radius:18px;align-items:center;gap:4px;padding:4px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #eef2f7}.t-tabs--fill{width:100%;display:flex}.t-tabs--fit{width:fit-content;max-width:100%;overflow-x:auto}.t-tab{appearance:none;color:var(--tabs-text-muted);cursor:pointer;z-index:1;white-space:nowrap;transition:color var(--tabs-dur) var(--tabs-ease);background:0 0;border:0;border-radius:14px;padding:4px 16px;font-size:.875rem;font-weight:500;line-height:1.25;position:relative}.t-tabs--fill .t-tab{flex:1}.t-tabs--lg .t-tab,.t-tabs--lg .t-tabs-pill{height:44px}.t-tabs--md .t-tab,.t-tabs--md .t-tabs-pill{height:40px}.t-tab:not([aria-selected=true]):hover,.t-tab[aria-selected=true]{color:var(--tabs-text-active)}.t-tabs-pill{background:var(--tabs-pill-bg);width:0;transition:transform var(--tabs-dur) var(--tabs-ease), width var(--tabs-dur) var(--tabs-ease);will-change:transform, width;z-index:0;pointer-events:none;border-radius:14px;position:absolute;top:4px;left:0;transform:translate(0);box-shadow:0 4px 12px #0f285014}@keyframes t-modal-in{0%{opacity:0;transform:translate(-50%, -50%) scale(var(--modal-scale))}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes t-modal-out{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%, -50%) scale(var(--modal-scale-close))}}.t-modal[data-state=open]{animation:t-modal-in var(--modal-open-dur) var(--modal-ease) both}.t-modal[data-state=closed]{animation:t-modal-out var(--modal-close-dur) var(--modal-ease) both}@keyframes t-toast-in{0%{opacity:0;filter:blur(var(--toast-blur));transform:translateY(var(--toast-distance)) scale(var(--toast-scale))}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes t-toast-out{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:0;filter:blur(var(--toast-blur));transform:translateY(var(--toast-distance)) scale(var(--toast-scale))}}.t-toast{will-change:transform, opacity, filter}.t-toast[data-state=open]{animation:t-toast-in var(--toast-open) var(--toast-ease) both}.t-toast[data-state=closed]{animation:t-toast-out var(--toast-close) var(--toast-ease) both}.t-learn-chevron{transition:transform var(--learn-out) var(--learn-ease);display:inline-flex;transform:translate(0)}.t-learn-arm{transform-box:view-box;transform-origin:10px 8px;vector-effect:non-scaling-stroke;transition:transform var(--learn-out) var(--learn-ease)}.t-learn:hover .t-learn-chevron{transform:translateX(var(--learn-shift));transition-duration:var(--learn-in)}.t-learn:hover .t-learn-arm{transition-duration:var(--learn-in)}.t-learn:hover .t-learn-arm-top{transform:rotate(var(--learn-spread))}.t-learn:hover .t-learn-arm-bot{transform:rotate(calc(var(--learn-spread) * -1))}@keyframes t-hero-card-in{0%{opacity:0;transform:scale(var(--scale-large))}to{opacity:1;transform:scale(1)}}@keyframes t-bar-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.t-hero-card{transform-origin:50%;animation:t-hero-card-in var(--duration-fast) var(--ease-smooth-out) both}.t-hero-card .t-metric-fill{transform-origin:0;animation:t-bar-fill var(--duration-medium) var(--ease-smooth-out) 80ms both}@media (prefers-reduced-motion:reduce){.t-tabs-pill,.t-tab{transition:none!important}.t-modal[data-state=open],.t-modal[data-state=closed],.t-toast[data-state=open],.t-toast[data-state=closed]{animation:none!important}.t-learn-chevron,.t-learn-arm{transition:none!important}.t-hero-card,.t-hero-card .t-metric-fill{animation:none!important}}
