@alfalab/core-components 45.4.0 → 45.5.0-rc.1

package/themes/compiled/mobile-dark-bluetint.css

@@ -1,96 +1,96 @@
-.card-image__cardImage_10lp3 {
-    background: #e7e8ea;
-} .card-image__loaded_10lp3 {
-    background: transparent
-}.badge__component_15rbd.badge__background-accent_15rbd {
+.badge__component_yddy6.badge__background-accent_yddy6 {
         background-color: #f83a2a;
         color: #fff;
-    } .badge__component_15rbd.badge__background-specialbg-secondary-transparent_15rbd {
+    } .badge__component_yddy6.badge__background-specialbg-secondary-transparent_yddy6 {
         background-color: rgba(225, 225, 248, 0.09);
         color: #fff;
-    } .badge__component_15rbd.badge__background-primary_15rbd {
+    } .badge__component_yddy6.badge__background-primary_yddy6 {
         background-color: #29292c;
         color: #fff;
-    } .badge__outlineCount_15rbd {
+    } .badge__outlineCount_yddy6 {
     border: 2px solid #0e0e0e;
-} .badge__heightS_15rbd.badge__outlineCount_15rbd {
+} .badge__heightS_yddy6.badge__outlineCount_yddy6 {
     border: 1px solid #0e0e0e;
-} .badge__icon_15rbd {
+} .badge__icon_yddy6 {
     color: #17d055
-} .badge__icon_15rbd.badge__positive_15rbd {
+} .badge__icon_yddy6.badge__positive_yddy6 {
         color: #17d055;
         background-color: #17d055;
-    } .badge__icon_15rbd.badge__attention_15rbd {
+    } .badge__icon_yddy6.badge__attention_yddy6 {
         color: #fda136;
         background-color: #fda136;
-    } .badge__icon_15rbd.badge__negative_15rbd {
+    } .badge__icon_yddy6.badge__negative_yddy6 {
         color: #ff5431;
         background-color: #ff5431;
-    } .badge__icon_15rbd.badge__link_15rbd {
+    } .badge__icon_yddy6.badge__link_yddy6 {
         color: #3193fc;
         background-color: #3193fc;
-    } .badge__icon_15rbd.badge__tertiary_15rbd {
+    } .badge__icon_yddy6.badge__tertiary_yddy6 {
         color: #4a4a51;
         background-color: #4a4a51;
-    } .badge__icon_15rbd.badge__secondary_15rbd {
+    } .badge__icon_yddy6.badge__secondary_yddy6 {
         color: #898991;
         background-color: #898991;
-    } .badge__icon_15rbd.badge__primary_15rbd {
+    } .badge__icon_yddy6.badge__primary_yddy6 {
         color: #fff;
         background-color: #fff;
-    } .badge__graphic-static-light_15rbd.badge__icon_15rbd:before {
+    } .badge__graphic-static-light_yddy6.badge__icon_yddy6:before {
     background-color: #fff;
-} .badge__graphic-primary_15rbd.badge__icon_15rbd:before {
+} .badge__graphic-primary_yddy6.badge__icon_yddy6:before {
     background-color: #fff;
-} .badge__outline_15rbd {
+} .badge__outline_yddy6 {
     background-color: #0e0e0e;
-} .badge__outlineColor_15rbd {
+} .badge__outlineColor_yddy6 {
     background-color: #f83a2a
-} .badge__outlineColor_15rbd.badge__attention_15rbd {
+} .badge__outlineColor_yddy6.badge__attention_yddy6 {
         background-color: #fda136;
-    } .badge__outlineColor_15rbd.badge__positive_15rbd {
+    } .badge__outlineColor_yddy6.badge__positive_yddy6 {
         background-color: #17d055;
-    } .badge__outlineColor_15rbd.badge__negative_15rbd {
+    } .badge__outlineColor_yddy6.badge__negative_yddy6 {
         background-color: #ff5431;
-    } .badge__outlineColor_15rbd.badge__link_15rbd {
+    } .badge__outlineColor_yddy6.badge__link_yddy6 {
         background-color: #3193fc;
-    } .badge__outlineColor_15rbd.badge__tertiary_15rbd {
+    } .badge__outlineColor_yddy6.badge__tertiary_yddy6 {
         background-color: #4a4a51;
-    } .badge__outlineColor_15rbd.badge__secondary_15rbd {
+    } .badge__outlineColor_yddy6.badge__secondary_yddy6 {
         background-color: #898991;
-    } .badge__outlineColor_15rbd.badge__primary_15rbd {
+    } .badge__outlineColor_yddy6.badge__primary_yddy6 {
         background-color: #fff;
-    } .badge__dot_15rbd.badge__outlineCount_15rbd {
+    } .badge__dot_yddy6.badge__outlineCount_yddy6 {
     border: 1px solid #0e0e0e;
-}.backdrop__backdrop_szcw2 {
+}.divider__component_1ipr6 {
+    border-bottom: 1px solid #353539;
+}.card-image__cardImage_1c0bo {
+    background: #e7e8ea;
+} .card-image__loaded_1c0bo {
+    background: transparent
+}.backdrop__backdrop_kk53u {
     -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_szcw2,
-.backdrop__enter_szcw2 {
+} .backdrop__appear_kk53u,
+.backdrop__enter_kk53u {
     background-color: transparent;
-} .backdrop__appearActive_szcw2,
-.backdrop__enterActive_szcw2,
-.backdrop__appearDone_szcw2,
-.backdrop__enterDone_szcw2 {
+} .backdrop__appearActive_kk53u,
+.backdrop__enterActive_kk53u,
+.backdrop__appearDone_kk53u,
+.backdrop__enterDone_kk53u {
     background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_szcw2 {
+} .backdrop__exit_kk53u {
     background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_szcw2,
-.backdrop__exitDone_szcw2 {
+} .backdrop__exitActive_kk53u,
+.backdrop__exitDone_kk53u {
     background-color: transparent;
-}.divider__component_8b2js {
-    border-bottom: 1px solid #353539;
-}.dropzone__component_ssy31 {
+}.dropzone__component_h28x2 {
     border: 1px dashed #fff;
-} .dropzone__component_ssy31:not(.dropzone__disabled_ssy31):hover {
+} .dropzone__component_h28x2:not(.dropzone__disabled_h28x2):hover {
     background-color: transparent;
-} .dropzone__dragOver_ssy31 {
+} .dropzone__dragOver_h28x2 {
     background-color: transparent;
-} .dropzone__error_ssy31 {
+} .dropzone__error_h28x2 {
     border-color: #ff5431;
 }
-.dropzone__overlay_1m0qq {
+.dropzone__overlay_17avn {
     background: rgba(214, 214, 229, 0.07);
-} .dropzone__text_1m0qq {
+} .dropzone__text_17avn {
     color: #fff;
 }@media (max-width: 599px) {
     }
@@ -144,156 +144,164 @@
     }
 @media (min-width: 1920px) {
     }
-.hatching-progress-bar__container_18p98 {
+.hatching-progress-bar__container_14052 {
     background: rgba(222, 222, 238, 0.13);
-} .hatching-progress-bar__hatch_18p98 {
+} .hatching-progress-bar__hatch_14052 {
     background: repeating-linear-gradient(
         -45deg,
         rgba(222, 222, 238, 0.13) 6px 10px,
         rgba(255, 255, 255, 0) 10px 18px
     );
-} .hatching-progress-bar__positive_18p98 {
+} .hatching-progress-bar__positive_14052 {
         background: #17d055;
-    } .hatching-progress-bar__attention_18p98 {
+    } .hatching-progress-bar__attention_14052 {
         background: #fda136;
-    } .hatching-progress-bar__negative_18p98 {
+    } .hatching-progress-bar__negative_14052 {
         background: #ff5431;
-    } .hatching-progress-bar__link_18p98 {
+    } .hatching-progress-bar__link_14052 {
         background: #3193fc;
-    } .hatching-progress-bar__tertiary_18p98 {
+    } .hatching-progress-bar__tertiary_14052 {
         background: #4a4a51;
-    } .hatching-progress-bar__secondary_18p98 {
+    } .hatching-progress-bar__secondary_14052 {
         background: #898991;
-    } .hatching-progress-bar__primary_18p98 {
+    } .hatching-progress-bar__primary_14052 {
         background: #fff;
-    } .hatching-progress-bar__accent_18p98 {
+    } .hatching-progress-bar__accent_14052 {
         background: #f83a2a;
-    }.icon-view__component_11k48 {
-    color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_11k48 {
-    fill: #1c1c1e;
-} .icon-view__border_11k48 {
-    stroke: rgba(225, 225, 248, 0.09);
-    fill: transparent;
-}.indicator__component_s9bwi {
+    }@keyframes loader__blink_1r3iz {
+}.indicator__component_1eyil {
     color: #fff;
     background-color: #f83a2a;
-} .indicator__red_s9bwi {
+} .indicator__red_1eyil {
     background-color: #f83a2a;
     color: #fff
-} .indicator__red_s9bwi.indicator__border_s9bwi {
+} .indicator__red_1eyil.indicator__border_1eyil {
         outline: 2px solid #0e0e0e;
-    } .indicator__white_s9bwi {
+    } .indicator__white_1eyil {
     background-color: #29292c;
     color: #fff
-} .indicator__white_s9bwi.indicator__border_s9bwi {
+} .indicator__white_1eyil.indicator__border_1eyil {
         outline: 2px solid #0e0e0e;
-    } .indicator__grey_s9bwi {
+    } .indicator__grey_1eyil {
     background-color: rgba(225, 225, 248, 0.09);
     color: #fff
-} .indicator__grey_s9bwi.indicator__border_s9bwi {
+} .indicator__grey_1eyil.indicator__border_1eyil {
         outline: 2px solid #0e0e0e;
-    }@keyframes loader__blink_9i9z1 {
-}.link__primary_u7fan {
+    }.icon-view__component_ju96w {
+    color: rgba(238, 238, 251, 0.55)
+} .icon-view__bg_ju96w {
+    fill: #1c1c1e;
+} .icon-view__border_ju96w {
+    stroke: rgba(225, 225, 248, 0.09);
+    fill: transparent;
+}.progress-bar__container_705q1 {
+    background: rgba(222, 222, 238, 0.13)
+} .progress-bar__filled_705q1.progress-bar__positive_705q1 {
+        background: #17d055;
+    } .progress-bar__filled_705q1.progress-bar__negative_705q1 {
+        background: #ff5431;
+    } .progress-bar__filled_705q1.progress-bar__attention_705q1 {
+        background: #fda136;
+    } .progress-bar__filled_705q1.progress-bar__link_705q1 {
+        background: #3193fc;
+    } .progress-bar__filled_705q1.progress-bar__tertiary_705q1 {
+        background: #4a4a51;
+    } .progress-bar__filled_705q1.progress-bar__secondary_705q1 {
+        background: #898991;
+    } .progress-bar__filled_705q1.progress-bar__primary_705q1 {
+        background: #fff;
+    } .progress-bar__filled_705q1.progress-bar__accent_705q1 {
+        background: #f83a2a;
+    }.link__primary_17qm1 {
     color: #fff;
     border-bottom-color: #fff
 } @media (hover: hover) {
-        .link__primary_u7fan:hover {
+        .link__primary_17qm1:hover {
             color: #babbc2;
         }
-    } .link__primary_u7fan:active {
+    } .link__primary_17qm1:active {
         color: #a0a1a9;
-    } .link__secondary_u7fan {
+    } .link__secondary_17qm1 {
     color: rgba(238, 238, 251, 0.55);
     border-bottom-color: rgba(238, 238, 251, 0.55)
 } @media (hover: hover) {
-        .link__secondary_u7fan:hover {
+        .link__secondary_17qm1:hover {
             color: rgba(239, 240, 252, 0.65);
         }
-    } .link__secondary_u7fan:active {
+    } .link__secondary_17qm1:active {
         color: rgba(243, 245, 254, 0.75);
-    } .link__defaultView_u7fan {
+    } .link__defaultView_17qm1 {
     color: #4a9dfc;
     border-bottom-color: #4a9dfc
 } @media (hover: hover) {
-        .link__defaultView_u7fan:hover {
+        .link__defaultView_17qm1:hover {
             color: #63aafd;
         }
-    } .link__defaultView_u7fan:active {
+    } .link__defaultView_17qm1:active {
         color: #7fb6ff;
     }
 @media (hover: hover) {
-        .link__component_1d9r3:hover .link__text_1d9r3 {
+        .link__component_12j3o:hover .link__text_12j3o {
             border-bottom-color: rgba(0, 0, 0, 0);
         }
-    } .link__component_1d9r3:active .link__text_1d9r3 {
+    } .link__component_12j3o:active .link__text_12j3o {
         border-bottom-color: rgba(0, 0, 0, 0);
-    } .link__focused_1d9r3 {
+    } .link__focused_12j3o {
     outline: 2px solid #3193fc;
-} .link__pseudo_1d9r3 {
+} .link__pseudo_12j3o {
     background-color: transparent;
 }
-.link__primary_1x4ze {
+.link__primary_bn23b {
     color: #0e0e0e;
     border-bottom-color: #0e0e0e
 } @media (hover: hover) {
-        .link__primary_1x4ze:hover {
+        .link__primary_bn23b:hover {
             color: #5f5f66;
         }
-    } .link__primary_1x4ze:active {
+    } .link__primary_bn23b:active {
         color: #75757d;
-    } .link__secondary_1x4ze {
+    } .link__secondary_bn23b {
     color: rgba(4, 4, 19, 0.55);
     border-bottom-color: rgba(4, 4, 19, 0.55)
 } @media (hover: hover) {
-        .link__secondary_1x4ze:hover {
+        .link__secondary_bn23b:hover {
             color: rgba(1, 1, 12, 0.63);
         }
-    } .link__secondary_1x4ze:active {
+    } .link__secondary_bn23b:active {
         color: rgba(0, 0, 10, 0.71);
-    } .link__defaultView_1x4ze {
+    } .link__defaultView_bn23b {
     color: #2a77ef;
     border-bottom-color: #2a77ef
 } @media (hover: hover) {
-        .link__defaultView_1x4ze:hover {
+        .link__defaultView_bn23b:hover {
             color: #2c64d4;
         }
-    } .link__defaultView_1x4ze:active {
+    } .link__defaultView_bn23b:active {
         color: #2453b4;
-    }.progress-bar__container_1rhk6 {
-    background: rgba(222, 222, 238, 0.13)
-} .progress-bar__filled_1rhk6.progress-bar__positive_1rhk6 {
-        background: #17d055;
-    } .progress-bar__filled_1rhk6.progress-bar__negative_1rhk6 {
-        background: #ff5431;
-    } .progress-bar__filled_1rhk6.progress-bar__attention_1rhk6 {
-        background: #fda136;
-    } .progress-bar__filled_1rhk6.progress-bar__link_1rhk6 {
-        background: #3193fc;
-    } .progress-bar__filled_1rhk6.progress-bar__tertiary_1rhk6 {
-        background: #4a4a51;
-    } .progress-bar__filled_1rhk6.progress-bar__secondary_1rhk6 {
-        background: #898991;
-    } .progress-bar__filled_1rhk6.progress-bar__primary_1rhk6 {
-        background: #fff;
-    } .progress-bar__filled_1rhk6.progress-bar__accent_1rhk6 {
+    }.slider__component_mcovh .noUi-base:hover .noUi-connects {
+            background: rgba(222, 222, 238, 0.13);
+        } .slider__component_mcovh .noUi-base:hover .noUi-connect {
+            background: #f83a2a;
+        } .slider__component_mcovh .noUi-handle:hover .noUi-touch-area {
+        background: #ff503e;
+    } .slider__component_mcovh .noUi-handle:active .noUi-touch-area {
+        background: #fd624e;
+    } .slider__component_mcovh .noUi-connects {
+        background: rgba(222, 222, 238, 0.13);
+    } .slider__component_mcovh .noUi-connect {
         background: #f83a2a;
-    }.scrollbar__component_1fg82 .scrollbar:before {
-            background-color: rgba(228, 228, 251, 0.28);
-        } .scrollbar__component_1fg82.dragging .track .scrollbar.visible:before {
-            background-color: rgba(238, 238, 254, 0.46);
-        }
-
-.scrollbar__component_yhi7c .scrollbar:before {
-            background-color: rgba(9, 12, 37, 0.28);
-        } .scrollbar__component_yhi7c.dragging .track .scrollbar.visible:before {
-            background-color: rgba(4, 4, 21, 0.47);
-        }.skeleton__component_nvhk6 {
+    } .slider__component_mcovh .noUi-handle {
+        border: 2px solid transparent;
+    } .slider__component_mcovh .noUi-touch-area {
+        background: #f83a2a;
+    } .slider__component_mcovh .noUi-pips {
+        color: rgba(238, 238, 251, 0.55);
+    }.skeleton__component_1yg70 {
     color: transparent;
     background: rgba(214, 214, 229, 0.07);
-} .skeleton__component_nvhk6:before {
+} .skeleton__component_1yg70:before {
     background: transparent;
-} .skeleton__animate_nvhk6:after {
+} .skeleton__animate_1yg70:after {
     background-image: linear-gradient(
         to left,
         rgba(0, 0, 0, 0),
@@ -302,136 +310,267 @@
         rgba(0, 0, 0, 0) 60%,
         rgba(0, 0, 0, 0)
     );
-} @keyframes skeleton__gradient_nvhk6 {
-} @keyframes skeleton__background_nvhk6 {
+} @keyframes skeleton__gradient_1yg70 {
+} @keyframes skeleton__background_1yg70 {
     0% {
         background: rgb(182, 188, 195);
     }
     100% {
         background: rgb(198, 205, 214);
     }
-}.segmented-control__wrapper_1tseo {
+}.scrollbar__component_pcnee .scrollbar:before {
+            background-color: rgba(228, 228, 251, 0.28);
+        } .scrollbar__component_pcnee.dragging .track .scrollbar.visible:before {
+            background-color: rgba(238, 238, 254, 0.46);
+        }
+
+.scrollbar__component_8dxir .scrollbar:before {
+            background-color: rgba(9, 12, 37, 0.28);
+        } .scrollbar__component_8dxir.dragging .track .scrollbar.visible:before {
+            background-color: rgba(4, 4, 21, 0.47);
+        }.segmented-control__wrapper_irstp {
     background-color: rgba(225, 225, 248, 0.09);
-} .segmented-control__segment_1tseo.segmented-control__selected_1tseo {
+} .segmented-control__segment_irstp.segmented-control__selected_irstp {
     color: #fff;
-} .segmented-control__selectedBox_1tseo {
+} .segmented-control__selectedBox_irstp {
     border: 0.5px solid rgba(225, 225, 248, 0.09);
     background-color: rgba(214, 214, 229, 0.07);
 }
-.segmented-control__selectedBox_17d6p {
+.segmented-control__selectedBox_8ftaz {
     box-shadow: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
         0 0 1px rgba(0, 0, 0, 0.04);
 }
-.segmented-control__wrapper_fd429 {
+.segmented-control__wrapper_13dm9 {
     background-color: rgba(30, 43, 68, 0.08);
-} .segmented-control__segment_fd429.segmented-control__selected_fd429 {
+} .segmented-control__segment_13dm9.segmented-control__selected_13dm9 {
     color: #0e0e0e;
-} .segmented-control__selectedBox_fd429 {
+} .segmented-control__selectedBox_13dm9 {
     border: 0.5px solid rgba(30, 43, 68, 0.08);
     background-color: #fff;
 }
-.segmented-control__segment_5z9wv {
+.segmented-control__segment_tqayu {
     color: #fff
-} .segmented-control__segment_5z9wv:not(:first-child):before {
+} .segmented-control__segment_tqayu:not(:first-child):before {
         background-color: rgba(222, 222, 238, 0.13);
     }
-.segmented-control__segment_tw3mi {
+.segmented-control__segment_16jr1 {
     background-color: transparent
-} .segmented-control__focused_tw3mi {
+} .segmented-control__focused_16jr1 {
     outline: 2px solid #3193fc;
 }
-.segmented-control__segment_nahjq {
+.segmented-control__segment_1b1il {
     color: #0e0e0e
-} .segmented-control__segment_nahjq:not(:first-child):before {
+} .segmented-control__segment_1b1il:not(:first-child):before {
         background-color: rgba(15, 25, 55, 0.1);
-    }.slider__component_11ykr .noUi-base:hover .noUi-connects {
-            background: rgba(222, 222, 238, 0.13);
-        } .slider__component_11ykr .noUi-base:hover .noUi-connect {
-            background: #f83a2a;
-        } .slider__component_11ykr .noUi-handle:hover .noUi-touch-area {
-        background: #ff503e;
-    } .slider__component_11ykr .noUi-handle:active .noUi-touch-area {
-        background: #fd624e;
-    } .slider__component_11ykr .noUi-connects {
-        background: rgba(222, 222, 238, 0.13);
-    } .slider__component_11ykr .noUi-connect {
-        background: #f83a2a;
-    } .slider__component_11ykr .noUi-handle {
-        border: 2px solid transparent;
-    } .slider__component_11ykr .noUi-touch-area {
-        background: #f83a2a;
-    } .slider__component_11ykr .noUi-pips {
-        color: rgba(238, 238, 251, 0.55);
-    }.spinner__component_9566h {
+    }.spinner__component_1t552 {
     color: #fff;
 }
-@keyframes spinner__spin_animation_1rg9t {
+@keyframes spinner__spin_animation_1xzgs {
 }
-.spinner__component_ezin6 {
+.spinner__component_1yzhi {
     color: #0e0e0e;
-}.status__soft_40spg.status__green_40spg {
+}.status__soft_mki8d.status__green_mki8d {
         background: #d1f1d7;
         color: #0d9336;
-    } .status__soft_40spg.status__orange_40spg {
+    } .status__soft_mki8d.status__orange_mki8d {
         background: #fde6c8;
         color: #ea8313;
-    } .status__soft_40spg.status__red_40spg {
+    } .status__soft_mki8d.status__red_mki8d {
         background: #ffdfdf;
         color: #ec2e14;
-    } .status__soft_40spg.status__blue_40spg {
+    } .status__soft_mki8d.status__blue_mki8d {
         background: #d8eaff;
         color: #2a77ef;
-    } .status__soft_40spg.status__grey_40spg {
+    } .status__soft_mki8d.status__grey_mki8d {
         background: rgba(222, 222, 238, 0.13);
         color: rgba(238, 238, 251, 0.55);
-    } .status__soft_40spg.status__teal_40spg {
+    } .status__soft_mki8d.status__teal_mki8d {
         background: #c8f1f3;
         color: #058a8f;
-    } .status__soft_40spg.status__purple_40spg {
+    } .status__soft_mki8d.status__purple_mki8d {
         background: #e4e7ff;
         color: #7a63f1;
-    } .status__contrast_40spg {
+    } .status__contrast_mki8d {
     color: #0e0e0e
-} .status__contrast_40spg.status__green_40spg {
+} .status__contrast_mki8d.status__green_mki8d {
         background: #0cc44d;
-    } .status__contrast_40spg.status__orange_40spg {
+    } .status__contrast_mki8d.status__orange_mki8d {
         background: #fa9313;
-    } .status__contrast_40spg.status__red_40spg {
+    } .status__contrast_mki8d.status__red_mki8d {
         background: #ff5431;
-    } .status__contrast_40spg.status__blue_40spg {
+    } .status__contrast_mki8d.status__blue_mki8d {
         background: #2288fa;
-    } .status__contrast_40spg.status__grey_40spg {
+    } .status__contrast_mki8d.status__grey_mki8d {
         background: #898991;
-    } .status__contrast_40spg.status__teal_40spg {
+    } .status__contrast_mki8d.status__teal_mki8d {
         background: #09b9be;
-    } .status__contrast_40spg.status__purple_40spg {
+    } .status__contrast_mki8d.status__purple_mki8d {
         background: #7f71fd;
-    }.status-badge__positive-checkmark_2wh9b {
+    }.status-badge__positive-checkmark_ioal8 {
     background-color: #17d055;
-} .status-badge__negative-cross_2wh9b,
-.status-badge__negative-alert_2wh9b,
-.status-badge__negative-block_2wh9b {
+} .status-badge__negative-cross_ioal8,
+.status-badge__negative-alert_ioal8,
+.status-badge__negative-block_ioal8 {
     background-color: #ff5431;
-} .status-badge__attention-alert_2wh9b {
+} .status-badge__attention-alert_ioal8 {
     background-color: #fda136;
-} .status-badge__neutral-information_2wh9b,
-.status-badge__neutral-operation_2wh9b,
-.status-badge__neutral-cross_2wh9b {
+} .status-badge__neutral-information_ioal8,
+.status-badge__neutral-operation_ioal8,
+.status-badge__neutral-cross_ioal8 {
     background-color: #898991;
 }
-.status-badge__component_cs8av {
+.status-badge__component_gpndc {
     color: #fff;
 }
-.status-badge__positive-checkmark_1aoag {
+.status-badge__positive-checkmark_1qg3s {
     background-color: #0cc44d;
-} .status-badge__negative-cross_1aoag,
-.status-badge__negative-alert_1aoag,
-.status-badge__negative-block_1aoag {
+} .status-badge__negative-cross_1qg3s,
+.status-badge__negative-alert_1qg3s,
+.status-badge__negative-block_1qg3s {
     background-color: #ff5431;
-} .status-badge__attention-alert_1aoag {
+} .status-badge__attention-alert_1qg3s {
     background-color: #fa9313;
-} .status-badge__neutral-information_1aoag,
-.status-badge__neutral-operation_1aoag,
-.status-badge__neutral-cross_1aoag {
+} .status-badge__neutral-information_1qg3s,
+.status-badge__neutral-operation_1qg3s,
+.status-badge__neutral-cross_1qg3s {
     background-color: #898991;
-}
+}.underlay__background-accent_1anih {
+            background-color: #ef3124;
+        } .underlay__background-info_1anih {
+            background-color: #001c3c;
+        } .underlay__background-attention-muted_1anih {
+            background-color: #36291f;
+        } .underlay__background-positive-muted_1anih {
+            background-color: #232d25;
+        } .underlay__background-negative-muted_1anih {
+            background-color: #392523;
+        } .underlay__background-primary_1anih {
+            background-color: #0e0e0e;
+        } .underlay__background-primary-inverted_1anih {
+            background-color: #fff;
+        } .underlay__background-secondary_1anih {
+            background-color: #1c1c1e;
+        } .underlay__background-secondary-inverted_1anih {
+            background-color: #f2f3f5;
+        } .underlay__background-tertiary_1anih {
+            background-color: #27272a;
+        } .underlay__background-tertiary-inverted_1anih {
+            background-color: #e7e8ea;
+        } .underlay__background-quaternary_1anih {
+            background-color: #36363a;
+        } .underlay__background-quaternary-inverted_1anih {
+            background-color: #dcdee2;
+        } .underlay__background-specialbg-component_1anih {
+            background-color: rgba(255, 255, 255, 0.1);
+        } .underlay__background-specialbg-component-inverted_1anih {
+            background-color: rgba(11, 31, 53, 0.07);
+        } .underlay__background-specialbg-primary-grouped_1anih {
+            background-color: #1c1c1e;
+        } .underlay__background-specialbg-secondary-grouped_1anih {
+            background-color: #27272a;
+        } .underlay__background-specialbg-tertiary-grouped_1anih {
+            background-color: #36363a;
+        } .underlay__background-specialbg-secondary-transparent_1anih {
+            background-color: rgba(214, 214, 229, 0.07);
+        } .underlay__background-specialbg-secondary-transparent-inverted_1anih {
+            background-color: rgba(38, 55, 88, 0.06);
+        } .underlay__background-specialbg-tertiary-transparent_1anih {
+            background-color: rgba(222, 222, 240, 0.12);
+        } .underlay__background-specialbg-tertiary-transparent-inverted_1anih {
+            background-color: rgba(30, 43, 68, 0.08);
+        } .underlay__shadow-xs_1anih {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s_1anih {
+        box-shadow: 0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04),
+        0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-m_1anih {
+        box-shadow: 0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
+        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-l_1anih {
+        box-shadow: 0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),
+        0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-xl_1anih {
+        box-shadow: 0 32px 40px rgba(0, 0, 0, 0.08), 0 24px 32px rgba(0, 0, 0, 0.08),
+        0 20px 24px rgba(0, 0, 0, 0.08), 0 12px 16px rgba(0, 0, 0, 0.04),
+        0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-xs-hard_1anih {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-s-hard_1anih {
+        box-shadow: 0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16),
+        0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-m-hard_1anih {
+        box-shadow: 0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
+        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-hard_1anih {
+        box-shadow: 0 24px 32px rgba(0, 0, 0, 0.2), 0 20px 24px rgba(0, 0, 0, 0.2),
+        0 12px 16px rgba(0, 0, 0, 0.16), 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-xl-hard_1anih {
+        box-shadow: 0 32px 40px rgba(0, 0, 0, 0.2), 0 24px 32px rgba(0, 0, 0, 0.2),
+        0 20px 24px rgba(0, 0, 0, 0.2), 0 12px 16px rgba(0, 0, 0, 0.16),
+        0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-xs-up_1anih {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s-up_1anih {
+        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
+    } .underlay__shadow-m-up_1anih {
+        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-up_1anih {
+        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
+    } .underlay__shadow-xl-up_1anih {
+        box-shadow: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32);
+    } .underlay__shadow-xs-hard-up_1anih {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04),
+        0 -2px 4px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-s-hard-up_1anih {
+        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08),
+        0 -4px 8px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-m-hard-up_1anih {
+        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16),
+        0 -8px 16px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-hard-up_1anih {
+        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24),
+        0 -12px 24px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-xl-hard-up_1anih {
+        box-shadow: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32),
+        0 -16px 32px rgba(0, 0, 0, 0.16);
+    } .underlay__border-color-accent_1anih {
+        border-color: #f83a2a;
+    } .underlay__border-color-key_1anih {
+        border-color: #fff;
+    } .underlay__border-color-key-inverted_1anih {
+        border-color: #0e0e0e;
+    } .underlay__border-color-link_1anih {
+        border-color: #3193fc;
+    } .underlay__border-color-primary_1anih {
+        border-color: #353539;
+    } .underlay__border-color-primary-inverted_1anih {
+        border-color: #d2d3d9;
+    } .underlay__border-color-secondary_1anih {
+        border-color: #29292c;
+    } .underlay__border-color-secondary-inverted_1anih {
+        border-color: #e7e8eb;
+    } .underlay__border-color-tertiary_1anih {
+        border-color: #212124;
+    } .underlay__border-color-tertiary-inverted_1anih {
+        border-color: #edeef0;
+    } .underlay__border-color-underline_1anih {
+        border-color: #4a4a51;
+    } .underlay__border-color-underline-inverted_1anih {
+        border-color: #babbc2;
+    } .underlay__border-color-graphic-attention_1anih {
+        border-color: #fda136;
+    } .underlay__border-color-graphic-link_1anih {
+        border-color: #3193fc;
+    } .underlay__border-color-graphic-negative_1anih {
+        border-color: #ff5431;
+    } .underlay__border-color-graphic-positive_1anih {
+        border-color: #17d055;
+    } .underlay__border-color-specialbg-secondary-transparent_1anih {
+        border-color: rgba(225, 225, 248, 0.09);
+    } .underlay__border-color-specialbg-secondary-transparent-inverted_1anih {
+        border-color: rgba(30, 43, 68, 0.08);
+    } .underlay__border-color-specialbg-tertiary-transparent_1anih {
+        border-color: rgba(222, 222, 238, 0.13);
+    } .underlay__border-color-specialbg-tertiary-transparent-inverted_1anih {
+        border-color: rgba(15, 25, 55, 0.1);
+    }