.range-slider{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;display:block;position:relative;height:8px;background:#ddd;border-radius:4px}.range-slider[data-vertical]{height:100%;width:8px}.range-slider[data-disabled]{opacity:.5;cursor:not-allowed}.range-slider .range-slider__thumb{position:absolute;z-index:3;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);border-radius:50%;background:#2196f3}.range-slider .range-slider__thumb:focus-visible{outline:0;box-shadow:0 0 0 6px rgba(33,150,243,.5)}.range-slider[data-vertical] .range-slider__thumb{left:50%}.range-slider .range-slider__thumb[data-disabled]{z-index:2}.range-slider .range-slider__range{position:absolute;z-index:1;transform:translateY(-50%);top:50%;width:100%;height:100%;background:#51adf6}.range-slider[data-vertical] .range-slider__range{left:50%;transform:translate(-50%)}.range-slider input[type=range]{-webkit-appearance:none;pointer-events:none;position:absolute;z-index:2;top:0;left:0;width:0;height:0;background-color:transparent}.range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}.range-slider input[type=range]::-moz-range-thumb{width:0;height:0;border:0}.range-slider input[type=range]:focus{outline:0}.range-slider{width:100%}.single-thumb .range-slider__thumb[data-lower]{--tw-bg-opacity:1;background-color:rgb(0 38 242/var(--tw-bg-opacity));width:0}.single-thumb .range-slider__range{--tw-bg-opacity:1;background-color:rgb(0 38 242/var(--tw-bg-opacity));border-radius:6px}#range-slider-primary{--tw-bg-opacity:1;background-color:rgb(234 238 242/var(--tw-bg-opacity))}#range-slider-primary .range-slider__range{--tw-bg-opacity:1;background-color:rgb(0 38 242/var(--tw-bg-opacity));transition:height .3s}#range-slider-primary .range-slider__thumb{--tw-bg-opacity:1;background-color:rgb(0 38 242/var(--tw-bg-opacity));transition:transform .3s}#range-slider-primary .range-slider__thumb[data-active]{transform:translate(-50%,-50%) scale(1.25)}#range-slider-primary .range-slider__range[data-active]{height:16px}.title{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff;font-family:monospace;font-weight:700;text-align:center}.range-slider.margin-lg,.title{margin:42px auto 0}#range-slider-ab{height:16px;background:#4b4d61}#range-slider-ab .range-slider__range{background:#ff4141}#range-slider-ab .range-slider__thumb{width:30px;height:30px;border-radius:4px}#range-slider-ab .range-slider__thumb[data-lower]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='' width='30' height='30' viewBox='0 0 24 24'%3E%3Cpath d='M3,5A2,2 0 0,1 5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5M11,7A2,2 0 0,0 9,9V17H11V13H13V17H15V9A2,2 0 0,0 13,7H11M11,9H13V11H11V9Z' /%3E%3C/svg%3E") #ff4141}#range-slider-ab .range-slider__thumb[data-upper]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24'%3E%3Cpath d='M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M15,10.5V9A2,2 0 0,0 13,7H9V17H13A2,2 0 0,0 15,15V13.5C15,12.7 14.3,12 13.5,12C14.3,12 15,11.3 15,10.5M13,15H11V13H13V15M13,11H11V9H13V11Z' /%3E%3C/svg%3E") #ff4141}#range-slider-ab .range-slider__thumb[data-lower][data-active]{animation:rotate-anti-clockwise .9s infinite}#range-slider-ab .range-slider__thumb[data-upper][data-active]{animation:rotate-clockwise .9s infinite}@keyframes rotate-clockwise{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotate-anti-clockwise{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}#range-slider-gradient{height:24px;border-radius:12px;background:#353644}#range-slider-gradient .range-slider__thumb{border:6px solid #fff;box-sizing:border-box}#range-slider-gradient .range-slider__thumb[data-lower]{background:#0073e6}#range-slider-gradient .range-slider__thumb[data-upper]{background:#ee2c2c}#range-slider-gradient .range-slider__range{background:linear-gradient(90deg,#0073e6,#ee2c2c);background-size:200% 100%;background-position:50% 0}#range-slider-gradient .range-slider__range[data-active],#range-slider-gradient .range-slider__thumb[data-active]~.range-slider__range{animation:move-bg .75s linear infinite}@keyframes move-bg{0%{background-position:50% 0}25%{background-position:100% 0}50%{background-position:50% 0}75%{background-position:0 0}to{background-position:50% 0}}.vertical-slider[data-vertical]{height:180px}