.casefy-thermal{--cf-paper: #fbfaf8;--cf-panel: #f2f0ec;--cf-ink: #14161a;--cf-ink-2: #5c6270;--cf-rule: #e2dfd8;--cf-void: #0b0c10;--cf-vline: #262a35;--cf-vink: #edeff4;--cf-vmute: #858c9c;--cf-acc-1: #c2320f;--cf-acc-2: #a8690a;--cf-mono: ui-monospace, "SFMono-Regular", "SF Mono", "Roboto Mono", Menlo, monospace;position:relative;background:var(--cf-paper);color:var(--cf-ink);display:grid;gap:clamp(1.5rem,5vw,3rem);padding:clamp(3.5rem,10vw,7rem) clamp(1.25rem,5vw,4rem);scroll-margin-top:4rem}.casefy-thermal:before{content:"";position:absolute;left:clamp(1.25rem,5vw,4rem);right:clamp(1.25rem,5vw,4rem);top:0;height:1px;background:var(--cf-rule)}.casefy-thermal__stage{position:relative;isolation:isolate;overflow:clip;border-radius:18px;background:var(--cf-void);display:grid;place-items:center;min-height:42svh;box-shadow:0 24px 60px -28px #14161a73}.casefy-thermal__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,var(--cf-vline) 1px,transparent 1px),linear-gradient(to bottom,var(--cf-vline) 1px,transparent 1px);background-size:64px 64px;opacity:.5;-webkit-mask-image:radial-gradient(115% 80% at 50% 45%,#000 15%,transparent 76%);mask-image:radial-gradient(115% 80% at 50% 45%,#000 15%,transparent 76%)}.casefy-thermal__pool{position:absolute;left:50%;top:48%;z-index:0;width:min(130%,620px);aspect-ratio:1;translate:-50% -50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--sw-hot, #ffd23f) calc(6% + var(--cf-level, 0) * 26%),transparent) 0%,transparent 62%);filter:blur(30px);transition:background .4s ease}.casefy-thermal__stage casefy-viewer{position:relative;z-index:1;display:block;width:100%;height:100%;min-height:42svh;cursor:grab;touch-action:none}.casefy-thermal__badge{position:absolute;z-index:2;top:.85rem;right:.85rem;margin:0;display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .7rem;border:1px solid var(--cf-vline);border-radius:999px;background:color-mix(in srgb,#0b0c10 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--cf-mono);font-size:.5625rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cf-vmute);transition:color .3s ease,border-color .3s ease}.casefy-thermal__badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.casefy-thermal__badge[data-on]{color:var(--sw-hot, #ffd23f);border-color:color-mix(in srgb,var(--sw-hot, #ffd23f) 45%,transparent)}.casefy-thermal__panel{min-width:0}.casefy-thermal__eyebrow{margin:0;font-family:var(--cf-mono);font-size:.6875rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cf-ink-2)}.casefy-thermal__title{margin:.7rem 0 0;font-size:clamp(1.85rem,6.5vw,3.1rem);line-height:1.04;letter-spacing:-.03em;font-weight:600;text-wrap:balance}.casefy-thermal__title em{font-style:normal;background:linear-gradient(100deg,var(--cf-acc-1),var(--cf-acc-2));-webkit-background-clip:text;background-clip:text;color:transparent}.casefy-thermal__sub{margin:.9rem 0 0;max-width:42ch;font-size:clamp(.95rem,2.3vw,1.0625rem);line-height:1.6;color:var(--cf-ink-2)}.casefy-thermal__control{margin-top:clamp(1.5rem,4vw,2.25rem);padding:clamp(1.1rem,3vw,1.6rem);border:1px solid var(--cf-rule);border-radius:10px;background:var(--cf-panel)}.casefy-thermal__gauge{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-family:var(--cf-mono);font-size:.5625rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cf-ink-2)}.casefy-thermal__temp{font-size:clamp(1.75rem,7vw,2.5rem);letter-spacing:-.02em;font-weight:600;color:var(--cf-ink);font-variant-numeric:tabular-nums;transition:color .3s ease}.casefy-thermal__temp[data-on]{color:var(--cf-acc-1)}.casefy-thermal__slider{-webkit-appearance:none;appearance:none;width:100%;height:34px;margin:.9rem 0 0;background:transparent;cursor:ew-resize}.casefy-thermal__slider::-webkit-slider-runnable-track{height:10px;border-radius:5px;border:1px solid var(--cf-rule);background:linear-gradient(90deg,var(--sw-cold, #e8481f),var(--sw-hot, #ffd23f))}.casefy-thermal__slider::-moz-range-track{height:10px;border-radius:5px;border:1px solid var(--cf-rule);background:linear-gradient(90deg,var(--sw-cold, #e8481f),var(--sw-hot, #ffd23f))}.casefy-thermal__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;margin-top:-10px;border-radius:50%;background:#fff;border:1px solid var(--cf-rule);box-shadow:0 3px 10px -2px #14161a59}.casefy-thermal__slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--cf-rule)}.casefy-thermal__slider:focus-visible{outline:2px solid var(--cf-acc-1);outline-offset:4px;border-radius:6px}.casefy-thermal__ticks{display:flex;justify-content:space-between;margin-top:.35rem;font-family:var(--cf-mono);font-size:.5625rem;letter-spacing:.1em;color:var(--cf-ink-2)}.casefy-thermal__ticks .is-threshold{color:var(--cf-ink)}.casefy-thermal__ticks .is-threshold:before{content:"\25b2";display:block;text-align:center;font-size:.5rem;line-height:1;margin-bottom:.15rem;color:var(--cf-acc-1)}.casefy-thermal__states{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1.1rem 0 0;padding:0}.casefy-thermal__states figure{margin:0;border:1px solid var(--cf-rule);border-radius:6px;overflow:hidden;background:#fff;opacity:.45;transition:opacity .3s ease,border-color .3s ease}.casefy-thermal__states figure[data-active]{opacity:1;border-color:var(--cf-ink-2)}.casefy-thermal__states i{display:block;height:44px;background:var(--c)}.casefy-thermal__states figcaption{font-family:var(--cf-mono);font-size:.5625rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cf-ink-2);padding:.45rem .55rem}.casefy-thermal__pairs{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.1rem 0 0;padding:0;list-style:none}.casefy-thermal__pair{width:48px;height:28px;padding:0;border:1px solid var(--cf-rule);border-radius:5px;background:linear-gradient(100deg,var(--pc),var(--ph));cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.casefy-thermal__pair:hover{transform:translateY(-2px)}.casefy-thermal__pair[aria-pressed=true]{box-shadow:0 0 0 2px var(--cf-ink)}.casefy-thermal__pair:focus-visible{outline:2px solid var(--cf-acc-1);outline-offset:3px}.casefy-thermal__steps{counter-reset:step;list-style:none;margin:clamp(1.75rem,4vw,2.5rem) 0 0;padding:0;display:grid;gap:1.15rem}.casefy-thermal__steps li{counter-increment:step;display:grid;grid-template-columns:2rem 1fr;gap:.9rem;align-items:start}.casefy-thermal__steps li:before{content:counter(step,decimal-leading-zero);font-family:var(--cf-mono);font-size:.6875rem;letter-spacing:.08em;color:var(--cf-acc-1);padding-top:.2rem}.casefy-thermal__steps strong{display:block;font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.casefy-thermal__steps span{display:block;font-size:.875rem;line-height:1.55;color:var(--cf-ink-2)}@media(min-width:900px){.casefy-thermal{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;column-gap:clamp(2.5rem,6vw,5rem)}.casefy-thermal__stage,.casefy-thermal__stage casefy-viewer{min-height:72svh}}@media(prefers-reduced-motion:reduce){.casefy-thermal__pair:hover{transform:none}.casefy-thermal__pool{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/casefy-thermal.css.map */