@charset "UTF-8";
@layer default {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    font-family: var(--font-family-second), sans-serif;
    margin-top: 0;
    margin-bottom: 2rem;
    line-height: 100%;
    font-style: normal;
    font-weight: 600;
    display: block;
    overflow-wrap: break-word;
  }
  h3,
  .h3 {
    margin-bottom: 1.6rem;
  }
  h4,
  h5,
  h6,
  .h4,
  .h5,
  .h6 {
    margin-bottom: 1.4rem;
  }
  h1,
  .h1 {
    font-size: 2.4rem;
  }
  h2,
  .h2 {
    font-size: 2.2rem;
  }
  h3,
  .h3 {
    font-size: 2rem;
  }
  h4,
  .h4 {
    font-size: 1.8rem;
  }
  h5,
  .h5 {
    font-size: 1.6rem;
  }
  h6,
  .h6 {
    font-size: 1.6rem;
  }
  p + h1, p + h2, p + h3, p + .h1, p + .h2, p + .h3, img + h1, img + h2, img + h3, img + .h1, img + .h2, img + .h3, ul + h1, ul + h2, ul + h3, ul + .h1, ul + .h2, ul + .h3, div + h1, div + h2, div + h3, div + .h1, div + .h2, div + .h3 {
    padding-top: 2.4rem;
  }
  p + h4, p + h5, p + h6, p + .h4, p + .h5, p + .h6, img + h4, img + h5, img + h6, img + .h4, img + .h5, img + .h6, ul + h4, ul + h5, ul + h6, ul + .h4, ul + .h5, ul + .h6, div + h4, div + h5, div + h6, div + .h4, div + .h5, div + .h6 {
    padding-top: 1.8rem;
  }
  img + p {
    padding-top: 1.2rem;
  }
  p:last-child {
    margin-bottom: 0;
  }
  @media (min-width: 1024px) {
    h1,
    .h1 {
      font-size: 4.2rem;
    }
    h2,
    .h2 {
      font-size: 3.6rem;
    }
    h3,
    .h3 {
      font-size: 2.8rem;
    }
  }
  a,
  .a,
  [data-href] {
    text-decoration-line: none;
    color: var(--color-base);
    transition: var(--transition-ease);
    cursor: pointer;
  }
  a:hover,
  .a:hover,
  [data-href]:hover {
    color: var(--color-base-light-30);
  }
  p,
  .p {
    margin-top: 0;
    margin-bottom: 1.6rem;
  }
  abbr[title] {
    text-decoration: none;
    color: var(--color-second);
  }
  i {
    font-style: italic;
  }
  em {
    font-weight: 600;
  }
  b {
    font-weight: 600;
  }
  dfn {
    font-weight: bold;
    font-style: inherit;
  }
  kbd {
    font-family: inherit;
    font-style: italic;
    font-weight: 600;
  }
  mark {
    background-color: #ddd;
    color: inherit;
  }
  q {
    font-style: italic;
    text-decoration: underline;
  }
  sub,
  sup {
    line-height: 0;
    display: inline-block;
    font-size: 0.75rem;
  }
  sup {
    transform: translateY(1px);
  }
  sub {
    transform: translateY(-1px);
  }
  /*
    Типография - списки
  */
  ul,
  ol {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
  }
  ol:not(.list-clear) > *::marker {
    position: absolute;
    display: inline-block;
    top: 0;
    /*color: var(--color-text);*/
    left: -1.25rem;
    opacity: 0.95;
    font-weight: 700;
  }
  p + ul,
  p + ol {
    margin-top: -1rem;
  }
  .font-family-main {
    font-family: var(--font-family-main), sans-serif;
  }
  .font-family-second {
    font-family: var(--font-family-second), sans-serif;
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
}

/*# sourceMappingURL=typography.css.map */