.multi-range-slider{position:relative;width:100%;height:20px;margin:20px 0;touch-action:none}@media (max-width:768px){.multi-range-slider{height:30px;margin:30px 0}}.multi-range-slider .bar{position:absolute;background:#374151;left:0;right:0;top:50%;height:4px;transform:translateY(-50%);border-radius:2px}.multi-range-slider .bar-inner{position:absolute;background:#3B82F6;left:0;right:0;top:0;height:100%;border-radius:2px}.multi-range-slider .thumb{position:absolute;width:20px;height:20px;background:#3B82F6;border:2px solid #ffffff;border-radius:50%;top:50%;transform:translateY(-50%);cursor:pointer;z-index:2;transition:all .2s ease}@media (max-width:768px){.multi-range-slider .thumb{width:28px;height:28px;border-width:3px}}.multi-range-slider .thumb-left{left:0}.multi-range-slider .thumb-right{right:0}.multi-range-slider .thumb:hover{background:#2563EB;transform:translateY(-50%) scale(1.1)}.multi-range-slider .thumb:active{background:#1D4ED8;transform:translateY(-50%) scale(1.2)}@media (max-width:768px){.multi-range-slider .thumb:hover{transform:translateY(-50%) scale(1.05)}.multi-range-slider .thumb:active{background:#1D4ED8;transform:translateY(-50%) scale(1.15)}}.multi-range-slider .ruler{position:absolute;top:100%;left:0;right:0;height:20px;margin-top:10px}.multi-range-slider .ruler .ruler-rule{position:absolute;top:0;width:1px;height:10px;background:#6B7280}.multi-range-slider .ruler .ruler-rule.major{height:15px;background:#9CA3AF}.multi-range-slider .ruler .ruler-label{position:absolute;top:15px;font-size:10px;color:#9CA3AF;transform:translateX(-50%)}.multi-range-slider .caption{position:absolute;top:-30px;font-size:12px;color:#ffffff;background:#374151;padding:2px 6px;border-radius:4px;white-space:nowrap}.multi-range-slider .caption-left{left:0;transform:translateX(-50%)}.multi-range-slider .caption-right{right:0;transform:translateX(50%)}