.prototype-ui .quantity-comparison{gap:16px;min-width:0;display:grid}.prototype-ui .quantity-comparison-row{grid-template-columns:80px minmax(0,1fr) minmax(88px,auto);align-items:center;gap:16px;display:grid}.prototype-ui .quantity-comparison-label{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.prototype-ui .quantity-comparison-row strong{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:14px;font-weight:600}.prototype-ui .quantity-comparison-row strong small{color:var(--muted);font-size:11px;font-weight:400;display:block}.prototype-ui .quantity-comparison-track{background:var(--rail);border-radius:4px;min-width:0;height:16px;position:relative;overflow:hidden}.prototype-ui .quantity-comparison-fill{background:var(--link);height:100%;position:absolute;top:0;left:0}.prototype-ui .quantity-comparison-row.is-plan .quantity-comparison-fill{opacity:.4}.prototype-ui .quantity-comparison-fill.is-overrun{background:repeating-linear-gradient(135deg,var(--red) 0 2px,transparent 2px 6px);box-shadow:inset 0 0 0 1px var(--red)}.prototype-ui .quantity-comparison-note,.prototype-ui .quantity-comparison-difference{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.prototype-ui .quantity-comparison[data-comparable=false] .quantity-comparison-track{background:0 0}@media (width<=660px){.prototype-ui .quantity-comparison-row{grid-template-columns:minmax(0,1fr) minmax(88px,auto);gap:8px 16px}.prototype-ui .quantity-comparison-track{grid-area:2/1/auto/-1}.prototype-ui .quantity-comparison[data-comparable=false] .quantity-comparison-track{display:none}}@media (forced-colors:active){.prototype-ui .quantity-comparison-track{background:canvas;border:1px solid canvastext}.prototype-ui .quantity-comparison-fill{forced-color-adjust:none;background:highlight}.prototype-ui .quantity-comparison-fill.is-overrun{background:repeating-linear-gradient(135deg,canvastext 0 2px,canvas 2px 6px);box-shadow:inset 0 0 0 1px canvastext}}