:root{--progress-bar-color:#cfd8dc;--progress-value-color:#2196f3;--progress-empty-color-h:4.1;--progress-empty-color-s:89.6;--progress-empty-color-l:58.4;--progress-filled-color-h:122.4;--progress-filled-color-s:39.4;--progress-filled-color-l:49.2;--progress-font-size-11:11px;}.progressPadding{padding:var(--sp-2);}.progressFont{font-size:var(--progress-font-size-11);}progress[value]{display:block;position:relative;appearance:none;width:100%;height:6px;border:0;--border-radius:10px;border-radius:var(--border-radius);counter-reset:progress var(--progress-value);--progress-value-string:counter(progress) '%';--progress-max-decimal:calc(var(--value, 0) / var(--max, 0));--progress-value-decimal:calc(var(--progress-value, 0) / var(--max, 0));--progress-value-percent:calc(var(--progress-value-decimal) * 100%);--progress-value-color:hsl( calc((var(--progress-empty-color-h) + (var(--progress-filled-color-h) - var(--progress-empty-color-h)) * var(--progress-value-decimal)) * 1deg) calc((var(--progress-empty-color-s) + (var(--progress-filled-color-s) - var(--progress-empty-color-s)) * var(--progress-value-decimal)) * 1%) calc((var(--progress-empty-color-l) + (var(--progress-filled-color-l) - var(--progress-empty-color-l)) * var(--progress-value-decimal)) * 1%) );animation:calc(3s * var(--progress-max-decimal)) linear 0.5s 1 normal both progress;}progress[value]::-webkit-progress-bar{background-color:var(--progress-bar-color);border-radius:var(--border-radius);overflow:hidden;}progress[value]::-webkit-progress-value{width:var(--progress-value-percent) !important;background-color:var(--progress-value-color);border-radius:var(--border-radius);}progress[value]::-moz-progress-bar{width:var(--progress-value-percent) !important;background-color:var(--progress-value-color);border-radius:var(--border-radius);}progress[value="101"]{--value:101;--progress-value-color:red;}@keyframes progress{from{--progress-value:var(--value);}to{--progress-value:var(--value);}}