input[type=range] {
      -webkit-appearance: none;
      width: 100%;
      height: 8px;
      background: #E2E8F0;
      border-radius: 999px;
      outline: none;
    }
    input[type=range]::-webkit-slider-thumb {
      -webkit-appearance: none;
      width: 24px;
      height: 24px;
      background: #5D5FEF;
      border-radius: 999px;
      cursor: pointer;
      box-shadow: 0 2px 10px rgba(93, 95, 239, 0.3);
      border: 2px solid white;
      margin-top: -8px;
    }
    .no-spinner::-webkit-inner-spin-button,
    .no-spinner::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    .no-spinner {
      -moz-appearance: textfield;
    }