@property --fx-m{syntax:"<integer>";inherits:true;initial-value:1}.fx-loader{--fx-dur:4.2s;--fx-track:148px;animation:fx-appear .25s .15s both}.fx-loader .fx-clock{display:flex;align-items:baseline;justify-content:center;min-width:140px;font-family:var(--font-barlow-condensed),"Arial Narrow",sans-serif;font-weight:800;font-size:96px;line-height:.9;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--foreground);animation:fx-minute var(--fx-dur) linear var(--fx-offset,0s) infinite;counter-reset:fxm var(--fx-m)}.fx-loader .fx-clock:before{content:counter(fxm)}.fx-loader .fx-clock:after{content:"'";margin-left:2px;font-size:50px;font-weight:700;color:var(--primary)}.fx-loader .fx-track{position:relative;width:var(--fx-track);height:4px;margin-top:24px;border-radius:3px;background:color-mix(in oklab,var(--foreground) 12%,transparent)}.fx-loader .fx-bar{position:absolute;inset:0;border-radius:3px;background:var(--primary);transform-origin:left;animation:fx-bar var(--fx-dur) linear var(--fx-offset,0s) infinite}.fx-loader .fx-tick{position:absolute;left:50%;top:-5px;bottom:-5px;width:2px;margin-left:-1px;background:color-mix(in oklab,var(--foreground) 30%,transparent)}.fx-loader .fx-run{position:absolute;left:0;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;animation:fx-run var(--fx-dur) linear var(--fx-offset,0s) infinite}.fx-loader .fx-run svg{display:block;width:100%;height:100%}.fx-loader .fx-mt{position:relative;width:var(--fx-track);height:10px;margin-top:8px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-foreground)}.fx-loader .fx-mt span{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.fx-loader .fx-say{position:relative;width:240px;height:18px;margin-top:22px;text-align:center;font-size:12px;color:var(--muted-foreground)}.fx-loader .fx-say span{position:absolute;inset:0;opacity:0;animation:var(--fx-dur) linear var(--fx-offset,0s) infinite}.fx-loader .fx-say span:first-child{animation-name:fx-say-1}.fx-loader .fx-say span:nth-child(2){animation-name:fx-say-2}.fx-loader .fx-say span:nth-child(3){animation-name:fx-say-3}.fx-loader .fx-say span:nth-child(4){animation-name:fx-say-4}.fx-loader .fx-say span:nth-child(5){animation-name:fx-say-5}@keyframes fx-appear{0%{opacity:0}to{opacity:1}}@keyframes fx-minute{0%{--fx-m:1}to{--fx-m:90}}@keyframes fx-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes fx-run{0%{transform:translateX(0) rotate(0)}to{transform:translateX(var(--fx-track)) rotate(900deg)}}@keyframes fx-say-1{0%,16.6%{opacity:1}16.7%,to{opacity:0}}@keyframes fx-say-2{0%,16.6%{opacity:0}16.7%,49.9%{opacity:1}50%,to{opacity:0}}@keyframes fx-say-3{0%,49.9%{opacity:0}50%,66.6%{opacity:1}66.7%,to{opacity:0}}@keyframes fx-say-4{0%,66.6%{opacity:0}66.7%,97.7%{opacity:1}97.8%,to{opacity:0}}@keyframes fx-say-5{0%,97.7%{opacity:0}97.8%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.fx-loader .fx-bar,.fx-loader .fx-clock,.fx-loader .fx-run,.fx-loader .fx-say span{animation:none}.fx-loader .fx-clock{--fx-m:45}.fx-loader .fx-bar{transform:scaleX(.5)}.fx-loader .fx-run{transform:translateX(calc(var(--fx-track) / 2))}.fx-loader .fx-say span:nth-child(3){opacity:1}}