@layer components{.streamer-comparison-board{border:1px solid var(--rev-line);border-radius:var(--rev-radius-surface);background:var(--rev-surface);margin-top:.875rem;overflow:hidden}.streamer-comparison-board-header{border-bottom:1px solid var(--rev-line);background:var(--rev-row-head);min-height:2.375rem;color:var(--rev-muted);font-size:var(--rev-fs-title);justify-content:space-between;align-items:center;gap:1rem;padding:.4375rem .8125rem;display:flex}.streamer-comparison-board-header span:last-child{text-align:right}.streamer-comparison-metrics{padding:.3125rem 1.75rem .4375rem}.streamer-comparison-metric{border-bottom:1px solid var(--rev-line);grid-template-columns:minmax(0,1fr) clamp(4rem,8cqi,5.25rem) minmax(0,1fr);align-items:center;gap:.75rem;min-height:3.5625rem;display:grid}.streamer-comparison-metric:last-child{border-bottom:0}.streamer-comparison-metric-name{color:var(--rev-head-text);font-size:var(--rev-fs-lead);text-align:center;font-weight:800}.streamer-comparison-metric-side{align-items:center;gap:.625rem;min-width:0;display:grid}.streamer-comparison-metric-side-left{grid-template-columns:var(--comparison-value-column) minmax(0, 1fr)}.streamer-comparison-metric-side-right{grid-template-columns:minmax(0, 1fr) var(--comparison-value-column)}.streamer-comparison-metric-value{color:var(--rev-text);font-family:var(--font-revenue-data);font-size:var(--rev-fs-stat);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.streamer-comparison-metric-side-left .streamer-comparison-metric-value{color:color-mix(in oklab, var(--comparison-left) 82%, var(--rev-text));text-align:right}.streamer-comparison-metric-side-right .streamer-comparison-metric-value{color:color-mix(in oklab, var(--comparison-right) 82%, var(--rev-text))}.streamer-comparison-track{background:var(--rev-surface-soft);border-radius:.125rem;width:100%;height:clamp(.375rem,.25rem + .6cqi,.625rem);position:relative;overflow:hidden}.streamer-comparison-bar{border-radius:.125rem;min-width:0;position:absolute;inset-block:0}.streamer-comparison-bar-left{background:linear-gradient(90deg, color-mix(in oklab, var(--comparison-left) 60%, var(--rev-surface-soft)), var(--comparison-left));right:0}.streamer-comparison-bar-right{background:linear-gradient(90deg, var(--comparison-right), color-mix(in oklab, var(--comparison-right) 60%, var(--rev-surface-soft)));left:0}@media (width<=760px){.streamer-comparison-metric{grid-template-columns:minmax(0,1fr);gap:.4375rem;padding-block:.625rem}.streamer-comparison-metric-name{grid-row:1}.streamer-comparison-metric-side,.streamer-comparison-metric-side-left{grid-template-columns:var(--comparison-value-column) minmax(0, 1fr)}.streamer-comparison-metric-side-right .streamer-comparison-metric-value{text-align:left;grid-area:1/2}.streamer-comparison-metric-side-right .streamer-comparison-track{grid-area:1/1}.streamer-comparison-metric-side-right{grid-template-columns:minmax(0, 1fr) var(--comparison-value-column)}.streamer-comparison-bar-left{background:linear-gradient(90deg, var(--comparison-left), color-mix(in oklab, var(--comparison-left) 60%, var(--rev-surface-soft)));left:0;right:auto}.streamer-comparison-board-header{flex-direction:column;align-items:flex-start;gap:.125rem}}@media (prefers-reduced-motion:reduce){.streamer-comparison-bar{transition:none}}}