@use "../../../../styles/spacing.scss";
@use "../../../../styles/typography.scss";
@use "../../../../styles/container_breakpoints.scss";

.container {
  display: inline-block;
  margin-top: spacing.$spacing-2;

  @include typography.sans($size: "200", $role: "component");

  @include container_breakpoints.container-at-least("lg") {
    margin-top: spacing.$spacing-4;

    @include typography.sans($size: "300", $role: "component");
  }  
}