.glitch-text-generator-page .glitch-range-field {
  display: grid;
  gap: .45rem;
}

.glitch-text-generator-page .glitch-range-field label {
  display: flex;
  justify-content: space-between;
  gap: var(--space-2);
  align-items: center;
  color: var(--text-label);
  font-family: var(--font-plain);
  font-size: var(--step--1);
  font-weight: var(--label-weight);
  text-transform: uppercase;
}

.glitch-text-generator-page .glitch-range-field output {
  color: var(--text-body);
  text-align: right;
}

.glitch-text-generator-page .glitch-range-field input[type="range"] {
  width: 100%;
}

.glitch-text-generator-page .glitch-output {
  min-height: 11rem;
  line-height: 2;
}