@media only screen and (width<=640px){div.message:after{display:none}}.slider-container{width:100%}.slider{appearance:none;opacity:.9;z-index:15;width:100%;height:1rem;display:relative;background:#fff;border-radius:25px;outline:none}.slider:hover{cursor:pointer}.breakpoints{appearance:none;z-index:0;background:#fff0;border-radius:25px;outline:none;height:25px;padding:0 16.5px;position:relative;top:-31px}.tick{fill:#00000040}.slider::-webkit-slider-thumb{appearance:none;background:#6392cc;border:6px solid #fff;border-radius:100%;width:30px;height:30px}.slider::-moz-range-thumb{background:#6392cc;border:6px solid #fff;border-radius:100%;width:25px;height:25px}.range{width:100%}.value{color:#fff;line-height:2rem;position:relative;left:50%}.message{border:none;position:relative}.message:after{content:"";border:10px solid #0000;border-top-color:#fff;border-bottom:0;width:0;height:0;margin-bottom:-10px;margin-left:-10px;position:absolute;bottom:0;left:50%}input:checked~.dot{background-color:#bdcae0;transform:translate(100%)}