@layer components{.streamer-comparison{--comparison-left:#e95d67;--comparison-value-column:7.5rem;--comparison-left-soft:color-mix(in oklab, var(--comparison-left) 18%, var(--rev-surface));--comparison-right:#32a4cf;--comparison-right-soft:color-mix(in oklab, var(--comparison-right) 18%, var(--rev-surface));min-height:100%;color:var(--rev-text)}.streamer-comparison-shell{width:min(80rem,100%);margin-inline:auto;padding:.875rem 1.25rem 1.125rem}.streamer-comparison-heading{text-align:center}.streamer-comparison-heading h1{letter-spacing:-.01em;font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.15}.streamer-comparison-heading p{color:var(--rev-muted);font-size:var(--rev-fs-lead);margin-top:.5rem;line-height:1.5}.streamer-comparison-periods{justify-content:center;margin-top:.875rem;margin-bottom:.25rem;display:flex}.streamer-comparison-presets{justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;margin-bottom:.25rem;display:flex}.streamer-comparison-preset{border-radius:var(--rev-radius-control);height:1.875rem;color:var(--rev-muted);font-family:var(--font-revenue);font-size:var(--rev-fs-title);cursor:pointer;transition:background-color var(--rev-motion-fast) var(--rev-ease-out), color var(--rev-motion-fast) var(--rev-ease-out);background:0 0;border:0;padding-inline:.875rem;font-weight:650;line-height:1}.streamer-comparison-preset:hover{background:color-mix(in oklab, var(--rev-text) 6%, transparent);color:var(--rev-text)}.streamer-comparison-preset[data-active]{background:var(--rev-accent-strong);color:var(--rev-accent-ink)}.streamer-comparison-random{color:var(--rev-muted)}.streamer-comparison-random:hover{color:var(--rev-text)}.streamer-comparison-periods [data-slot=toggle-group-item]{min-width:4.625rem}.streamer-comparison-versus{flex-direction:column;grid-area:center;justify-content:center;align-items:center;gap:.3125rem;display:flex}.streamer-comparison-score{color:var(--rev-text);font-family:var(--font-revenue-data);font-size:var(--rev-fs-display-xl);font-weight:900;line-height:1}.streamer-comparison-score span:first-child{color:var(--comparison-left)}.streamer-comparison-score span:last-child{color:var(--comparison-right)}.streamer-comparison-vs-label{color:var(--rev-muted);font-size:var(--rev-fs-title);font-weight:900}.streamer-comparison-swap{border-color:var(--rev-line);background:var(--rev-surface);color:var(--rev-muted)}.streamer-comparison-swap:hover{color:var(--rev-text)}.streamer-comparison-footer{color:var(--rev-muted);font-size:var(--rev-fs-title);flex-wrap:wrap;justify-content:space-between;gap:.375rem 1.125rem;margin-top:.5625rem;display:flex}.streamer-comparison-state{min-height:30rem}@media (width<=760px){.streamer-comparison-shell{padding:.75rem}.streamer-comparison{--comparison-value-column:5.5rem}.streamer-comparison-heading h1{font-size:var(--rev-fs-display-xl)}.streamer-comparison-periods{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.streamer-comparison-periods [data-slot=toggle-group-item]{min-width:0;min-height:2.75rem;font-size:var(--rev-fs-title);padding-inline:.25rem}.streamer-comparison-versus{flex-direction:row;min-height:3rem}.streamer-comparison-swap{min-width:2.75rem;min-height:2.75rem}}}