.tach-typography {
  margin: 0;
}

.ant-typography.tach-typography {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.tach-typography--pointer,
.ant-typography.tach-typography--pointer {
  cursor: pointer;
}

.tach-typography--bold,
.ant-typography.tach-typography--bold {
  font-weight: 700 !important;
}

.tach-typography--color-primary,
.ant-typography.tach-typography--color-primary { color: var(--Text-Primary); }
.tach-typography--color-secondary,
.ant-typography.tach-typography--color-secondary { color: var(--Text-Secondary); }
.tach-typography--color-tertiary,
.ant-typography.tach-typography--color-tertiary { color: var(--Text-Tertiary); }
.tach-typography--color-quaternary,
.ant-typography.tach-typography--color-quaternary { color: var(--Text-Quaternary); }
.tach-typography--color-link,
.ant-typography.tach-typography--color-link { color: var(--System-HashtagsInPost); }
.tach-typography--color-white,
.ant-typography.tach-typography--color-white { color: var(--Default-White); }
.tach-typography--color-dark,
.ant-typography.tach-typography--color-dark { color: var(--Default-Dark); }
.tach-typography--color-alert,
.ant-typography.tach-typography--color-alert { color: var(--System-Alert); }
.tach-typography--color-malahit,
.ant-typography.tach-typography--color-malahit { color: var(--Accent-Malahit); }
.tach-typography--color-attantion,
.ant-typography.tach-typography--color-attantion { color: var(--System-Attantion); }

.tach-typography--LargeTitle,
.ant-typography.tach-typography--LargeTitle { font-family: Inter, sans-serif; font-size: 38px; font-weight: 500; line-height: 46px; }
.tach-typography--Title1,
.ant-typography.tach-typography--Title1 { font-family: Inter, sans-serif; font-size: 28px; font-weight: 500; line-height: 34px; }
.tach-typography--Title2,
.ant-typography.tach-typography--Title2 { font-family: Inter, sans-serif; font-size: 22px; font-weight: 500; line-height: 28px; }
.tach-typography--Title3,
.ant-typography.tach-typography--Title3 { font-family: Inter, sans-serif; font-size: 20px; font-weight: 500; line-height: 26px; }
.tach-typography--Headline,
.ant-typography.tach-typography--Headline { font-family: Inter, sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; }
.tach-typography--Body,
.tach-typography--AppMediumBody,
.ant-typography.tach-typography--Body,
.ant-typography.tach-typography--AppMediumBody { font-family: Inter, sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; }
.tach-typography--Inputs,
.ant-typography.tach-typography--Inputs { font-family: Inter, sans-serif; font-size: 14px; font-weight: 500; line-height: 24px; }
.tach-typography--Subheadline,
.ant-typography.tach-typography--Subheadline { font-family: Inter, sans-serif; font-size: 14px; font-weight: 500; line-height: 18px; }
.tach-typography--FootnoteUnderline,
.ant-typography.tach-typography--FootnoteUnderline { font-family: Inter, sans-serif; font-size: 13px; font-weight: 500; line-height: 18px; text-decoration: underline; }
.tach-typography--Footnote,
.ant-typography.tach-typography--Footnote { font-family: Inter, sans-serif; font-size: 13px; font-weight: 500; line-height: 18px; }
.tach-typography--Caption,
.ant-typography.tach-typography--Caption { font-family: Inter, sans-serif; font-size: 10px; font-weight: 500; line-height: 12px; text-transform: uppercase; }
.tach-typography--Caption2,
.ant-typography.tach-typography--Caption2 { font-family: Inter, sans-serif; font-size: 8px; font-weight: 500; line-height: 10px; text-transform: uppercase; }

.tach-typography--AccentH1,
.ant-typography.tach-typography--AccentH1 { font-family: Unbounded, sans-serif; font-size: 20px; font-weight: 700; line-height: 30px; }
.tach-typography--AccentH2,
.ant-typography.tach-typography--AccentH2 { font-family: Unbounded, sans-serif; font-size: 16px; font-weight: 700; line-height: 24px; }
.tach-typography--AccentSubttl,
.ant-typography.tach-typography--AccentSubttl { font-family: Unbounded, sans-serif; font-size: 14px; font-weight: 700; line-height: 22px; }
.tach-typography--AccentSubttl2,
.ant-typography.tach-typography--AccentSubttl2 { font-family: Unbounded, sans-serif; font-size: 12px; font-weight: 700; line-height: 20px; }
.tach-typography--AccentCaption,
.ant-typography.tach-typography--AccentCaption { font-family: Unbounded, sans-serif; font-size: 9px; font-weight: 700; line-height: 12px; text-transform: uppercase; }
.tach-typography--AccentCaption2,
.ant-typography.tach-typography--AccentCaption2 { font-family: Unbounded, sans-serif; font-size: 7px; font-weight: 700; line-height: 10px; text-transform: uppercase; }
.tach-typography--AccentRegularM,
.ant-typography.tach-typography--AccentRegularM { font-family: Unbounded, sans-serif; font-size: 14px; font-weight: 400; line-height: 22px; }
.tach-typography--AccentRegularS,
.ant-typography.tach-typography--AccentRegularS { font-family: Unbounded, sans-serif; font-size: 12px; font-weight: 400; line-height: 20px; }
.tach-typography--AccentLargeTtl,
.ant-typography.tach-typography--AccentLargeTtl { font-family: Unbounded, sans-serif; font-size: 38px; font-weight: 700; line-height: 52px; }
.tach-typography--AppMediumSubtext,
.ant-typography.tach-typography--AppMediumSubtext { text-align: center; font-family: Inter, sans-serif; font-size: 11px; font-weight: 400; line-height: 17px; }
.tach-typography--AppMediumSubtextUnderline,
.ant-typography.tach-typography--AppMediumSubtextUnderline { font-family: Inter, sans-serif; font-size: 11px; font-weight: 400; line-height: 17px; text-decoration: underline; }

@media (max-width: 575px) {
  .tach-typography--AccentLargeTtl,
  .ant-typography.tach-typography--AccentLargeTtl {
    font-size: 20px;
    line-height: 30px;
  }

  .tach-typography--AccentRegularM,
  .ant-typography.tach-typography--AccentRegularM {
    font-size: 12px;
    line-height: 20px;
  }
}