.range-slider{touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;background:#ddd;border-radius:4px;width:100%;height:8px;display:block;position:relative}.range-slider[data-vertical]{width:8px;height:100%}.range-slider[data-disabled]{opacity:.5;cursor:not-allowed}.range-slider .range-slider__thumb{z-index:3;background:#2196f3;border-radius:50%;width:24px;height:24px;position:absolute;top:50%;transform:translate(-50%,-50%)}.range-slider .range-slider__thumb:focus-visible{outline:0;box-shadow:0 0 0 6px #2196f380}.range-slider[data-vertical] .range-slider__thumb{left:50%}.range-slider .range-slider__thumb[data-disabled]{z-index:2}.range-slider .range-slider__range{z-index:1;background:#51adf6;width:100%;height:100%;position:absolute;top:50%;transform:translateY(-50%)}.range-slider[data-vertical] .range-slider__range{left:50%;transform:translate(-50%)}.range-slider input[type=range]{-webkit-appearance:none;pointer-events:none;z-index:2;background-color:#0000;width:0;height:0;position:absolute;top:0;left:0}.range-slider input[type=range]::-webkit-slider-thumb{appearance:none}.range-slider input[type=range]::-moz-range-thumb{border:0;width:0;height:0}.range-slider input[type=range]:focus{outline:0}
.range-slider{width:100%}.single-thumb .range-slider__thumb[data-lower]{background-color:var(--color-primary,#0026f2);width:0}.single-thumb .range-slider__range{background-color:var(--color-primary,#0026f2);border-radius:6px}#range-slider-primary{background-color:var(--color-surface-container,#eaeef2)}#range-slider-primary .range-slider__range{background-color:var(--color-primary,#0026f2);transition:height .3s}#range-slider-primary .range-slider__thumb{background-color:var(--color-primary,#0026f2);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;user-select:none;color:#fff;text-align:center;margin:42px auto 0;font-family:monospace;font-weight:700}.range-slider.margin-lg{margin:42px auto 0}#range-slider-ab{background:#4b4d61;height:16px}#range-slider-ab .range-slider__range{background:#ff4141}#range-slider-ab .range-slider__thumb{border-radius:4px;width:30px;height:30px}#range-slider-ab .range-slider__thumb[data-lower]{background:#ff4141 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")}#range-slider-ab .range-slider__thumb[data-upper]{background:#ff4141 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")}#range-slider-ab .range-slider__thumb[data-lower][data-active]{animation:.9s infinite rotate-anti-clockwise}#range-slider-ab .range-slider__thumb[data-upper][data-active]{animation:.9s infinite rotate-clockwise}@keyframes rotate-clockwise{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes rotate-anti-clockwise{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(-360deg)}}#range-slider-gradient{background:#353644;border-radius:12px;height:24px}#range-slider-gradient .range-slider__thumb{box-sizing:border-box;border:6px solid #fff}#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) 50% 0/200% 100%}#range-slider-gradient .range-slider__range[data-active],#range-slider-gradient .range-slider__thumb[data-active]~.range-slider__range{animation:.75s linear infinite move-bg}@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}