.ds-compare-bars{box-sizing:border-box;min-width:0}.ds-compare-bars__list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.ds-compare-bars__row{box-sizing:border-box;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));width:100%;font:inherit;color:inherit;text-align:left;cursor:default;grid-template-columns:minmax(3.5rem,4.75rem) minmax(0,1fr) minmax(5.75rem,7.5rem);align-items:center;gap:.7rem .9rem;margin:0;padding:.62rem .75rem;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid}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-variant-numeric:tabular-nums;letter-spacing:-.02em;color:color-mix(in srgb, var(--foreground) 68%, var(--background) 32%);font-size:.8125rem;font-weight:700}.ds-compare-bars__row--active .ds-compare-bars__label{color:var(--brand-primary-strong,var(--brand-primary))}.ds-compare-bars__track{background:color-mix(in srgb, var(--foreground) 9%, transparent);height:.72rem;box-shadow:inset 0 1px 1px color-mix(in srgb, var(--foreground) 6%, transparent);border-radius:999px;display:block;position:relative;overflow:hidden}.ds-compare-bars__fill{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%);height:100%;transition:width .28s cubic-bezier(.22,1,.36,1);display:block}.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{font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:color-mix(in srgb, var(--foreground) 84%, var(--background) 16%);justify-self:end;font-size:.875rem;font-weight:700}.ds-compare-bars__row--active .ds-compare-bars__value{color:var(--brand-primary-strong,var(--brand-primary))}.ds-compare-bars__ends{letter-spacing:-.01em;color:color-mix(in srgb, var(--foreground) 52%, var(--background) 48%);justify-content:space-between;gap:.75rem;margin-top:.7rem;padding-inline:.2rem;font-size:.75rem;font-weight:550;display:flex}@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}}