.hot-filter{isolation:isolate;justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-min-size);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);background:var(--surface-page);color:var(--text-strong);box-shadow:var(--shadow-xs);font-size:var(--fs-sm);font-weight:var(--fw-semibold);line-height:var(--lh-normal);transition:border-color var(--dur-base) var(--ease-standard), background-color var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard), transform var(--dur-base) var(--ease-spring-soft);flex-shrink:0;display:inline-flex;position:relative;overflow:hidden}.hot-filter>*{z-index:1;position:relative}.hot-filter:before,.hot-filter:after{z-index:0;pointer-events:none;content:"";position:absolute;inset:0}.hot-filter:before{background:radial-gradient(ellipse at 14% 110%, var(--hot-ember), transparent 75%);opacity:0;transition:opacity var(--dur-slow) var(--ease-standard)}.hot-filter:after{background:linear-gradient(110deg,#0000 25%,#ffdfb82e 50%,#0000 75%);transform:translate(-140%)}.hot-filter__ember{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--text-muted);transition:background-color var(--dur-base), color var(--dur-base);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hot-filter__flame{transform-origin:50% 85%;transition:color var(--dur-base) var(--ease-standard)}.hot-filter__spark{border-radius:var(--radius-pill);background:var(--hot-flame-soft);opacity:0;width:2px;height:2px;position:absolute}.hot-filter__spark--one{top:11px;left:9px}.hot-filter__spark--two{top:14px;right:9px}.hot-filter__check{width:var(--space-4);height:var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border-default);color:var(--ink-900);transition:background-color var(--dur-base), border-color var(--dur-base);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hot-filter__check svg{opacity:0;transition:opacity var(--dur-base), transform var(--dur-base) var(--ease-spring-soft);transform:scale(.8)}.hot-filter[aria-pressed=true]{border-color:var(--hot-flame);background:linear-gradient(145deg, var(--hot-surface), var(--ink-900));color:var(--text-inverse);box-shadow:inset 0 1px 0 #ffdfb838, var(--shadow-sm)}.hot-filter[aria-pressed=true]:before{opacity:.32}.hot-filter[aria-pressed=true] .hot-filter__ember{color:var(--hot-flame);background:#ffc27a14}.hot-filter[aria-pressed=true] .hot-filter__flame{color:var(--hot-flame-soft)}.hot-filter[aria-pressed=true] .hot-filter__check{background:var(--hot-flame);border-color:#0000}.hot-filter[aria-pressed=true] .hot-filter__check svg{opacity:1;transform:scale(1)}.hot-filter:focus-visible{outline:2px solid var(--text-strong);outline-offset:3px}.hot-filter:active{opacity:1;transition-duration:80ms;transform:scale(.97)}@media (hover:hover){.hot-filter:hover{transform:translateY(var(--button-lift))}.hot-filter[aria-pressed=false]:hover{border-color:var(--border-strong);background:var(--surface-subtle)}.hot-filter[aria-pressed=true]:hover:before{opacity:.4}.hot-filter:active{transform:scale(.97)}}@keyframes hot-filter-flame{0%,to{transform:rotate(-3deg)scaleY(.96)}45%{transform:rotate(3deg)scaleY(1.06)}70%{transform:rotate(-1deg)scaleY(1)}}@keyframes hot-filter-spark{0%,35%{opacity:0;transform:translateY(3px)scale(.7)}50%{opacity:.65}85%,to{opacity:0;transform:translateY(-8px)scale(.2)}}@keyframes hot-filter-sheen{0%{transform:translate(-140%)}to{transform:translate(140%)}}@media (prefers-reduced-motion:no-preference){.hot-filter[aria-pressed=true]:after{animation:hot-filter-sheen .85s var(--ease-reveal) both}.hot-filter[aria-pressed=true] .hot-filter__flame{animation:1.8s ease-in-out infinite hot-filter-flame}.hot-filter[aria-pressed=true] .hot-filter__spark{animation:2.2s ease-out infinite hot-filter-spark}.hot-filter[aria-pressed=true] .hot-filter__spark--two{animation-delay:.7s}}@media (prefers-reduced-motion:reduce){.hot-filter,.hot-filter__check svg,.hot-filter__flame{transform:none!important}}