@property --as-gauge-value{syntax:"<number>";inherits:true;initial-value:0}as-gauge{--as-gauge-value:0;--as-gauge-size:var(--as-size-xxl);--as-gauge-thickness:var(--as-size-xxs);--as-gauge-track:rgb(from currentColor r g b/.25);--as-gauge-indicator:currentColor;--as-gauge-start:0deg;--as-gauge-gap:0px;--as-gauge-transition:var(--as-time-s);--as-gauge-inner:calc(var(--as-gauge-size) - (var(--as-gauge-thickness) + var(--as-gauge-gap))*2);block-size:var(--as-gauge-size);box-sizing:border-box;display:inline-grid;inline-size:var(--as-gauge-size);padding:calc(var(--as-gauge-thickness) + var(--as-gauge-gap));place-items:center;position:relative;transition:--as-gauge-value var(--as-gauge-transition) linear}as-gauge>*{grid-area:1/1}as-gauge:after{background:conic-gradient(from var(--as-gauge-start),var(--as-gauge-indicator) 0 calc(var(--as-gauge-value)*1turn),var(--as-gauge-track) 0);border-radius:var(--as-border-radius-circle);content:"";inset:0;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--as-gauge-thickness)),#000 calc(100% - var(--as-gauge-thickness)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--as-gauge-thickness)),#000 calc(100% - var(--as-gauge-thickness)));pointer-events:none;position:absolute}as-gauge[size=s]{--as-gauge-size:var(--as-size-xl)}as-gauge[size=m]{--as-gauge-size:var(--as-size-xxl)}as-gauge[size=l]{--as-gauge-size:4rem}as-gauge[indeterminate]{--as-gauge-value:.25;transition:none}as-gauge[indeterminate]:after{animation:as-gauge-spin var(--as-time-l) linear infinite}@keyframes as-gauge-spin{to{rotate:1turn}}as-gauge[jump]{transition:none}@media (prefers-reduced-motion:reduce){as-gauge{transition:none}as-gauge[indeterminate]:after{animation:none}}