.tt-card,.tt-item{animation:tt-in var(--dur-slow,.25s) var(--ease-out,cubic-bezier(.25,1,.5,1)) both}.tt-item{animation-delay:calc(var(--i, 0) * 40ms)}@keyframes tt-in{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:none}}.tt-dot{transition:transform .32s cubic-bezier(.34,1.56,.64,1);will-change:transform}.tt-row:focus-within .tt-dot,.tt-row:hover .tt-dot{transform:translate3d(0,-2px,0) scale(1.4)}.tt-press{transition:transform .18s cubic-bezier(.34,1.56,.64,1),background-color var(--dur-fast,.15s) var(--ease-out,ease-out),color var(--dur-fast,.15s) var(--ease-out,ease-out)}.tt-press:active{transform:scale(.94)}.tt-img{opacity:0;transition:opacity var(--dur-slow,.25s) var(--ease-out,ease-out)}.tt-img.is-loaded{opacity:1}@media (prefers-reduced-motion:reduce){.tt-card,.tt-item{animation-name:tt-fade}.tt-dot,.tt-press{transition:none}.tt-press:active,.tt-row:focus-within .tt-dot,.tt-row:hover .tt-dot{transform:none}}@keyframes tt-fade{0%{opacity:0}to{opacity:1}}.tt-live{animation:tt-pulse 1.6s ease-in-out infinite}@keyframes tt-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.tt-live{animation:none}}.tt-menu-list{transform-origin:top right;animation:tt-menu-in var(--dur-base,.2s) var(--ease-out,cubic-bezier(.25,1,.5,1)) both}@keyframes tt-menu-in{0%{opacity:0;transform:scale(.96) translate3d(0,-4px,0)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tt-menu-list{animation-name:tt-fade}}