@import"https://fonts.cdnfonts.com/css/sf-pro-display";@import"https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Spline+Sans+Mono:ital,wght@0,300..700;1,300..700&display=swap";body,select,input,button{font-family:Libre Franklin,sans-serif!important}input[type=range].styled-slider{height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:red}input[type=range].styled-slider.slider-progress{--range: calc(var(--max) - var(--min));--ratio: calc((var(--value) - var(--min)) / var(--range));--sx: calc(.5 * 22px + var(--ratio) * (100% - 22px))}input[type=range].styled-slider:focus{outline:none}input[type=range].styled-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:15px;border-radius:6px;background:#dae2ff;border:1px solid rgba(47,49,56,.4);box-shadow:0 0 2px #dae2ff33;margin-top:calc(3.5px - max(15px * .5,1px))}input[type=range].styled-slider::-webkit-slider-runnable-track{height:7px;border:none;border-radius:.5em;background:#dae2ff1a;box-shadow:none}input[type=range].styled-slider::-webkit-slider-thumb:hover{background:#dae2ff}input[type=range].styled-slider:hover::-webkit-slider-runnable-track{background:#dae2ff4d}input[type=range].styled-slider::-webkit-slider-thumb:active{background:#dae2ff}input[type=range].styled-slider:active::-webkit-slider-runnable-track{background:#dae2ff4d}input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track{background:linear-gradient(#dae2ff80,#dae2ff80) 0 / var(--sx) 100% no-repeat,#dae2ff1a}input[type=range].styled-slider.slider-progress:hover::-webkit-slider-runnable-track{background:linear-gradient(#dae2ffb3,#dae2ffb3) 0 / var(--sx) 100% no-repeat,#dae2ff4d}input[type=range].styled-slider.slider-progress:active::-webkit-slider-runnable-track{background:linear-gradient(#dae2ffb3,#dae2ffb3) 0 / var(--sx) 100% no-repeat,#dae2ff4d}input[type=range].styled-slider::-moz-range-thumb{width:max(20px,0px);height:max(13px,0px);border-radius:6px;background:#dae2ff;border:1px solid rgba(47,49,56,.4);box-shadow:0 0 2px #dae2ff33}input[type=range].styled-slider::-moz-range-track{height:7px;border:none;border-radius:.5em;background:#dae2ff1a;box-shadow:none}input[type=range].styled-slider::-moz-range-thumb:hover{background:#dae2ff}input[type=range].styled-slider:hover::-moz-range-track{background:#dae2ff4d}input[type=range].styled-slider::-moz-range-thumb:active{background:#dae2ff}input[type=range].styled-slider:active::-moz-range-track{background:#dae2ff4d}input[type=range].styled-slider.slider-progress::-moz-range-track{background:linear-gradient(#dae2ff80,#dae2ff80) 0 / var(--sx) 100% no-repeat,#dae2ff1a}input[type=range].styled-slider.slider-progress:hover::-moz-range-track{background:linear-gradient(#dae2ffb3,#dae2ffb3) 0 / var(--sx) 100% no-repeat,#dae2ff4d}input[type=range].styled-slider.slider-progress:active::-moz-range-track{background:linear-gradient(#dae2ffb3,#dae2ffb3) 0 / var(--sx) 100% no-repeat,#dae2ff4d}input[type=range].styled-slider::-ms-fill-upper{background:transparent;border-color:transparent}input[type=range].styled-slider::-ms-fill-lower{background:transparent;border-color:transparent}input[type=range].styled-slider::-ms-thumb{width:22px;height:15px;border-radius:6px;background:#dae2ff;border:1px solid rgba(47,49,56,.4);box-shadow:0 0 2px #dae2ff33;margin-top:0;box-sizing:border-box}input[type=range].styled-slider::-ms-track{height:7px;border-radius:.5em;background:#dae2ff1a;border:none;box-shadow:none;box-sizing:border-box}input[type=range].styled-slider::-ms-thumb:hover{background:#dae2ff}input[type=range].styled-slider:hover::-ms-track{background:#dae2ff4d}input[type=range].styled-slider::-ms-thumb:active{background:#dae2ff}input[type=range].styled-slider:active::-ms-track{background:#dae2ff4d}input[type=range].styled-slider.slider-progress::-ms-fill-lower{height:7px;border-radius:.5em 0 0 .5em;margin:0;background:#dae2ff80;border:none;border-right-width:0}input[type=range].styled-slider.slider-progress:hover::-ms-fill-lower{background:#dae2ffb3}input[type=range].styled-slider.slider-progress:active::-ms-fill-lower{background:#dae2ffb3}
