.ddc-heat-wrap{max-width:1200px;margin:0 auto;padding:clamp(2rem,6vw,5rem) clamp(1rem,4vw,3rem);display:flex;flex-direction:column;gap:2rem;align-items:center;box-sizing:border-box;width:100%}.ddc-heat-intro{display:flex;flex-direction:column;gap:.75rem;align-items:center;text-align:center;max-width:42rem}.ddc-heat-intro__eyebrow{font-family:var(--font-body-family, sans-serif);font-size:.75rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ddc-ink-60, rgba(30, 42, 58, .6))}.ddc-heat-intro__title{font-family:var(--font-heading-family, Georgia, serif);font-size:clamp(2rem,4vw + .25rem,3.5rem);line-height:1;letter-spacing:-.02em;color:var(--ddc-ink);margin:0}.ddc-heat-intro__lede{font-family:var(--font-body-family, sans-serif);font-size:1.05rem;line-height:1.55;color:var(--ddc-ink);opacity:.85;margin:0}.ddc-heat{--pos: 50%;position:relative;width:100%;max-width:100%;aspect-ratio:16 / 9;border-radius:24px;overflow:hidden;box-shadow:var(--ddc-shadow-lg, 0 32px 64px -24px rgba(30, 42, 58, .35));touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;cursor:ew-resize;box-sizing:border-box}.ddc-heat__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.25rem,4vw,3rem);font-family:var(--font-heading-family, Georgia, serif);color:var(--ddc-ink);box-sizing:border-box;overflow:hidden}.ddc-heat__panel--warm{background:linear-gradient(135deg,#fad9c5,#f2a78c 55%,#e8927c)}.ddc-heat__panel--cool{background:linear-gradient(135deg,#dbeaf3,#a8c3d9 55%,#6b9dc6);clip-path:inset(0 0 0 var(--pos))}.ddc-heat__panel-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none}.ddc-heat__panel--warm .ddc-heat__panel-image~.ddc-heat__overlay,.ddc-heat__panel--warm>.ddc-heat__panel-image+.ddc-heat__overlay{display:block}.ddc-heat__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.ddc-heat__panel--warm .ddc-heat__overlay{background:linear-gradient(135deg,#fa8c6440,#e8927c26)}.ddc-heat__panel--cool .ddc-heat__overlay{background:linear-gradient(135deg,#6b9dc626,#3d6d9140)}.ddc-heat__panel--has-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1e2a3a00 40%,#1e2a3a8c);z-index:1;pointer-events:none}.ddc-heat__label,.ddc-heat__panel>div{position:relative;z-index:2}.ddc-heat__label{font-family:var(--font-body-family, sans-serif);font-size:.72rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;opacity:.8;align-self:flex-start}.ddc-heat__panel--cool .ddc-heat__label{align-self:flex-end}.ddc-heat__temp{display:flex;align-items:baseline;gap:.1em;font-size:clamp(3rem,10vw + .5rem,8.5rem);line-height:.85;letter-spacing:-.04em}.ddc-heat__temp sup{font-size:.32em;font-family:var(--font-body-family, sans-serif);font-weight:500;align-self:flex-start;padding-top:.5em}.ddc-heat__panel--cool .ddc-heat__temp{align-self:flex-end;text-align:right}.ddc-heat__caption{font-family:var(--font-body-family, sans-serif);font-size:clamp(.9rem,1vw + .4rem,1.15rem);font-weight:500;max-width:18rem;line-height:1.4;opacity:.9}.ddc-heat__panel--cool .ddc-heat__caption{align-self:flex-end;text-align:right}.ddc-heat__divider{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--ddc-cream, #FAFAF6);transform:translate(-1px);pointer-events:none;box-shadow:0 0 20px #1e2a3a40;z-index:3}.ddc-heat__handle{position:absolute;top:50%;left:var(--pos);width:52px;height:52px;border-radius:50%;background:var(--ddc-cream, #FAFAF6);border:2px solid var(--ddc-ink, #1e2a3a);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;color:var(--ddc-ink, #1e2a3a);pointer-events:none;box-shadow:0 8px 24px -8px #1e2a3a66;transition:transform var(--ddc-duration-fast, .18s) var(--ddc-ease, ease-out);z-index:4}.ddc-heat:hover .ddc-heat__handle,.ddc-heat.is-dragging .ddc-heat__handle{transform:translate(-50%,-50%) scale(1.08)}.ddc-heat__handle svg{width:20px;height:20px}.ddc-heat__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;padding:0;-webkit-appearance:none;appearance:none;background:transparent;touch-action:pan-y pinch-zoom;z-index:5}.ddc-heat__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:52px;height:52px;background:transparent;cursor:ew-resize}.ddc-heat__range::-moz-range-thumb{width:52px;height:52px;background:transparent;border:none;cursor:ew-resize}.ddc-heat__hint{position:absolute;bottom:clamp(1rem,3vw,1.75rem);left:50%;transform:translate(-50%);padding:.5rem 1.1rem;background:#1e2a3ad1;color:var(--ddc-cream, #FAFAF6);border-radius:999px;font-family:var(--font-body-family, sans-serif);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;opacity:1;transition:opacity var(--ddc-duration, .32s) var(--ddc-ease, ease-out);white-space:nowrap;z-index:4}.ddc-heat.is-dragging .ddc-heat__hint,.ddc-heat.was-touched .ddc-heat__hint{opacity:0}@media(max-width:720px){.ddc-heat{aspect-ratio:4 / 5}.ddc-heat__panel{justify-content:flex-end}.ddc-heat__panel--cool .ddc-heat__caption,.ddc-heat__panel--cool .ddc-heat__temp{align-self:flex-end}}@media(prefers-reduced-motion:reduce){.ddc-heat__handle,.ddc-heat__hint{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/heat-compare.css.map */