#online-3d-viewer-progress-wrapper>img{animation:.8s linear infinite alternate pulse}:root.dark #online-3d-viewer-progress-wrapper>img{filter:invert()}
.circular-progress{--size:24px;--half-size:calc(var(--size)/2);--stroke-width:4px;--radius:calc((var(--size) - var(--stroke-width))/2);--circumference:calc(var(--radius)*pi*2);--dash:calc((var(--progress)*var(--circumference))/100);animation:5s linear forwards progress-animation}.circular-progress circle{cx:var(--half-size);cy:var(--half-size);r:var(--radius);stroke-width:var(--stroke-width);fill:none;stroke-linecap:round}.circular-progress circle.bg{stroke:#cf0;stroke-opacity:.2}.circular-progress circle.fg{transform-origin:var(--half-size)var(--half-size);stroke-dasharray:var(--dash)calc(var(--circumference) - var(--dash));stroke:#cf0;transition:stroke-dasharray .3s linear;transform:rotate(-90deg)}@property --progress{syntax:"<number>";inherits:false;initial-value:0}