/* Этот файл сгенерирован автоматически. Не редактируйте его вручную. */
:root {
    --z-index-overlay: 10200;
    --z-index-modal: 10300;
    --z-index-select-list: 10400;
    --z-index-confirm-modal: 10450;
    --z-index-tooltip: 10500;
    --z-index-drag-overlay: 10600;
    --z-index-notification: 999999;

    /* Typography */
    --font-heading: "Tinkoff Sans", "Tinkoff Sans Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --font-heading-4: 400 28px/32px var(--font-heading);
    --font-heading-6: 400 20px/24px var(--font-heading);
    --font-body: "Roboto Flex", "Roboto Flex Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --font-body-xl: 400 19px/28px var(--font-body);
    --font-body-xl-bold: 500 19px/28px var(--font-body);
    --font-body-l: 400 17px/28px var(--font-body);
    --font-body-l-bold: 500 17px/28px var(--font-body);
    --font-body-m: 400 15px/24px var(--font-body);
    --font-body-m-bold: 500 15px/24px var(--font-body);
    --font-body-m-20: 400 15px/20px var(--font-body);
    --font-body-m-20-bold: 500 15px/20px var(--font-body);
    --font-body-s: 400 13px/20px var(--font-body);
    --font-body-s-bold: 500 13px/20px var(--font-body);
    --font-body-s-16: 400 13px/16px var(--font-body);
    --font-body-s-16-bold: 500 13px/16px var(--font-body);
    --font-body-xs: 400 11px/14px var(--font-body);
    --font-body-xs-bold: 500 11px/14px var(--font-body);
    --font-caption-l: 400 13px/20px var(--font-body);
    --font-caption-l-bold: 500 13px/20px var(--font-body);
    --font-caption-s: 400 11px/16px var(--font-body);
    --font-caption-s-bold: 500 11px/16px var(--font-body);
}
.font-heading-4 {
    font: var(--font-heading-4);
}

.font-heading-6 {
    font: var(--font-heading-6);
}

.font-body-xl {
    font: var(--font-body-xl);
}

.font-body-xl-bold {
    font: var(--font-body-xl-bold);
}

.font-body-l {
    font: var(--font-body-l);
}

.font-body-l-bold {
    font: var(--font-body-l-bold);
}

.font-body-m {
    font: var(--font-body-m);
}

.font-body-m-bold {
    font: var(--font-body-m-bold);
}

.font-body-m-20 {
    font: var(--font-body-m-20);
}

.font-body-m-20-bold {
    font: var(--font-body-m-20-bold);
}

.font-body-s {
    font: var(--font-body-s);
}

.font-body-s-bold {
    font: var(--font-body-s-bold);
}

.font-body-s-16 {
    font: var(--font-body-s-16);
}

.font-body-s-16-bold {
    font: var(--font-body-s-16-bold);
}

.font-body-xs {
    font: var(--font-body-xs);
    letter-spacing: 0.4px;
}

.font-body-xs-bold {
    font: var(--font-body-xs-bold);
    letter-spacing: 0.4px;
}

.font-caption-l {
    font: var(--font-caption-l);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.font-caption-l-bold {
    font: var(--font-caption-l-bold);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.font-caption-s {
    font: var(--font-caption-s);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.font-caption-s-bold {
    font: var(--font-caption-s-bold);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.font-inherit {
    font: inherit;
}

.font-primary {
    color: var(--text-primary);
}

.font-secondary {
    color: var(--text-secondary);
}

.font-tertiary {
    color: var(--text-tertiary);
}

.font-primary-on-dark {
    color: var(--text-primary-on-dark);
}

.font-secondary-on-dark {
    color: var(--text-secondary-on-dark);
}

.font-tertiary-on-dark {
    color: var(--text-tertiary-on-dark);
}

.font-secondary-inverted {
    color: var(--text-secondary-inverted);
}

.font-positive {
    color: var(--text-positive);
}

.font-negative {
    color: var(--text-negative);
}

.font-warning {
    color: var(--text-warning);
}

.font-link {
    color: var(--text-link);
}

.bg-card {
    background: var(--background-card);
}

.bg-card-hover {
    background: var(--background-card-hover);
}

.bg-divider {
    background: var(--background-divider);
}

.bg-divider-hover {
    background: var(--background-divider-hover);
}

.bg-divider-main {
    background: var(--background-divider-main);
}

.bg-elevation {
    background: var(--background-elevation);
}

.bg-elevation-hover {
    background: var(--background-elevation-hover);
}

.bg-elevation-pressed {
    background: var(--background-elevation-pressed);
}

.bg-elevation-selected {
    background: var(--background-elevation-selected);
}

.bg-info {
    background: var(--background-info);
}

.bg-main {
    background: var(--background-main);
}

.bg-negative {
    background: var(--background-negative);
}

.bg-neutral {
    background: var(--background-neutral);
}

.bg-overlay {
    background: var(--background-overlay);
}

.bg-positive {
    background: var(--background-positive);
}

.bg-warning {
    background: var(--background-warning);
}

.bg-workspace {
    background: var(--background-workspace);
}