@use "src/styles/framework" as *;

:host {
  h1 {
    @include font-overflow();
  }

  @include smTablet {
    h1 {
      font-size: $font-size-xxxl--tablet;
      margin-bottom: $space-m + $space-s;

      overflow: visible;
      white-space: normal;
    }
  }

  @include mobile {
    h1 {
      font-size: $font-size-xxxl--mobile;
      margin-bottom: $space-m + $space-s;
      margin-top: $space-m;

      overflow: visible;
      white-space: normal;
    }
  }
}
