umovity-progressbar{--_bg-color: hsl(232 47% 25% / .2);--_bg-color--thumb: hsl(232 47% 25%);--_bg-color--thumb-visible: hsl(232 47% 25% / .7);--_bg-color--thumb-hidden: hsl(232 47% 25% / 0);--_degree: 180deg;--_progress: 0;--_handlerSize: 16px;display:inline-block;container-type:size;height:8px}umovity-progressbar[theme=accent]{--_bg-color: hsl(150 75% 52% / .2);--_bg-color--thumb: hsl(150 75% 52%);--_bg-color--thumb-visible: hsl(150 75% 52% / .7);--_bg-color--thumb-hidden: hsl(150 75% 52% / 0)}umovity-progressbar[theme=accent] [data-track]{--_bg-progress: linear-gradient(var(--_degree), hsl(232 47% 25%), hsl(150 75% 52%))}umovity-progressbar [data-track]{--_bg-progress: linear-gradient(var(--_degree), hsl(212 57% 79%), hsl(232 47% 25%));width:var(--space-xs);height:100%;background-color:var(--_bg-color);overflow:hidden;border-radius:var(--space-2xs);position:relative}umovity-progressbar [data-track]:before{position:absolute;inset:0;content:"";background:var(--_bg-progress);scale:1 calc(1% * var(--_progress));transform-origin:top}umovity-progressbar:after{position:absolute;border-radius:9999px;animation:thumb-pulse 2s ease infinite;width:var(--_handlerSize);height:var(--_handlerSize);content:"";top:0;left:0;background:var(--_bg-color--thumb);transform:translateY(clamp(0px,calc(1cqh * var(--_progress) - 8px / 2),calc(100cqh - var(--space-s))));translate:calc(var(--space-xs) / -2) 0px}umovity-progressbar.horizontal{position:relative}umovity-progressbar.horizontal [data-track]{--_degree: 90deg;width:100%;height:100%}umovity-progressbar.horizontal [data-track]:before{scale:calc(1% * var(--_progress)) 1;transform-origin:left}umovity-progressbar.horizontal:after{transform:translate(clamp(0px,calc(1cqw * var(--_progress) - var(--space-xs) / 2),calc(100cqw - var(--space-s))));translate:0 -50%;top:50%;left:0}@keyframes thumb-pulse{0%{box-shadow:0 0 0 0 var(--_bg-color--thumb-visible)}70%{box-shadow:0 0 0 10px var(--_bg-color--thumb-hidden)}to{box-shadow:0 0 0 0 var(--_bg-color--thumb-hidden)}}