.range-input{position:relative}.range-input:before{left:0;right:0;background-color:var(--color-grey-200,#e5e7eb)}.range-input:after,.range-input:before{content:"";position:absolute;top:50%;height:2px;pointer-events:none}.range-input:after{left:var(--left,0);right:var(--right,0);background-color:black}.input-range-1{position:absolute;top:0;left:0;width:100%;height:24px;background:transparent;pointer-events:none;-webkit-appearance:none;appearance:none;margin:0;padding:0}.input-range-1:nth-of-type(2){z-index:1}.input-range-1::-webkit-slider-runnable-track{width:100%;height:2px;background:transparent;border:none}.input-range-1::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:black;border:none;border-radius:50%;height:14px;width:14px;cursor:pointer;pointer-events:auto;margin-top:-6px;transition:transform .15s ease}.input-range-1::-webkit-slider-thumb:hover{transform:scale(1.2)}.input-range-1::-webkit-slider-thumb:active{transform:scale(1.1)}.input-range-1::-moz-range-track{width:100%;height:2px;background:transparent;border:none}.input-range-1::-moz-range-thumb{background-color:black;border:none;border-radius:50%;height:14px;width:14px;cursor:pointer;pointer-events:auto;transition:transform .15s ease}.input-range-1::-moz-range-thumb:hover{transform:scale(1.2)}.input-range-1::-moz-range-thumb:active{transform:scale(1.1)}.input-range-1:focus{outline:none}.input-range-1:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(0,0,0,.1)}.input-range-1:focus::-moz-range-thumb{box-shadow:0 0 0 3px rgba(0,0,0,.1)}.toggle-icon{display:inline-block;height:20px;position:relative;min-width:34px;--bg-color:var(--color-grey-800,#1f2937)}.toggle-icon:before{background-color:var(--bg-color);border-radius:10px;height:100%;width:100%}.toggle-icon:after,.toggle-icon:before{content:"";display:block;position:absolute}.toggle-icon:after{background-color:var(--color-white,#ffffff);border-radius:50%;border:3px solid var(--bg-color);box-sizing:border-box;height:20px;left:0;top:50%;transform:translateY(-50%);transition:left .3s;width:20px}.toggle-icon--selected{--bg-color:var(--color-green-500,#22c55e)}.toggle-icon--selected:after{left:calc(100% - 20px);transition:left .3s}