/* Le même voyant de veille sur les curseurs de l’accueil et de la commande. */
@property --range-light-radius {
  syntax: "<length>";
  inherits: true;
  initial-value: 5px;
}
@keyframes range-standby {
  0%, 100% { --range-light-radius: 5px; }
  50% { --range-light-radius: 8px; }
}
body:is(.vitrine-page, .order-page) :is(#site-range, #order-equipment-range) {
  animation: range-standby 4.5s ease-in-out infinite;
}
body:is(.vitrine-page, .order-page) :is(#site-range, #order-equipment-range)::-webkit-slider-thumb {
  box-sizing: border-box;
  width: 26px;
  height: 26px;
  border: 1px solid #94d2bd66;
  background: radial-gradient(circle, #fff calc(var(--range-light-radius) - 1.5px), #9fe9c7 var(--range-light-radius), #94d2bd55 calc(var(--range-light-radius) + 1px));
  box-shadow: 0 0 calc(var(--range-light-radius) * 3) #b4ffdaaa, 0 0 0 5px #94d2bd26;
}
body:is(.vitrine-page, .order-page) :is(#site-range, #order-equipment-range)::-moz-range-thumb {
  box-sizing: border-box;
  width: 26px;
  height: 26px;
  border: 1px solid #94d2bd66;
  background: radial-gradient(circle, #fff calc(var(--range-light-radius) - 1.5px), #9fe9c7 var(--range-light-radius), #94d2bd55 calc(var(--range-light-radius) + 1px));
  box-shadow: 0 0 calc(var(--range-light-radius) * 3) #b4ffdaaa, 0 0 0 5px #94d2bd26;
}
@media (prefers-reduced-motion: reduce) {
  body:is(.vitrine-page, .order-page) :is(#site-range, #order-equipment-range) { animation: none; }
}