.InputRange {
  display: inline-block;
}

  .InputRange-Inputs {
    position: relative;
  }

  .InputRange_fullWidth {
    inline-size: 100%;
  }

  .InputRange_size_xs {
      --input-range-slider-padding: 12px;
    }

  .InputRange_size_s {
      --input-range-slider-padding: 16px;
    }

  .InputRange_size_m {
      --input-range-slider-padding: 20px;
    }

  .InputRange_size_l {
      --input-range-slider-padding: 24px;
    }

  .InputRange_error .Slider-Rail:not(:disabled) {
    background-color: var(--color-border-error-default);
  }

  .InputRange-Slider {
    padding: 0 var(--input-range-slider-padding);
    position: absolute;
    box-sizing: border-box;
    inset-block-end: -9px;
  }

  .InputRange-Slider .Slider-Range {
      background-color: var(--color-border-base-main);
    }

  .InputRange-Hint {
    display: flex;
    justify-content: space-between;
  }

  .InputRange-HintText_max {
      display: flex;
      justify-content: flex-end;
    }