@layer bare.reset,bare.tokens,bare.base,bare.layout,bare.component,bare.utility;@layer bare.component{.bs-donut{display:flex;flex-direction:column;align-items:center;gap:var(--bs-donut-gap-block,var(--bs-space-4));margin:0}.bs-donut__dial{display:grid;grid-template-areas:'bs-donut';place-items:center;inline-size:min(var(--bs-donut-size,12rem),100%);aspect-ratio:1}.bs-donut__ring{--bs-donut-c1:calc(var(--bs-donut-1,0) * 1turn);--bs-donut-c2:calc(var(--bs-donut-c1) + var(--bs-donut-2,0) * 1turn);--bs-donut-c3:calc(var(--bs-donut-c2) + var(--bs-donut-3,0) * 1turn);--bs-donut-c4:calc(var(--bs-donut-c3) + var(--bs-donut-4,0) * 1turn);--bs-donut-c5:calc(var(--bs-donut-c4) + var(--bs-donut-5,0) * 1turn);--bs-donut-c6:calc(var(--bs-donut-c5) + var(--bs-donut-6,0) * 1turn);grid-area:bs-donut;inline-size:100%;block-size:100%;border-radius:var(--bs-radius-full);background-image:conic-gradient(from var(--bs-donut-start,0turn),transparent 0 calc(var(--bs-donut-c1) - var(--bs-donut-hair,0.75deg)),var(--bs-donut-hair-color,var(--s-card)) 0 var(--bs-donut-c1),transparent 0 calc(var(--bs-donut-c2) - var(--bs-donut-hair,0.75deg)),var(--bs-donut-hair-color,var(--s-card)) 0 var(--bs-donut-c2),transparent 0 calc(var(--bs-donut-c3) - var(--bs-donut-hair,0.75deg)),var(--bs-donut-hair-color,var(--s-card)) 0 var(--bs-donut-c3),transparent 0 calc(var(--bs-donut-c4) - var(--bs-donut-hair,0.75deg)),var(--bs-donut-hair-color,var(--s-card)) 0 var(--bs-donut-c4),transparent 0 calc(var(--bs-donut-c5) - var(--bs-donut-hair,0.75deg)),var(--bs-donut-hair-color,var(--s-card)) 0 var(--bs-donut-c5),transparent 0 calc(var(--bs-donut-c6) - var(--bs-donut-hair,0.75deg)),var(--bs-donut-hair-color,var(--s-card)) 0 var(--bs-donut-c6),transparent 0 calc(1turn - var(--bs-donut-hair,0.75deg)),var(--bs-donut-hair-color,var(--s-card)) 0 1turn),conic-gradient(from var(--bs-donut-start,0turn),var(--bs-donut-fill-1,var(--color-iris-glow)) 0 var(--bs-donut-c1),var(--bs-donut-fill-2,var(--ok)) 0 var(--bs-donut-c2),var(--bs-donut-fill-3,var(--color-twilight)) 0 var(--bs-donut-c3),var(--bs-donut-fill-4,var(--color-ash)) 0 var(--bs-donut-c4),var(--bs-donut-fill-5,var(--danger)) 0 var(--bs-donut-c5),var(--bs-donut-fill-6,var(--color-periwinkle)) 0 var(--bs-donut-c6),var(--bs-donut-rest,var(--s-hover)) 0 1turn)}.bs-donut__centre{grid-area:bs-donut;display:flex;flex-direction:column;align-items:center;gap:var(--bs-space-1);max-inline-size:calc(100% - var(--bs-donut-thickness,30%));padding:var(--bs-space-1) var(--bs-space-2);border-radius:var(--bs-radius-full);background-color:var(--bs-donut-centre-bg,var(--s-card));pointer-events:none;text-align:center}.bs-donut__total{color:var(--bs-donut-total-fg,var(--bs-text));font-size:var(--bs-donut-total-size,var(--bs-text-h4));font-weight:var(--bs-weight-heading);line-height:var(--bs-leading-none);letter-spacing:var(--bs-tracking-tight);font-variant-numeric:tabular-nums}.bs-donut__unit{color:var(--bs-donut-unit-fg,var(--bs-text-muted));font-size:var(--bs-text-caption);letter-spacing:var(--bs-tracking-caption)}@supports ((mask-image:radial-gradient(#000,#000)) or (-webkit-mask-image:radial-gradient(#000,#000))){.bs-donut__ring{-webkit-mask-image:radial-gradient(closest-side,transparent calc(100% - var(--bs-donut-thickness,30%)),#000 0);mask-image:radial-gradient(closest-side,transparent calc(100% - var(--bs-donut-thickness,30%)),#000 0)}.bs-donut__centre{background-color:transparent}}.bs-donut__legend{counter-reset:bs-donut-item;display:flex;flex-direction:column;gap:var(--bs-donut-row-gap,var(--bs-space-2));inline-size:100%;margin:0;padding:0;list-style:none}.bs-donut__item{counter-increment:bs-donut-item;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:baseline;gap:var(--bs-space-1) var(--bs-space-2)}.bs-donut__item::before{content:counter(bs-donut-item);color:var(--bs-donut-rank-fg,var(--bs-text-muted));font-family:var(--font-mono);font-size:var(--bs-text-caption);font-variant-numeric:tabular-nums}.bs-donut__swatch{align-self:center;inline-size:var(--bs-donut-swatch-size,0.75rem);block-size:var(--bs-donut-swatch-size,0.75rem);border-radius:var(--bs-radius-1);background-color:var(--bs-donut-rest,var(--s-hover))}.bs-donut__item:nth-child(1) .bs-donut__swatch{background-color:var(--bs-donut-fill-1,var(--color-iris-glow))}.bs-donut__item:nth-child(2) .bs-donut__swatch{background-color:var(--bs-donut-fill-2,var(--ok))}.bs-donut__item:nth-child(3) .bs-donut__swatch{background-color:var(--bs-donut-fill-3,var(--color-twilight))}.bs-donut__item:nth-child(4) .bs-donut__swatch{background-color:var(--bs-donut-fill-4,var(--color-ash))}.bs-donut__item:nth-child(5) .bs-donut__swatch{background-color:var(--bs-donut-fill-5,var(--danger))}.bs-donut__item:nth-child(6) .bs-donut__swatch{background-color:var(--bs-donut-fill-6,var(--color-periwinkle))}.bs-donut__name{color:var(--bs-donut-name-fg,var(--bs-text));font-size:var(--bs-text-small);overflow-wrap:anywhere}.bs-donut__value{color:var(--bs-donut-value-fg,var(--bs-text-secondary));font-size:var(--bs-text-small);font-weight:var(--bs-weight-medium);font-variant-numeric:tabular-nums}.bs-donut--sm{--bs-donut-size:8rem;--bs-donut-total-size:var(--bs-text-h6)}.bs-donut--lg{--bs-donut-size:17rem;--bs-donut-total-size:var(--bs-text-h2)}.bs-donut--thin{--bs-donut-thickness:18%}@media (min-width:30em){.bs-donut--split{flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--bs-space-5)}.bs-donut--split .bs-donut__legend{inline-size:auto;flex:1 1 var(--bs-donut-legend-basis,12rem)}}@media (forced-colors:active){.bs-donut__ring,.bs-donut__swatch{display:none}.bs-donut__item{grid-template-columns:auto minmax(0,1fr) auto}.bs-donut__centre{border:var(--bs-border-1) solid CanvasText}}@media print{.bs-donut__ring,.bs-donut__swatch{-webkit-print-color-adjust:exact;print-color-adjust:exact}.bs-donut--split{display:block}}}