input[type='range'].range-xxl {
  font-size: var(--range-xxl-height);
}

input[type='range'].range-xl {
  font-size: var(--range-xl-height);
}

input[type='range'].range-l {
  font-size: var(--range-l-height);
}

input[type='range'].range-s {
  font-size: var(--range-s-height);
}

input[type='range'].range-xs {
  font-size: var(--range-xs-height);
}

input[type='range'].range-xxs {
  font-size: var(--range-xxs-height);
}