@layer shared{.circular-timer{--progress:100%;--color:var(--white);--background:var(--red-400);--progress-color:var(--white);--border-color:var(--red-300);--border-size:2px;--size:48px;width:var(--size);height:var(--size);border-radius:50%;border:var(--border-size) solid rgba(0,0,0,0);background:linear-gradient(0deg,var(--background),var(--background)) padding-box,conic-gradient(var(--progress-color) var(--progress),var(--progress-color) var(--progress),var(--border-color) 0) border-box}@layer mixins{.circular-timer{display:flex;justify-content:center;align-items:center}}.circular-timer__value{font-size:20px;color:var(--color)}}