/*
 * DO NOT EDIT THIS FILE.
 * It's generated automatically by 'yarn build' command.
 * @preserve
 */

:where(.a-text) {
  color: inherit;
}

.a-text {
  margin-block: 0;
  font-family: var(--font-family);
}

.a-text--ckeditor h1,
.a-text--h1 {
  letter-spacing: -0.02em;
  font-family: var(--font-family-heading);
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1.2;
}

@media (min-width: 1025px) {
  .a-text--ckeditor h1,
  .a-text--h1 {
    font-size: 4rem;
  }
}

.a-text--ckeditor blockquote,
.a-text--ckeditor h2,
.a-text--h2 {
  letter-spacing: -0.02em;
  font-family: var(--font-family-heading);
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.2;
}

@media (min-width: 1025px) {
  .a-text--ckeditor blockquote,
  .a-text--ckeditor h2,
  .a-text--h2 {
    font-size: 2.5rem;
  }
}

.a-text--ckeditor h3,
.a-text--h3 {
  letter-spacing: -0.02em;
  font-family: var(--font-family-heading);
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.2;
}

@media (min-width: 1025px) {
  .a-text--ckeditor h3,
  .a-text--h3 {
    font-size: 1.5rem;
  }
}

.a-text--ckeditor blockquote {
  margin: 1.875rem 0;
  color: var(--color-secondary-brand);
}

.a-text--ckeditor h4,
.a-text--subtitle {
  font-family: var(--font-family-heading);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2;
}

@media (min-width: 1025px) {
  .a-text--ckeditor h4,
  .a-text--subtitle {
    font-size: 1.5rem;
  }
}

.a-text--body {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
}

@media (min-width: 1025px) {
  .a-text--body {
    font-size: 1rem;
  }
}

.a-text--bold {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
}

@media (min-width: 1025px) {
  .a-text--bold {
    font-size: 1rem;
  }
}

.a-text--small {
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.4;
}

@media (min-width: 1025px) {
  .a-text--small {
    font-size: 0.875rem;
  }
}

.a-text--pre-title {
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-family: var(--font-family-heading);
  font-size: 0.75rem;
  font-weight: 900;
  line-height: 1.2;
}

.a-text--button {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-family: var(--font-family-heading);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
}

@media (min-width: 1025px) {
  .a-text--button {
    font-size: 1rem;
  }
}

:where(:is(h1, h2, h3, h4, a[href]).a-text--colorize-elements-primary),
:where(.a-text--colorize-elements-primary :is(h1, h2, h3, h4, a[href])) {
  color: var(--color-primary-brand);
}

:where(:is(h1, h2, h3, h4, a[href]).a-text--colorize-elements-secondary),
:where(.a-text--colorize-elements-secondary :is(h1, h2, h3, h4, a[href])) {
  color: var(--color-secondary-brand);
}

:where(a[href][class*='a-text--colorize-elements']),
:where([class*='a-text--colorize-elements'] a[href]) {
  font-weight: 900;
}