.pixel-blast-container{width:100%;height:100%;position:relative;overflow:hidden}
.temp-slider{--pct:.7;--cold:#3b82f6;--hot:#ef4444;--thumb-size:14px;--track-h:4px}.temp-track{width:100%;height:var(--track-h);background:linear-gradient(90deg, var(--cold), var(--hot));border-radius:999px}.temp-range{appearance:none;width:100%;height:var(--track-h);cursor:pointer;z-index:2;background:0 0;margin:0;position:absolute;top:0;left:0}.temp-range:focus{outline:none}.temp-range::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb-size);height:var(--thumb-size);margin-top:calc((var(--track-h) - var(--thumb-size)) / 2);background:color-mix(in srgb, var(--cold), var(--hot) calc(var(--pct) * 100%));border:none;border-radius:50%;transition:transform .15s;box-shadow:0 1px 4px #0003}.temp-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.temp-range::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);background:color-mix(in srgb, var(--cold), var(--hot) calc(var(--pct) * 100%));border:none;border-radius:50%;transition:transform .15s;box-shadow:0 1px 4px #0003}.temp-range::-moz-range-thumb:hover{transform:scale(1.15)}.temp-range::-webkit-slider-runnable-track{height:var(--track-h);background:0 0}.temp-range::-moz-range-track{height:var(--track-h);background:0 0;border:none}.temp-value{font-variant-numeric:tabular-nums;color:#fff;background:color-mix(in srgb, var(--cold), var(--hot) calc(var(--pct) * 100%));border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600;transition:background .3s;display:inline-block}