@layer components{.tl-progress{--tl-progress-ms:240ms;--tl-progress-track:color-mix(in oklch,currentColor 18%,transparent)}.tl-progress-track{position:relative;flex:1 1 0%;min-width:0;overflow:hidden;border-radius:9999px;background-color:var(--tl-progress-track)}.tl-progress-fill{position:absolute;inset-block:0;inset-inline-start:0;border-radius:inherit;background-color:currentColor;transition-property:width;transition-duration:var(--tl-progress-ms);transition-timing-function:var(--ease-macos)}@keyframes tl-swap-in{0%{opacity:0}to{opacity:1}}.tl-swap-in{animation:tl-swap-in .18s var(--ease-macos) backwards}@keyframes tl-arrive{0%{opacity:0}to{opacity:1}}.tl-arrive,[data-tl-arrive]{animation:tl-arrive .18s var(--ease-macos) backwards}@keyframes tl-dot-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.tl-dot-in{animation:tl-dot-in var(--duration-spring-bouncy,583ms) var(--ease-spring-bouncy,var(--ease-macos)) backwards}@keyframes tl-card-landed-wash{0%{background-color:color-mix(in oklch,hsl(var(--primary)) 14%,transparent)}to{background-color:transparent}}@keyframes tl-card-landed-ring{0%{box-shadow:inset 0 0 0 2px color-mix(in oklch,hsl(var(--primary)) 40%,transparent)}to{box-shadow:inset 0 0 0 2px transparent}}@keyframes tl-card-landed-static{0%,99%{box-shadow:inset 0 0 0 2px color-mix(in oklch,hsl(var(--primary)) 40%,transparent)}to{box-shadow:none}}.tl-card-landed{animation:tl-card-landed-wash .8s var(--ease-macos) 2,tl-card-landed-ring 1s var(--ease-macos) forwards}@media (prefers-reduced-motion:reduce){.tl-card-landed{animation:tl-card-landed-static 1.2s linear forwards!important;animation-duration:1.2s!important}.tl-arrive,.tl-dot-in,.tl-swap-in,[data-tl-arrive]{animation:none!important}.tl-progress-fill{transition:none!important}}:root[data-motion=reduce] .tl-card-landed{animation:tl-card-landed-static 1.2s linear forwards!important;animation-duration:1.2s!important}:root[data-motion=reduce] .tl-arrive,:root[data-motion=reduce] .tl-dot-in,:root[data-motion=reduce] .tl-swap-in,:root[data-motion=reduce] [data-tl-arrive]{animation:none!important}:root[data-motion=reduce] .tl-progress-fill{transition:none!important}}