.ui-progress,.ui-meter { display:block;width:100%;height:.4rem;margin-top:.5rem;border:0;border-radius:var(--radius,4px);overflow:hidden;background:var(--highlight);accent-color:var(--link); }.ui-progress::-webkit-progress-bar { background:var(--highlight); }.ui-progress::-webkit-progress-value { background:var(--link); }.ui-progress::-moz-progress-bar { background:var(--link); }.ui-meter-fill { display:block;width:100%;height:100%;background:var(--link);transform-origin:left; }.ui-timed .ui-meter-fill { animation:ui-timed-fill var(--ui-duration) linear both; }.ui-meter[data-mode="loading"] .ui-meter-fill { width:40%;animation:ui-loading 1.2s ease-in-out infinite; }.ui-countdown { display:inline-block;height:1.5em;overflow:hidden;vertical-align:bottom;font-variant-numeric:tabular-nums;line-height:1.5em; }.ui-countdown-track { display:block;animation:ui-countdown var(--ui-duration) steps(var(--ui-steps),end) both; }.ui-countdown-track > span { display:block;height:1.5em; }@keyframes ui-timed-fill { from { transform:scaleX(0); } to { transform:scaleX(1); } }@keyframes ui-countdown { from { transform:translateY(0); } to { transform:translateY(calc(var(--ui-steps) * -1.5em)); } }@keyframes ui-loading { from { transform:translateX(-100%); } to { transform:translateX(350%); } }@media(prefers-reduced-motion:reduce) {.ui-timed .ui-meter-fill { animation-timing-function:steps(1,end); }.ui-meter[data-mode="loading"] .ui-meter-fill { animation:none;width:100%;opacity:.6; }}