@layer components{umovity-progressbar{--_bg-color:#222a5e33}@supports (color:color-mix(in lab,red,red)){umovity-progressbar{--_bg-color:color-mix(in srgb, var(--color-blue) 20%, transparent)}}umovity-progressbar{--_bg-color--thumb:var(--color-blue);--_bg-color--thumb-visible:#222a5eb3}@supports (color:color-mix(in lab,red,red)){umovity-progressbar{--_bg-color--thumb-visible:color-mix(in srgb, var(--color-blue) 70%, transparent)}}umovity-progressbar{--_bg-color--thumb-hidden:#0000}@supports (color:color-mix(in lab,red,red)){umovity-progressbar{--_bg-color--thumb-hidden:color-mix(in srgb, var(--color-blue) 0%, transparent)}}umovity-progressbar{--_degree:180deg;--_progress:0;--_handlerSize:16px;height:8px;display:inline-block;container-type:size}umovity-progressbar[theme=accent]{--_bg-color:#29e08533}@supports (color:color-mix(in lab,red,red)){umovity-progressbar[theme=accent]{--_bg-color:color-mix(in srgb, var(--color-green) 20%, transparent)}}umovity-progressbar[theme=accent]{--_bg-color--thumb:var(--color-green);--_bg-color--thumb-visible:#29e085b3}@supports (color:color-mix(in lab,red,red)){umovity-progressbar[theme=accent]{--_bg-color--thumb-visible:color-mix(in srgb, var(--color-green) 70%, transparent)}}umovity-progressbar[theme=accent]{--_bg-color--thumb-hidden:#0000}@supports (color:color-mix(in lab,red,red)){umovity-progressbar[theme=accent]{--_bg-color--thumb-hidden:color-mix(in srgb, var(--color-green) 0%, transparent)}}umovity-progressbar[theme=accent] [data-track]{--_bg-progress:linear-gradient(var(--_degree), var(--color-blue), var(--color-green))}umovity-progressbar [data-track]{--_bg-progress:linear-gradient(var(--_degree), var(--color-lightblue-100), var(--color-blue));width:var(--spacing-xs);background-color:var(--_bg-color);border-radius:var(--spacing-2xs);height:100%;position:relative;overflow:hidden}umovity-progressbar [data-track]:before{inset:calc(var(--spacing,.25rem) * 0);content:"";background:var(--_bg-progress);scale:1 calc(1% * var(--_progress));transform-origin:top;position:absolute}umovity-progressbar:after{width:var(--_handlerSize);height:var(--_handlerSize);content:"";background:var(--_bg-color--thumb);transform:translateY(clamp(0px,calc(1cqh * var(--_progress) - 8px / 2),calc(100cqh - var(--spacing-s))));translate:calc(var(--spacing-xs) / -2) 0px;border-radius:3.40282e38px;animation:2s infinite thumb-pulse;position:absolute;top:0;left:0}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:0}umovity-progressbar.horizontal:after{transform:translate(clamp(0px,calc(1cqw * var(--_progress) - var(--spacing-xs) / 2),calc(100cqw - var(--spacing-s))));top:50%;left:0;translate:0 -50%}}@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)}}