:root {
// System
--color-s-black: #000000;
    --color-rgb-s-black: 0, 0, 0;
    --color-s-white: #FFFFFF;
    --color-rgb-s-white: 255, 255, 255;
    --color-s-info: #9466FF;
    --color-s-orange: #FF5E2D;
    --color-s-bg: #01061F;
    --color-rgb-s-bg: 9, 14, 39;
    --color-s-bg-second: #1A2144;
    --color-rgb-s-bg-second: 25, 39, 78;
    --color-s-bg-second-2: #2A3D6F;
    --color-s-text-main: #D1D5EC;
    --color-s-text-secondary: #A5AACD;
    --color-s-divider: #5E668E;
    --color-s-disable: #424868;
    --color-s-primary: #2196F3;
    --color-s-primary-hover: #167AC9;
    --color-s-primary-pressed: #0358A0;
    --color-s-error: #F95656;
    --color-s-warning: #FFAE32;
    --color-s-border-auth: #535FB3;
    --color-s-tab-hover: #868CAD;
    --color-s-table-header-bg: #323B6A;

// Trends
--color-t-gradient: linear-gradient(180deg, #00FDF1 0%, #00D5FE 100%);
    --color-t-trend-1: #01FCF2;
    --color-t-trend-2: #4766B7;
    --color-t-trend-3: #FDB45F;
    --color-t-trend-4: #F95656;
    --color-t-trend-5: #60BBB8;
    --color-t-trend-6: #4B4BB2;
    --color-t-trend-7: #6089F6;
    --color-t-trend-8: #4AA29D;
    --color-t-trend-9: #89A8F8;
    --color-t-trend-10: #EB6E14;
    --color-t-trend-11: #FFC700;
    --color-t-trend-12: #FFB173;
    --color-t-trend-13: #B301FC;
    --color-t-trend-14: #14EBA4;
    --color-t-trend-15: #A64A00;

// Labels
--color-l-new: #343E70;
    --color-l-initial: #4352A2;
    --color-l-in-progress: #0358A0;
    --color-l-waiting-for-customer: #773D8E;
    --color-l-customer-replied: #1F6169;
    --color-l-resolved: #076643;
    --color-l-declined: #910046;
    --color-l-escalated: #A26846;
    --color-l-suspended: #1557AB;
    --color-l-spool: #3B587E;

// Statuses
--color-status-low: #1CD298;
    --color-status-medium: #FDB45F;
    --color-status-high: #FF6C22;
    --color-status-critical: #D40D0D;

// Notification
--color-n-info: #2196F3;
    --color-n-success: #1ABC9C;
    --color-n-warning: #FFAE32;
    --color-n-fail: #E14343;
    /* ------------------------------------------------------- */
// Шрифты
--font-family: Rostelecom Basis;
    --font-size: 14px;
    --font-weight: normal;
    --font-line-height: normal;
    /* ------------------------------------------------------- */
// Дополнительная стилизация
--shadow-flat: rgba(var(--color-rgb-s-black), 0.04);
    --blackout-window: rgba(var(--color-rgb-s-black), 0.60);
    --blur: rgba(34, 35, 47, 60%);
    --light: rgba(var(--color-rgb-s-bg-second), 0.4);
    /* ------------------------------------------------------- */
// Анимирование
--fast-time: 0.1s;
    --slow-time: 0.3s;
    --very-slow-time: 0.5s;
    --effect-animation: ease;
}

.formatting {
    line-height: var(--font-line-height);
    font-family: var(--font-family);
    font-weight: var(--font-weight);
}
.formatting * {
    line-height: var(--font-line-height);
    font-family: var(--font-family);
    font-weight: var(--font-weight);
}
.formatting img + *, .formatting h1 + *, .formatting h2 + *, .formatting h3 + *, .formatting ul + *, .formatting ol + *, .formatting table + *, .formatting blockquote + *, .formatting iframe + *, .formatting p + * {
    margin-top: 8px;
}
.formatting br {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: inline-block;
}
.formatting img {
    height: auto;
    min-height: auto;
    max-height: none;
    width: auto;
    min-width: 0%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.formatting ul, .formatting ol {
    margin-left: 8px;
    padding-left: 22px;
    display: block;
    list-style-type: square;
}
.formatting ul > * + *, .formatting ol > * + * {
    margin-top: 4px;
}
.formatting ul {
    list-style-type: square;
}
.formatting ol {
    list-style-type: decimal;
}
.formatting li {
    margin-right: 0px;
    margin-left: 0px;
    list-style-type: inherit;
}
.formatting a {
    display: inline;
    color: var(--color-s-primary);
    transition: color ;
}
.formatting a:hover {
    color: var(--color-s-primary-hover);
}
.formatting a:active {
    color: var(--color-s-primary-pressed);
}
.formatting strong, .formatting b {
    font-weight: bold;
}
.formatting em, .formatting i {
    font-style: italic;
}
.formatting u {
    text-decoration: underline;
}
.formatting s {
    text-decoration: line-through;
}
.formatting table {
    border-collapse: collapse;
    border: none !important;
}
.formatting th {
    font-weight: 700;
    border: 1px solid !important;
}
.formatting td {
    padding: 4px 8px 4px 8px;
    border: 1px solid !important;
}
.formatting blockquote {
    padding: 0px 0px 0px 12px;
    border-left: 6px solid ;
}
.formatting pre {
    padding: 8px 16px 8px 16px;
    border-radius: 4px 4px;
    background-color: var(--color-s-bg-second-2);
    font-family: monospace;
}
.formatting iframe {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
}
.formatting iframe[data-type="survay"] {
    background-color: var(--color-s-white);
    border-radius: 20px;
    overflow-y: scroll;
    box-shadow: 0px 0px 0px 8px ;
}
.formatting ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0;
}
.formatting ol li::marker {
    content: '';
}
.formatting ol li:before {
    content: counter(list-0,decimal) '. ';
}
.formatting ol li ol li {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-1;
}
.formatting ol li ol li:before {
    content: counter(list-1,lower-alpha) '. ';
}
.formatting ol li ol li ol li {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-2;
}
.formatting ol li ol li ol li:before {
    content: counter(list-2,lower-roman) '. ';
}
.formatting .ql-indent-1 {
    padding-left: calc(20px);
}
.formatting .ql-indent-2 {
    padding-left: calc(40px);
}
.formatting .ql-indent-3 {
    padding-left: calc(60px);
}
.formatting .ql-indent-4 {
    padding-left: calc(80px);
}
.formatting .ql-indent-5 {
    padding-left: calc(100px);
}
.formatting .ql-indent-6 {
    padding-left: calc(120px);
}
.formatting .ql-indent-7 {
    padding-left: calc(140px);
}
.formatting .ql-indent-8 {
    padding-left: calc(160px);
}