@use "../../../styles/int.scss";

.description {
  @include int.sans($size: "200", $role: "component");

  @include int.container-at-least("md") {
    @include int.sans($size: "300", $role: "component");
  }

  @include int.container-at-least("xl") {
    @include int.sans($size: "400", $role: "component");
  }
}

@include int.customize-component(".description") {
  .int-style.int-style-MarkdownContent__paragraph {
    margin-top: int.$spacing-4;

    &:first-of-type {
      margin-top: 0;
    }
  }
}
