@use '../breakpoints';

// Use h2 sizes for condensed header
.sl-r-banner-playground h1 {
  @include breakpoints.sl-breakpoint--medium {
    --h1-size: var(--sl-font-size--xx-large);
  }

  @include breakpoints.sl-breakpoint--large {
    --h1-size: var(--sl-font-size--xxx-large);
  }
}