.range-input{-webkit-appearance:none;appearance:none;width:100%;cursor:pointer;outline:none;border-radius:15px;height:6px;background:var(--border-primary)}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:16px;width:16px;background-color:#337dd3;border-radius:50%;border:none;transition:.2s ease-in-out}.range-input::-moz-range-thumb{height:16px;width:16px;background-color:#337dd3;border-radius:50%;border:none;transition:.2s ease-in-out}.range-input::-webkit-slider-thumb:hover{box-shadow:0 0 0 8px rgba(59,92,169,.2);box-shadow:0 0 0 10px rgba(59,92,169,.1)}.limit-height{max-height:300px}@media screen and (min-height:640px){.limit-height{max-height:400px}}@media screen and (min-height:768px){.limit-height{max-height:500px}}