.display-xl {
    font-weight: 500;
    font-size: var(--ast-typography-size-display-xl);
    line-height: var(--ast-typography-line-display-xl);
    letter-spacing: -3%;
}

.heading-xl {
    font-weight: 500;
    font-size: var(--ast-typography-size-heading-xl);
    line-height: var(--ast-typography-line-heading-xl);
    letter-spacing: -2.5%;
}

.heading-l {
    font-weight: 500;
    font-size: var(--ast-typography-size-heading-l);
    line-height: var(--ast-typography-line-heading-l);
    letter-spacing: -2%;
}

.heading-m {
    font-weight: 500;
    font-size: var(--ast-typography-size-heading-m);
    line-height: var(--ast-typography-line-heading-m);
    letter-spacing: -1.5%;
}

.heading-s {
    font-weight: 500;
    font-size: var(--ast-typography-size-heading-s);
    line-height: var(--ast-typography-line-heading-s);
    letter-spacing: -1%;
}

.heading-xs {
    font-weight: 500;
    font-size: var(--ast-typography-size-heading-xs);
    line-height: var(--ast-typography-line-heading-xs);
    letter-spacing: -1%;
}

.body-l {
    font-weight: 500;
    font-size: var(--ast-typography-size-body-l);
    line-height: var(--ast-typography-line-body-l);
    color: var(--ast-color-text-secondary);
}

.body-m {
    font-weight: 500;
    font-size: var(--ast-typography-size-body-m);
    line-height: var(--ast-typography-line-body-m);
    color: var(--ast-color-text-secondary);
}

.body-s {
    font-weight: 500;
    font-size: var(--ast-typography-size-body-s);
    line-height: var(--ast-typography-line-body-s);
    color: var(--ast-color-text-secondary);
}

.body-xs {
    font-weight: 500;
    font-size: var(--ast-typography-size-body-xs);
    line-height: var(--ast-typography-line-body-xs);
    color: var(--ast-color-text-secondary);
}

.label-l {
    font-weight: 500;
    font-size: var(--ast-typography-size-label-l);
    line-height: var(--ast-typography-line-label-l);
    color: var(--ast-color-text-secondary);
}

.label-m {
    font-weight: 500;
    font-size: var(--ast-typography-size-label-m);
    line-height: var(--ast-typography-line-label-m);
    color: var(--ast-color-text-secondary);
}

.label-s {
    font-weight: 500;
    font-size: var(--ast-typography-size-label-s);
    line-height: var(--ast-typography-line-label-s);
    color: var(--ast-color-text-secondary);
}

.label-xs {
    font-weight: 500;
    font-size: var(--ast-typography-size-label-xs);
    line-height: var(--ast-typography-line-label-xs);
    color: var(--ast-color-text-secondary);
}

/* статичные стили текста */
.text-extralight {
    font-weight: 200;
}

.text-light {
    font-weight: 300;
}

.text-regular {
    font-weight: 400;
}

.text-medium {
    font-weight: 500;
}

.text-semibold {
    font-weight: 600;
}

.text-bold {
    font-weight: 700;
}

.text-extrabold {
    font-weight: 800;
}

.text14 {
    font-size: 14rem;
}

.text16 {
    font-size: 16rem;
}

.text18 {
    font-size: 18rem;
}

.text20 {
    font-size: 20rem;
}

.text22 {
    font-size: 22rem;
}

.lhn {
    line-height: normal;
}

.lh1 {
    line-height: 1;
}

.lh11 {
    line-height: 1.1;
}

.lh12 {
    line-height: 1.2;
}

.lh13 {
    line-height: 1.3;
}

.lh14 {
    line-height: 1.4;
}

.lh15 {
    line-height: 1.5;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}