@layer components{.streamer-comparison-profiles{grid-template-columns:minmax(0,1fr) 6.5rem minmax(0,1fr);grid-template-areas:"left center right";align-items:stretch;gap:.875rem;margin-top:.875rem;display:grid}.streamer-comparison-profile-wrapper{position:relative}.streamer-comparison-profile{border:1px solid color-mix(in oklab, var(--rev-line) 50%, transparent);border-radius:var(--rev-radius-surface);background-color:var(--rev-surface);background-image:radial-gradient(ellipse 80% 100% at 0% 50%, color-mix(in oklab, var(--rev-surface-raised) 60%, transparent), transparent 70%);width:100%;min-width:0;min-height:11.75rem;color:var(--rev-text);text-align:left;transition:background-color var(--rev-motion-slow) var(--rev-ease-out), box-shadow var(--rev-motion-slow) var(--rev-ease-out);outline:none;grid-template-columns:9rem minmax(0,1fr);align-items:center;gap:1.25rem;padding:1rem 3rem 1rem 1.25rem;display:grid;position:relative;box-shadow:0 1px 2px #00000014,inset 0 1px #ffffff08}.streamer-comparison-profile-left{grid-area:left}.streamer-comparison-profile-right{grid-area:right}.streamer-comparison-profile-left .streamer-comparison-profile{background-color:var(--rev-surface);background-image:radial-gradient(ellipse 70% 120% at 0% 50%, color-mix(in oklab, var(--comparison-left) 12%, transparent), transparent 65%), radial-gradient(ellipse 80% 100% at 0% 50%, color-mix(in oklab, var(--rev-surface-raised) 50%, transparent), transparent 70%)}.streamer-comparison-profile-right .streamer-comparison-profile{background-color:var(--rev-surface);background-image:radial-gradient(ellipse 70% 120% at 100% 50%, color-mix(in oklab, var(--comparison-right) 12%, transparent), transparent 65%), radial-gradient(ellipse 80% 100% at 100% 50%, color-mix(in oklab, var(--rev-surface-raised) 50%, transparent), transparent 70%)}.streamer-comparison-profile:hover{box-shadow:0 2px 8px #0000001f,inset 0 1px #ffffff0a}.streamer-comparison-profile:focus-visible{border-color:var(--rev-accent-strong);box-shadow:0 0 0 3px color-mix(in oklab, var(--rev-accent) 24%, transparent)}.streamer-comparison-profile-avatar{box-shadow:0 2px 6px #0000001f}.streamer-comparison-profile-copy{min-width:0;display:block}.streamer-comparison-side-label{color:var(--rev-muted);font-size:var(--rev-fs-title);text-transform:uppercase;margin-bottom:.3125rem;font-weight:800;display:block}.streamer-comparison-profile-left .streamer-comparison-side-label{color:var(--comparison-left)}.streamer-comparison-profile-right .streamer-comparison-side-label{color:var(--comparison-right)}.streamer-comparison-profile-name{font-size:var(--rev-fs-display-lg);text-overflow:ellipsis;white-space:nowrap;min-height:1.25em;margin-top:.4375rem;font-weight:900;line-height:1.25;display:block;overflow:hidden}.streamer-comparison-profile-meta{color:var(--rev-muted);font-size:var(--rev-fs-title);text-overflow:ellipsis;white-space:nowrap;margin-top:.625rem;display:block;overflow:hidden}.streamer-comparison-profile-search{width:1.0625rem;height:1.0625rem;color:var(--rev-muted);opacity:.5;transition:color var(--rev-motion-slow) var(--rev-ease-out), opacity var(--rev-motion-slow) var(--rev-ease-out);position:absolute;top:.8125rem;right:.8125rem}.streamer-comparison-profile:hover .streamer-comparison-profile-search{color:var(--rev-text);opacity:.85}.streamer-comparison-profile-lock{border-radius:var(--rev-radius-control);width:1.75rem;height:1.75rem;color:var(--rev-muted);opacity:.5;cursor:pointer;z-index:2;transition:background-color var(--rev-motion-fast) var(--rev-ease-out), color var(--rev-motion-fast) var(--rev-ease-out), opacity var(--rev-motion-fast) var(--rev-ease-out);background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;top:.6875rem;right:2.375rem}.streamer-comparison-profile-lock svg{width:.9375rem;height:.9375rem}.streamer-comparison-profile-lock:hover{background:color-mix(in oklab, var(--rev-text) 8%, transparent);color:var(--rev-text);opacity:.85}.streamer-comparison-profile-lock[data-locked]{background:var(--rev-accent-strong);color:var(--rev-accent-ink);opacity:1}@media (width<=760px){.streamer-comparison-profiles{grid-template-columns:minmax(0,1fr);grid-template-areas:"left""center""right"}.streamer-comparison-profile{grid-template-columns:6rem minmax(0,1fr);min-height:9.375rem}.streamer-comparison-profile-name{font-size:var(--rev-fs-display-md);min-height:1.3em;line-height:1.3}}@media (prefers-reduced-motion:reduce){.streamer-comparison-profile,.streamer-comparison-profile-search{transition:none}}}@layer utilities{.streamer-comparison-profile-avatar,.streamer-comparison-profile-avatar:after,.streamer-comparison-profile-avatar [data-slot=avatar-image],.streamer-comparison-profile-avatar [data-slot=avatar-fallback]{border-radius:var(--rev-radius-media)}}