.multiRange{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;min-width:150px;margin:24px 0;padding-inline:10px}.multiRange__rangeWrap{height:11px;background:#ea1010;border-radius:10px;position:relative;z-index:5}.multiRange__range{border-radius:10px;height:100%;position:absolute;right:0;left:0;background:currentColor}.multiRange__range:nth-child(1){color:#ea8410}.multiRange__range:nth-child(2){color:#d4d708}.multiRange__range:nth-child(3){color:#6a9874}.multiRange__range:nth-child(4){color:#d4d708}.multiRange__range:nth-child(5){color:#ea8410}.multiRange__range:nth-child(6){color:#ea1010}.multiRange__handle{width:24px;height:24px;position:absolute;margin:-6px 0 0!important;cursor:grab;background:#fff;border:3px solid #000;border-radius:50%;transition:transform .2s,background-color .2s}.multiRange__handle:active{cursor:grabbing}.multiRange__handle__value{position:absolute;transform:translate(-50%,-100%);background:#6a9874;color:#fff;padding:2px 6px;top:-8px;left:50%;font-size:12px;border-radius:3px;opacity:1;transition:opacity .2s,transform .2s;pointer-events:none}.multiRange__handle:hover .multiRange__handle__value,.multiRange__range.grabbed .multiRange__handle__value{opacity:1;transform:translate(-50%,-120%)}.multiRange__ticks{display:flex;justify-content:space-between;height:5px;margin:8px 0 0;font-size:11px;cursor:default}.multiRange__ticks>div{height:100%;width:1px;background:#d1d5db}.multiRange__ticks>div.major-tick{height:10px}.multiRange__ticks>div.major-tick:before{display:block;content:attr(data-value);transform:translate(-50%,14px);color:#6b7280}body.multiRange-grabbing{cursor:grabbing}