.ty-typography {
  box-sizing: border-box;
}
.ty-typography + h1.ty-typography, .ty-typography + h2.ty-typography, .ty-typography + h3.ty-typography, .ty-typography + h4.ty-typography {
  margin-top: 1.2em;
}
.ty-typography + h5.ty-typography, .ty-typography + h6.ty-typography {
  margin-top: 1.1em;
}
.ty-typography ul {
  list-style-type: circle;
}
.ty-typography ul, .ty-typography ol {
  margin: 0 0 1em;
  padding: 0;
}
.ty-typography ul li, .ty-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.ty-typography code {
  margin: 0 0.1em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: var(--ty-typography-code-bg);
  border: 1px solid var(--ty-typography-code-border);
  border-radius: var(--ty-typography-code-radius);
}
.ty-typography mark {
  padding: 0;
  background-color: var(--ty-typography-mark-bg);
}
.ty-typography sup {
  vertical-align: super;
}
.ty-typography sub {
  vertical-align: baseline;
}

h1.ty-typography,
h2.ty-typography,
h3.ty-typography,
h4.ty-typography,
h5.ty-typography,
h6.ty-typography {
  margin-top: 0;
  margin-bottom: var(--ty-typography-heading-margin-bottom);
  color: var(--ty-typography-heading-color);
  font-weight: var(--ty-typography-heading-font-weight);
}

h1.ty-typography {
  font-size: var(--ty-h1-font-size);
  line-height: 1.23;
}

h2.ty-typography {
  font-size: var(--ty-h2-font-size);
  line-height: 1.35;
}

h3.ty-typography {
  font-size: var(--ty-h3-font-size);
  line-height: 1.35;
}

h4.ty-typography {
  font-size: var(--ty-h4-font-size);
  line-height: 1.4;
}

h5.ty-typography {
  font-size: var(--ty-h5-font-size);
  line-height: 1.2;
}

h6.ty-typography {
  font-size: var(--ty-h6-font-size);
  line-height: 1.2;
}

p.ty-typography, div.ty-typography, blockquote.ty-typography {
  margin-top: 0;
  margin-bottom: var(--ty-typography-block-margin-bottom);
  color: var(--ty-typography-body-color);
  font-size: var(--ty-typography-body-font-size);
  line-height: var(--ty-typography-body-line-height);
}

span.ty-typography,
label.ty-typography,
small.ty-typography,
strong.ty-typography,
em.ty-typography,
i.ty-typography,
b.ty-typography,
mark.ty-typography,
kbd.ty-typography,
time.ty-typography {
  color: var(--ty-color-text-label);
}
span.ty-typography .ty-typography__content,
label.ty-typography .ty-typography__content,
small.ty-typography .ty-typography__content,
strong.ty-typography .ty-typography__content,
em.ty-typography .ty-typography__content,
i.ty-typography .ty-typography__content,
b.ty-typography .ty-typography__content,
mark.ty-typography .ty-typography__content,
kbd.ty-typography .ty-typography__content,
time.ty-typography .ty-typography__content {
  min-width: 0;
}
span.ty-typography .ty-typography__copy,
label.ty-typography .ty-typography__copy,
small.ty-typography .ty-typography__copy,
strong.ty-typography .ty-typography__copy,
em.ty-typography .ty-typography__copy,
i.ty-typography .ty-typography__copy,
b.ty-typography .ty-typography__copy,
mark.ty-typography .ty-typography__copy,
kbd.ty-typography .ty-typography__copy,
time.ty-typography .ty-typography__copy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  margin-inline-start: 6px;
  padding: 0;
  color: inherit;
  background: transparent;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  opacity: 0.72;
  transition: opacity 0.2s ease;
}
span.ty-typography .ty-typography__copy:hover,
label.ty-typography .ty-typography__copy:hover,
small.ty-typography .ty-typography__copy:hover,
strong.ty-typography .ty-typography__copy:hover,
em.ty-typography .ty-typography__copy:hover,
i.ty-typography .ty-typography__copy:hover,
b.ty-typography .ty-typography__copy:hover,
mark.ty-typography .ty-typography__copy:hover,
kbd.ty-typography .ty-typography__copy:hover,
time.ty-typography .ty-typography__copy:hover {
  opacity: 1;
}
span.ty-typography.ty-typography_copyable,
label.ty-typography.ty-typography_copyable,
small.ty-typography.ty-typography_copyable,
strong.ty-typography.ty-typography_copyable,
em.ty-typography.ty-typography_copyable,
i.ty-typography.ty-typography_copyable,
b.ty-typography.ty-typography_copyable,
mark.ty-typography.ty-typography_copyable,
kbd.ty-typography.ty-typography_copyable,
time.ty-typography.ty-typography_copyable {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  vertical-align: bottom;
}
span.ty-typography.ty-typography_ellipsis,
label.ty-typography.ty-typography_ellipsis,
small.ty-typography.ty-typography_ellipsis,
strong.ty-typography.ty-typography_ellipsis,
em.ty-typography.ty-typography_ellipsis,
i.ty-typography.ty-typography_ellipsis,
b.ty-typography.ty-typography_ellipsis,
mark.ty-typography.ty-typography_ellipsis,
kbd.ty-typography.ty-typography_ellipsis,
time.ty-typography.ty-typography_ellipsis {
  max-width: 100%;
}
span.ty-typography.ty-typography_ellipsis .ty-typography__content,
label.ty-typography.ty-typography_ellipsis .ty-typography__content,
small.ty-typography.ty-typography_ellipsis .ty-typography__content,
strong.ty-typography.ty-typography_ellipsis .ty-typography__content,
em.ty-typography.ty-typography_ellipsis .ty-typography__content,
i.ty-typography.ty-typography_ellipsis .ty-typography__content,
b.ty-typography.ty-typography_ellipsis .ty-typography__content,
mark.ty-typography.ty-typography_ellipsis .ty-typography__content,
kbd.ty-typography.ty-typography_ellipsis .ty-typography__content,
time.ty-typography.ty-typography_ellipsis .ty-typography__content {
  display: inline-block;
  max-width: 100%;
}
span.ty-typography.ty-typography_ellipsis-multiline .ty-typography__content,
label.ty-typography.ty-typography_ellipsis-multiline .ty-typography__content,
small.ty-typography.ty-typography_ellipsis-multiline .ty-typography__content,
strong.ty-typography.ty-typography_ellipsis-multiline .ty-typography__content,
em.ty-typography.ty-typography_ellipsis-multiline .ty-typography__content,
i.ty-typography.ty-typography_ellipsis-multiline .ty-typography__content,
b.ty-typography.ty-typography_ellipsis-multiline .ty-typography__content,
mark.ty-typography.ty-typography_ellipsis-multiline .ty-typography__content,
kbd.ty-typography.ty-typography_ellipsis-multiline .ty-typography__content,
time.ty-typography.ty-typography_ellipsis-multiline .ty-typography__content {
  display: -webkit-box;
}
span.ty-typography.ty-typography_default,
label.ty-typography.ty-typography_default,
small.ty-typography.ty-typography_default,
strong.ty-typography.ty-typography_default,
em.ty-typography.ty-typography_default,
i.ty-typography.ty-typography_default,
b.ty-typography.ty-typography_default,
mark.ty-typography.ty-typography_default,
kbd.ty-typography.ty-typography_default,
time.ty-typography.ty-typography_default {
  color: var(--ty-color-text-label);
}
span.ty-typography.ty-typography_secondary,
label.ty-typography.ty-typography_secondary,
small.ty-typography.ty-typography_secondary,
strong.ty-typography.ty-typography_secondary,
em.ty-typography.ty-typography_secondary,
i.ty-typography.ty-typography_secondary,
b.ty-typography.ty-typography_secondary,
mark.ty-typography.ty-typography_secondary,
kbd.ty-typography.ty-typography_secondary,
time.ty-typography.ty-typography_secondary {
  color: var(--ty-typography-body-color);
}
span.ty-typography.ty-typography_success,
label.ty-typography.ty-typography_success,
small.ty-typography.ty-typography_success,
strong.ty-typography.ty-typography_success,
em.ty-typography.ty-typography_success,
i.ty-typography.ty-typography_success,
b.ty-typography.ty-typography_success,
mark.ty-typography.ty-typography_success,
kbd.ty-typography.ty-typography_success,
time.ty-typography.ty-typography_success {
  color: var(--ty-color-success-text);
}
span.ty-typography.ty-typography_warning,
label.ty-typography.ty-typography_warning,
small.ty-typography.ty-typography_warning,
strong.ty-typography.ty-typography_warning,
em.ty-typography.ty-typography_warning,
i.ty-typography.ty-typography_warning,
b.ty-typography.ty-typography_warning,
mark.ty-typography.ty-typography_warning,
kbd.ty-typography.ty-typography_warning,
time.ty-typography.ty-typography_warning {
  color: var(--ty-color-warning-text);
}
span.ty-typography.ty-typography_danger,
label.ty-typography.ty-typography_danger,
small.ty-typography.ty-typography_danger,
strong.ty-typography.ty-typography_danger,
em.ty-typography.ty-typography_danger,
i.ty-typography.ty-typography_danger,
b.ty-typography.ty-typography_danger,
mark.ty-typography.ty-typography_danger,
kbd.ty-typography.ty-typography_danger,
time.ty-typography.ty-typography_danger {
  color: var(--ty-color-danger-text);
}
span.ty-typography.ty-typography_info,
label.ty-typography.ty-typography_info,
small.ty-typography.ty-typography_info,
strong.ty-typography.ty-typography_info,
em.ty-typography.ty-typography_info,
i.ty-typography.ty-typography_info,
b.ty-typography.ty-typography_info,
mark.ty-typography.ty-typography_info,
kbd.ty-typography.ty-typography_info,
time.ty-typography.ty-typography_info {
  color: var(--ty-color-info-text);
}