.range-input{-webkit-appearance:none;appearance:none;background:transparent;outline:none;background:linear-gradient(to right,var(--color-light,#ede9f5) 0,var(--color-light,#ede9f5) calc(100% - var(--progress)),var(--color-main,#48279c) calc(100% - var(--progress)),var(--color-main,#48279c) 100%);height:6px;border-radius:4px;direction:rtl}.range-input::-webkit-slider-runnable-track{width:100%;height:4px;border-radius:4px;cursor:pointer}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-main,#48279c);border:2px solid var(--color-main,#48279c);box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;margin-top:-6px;position:relative;z-index:1}.range-input::-webkit-slider-thumb:hover{background:var(--color-dark,#3d2185)}.range-input:disabled::-webkit-slider-thumb{background:#e5e7eb;cursor:not-allowed}.range-input::-moz-range-track{width:100%;height:4px;border-radius:4px;cursor:pointer;background:#e5e7eb}.range-input::-moz-range-progress{height:4px;border-radius:4px;background:var(--color-main,#48279c)}.range-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-main,#48279c);border:2px solid var(--color-main,#48279c);box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer}.range-input::-moz-range-thumb:hover{background:var(--color-dark,#3d2185)}.range-input:disabled::-moz-range-thumb{background:#e5e7eb;cursor:not-allowed}