@layer bare.reset,bare.tokens,bare.base,bare.layout,bare.component,bare.utility;@layer bare.component{.bs-bar-chart{display:flex;flex-direction:column;gap:var(--bs-bar-chart-gap,var(--bs-space-3));margin:0;position:relative}.bs-bar-chart__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--bs-space-1) var(--bs-space-3)}.bs-bar-chart__title{color:var(--bs-bar-chart-title-fg,var(--bs-text));font-size:var(--bs-text-small);font-weight:var(--bs-weight-medium);letter-spacing:var(--bs-tracking-wide)}.bs-bar-chart__scale{color:var(--bs-bar-chart-scale-fg,var(--bs-text-muted));font-size:var(--bs-text-caption);letter-spacing:var(--bs-tracking-caption);font-variant-numeric:tabular-nums}.bs-bar-chart__plot{display:flex;flex-direction:column;gap:var(--bs-bar-chart-row-gap,var(--bs-space-3));overflow-x:auto;overscroll-behavior-x:contain}.bs-bar-chart__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--bs-space-1) var(--bs-space-3)}.bs-bar-chart__label{grid-area:label;order:1;flex:0 1 var(--bs-bar-chart-label-width,8rem);min-inline-size:0;color:var(--bs-bar-chart-label-fg,var(--bs-text-secondary));font-size:var(--bs-text-small);overflow-wrap:anywhere}.bs-bar-chart__track{grid-area:track;order:2;flex:1 1 var(--bs-bar-chart-track-basis,12rem);align-self:center;position:relative;block-size:var(--bs-bar-chart-thickness,0.75rem);border-radius:var(--bs-bar-chart-radius,var(--bs-radius-full));background-color:var(--bs-bar-chart-track,var(--s-hover));background-image:repeating-linear-gradient(to right,transparent 0 calc(var(--bs-bar-chart-grid-step,25%) - var(--bs-bar-chart-grid-width,1px)),var(--bs-bar-chart-grid,var(--bs-border-color)) 0 var(--bs-bar-chart-grid-step,25%));border-inline-start:var(--bs-bar-chart-baseline-width,2px) solid var(--bs-bar-chart-baseline,var(--bs-border-strong));overflow:hidden}.bs-bar-chart__bar{inline-size:100%;block-size:100%;border-radius:inherit;background-color:var(--bs-bar-chart-fill,var(--bs-accent-border));transform:scaleX(var(--bs-bar-chart-fraction,0));transform-origin:0 50%;transition:transform var(--bs-duration-4) var(--ease-out)}.bs-bar-chart__bar:dir(rtl){transform-origin:100% 50%}.bs-bar-chart__value{grid-area:value;order:3;flex:0 0 auto;margin-inline-start:auto;color:var(--bs-bar-chart-value-fg,var(--bs-text));font-size:var(--bs-text-small);font-weight:var(--bs-weight-medium);font-variant-numeric:tabular-nums;text-align:end}.bs-bar-chart__bar--hatch{background-image:repeating-linear-gradient(135deg,var(--bs-bar-chart-texture,var(--s-card)) 0 var(--bs-bar-chart-texture-size,0.1875rem),transparent 0 calc(2 * var(--bs-bar-chart-texture-size,0.1875rem)))}.bs-bar-chart__bar--cross{background-image:repeating-linear-gradient(135deg,var(--bs-bar-chart-texture,var(--s-card)) 0 var(--bs-bar-chart-texture-size,0.0625rem),transparent 0 calc(3 * var(--bs-bar-chart-texture-size,0.0625rem))),repeating-linear-gradient(45deg,var(--bs-bar-chart-texture,var(--s-card)) 0 var(--bs-bar-chart-texture-size,0.0625rem),transparent 0 calc(3 * var(--bs-bar-chart-texture-size,0.0625rem)))}.bs-bar-chart__bar--ok{--bs-bar-chart-fill:var(--bs-text-ok)}.bs-bar-chart__bar--danger{--bs-bar-chart-fill:var(--bs-text-danger)}.bs-bar-chart__group{display:flex;flex-direction:column;gap:var(--bs-space-1)}.bs-bar-chart__group-label{color:var(--bs-bar-chart-group-fg,var(--bs-text));font-size:var(--bs-text-small);font-weight:var(--bs-weight-medium)}.bs-bar-chart__row--sub{--bs-bar-chart-thickness:0.5rem}.bs-bar-chart--thick{--bs-bar-chart-thickness:1.25rem}.bs-bar-chart--column .bs-bar-chart__plot{flex-direction:row;align-items:stretch;gap:var(--bs-bar-chart-column-gap,var(--bs-space-2));border-block-end:var(--bs-bar-chart-baseline-width,2px) solid var(--bs-bar-chart-baseline,var(--bs-border-strong));padding-block-end:var(--bs-space-1)}.bs-bar-chart--column .bs-bar-chart__row{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:'value' 'track' 'label';flex:0 0 var(--bs-bar-chart-column-width,3rem);gap:var(--bs-space-1)}.bs-bar-chart--column .bs-bar-chart__track{block-size:var(--bs-bar-chart-plot-height,8rem);border-inline-start:0;border-radius:var(--bs-bar-chart-radius,var(--bs-radius-2));background-image:repeating-linear-gradient(to top,transparent 0 calc(var(--bs-bar-chart-grid-step,25%) - var(--bs-bar-chart-grid-width,1px)),var(--bs-bar-chart-grid,var(--bs-border-color)) 0 var(--bs-bar-chart-grid-step,25%));display:flex;align-items:flex-end}.bs-bar-chart--column .bs-bar-chart__bar{transform:scaleY(var(--bs-bar-chart-fraction,0));transform-origin:50% 100%}.bs-bar-chart--column .bs-bar-chart__label,.bs-bar-chart--column .bs-bar-chart__value{margin-inline-start:0;text-align:center;overflow-wrap:anywhere}.bs-bar-chart--column .bs-bar-chart__label{font-size:var(--bs-text-caption)}@media (prefers-reduced-motion:reduce){.bs-bar-chart__bar{transition:none}}@media (forced-colors:active){.bs-bar-chart__track{border:var(--bs-border-1) solid CanvasText;background-image:none}.bs-bar-chart__bar{background-color:Highlight;background-image:none}.bs-bar-chart--column .bs-bar-chart__plot{border-block-end-color:CanvasText}}@media print{.bs-bar-chart__track,.bs-bar-chart__bar{-webkit-print-color-adjust:exact;print-color-adjust:exact}.bs-bar-chart__plot{overflow-x:visible}.bs-bar-chart--column .bs-bar-chart__plot{flex-wrap:wrap}}}