body[data-product-family=cold] .cold-content .temperature-section{
  --temperature-mix:0;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(120deg,#244d83,#283b7a);
}
body[data-product-family=cold] .cold-content .temperature-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(120deg,#477dbc,#4155a3);
  opacity:var(--temperature-mix);
  transition:opacity .2s ease-out;
}
body[data-product-family=cold] .cold-content .temperature-section .temp-labels,
body[data-product-family=cold] .cold-content .temperature-section .temp-help{
  color:#e5f1ff;
}
body[data-product-family=cold] .cold-content .temperature-section input[type=range]{
  --temperature-progress:0%;
  appearance:none;
  -webkit-appearance:none;
  height:24px;
  background:transparent;
}
body[data-product-family=cold] .cold-content .temperature-section input[type=range]::-webkit-slider-runnable-track{
  height:8px;border:1px solid #ffffffaa;border-radius:99px;
  background:linear-gradient(90deg,#a5e3fb 0%,#e0f5ff var(--temperature-progress),#ffffff66 var(--temperature-progress),#ffffff66 100%);
}
body[data-product-family=cold] .cold-content .temperature-section input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-8px;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 2px 9px #102b5070;
}
body[data-product-family=cold] .cold-content .temperature-section input[type=range]::-moz-range-track{height:7px;border:1px solid #ffffffaa;border-radius:99px;background:#ffffff66}
body[data-product-family=cold] .cold-content .temperature-section input[type=range]::-moz-range-progress{height:7px;border-radius:99px;background:#c8efff}
body[data-product-family=cold] .cold-content .temperature-section input[type=range]::-moz-range-thumb{width:18px;height:18px;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 2px 9px #102b5070}
@media(prefers-reduced-motion:reduce){body[data-product-family=cold] .cold-content .temperature-section::before{transition:none}}