:root{--digit-dur:.5s;--digit-distance:8px;--digit-stagger:70ms;--digit-blur:2px;--digit-ease:cubic-bezier(.34, 1.45, .64, 1);--digit-dir-x:0;--digit-dir-y:1;--icon-swap-dur:.25s;--icon-swap-blur:2px;--icon-swap-start-scale:.25;--icon-swap-ease:ease-in-out;--avatar-lift:-4px;--avatar-dur:.32s;--avatar-scale:1.05;--avatar-ease-in:cubic-bezier(.22, 1, .36, 1);--avatar-ease-out:cubic-bezier(.34, 3.85, .64, 1);--lift-amount:-3px;--lift-dur:.2s;--lift-ease:cubic-bezier(.22, 1, .36, 1)}@keyframes t-digit-pop-in{0%{transform:translate(calc(var(--digit-distance) * var(--digit-dir-x)), calc(var(--digit-distance) * var(--digit-dir-y)));opacity:0;filter:blur(var(--digit-blur))}to{opacity:1;filter:blur();transform:translate(0)}}.t-digit-group{align-items:baseline;display:inline-flex}.t-digit{will-change:transform, opacity, filter;display:inline-block}.t-digit-group.is-animating .t-digit{animation:t-digit-pop-in var(--digit-dur) var(--digit-ease) both}.t-digit-group.is-animating .t-digit[data-stagger="1"]{animation-delay:var(--digit-stagger)}.t-digit-group.is-animating .t-digit[data-stagger="2"]{animation-delay:calc(var(--digit-stagger) * 2)}@media (prefers-reduced-motion:reduce){.t-digit-group .t-digit{animation:none!important}}.t-icon-swap{display:inline-grid;position:relative}.t-icon-swap .t-icon{transition:opacity var(--icon-swap-dur) var(--icon-swap-ease), filter var(--icon-swap-dur) var(--icon-swap-ease), transform var(--icon-swap-dur) var(--icon-swap-ease);will-change:opacity, filter, transform;grid-area:1/1}.t-icon-swap[data-state=a] .t-icon[data-icon=a],.t-icon-swap[data-state=b] .t-icon[data-icon=b]{opacity:1;filter:blur();transform:scale(1)}.t-icon-swap[data-state=a] .t-icon[data-icon=b],.t-icon-swap[data-state=b] .t-icon[data-icon=a]{opacity:0;filter:blur(var(--icon-swap-blur));transform:scale(var(--icon-swap-start-scale))}@media (prefers-reduced-motion:reduce){.t-icon-swap .t-icon{transition:none!important}}.t-avatar{transform-origin:50%;transform:translateY(var(--shift,0px)) scale(var(--scale-active,1));transition:transform var(--avatar-dur) var(--avatar-ease-in);will-change:transform}@media (hover:hover){.t-avatar:hover{--shift:var(--avatar-lift);--scale-active:var(--avatar-scale);transition-timing-function:var(--avatar-ease-out)}}@media (prefers-reduced-motion:reduce){.t-avatar{transition:none!important;transform:none!important}}.t-lift{transition:transform var(--lift-dur) var(--lift-ease), box-shadow var(--lift-dur) var(--lift-ease);will-change:transform}@media (hover:hover){.t-lift:hover{transform:translateY(var(--lift-amount));box-shadow:0 1px 2px #0f171c0f,0 8px 24px #0f171c14}}@media (prefers-reduced-motion:reduce){.t-lift{transition:none!important}.t-lift:hover{transform:none!important}}.t-press{transition:transform var(--lift-dur) var(--lift-ease);will-change:transform}@media (hover:hover){.t-press:hover{transform:translateY(-1px)}}.t-press:active{transform:translateY(0)scale(.97)}@media (prefers-reduced-motion:reduce){.t-press{transition:none!important}.t-press:hover,.t-press:active{transform:none!important}}
