.ds-compare-bars{box-sizing:border-box;min-width:0}.ds-compare-bars__list{margin:0;padding:0;list-style:none;display:grid;gap:.4rem}.ds-compare-bars__row{box-sizing:border-box;display:grid;grid-template-columns:minmax(3.5rem,4.75rem) minmax(0,1fr) minmax(5.75rem,7.5rem);align-items:center;gap:.7rem .9rem;width:100%;margin:0;padding:.62rem .75rem;border:1px solid color-mix(in srgb,var(--foreground) 7%,transparent);border-radius:var(--control-radius,.5rem);background:color-mix(in srgb,var(--foreground) 2.5%,var(--background));font:inherit;color:inherit;text-align:left;cursor:default;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}button.ds-compare-bars__row{cursor:pointer}button.ds-compare-bars__row:hover{background:color-mix(in srgb,var(--brand-primary) 8%,var(--background));border-color:color-mix(in srgb,var(--brand-primary) 22%,transparent)}button.ds-compare-bars__row:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-primary) 55%,transparent);outline-offset:2px}.ds-compare-bars__row--active{border-color:color-mix(in srgb,var(--brand-primary) 48%,transparent);background:color-mix(in srgb,var(--brand-primary) 11%,var(--background));box-shadow:inset 3px 0 0 var(--brand-primary-strong,var(--brand-primary)),0 1px 0 color-mix(in srgb,var(--brand-primary) 12%,transparent)}.ds-compare-bars__label{font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:color-mix(in srgb,var(--foreground) 68%,var(--background) 32%)}.ds-compare-bars__row--active .ds-compare-bars__label{color:var(--brand-primary-strong,var(--brand-primary))}.ds-compare-bars__track{position:relative;display:block;height:.72rem;border-radius:999px;background:color-mix(in srgb,var(--foreground) 9%,transparent);overflow:hidden;box-shadow:inset 0 1px 1px color-mix(in srgb,var(--foreground) 6%,transparent)}.ds-compare-bars__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--brand-primary) 48%,transparent) 0,var(--brand-primary-strong,var(--brand-primary)) 100%);transition:width .28s cubic-bezier(.22,1,.36,1)}.ds-compare-bars__row--active .ds-compare-bars__fill{background:linear-gradient(90deg,color-mix(in srgb,var(--brand-primary) 78%,transparent) 0,var(--brand-primary-strong,var(--brand-primary)) 100%)}.ds-compare-bars__value{justify-self:end;font-size:.875rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:color-mix(in srgb,var(--foreground) 84%,var(--background) 16%)}.ds-compare-bars__row--active .ds-compare-bars__value{color:var(--brand-primary-strong,var(--brand-primary))}.ds-compare-bars__ends{display:flex;justify-content:space-between;gap:.75rem;margin-top:.7rem;padding-inline:.2rem;font-size:.75rem;font-weight:550;letter-spacing:-.01em;color:color-mix(in srgb,var(--foreground) 52%,var(--background) 48%)}@media (max-width:420px){.ds-compare-bars__row{grid-template-columns:minmax(2.85rem,3.6rem) minmax(0,1fr);grid-template-areas:"label value" "track track";gap:.4rem .65rem;padding:.7rem .75rem}.ds-compare-bars__label{grid-area:label}.ds-compare-bars__value{grid-area:value}.ds-compare-bars__track{grid-area:track;height:.78rem}}