@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:var(--border-size) solid #0000;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;border-radius:50%}@layer mixins{.circular-timer{justify-content:center;align-items:center;display:flex}}.circular-timer__value{color:var(--color);font-size:20px}}