/* Selected from the slider studies: liquid glass with a broad, soft reflection. */
.trust-range-wrap.liquid-glass-slider{
  --handle-width:58px;--rail-inset:10px;
  position:relative;height:58px;padding:0 var(--rail-inset);margin-top:16px;
  background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;isolation:isolate;
}
.liquid-glass-slider::before,.liquid-glass-slider::after{display:none}
.liquid-glass-slider[hidden]{display:none}
.liquid-glass-slider .trust-range{position:relative;z-index:3;height:58px;cursor:grab}
.liquid-glass-slider .trust-range:active{cursor:grabbing}
.liquid-glass-slider .trust-range::-webkit-slider-runnable-track{height:2px;background:transparent;box-shadow:none}
.liquid-glass-slider .trust-range::-webkit-slider-thumb{
  width:var(--handle-width);height:44px;margin-top:-21px;
  background:transparent;border:0;clip-path:none;box-shadow:none;opacity:0;cursor:grab;
}
.liquid-glass-slider .trust-range::-moz-range-track{height:2px;background:transparent;box-shadow:none}
.liquid-glass-slider .trust-range::-moz-range-thumb{
  width:var(--handle-width);height:44px;background:transparent;
  border:0;clip-path:none;box-shadow:none;opacity:0;
}
.liquid-glass-slider .trust-range:focus-visible{outline:1px solid rgba(212,151,165,.8);outline-offset:0;border-radius:9px}
.liquid-glass-slider .slider-light-track{
  position:absolute;left:10px;right:10px;top:50%;height:14px;transform:translateY(-50%);
  border:1px solid rgba(213,230,240,.22);border-radius:20px;
  background:linear-gradient(180deg,rgba(218,235,246,.13),rgba(24,37,47,.24));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 4px 10px rgba(0,0,0,.1);
  pointer-events:none;overflow:hidden;
}
.liquid-glass-slider .slider-light-fill{
  position:absolute;inset:-1px auto -1px -1px;width:var(--slider-progress,0%);border-radius:20px;
  background:linear-gradient(90deg,rgba(112,29,45,.2),rgba(180,77,98,.6));opacity:.32;
}
.liquid-glass-slider .slider-light-flow{
  position:absolute;inset:-3px -60%;
  background:linear-gradient(110deg,transparent 40%,rgba(220,235,246,.24) 50%,transparent 60%);
  filter:blur(2px);animation:liquid-glass-reflection 14s ease-in-out infinite;transform-origin:50% 50%;
}
.liquid-glass-slider .slider-visual-lane{
  position:absolute;inset:0 calc(var(--rail-inset) + var(--handle-width)/2);pointer-events:none;z-index:2;
}
.liquid-glass-slider .slider-handle-art{
  position:absolute;left:var(--slider-progress,0%);top:50%;width:var(--handle-width);height:28px;
  transform:translate(-50%,-50%);border:1px solid rgba(220,233,240,.52);border-radius:14px;
  background:linear-gradient(145deg,rgba(236,245,250,.26),rgba(55,79,94,.34) 50%,rgba(144,73,94,.23));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.25),0 0 15px rgba(170,197,214,.09);
  backdrop-filter:blur(12px);
}
.liquid-glass-slider .slider-handle-light{
  position:absolute;left:50%;top:50%;width:16px;height:1px;transform:translate(-50%,-50%);
  border-radius:4px;background:rgba(226,237,244,.62);
}
@keyframes liquid-glass-reflection{
  0%,12%{opacity:0;transform:translateX(-25%)}
  30%,70%{opacity:.6}
  88%,100%{opacity:0;transform:translateX(25%)}
}
@media(prefers-reduced-motion:reduce){.liquid-glass-slider .slider-light-flow{animation:none}}
