/* V231 — Website-color treatment for V5 slider typography and plates only. */
.hg-compare-card{
  --hg-electric:#25cfff;
  --hg-electric-deep:#078df0;
  --hg-plate:#03101d;
}
.hg-compare-label{
  background:
    linear-gradient(180deg,rgba(5,27,46,.96),rgba(2,14,27,.96) 58%,rgba(1,9,18,.98))!important;
  border-color:rgba(66,207,255,.66)!important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -10px 20px rgba(0,0,0,.22),
    0 0 14px rgba(25,177,255,.19)!important;
}
.hg-label-after{
  background:
    linear-gradient(180deg,rgba(5,39,68,.97),rgba(2,20,38,.97) 58%,rgba(1,10,20,.98))!important;
}
.hg-compare-label strong{
  color:#f7fbff;
  text-shadow:0 1px 0 rgba(0,0,0,.35),0 0 11px rgba(67,211,255,.24)!important;
}
.hg-compare-label span{
  color:#b9ccda!important;
}
.hg-compare-label::before{
  background:linear-gradient(180deg,#c9f8ff 0%,var(--hg-electric) 42%,var(--hg-electric-deep) 100%)!important;
  box-shadow:0 0 12px rgba(37,207,255,.72)!important;
}
.hg-compare-footer{
  background:
    linear-gradient(180deg,rgba(4,25,43,.93),rgba(2,14,27,.96) 52%,rgba(1,8,17,.98))!important;
  border-color:rgba(37,207,255,.86)!important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -18px 28px rgba(0,0,0,.22),
    0 0 18px rgba(18,177,255,.30)!important;
}
.hg-compare-footer strong{
  text-shadow:0 2px 0 rgba(0,0,0,.36),0 0 14px rgba(34,194,255,.20)!important;
}
.hg-compare-footer .hg-footer-kicker{
  display:block;
  color:#f4f8fc;
}
.hg-compare-footer .hg-footer-title{
  display:block;
  color:#35cfff;
  background:linear-gradient(180deg,#8ceaff 0%,#29cfff 45%,#078cf0 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 8px rgba(17,177,255,.22));
}
.hg-compare-footer>span{
  color:#b8d0df!important;
}
.hg-compare-footer::after{
  filter:drop-shadow(0 0 5px rgba(37,207,255,.55));
}
.hg-compare-card[data-interacted="false"] .hg-compare-handle::after{
  color:#f6fbff;
  background:linear-gradient(180deg,rgba(4,30,51,.97),rgba(2,13,25,.98))!important;
  border-color:rgba(55,211,255,.70)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.34),0 0 12px rgba(29,188,255,.24)!important;
}