.class-heat{--heat-end:var(--ds-rich-magenta-flat);--heat-icon:var(--ds-rich-violet-flat)}.class-heat[data-stage=coming]{--heat-end:var(--ds-rich-coral-flat);--heat-icon:var(--ds-rich-magenta-flat)}.class-heat[data-stage=soon]{--heat-end:var(--ds-rich-gold-a);--heat-icon:var(--ds-rich-coral-flat)}.class-heat .heat-label{align-items:center;gap:7px;font-size:12px;font-weight:600;line-height:18px;display:flex}.class-heat .heat-icon{background:var(--heat-icon);width:20px;height:20px;color:var(--ds-white);border-radius:50%;place-items:center;display:grid}.class-heat[data-stage=soon] .heat-icon{color:var(--ds-dark)}.class-heat .heat-track{border-radius:var(--ds-radius-pill);background:var(--ds-pearl);height:9px;transform:translateX(var(--heat-offset));display:block}.class-heat .heat-fill{isolation:isolate;border-radius:inherit;background:linear-gradient(90deg, var(--ds-rich-violet-flat), var(--ds-rich-magenta-flat) 55%, var(--heat-end));height:100%;box-shadow:inset 0 1px 1px color-mix(in oklab, var(--ds-white) 50%, transparent);transition:filter var(--ds-duration-base) var(--ds-ease);display:block;position:relative;overflow:hidden}.class-heat[data-stage=soon] .heat-fill{background:linear-gradient(90deg, var(--ds-rich-violet-flat), var(--ds-rich-magenta-flat) 42%, var(--ds-rich-coral-flat) 70%, var(--heat-end))}.class-heat .heat-spotlight{opacity:0;background:radial-gradient(ellipse 65px 15px at var(--heat-pointer) 50%, color-mix(in oklab, var(--ds-black) 18%, transparent), transparent);position:absolute;inset:0}.class-heat .heat-sweep{background:linear-gradient(110deg, transparent, color-mix(in oklab, var(--ds-black) 24%, transparent), transparent);width:25%;position:absolute;top:0;bottom:0}.class-heat:hover .heat-spotlight,.class-heat:focus-visible .heat-spotlight,.class-heat[data-illuminated=true] .heat-spotlight{opacity:1}.class-heat:hover .heat-fill,.class-heat:focus-visible .heat-fill,.class-heat[data-illuminated=true] .heat-fill{filter:brightness(.88)saturate(1.4);box-shadow:inset 0 1px 1px color-mix(in oklab, var(--ds-black) 12%, transparent)}@media (prefers-reduced-motion:reduce){.class-heat .heat-fill{transition:none}.class-heat .heat-track{transform:none}.class-heat .heat-sweep{display:none}}