@alfalab/core-components 45.7.0 → 45.8.0-beta.0

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

@@ -1,97 +1,97 @@
-.backdrop__backdrop_1w9be {
+.backdrop__backdrop_1d6xc {
     -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_1w9be,
-.backdrop__enter_1w9be {
+} .backdrop__appear_1d6xc,
+.backdrop__enter_1d6xc {
     background-color: transparent;
-} .backdrop__appearActive_1w9be,
-.backdrop__enterActive_1w9be,
-.backdrop__appearDone_1w9be,
-.backdrop__enterDone_1w9be {
+} .backdrop__appearActive_1d6xc,
+.backdrop__enterActive_1d6xc,
+.backdrop__appearDone_1d6xc,
+.backdrop__enterDone_1d6xc {
     background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_1w9be {
+} .backdrop__exit_1d6xc {
     background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_1w9be,
-.backdrop__exitDone_1w9be {
+} .backdrop__exitActive_1d6xc,
+.backdrop__exitDone_1d6xc {
     background-color: transparent;
-}.card-image__cardImage_f0i5q {
+}.card-image__cardImage_1w4ef {
     background: #e7e8ea;
-} .card-image__loaded_f0i5q {
+} .card-image__loaded_1w4ef {
     background: transparent
-}.badge__component_1g91e.badge__background-accent_1g91e {
+}.badge__component_13jfy.badge__background-accent_13jfy {
         background-color: #f83a2a;
-        color: #fff;
-    } .badge__component_1g91e.badge__background-specialbg-secondary-transparent_1g91e {
+        color: rgba(255, 255, 255, 0.94);
+    } .badge__component_13jfy.badge__background-specialbg-secondary-transparent_13jfy {
         background-color: rgba(225, 225, 248, 0.09);
-        color: #fff;
-    } .badge__component_1g91e.badge__background-primary_1g91e {
-        background-color: #29292c;
-        color: #fff;
-    } .badge__outlineCount_1g91e {
-    border: 2px solid #0e0e0e;
-} .badge__heightS_1g91e.badge__outlineCount_1g91e {
-    border: 1px solid #0e0e0e;
-} .badge__icon_1g91e {
+        color: rgba(255, 255, 255, 0.94);
+    } .badge__component_13jfy.badge__background-primary_13jfy {
+        background-color: #262629;
+        color: rgba(255, 255, 255, 0.94);
+    } .badge__outlineCount_13jfy {
+    border: 2px solid #121213;
+} .badge__heightS_13jfy.badge__outlineCount_13jfy {
+    border: 1px solid #121213;
+} .badge__icon_13jfy {
     color: #17d055
-} .badge__icon_1g91e.badge__positive_1g91e {
+} .badge__icon_13jfy.badge__positive_13jfy {
         color: #17d055;
         background-color: #17d055;
-    } .badge__icon_1g91e.badge__attention_1g91e {
+    } .badge__icon_13jfy.badge__attention_13jfy {
         color: #fda136;
         background-color: #fda136;
-    } .badge__icon_1g91e.badge__negative_1g91e {
-        color: #ff5431;
-        background-color: #ff5431;
-    } .badge__icon_1g91e.badge__link_1g91e {
+    } .badge__icon_13jfy.badge__negative_13jfy {
+        color: #ff4837;
+        background-color: #ff4837;
+    } .badge__icon_13jfy.badge__link_13jfy {
         color: #3193fc;
         background-color: #3193fc;
-    } .badge__icon_1g91e.badge__tertiary_1g91e {
+    } .badge__icon_13jfy.badge__tertiary_13jfy {
         color: #4a4a51;
         background-color: #4a4a51;
-    } .badge__icon_1g91e.badge__secondary_1g91e {
+    } .badge__icon_13jfy.badge__secondary_13jfy {
         color: #898991;
         background-color: #898991;
-    } .badge__icon_1g91e.badge__primary_1g91e {
+    } .badge__icon_13jfy.badge__primary_13jfy {
         color: #fff;
         background-color: #fff;
-    } .badge__graphic-static-light_1g91e.badge__icon_1g91e:before {
+    } .badge__graphic-static-light_13jfy.badge__icon_13jfy:before {
     background-color: #fff;
-} .badge__graphic-primary_1g91e.badge__icon_1g91e:before {
+} .badge__graphic-primary_13jfy.badge__icon_13jfy:before {
     background-color: #fff;
-} .badge__outline_1g91e {
-    background-color: #0e0e0e;
-} .badge__outlineColor_1g91e {
+} .badge__outline_13jfy {
+    background-color: #121213;
+} .badge__outlineColor_13jfy {
     background-color: #f83a2a
-} .badge__outlineColor_1g91e.badge__attention_1g91e {
+} .badge__outlineColor_13jfy.badge__attention_13jfy {
         background-color: #fda136;
-    } .badge__outlineColor_1g91e.badge__positive_1g91e {
+    } .badge__outlineColor_13jfy.badge__positive_13jfy {
         background-color: #17d055;
-    } .badge__outlineColor_1g91e.badge__negative_1g91e {
-        background-color: #ff5431;
-    } .badge__outlineColor_1g91e.badge__link_1g91e {
+    } .badge__outlineColor_13jfy.badge__negative_13jfy {
+        background-color: #ff4837;
+    } .badge__outlineColor_13jfy.badge__link_13jfy {
         background-color: #3193fc;
-    } .badge__outlineColor_1g91e.badge__tertiary_1g91e {
+    } .badge__outlineColor_13jfy.badge__tertiary_13jfy {
         background-color: #4a4a51;
-    } .badge__outlineColor_1g91e.badge__secondary_1g91e {
+    } .badge__outlineColor_13jfy.badge__secondary_13jfy {
         background-color: #898991;
-    } .badge__outlineColor_1g91e.badge__primary_1g91e {
+    } .badge__outlineColor_13jfy.badge__primary_13jfy {
         background-color: #fff;
-    } .badge__dot_1g91e.badge__outlineCount_1g91e {
-    border: 1px solid #0e0e0e;
-}.divider__component_wjwlp {
+    } .badge__dot_13jfy.badge__outlineCount_13jfy {
+    border: 1px solid #121213;
+}.divider__component_qntq7 {
     border-bottom: 1px solid #353539;
-}.dropzone__component_gx9b5 {
+}.dropzone__component_jv68l {
     border: 1px dashed #fff;
-} .dropzone__component_gx9b5:not(.dropzone__disabled_gx9b5):hover {
+} .dropzone__component_jv68l:not(.dropzone__disabled_jv68l):hover {
     background-color: transparent;
-} .dropzone__dragOver_gx9b5 {
+} .dropzone__dragOver_jv68l {
     background-color: transparent;
-} .dropzone__error_gx9b5 {
-    border-color: #ff5431;
+} .dropzone__error_jv68l {
+    border-color: #ff4837;
 }
-.dropzone__overlay_1fo94 {
+.dropzone__overlay_4oubg {
     background: rgba(214, 214, 229, 0.07);
-} .dropzone__text_1fo94 {
-    color: #fff;
+} .dropzone__text_4oubg {
+    color: rgba(255, 255, 255, 0.94);
 }@media (max-width: 599px) {
     }
 @media (min-width: 320px) {
@@ -144,156 +144,156 @@
     }
 @media (min-width: 1920px) {
     }
-.hatching-progress-bar__container_fml5x {
+.hatching-progress-bar__container_1g4sq {
     background: rgba(222, 222, 238, 0.13);
-} .hatching-progress-bar__hatch_fml5x {
+} .hatching-progress-bar__hatch_1g4sq {
     background: repeating-linear-gradient(
         -45deg,
         rgba(222, 222, 238, 0.13) 6px 10px,
         rgba(255, 255, 255, 0) 10px 18px
     );
-} .hatching-progress-bar__positive_fml5x {
+} .hatching-progress-bar__positive_1g4sq {
         background: #17d055;
-    } .hatching-progress-bar__attention_fml5x {
+    } .hatching-progress-bar__attention_1g4sq {
         background: #fda136;
-    } .hatching-progress-bar__negative_fml5x {
-        background: #ff5431;
-    } .hatching-progress-bar__link_fml5x {
+    } .hatching-progress-bar__negative_1g4sq {
+        background: #ff4837;
+    } .hatching-progress-bar__link_1g4sq {
         background: #3193fc;
-    } .hatching-progress-bar__tertiary_fml5x {
+    } .hatching-progress-bar__tertiary_1g4sq {
         background: #4a4a51;
-    } .hatching-progress-bar__secondary_fml5x {
+    } .hatching-progress-bar__secondary_1g4sq {
         background: #898991;
-    } .hatching-progress-bar__primary_fml5x {
+    } .hatching-progress-bar__primary_1g4sq {
         background: #fff;
-    } .hatching-progress-bar__accent_fml5x {
+    } .hatching-progress-bar__accent_1g4sq {
         background: #f83a2a;
-    }.indicator__component_1tuqn {
-    color: #fff;
+    }.indicator__component_11fsk {
+    color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
-} .indicator__red_1tuqn {
+} .indicator__red_11fsk {
     background-color: #f83a2a;
-    color: #fff
-} .indicator__red_1tuqn.indicator__border_1tuqn {
-        outline: 2px solid #0e0e0e;
-    } .indicator__white_1tuqn {
-    background-color: #29292c;
-    color: #fff
-} .indicator__white_1tuqn.indicator__border_1tuqn {
-        outline: 2px solid #0e0e0e;
-    } .indicator__grey_1tuqn {
+    color: rgba(255, 255, 255, 0.94)
+} .indicator__red_11fsk.indicator__border_11fsk {
+        outline: 2px solid #121213;
+    } .indicator__white_11fsk {
+    background-color: #262629;
+    color: rgba(255, 255, 255, 0.94)
+} .indicator__white_11fsk.indicator__border_11fsk {
+        outline: 2px solid #121213;
+    } .indicator__grey_11fsk {
     background-color: rgba(225, 225, 248, 0.09);
-    color: #fff
-} .indicator__grey_1tuqn.indicator__border_1tuqn {
-        outline: 2px solid #0e0e0e;
-    }.icon-view__component_7s69i {
+    color: rgba(255, 255, 255, 0.94)
+} .indicator__grey_11fsk.indicator__border_11fsk {
+        outline: 2px solid #121213;
+    }.icon-view__component_19x5k {
     color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_7s69i {
+} .icon-view__bg_19x5k {
     fill: #1c1c1e;
-} .icon-view__border_7s69i {
+} .icon-view__border_19x5k {
     stroke: rgba(225, 225, 248, 0.09);
     fill: transparent;
-}@keyframes loader__blink_1fwh9 {
-}.link__primary_1nv7f {
-    color: #fff;
-    border-bottom-color: #fff
+}.link__primary_1tca1 {
+    color: rgba(255, 255, 255, 0.94);
+    border-bottom-color: rgba(255, 255, 255, 0.94)
 } @media (hover: hover) {
-        .link__primary_1nv7f:hover {
-            color: #babbc2;
+        .link__primary_1tca1:hover {
+            color: rgba(255, 255, 255, 0.7);
         }
-    } .link__primary_1nv7f:active {
-        color: #a0a1a9;
-    } .link__secondary_1nv7f {
+    } .link__primary_1tca1:active {
+        color: rgba(255, 255, 255, 0.6);
+    } .link__secondary_1tca1 {
     color: rgba(238, 238, 251, 0.55);
     border-bottom-color: rgba(238, 238, 251, 0.55)
 } @media (hover: hover) {
-        .link__secondary_1nv7f:hover {
+        .link__secondary_1tca1:hover {
             color: rgba(239, 240, 252, 0.65);
         }
-    } .link__secondary_1nv7f:active {
+    } .link__secondary_1tca1:active {
         color: rgba(243, 245, 254, 0.75);
-    } .link__defaultView_1nv7f {
+    } .link__defaultView_1tca1 {
     color: #4a9dfc;
     border-bottom-color: #4a9dfc
 } @media (hover: hover) {
-        .link__defaultView_1nv7f:hover {
+        .link__defaultView_1tca1:hover {
             color: #63aafd;
         }
-    } .link__defaultView_1nv7f:active {
+    } .link__defaultView_1tca1:active {
         color: #7fb6ff;
     }
 @media (hover: hover) {
-        .link__component_1t1br:hover .link__text_1t1br {
+        .link__component_8x6ob:hover .link__text_8x6ob {
             border-bottom-color: rgba(0, 0, 0, 0);
         }
-    } .link__component_1t1br:active .link__text_1t1br {
+    } .link__component_8x6ob:active .link__text_8x6ob {
         border-bottom-color: rgba(0, 0, 0, 0);
-    } .link__focused_1t1br {
+    } .link__focused_8x6ob {
     outline: 2px solid #3193fc;
-} .link__pseudo_1t1br {
+} .link__pseudo_8x6ob {
     background-color: transparent;
 }
-.link__primary_rrnhc {
-    color: #0e0e0e;
-    border-bottom-color: #0e0e0e
+.link__primary_1dx8k {
+    color: rgba(3, 3, 6, 0.88);
+    border-bottom-color: rgba(3, 3, 6, 0.88)
 } @media (hover: hover) {
-        .link__primary_rrnhc:hover {
-            color: #5f5f66;
+        .link__primary_1dx8k:hover {
+            color: rgba(1, 1, 12, 0.63);
         }
-    } .link__primary_rrnhc:active {
-        color: #75757d;
-    } .link__secondary_rrnhc {
+    } .link__primary_1dx8k:active {
+        color: rgba(4, 4, 19, 0.55);
+    } .link__secondary_1dx8k {
     color: rgba(4, 4, 19, 0.55);
     border-bottom-color: rgba(4, 4, 19, 0.55)
 } @media (hover: hover) {
-        .link__secondary_rrnhc:hover {
+        .link__secondary_1dx8k:hover {
             color: rgba(1, 1, 12, 0.63);
         }
-    } .link__secondary_rrnhc:active {
+    } .link__secondary_1dx8k:active {
         color: rgba(0, 0, 10, 0.71);
-    } .link__defaultView_rrnhc {
+    } .link__defaultView_1dx8k {
     color: #2a77ef;
     border-bottom-color: #2a77ef
 } @media (hover: hover) {
-        .link__defaultView_rrnhc:hover {
+        .link__defaultView_1dx8k:hover {
             color: #2c64d4;
         }
-    } .link__defaultView_rrnhc:active {
+    } .link__defaultView_1dx8k:active {
         color: #2453b4;
-    }.progress-bar__container_1u5j8 {
+    }@keyframes loader__blink_1nz23 {
+}.progress-bar__container_1ntkl {
     background: rgba(222, 222, 238, 0.13)
-} .progress-bar__filled_1u5j8.progress-bar__positive_1u5j8 {
+} .progress-bar__filled_1ntkl.progress-bar__positive_1ntkl {
         background: #17d055;
-    } .progress-bar__filled_1u5j8.progress-bar__negative_1u5j8 {
-        background: #ff5431;
-    } .progress-bar__filled_1u5j8.progress-bar__attention_1u5j8 {
+    } .progress-bar__filled_1ntkl.progress-bar__negative_1ntkl {
+        background: #ff4837;
+    } .progress-bar__filled_1ntkl.progress-bar__attention_1ntkl {
         background: #fda136;
-    } .progress-bar__filled_1u5j8.progress-bar__link_1u5j8 {
+    } .progress-bar__filled_1ntkl.progress-bar__link_1ntkl {
         background: #3193fc;
-    } .progress-bar__filled_1u5j8.progress-bar__tertiary_1u5j8 {
+    } .progress-bar__filled_1ntkl.progress-bar__tertiary_1ntkl {
         background: #4a4a51;
-    } .progress-bar__filled_1u5j8.progress-bar__secondary_1u5j8 {
+    } .progress-bar__filled_1ntkl.progress-bar__secondary_1ntkl {
         background: #898991;
-    } .progress-bar__filled_1u5j8.progress-bar__primary_1u5j8 {
+    } .progress-bar__filled_1ntkl.progress-bar__primary_1ntkl {
         background: #fff;
-    } .progress-bar__filled_1u5j8.progress-bar__accent_1u5j8 {
+    } .progress-bar__filled_1ntkl.progress-bar__accent_1ntkl {
         background: #f83a2a;
-    }.scrollbar__component_18kmj .scrollbar:before {
+    }.scrollbar__component_8u0ww .scrollbar:before {
             background-color: rgba(228, 228, 251, 0.28);
-        } .scrollbar__component_18kmj.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_8u0ww.dragging .track .scrollbar.visible:before {
             background-color: rgba(238, 238, 254, 0.46);
         }
 
-.scrollbar__component_rlwo5 .scrollbar:before {
+.scrollbar__component_b7ww8 .scrollbar:before {
             background-color: rgba(9, 12, 37, 0.28);
-        } .scrollbar__component_rlwo5.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_b7ww8.dragging .track .scrollbar.visible:before {
             background-color: rgba(4, 4, 21, 0.47);
-        }.skeleton__component_1prh5 {
+        }.skeleton__component_9mjjy {
     color: transparent;
     background: rgba(214, 214, 229, 0.07);
-} .skeleton__component_1prh5:before {
+} .skeleton__component_9mjjy:before {
     background: transparent;
-} .skeleton__animate_1prh5:after {
+} .skeleton__animate_9mjjy:after {
     background-image: linear-gradient(
         to left,
         rgba(0, 0, 0, 0),
@@ -302,136 +302,275 @@
         rgba(0, 0, 0, 0) 60%,
         rgba(0, 0, 0, 0)
     );
-} @keyframes skeleton__gradient_1prh5 {
-} @keyframes skeleton__background_1prh5 {
+} @keyframes skeleton__gradient_9mjjy {
+} @keyframes skeleton__background_9mjjy {
     0% {
         background: rgb(182, 188, 195);
     }
     100% {
         background: rgb(198, 205, 214);
     }
-}.slider__component_153ve .noUi-base:hover .noUi-connects {
-            background: rgba(222, 222, 238, 0.13);
-        } .slider__component_153ve .noUi-base:hover .noUi-connect {
-            background: #f83a2a;
-        } .slider__component_153ve .noUi-handle:hover .noUi-touch-area {
-        background: #ff503e;
-    } .slider__component_153ve .noUi-handle:active .noUi-touch-area {
-        background: #fd624e;
-    } .slider__component_153ve .noUi-connects {
-        background: rgba(222, 222, 238, 0.13);
-    } .slider__component_153ve .noUi-connect {
-        background: #f83a2a;
-    } .slider__component_153ve .noUi-handle {
-        border: 2px solid transparent;
-    } .slider__component_153ve .noUi-touch-area {
-        background: #f83a2a;
-    } .slider__component_153ve .noUi-pips {
-        color: rgba(238, 238, 251, 0.55);
-    }.segmented-control__wrapper_5zmy1 {
+}.segmented-control__wrapper_97jjo {
     background-color: rgba(225, 225, 248, 0.09);
-} .segmented-control__segment_5zmy1.segmented-control__selected_5zmy1 {
-    color: #fff;
-} .segmented-control__selectedBox_5zmy1 {
+} .segmented-control__segment_97jjo.segmented-control__selected_97jjo {
+    color: rgba(255, 255, 255, 0.94);
+} .segmented-control__selectedBox_97jjo {
     border: 0.5px solid rgba(225, 225, 248, 0.09);
     background-color: rgba(214, 214, 229, 0.07);
 }
-.segmented-control__selectedBox_18l9q {
+.segmented-control__selectedBox_9wau3 {
     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_qlge2 {
+.segmented-control__wrapper_11x4q {
     background-color: rgba(30, 43, 68, 0.08);
-} .segmented-control__segment_qlge2.segmented-control__selected_qlge2 {
-    color: #0e0e0e;
-} .segmented-control__selectedBox_qlge2 {
+} .segmented-control__segment_11x4q.segmented-control__selected_11x4q {
+    color: rgba(3, 3, 6, 0.88);
+} .segmented-control__selectedBox_11x4q {
     border: 0.5px solid rgba(30, 43, 68, 0.08);
     background-color: #fff;
 }
-.segmented-control__segment_1slyl {
-    color: #fff
-} .segmented-control__segment_1slyl:not(:first-child):before {
+.segmented-control__segment_13ak8 {
+    color: rgba(255, 255, 255, 0.94)
+} .segmented-control__segment_13ak8:not(:first-child):before {
         background-color: rgba(222, 222, 238, 0.13);
     }
-.segmented-control__segment_6eam7 {
+.segmented-control__segment_1539i {
     background-color: transparent
-} .segmented-control__focused_6eam7 {
+} .segmented-control__focused_1539i {
     outline: 2px solid #3193fc;
 }
-.segmented-control__segment_aw26m {
-    color: #0e0e0e
-} .segmented-control__segment_aw26m:not(:first-child):before {
+.segmented-control__segment_1ci04 {
+    color: rgba(3, 3, 6, 0.88)
+} .segmented-control__segment_1ci04:not(:first-child):before {
         background-color: rgba(15, 25, 55, 0.1);
-    }.spinner__component_1f03c {
+    }.slider__component_1qlg3 .noUi-base:hover .noUi-connects {
+            background: rgba(222, 222, 238, 0.13);
+        } .slider__component_1qlg3 .noUi-base:hover .noUi-connect {
+            background: #f83a2a;
+        } .slider__component_1qlg3 .noUi-handle:hover .noUi-touch-area {
+        background: #ff503e;
+    } .slider__component_1qlg3 .noUi-handle:active .noUi-touch-area {
+        background: #fd624e;
+    } .slider__component_1qlg3 .noUi-connects {
+        background: rgba(222, 222, 238, 0.13);
+    } .slider__component_1qlg3 .noUi-connect {
+        background: #f83a2a;
+    } .slider__component_1qlg3 .noUi-handle {
+        border: 2px solid transparent;
+    } .slider__component_1qlg3 .noUi-touch-area {
+        background: #f83a2a;
+    } .slider__component_1qlg3 .noUi-pips {
+        color: rgba(238, 238, 251, 0.55);
+    }.spinner__component_6d0oa {
     color: #fff;
 }
-@keyframes spinner__spin_animation_67m3z {
-}
-.spinner__component_1kuft {
-    color: #0e0e0e;
-}.status-badge__positive-checkmark_7isbm {
-    background-color: #17d055;
-} .status-badge__negative-cross_7isbm,
-.status-badge__negative-alert_7isbm,
-.status-badge__negative-block_7isbm {
-    background-color: #ff5431;
-} .status-badge__attention-alert_7isbm {
-    background-color: #fda136;
-} .status-badge__neutral-information_7isbm,
-.status-badge__neutral-operation_7isbm,
-.status-badge__neutral-cross_7isbm {
-    background-color: #898991;
-}
-.status-badge__component_1vmrm {
-    color: #fff;
+@keyframes spinner__spin_animation_wdzlt {
 }
-.status-badge__positive-checkmark_1fali {
-    background-color: #0cc44d;
-} .status-badge__negative-cross_1fali,
-.status-badge__negative-alert_1fali,
-.status-badge__negative-block_1fali {
-    background-color: #ff5431;
-} .status-badge__attention-alert_1fali {
-    background-color: #fa9313;
-} .status-badge__neutral-information_1fali,
-.status-badge__neutral-operation_1fali,
-.status-badge__neutral-cross_1fali {
-    background-color: #898991;
-}.status__soft_wo465.status__green_wo465 {
+.spinner__component_11jun {
+    color: #121213;
+}.status__soft_1unag.status__green_1unag {
         background: #d1f1d7;
         color: #0d9336;
-    } .status__soft_wo465.status__orange_wo465 {
+    } .status__soft_1unag.status__orange_1unag {
         background: #fde6c8;
         color: #ea8313;
-    } .status__soft_wo465.status__red_wo465 {
+    } .status__soft_1unag.status__red_1unag {
         background: #ffdfdf;
-        color: #ec2e14;
-    } .status__soft_wo465.status__blue_wo465 {
+        color: #ec2d20;
+    } .status__soft_1unag.status__blue_1unag {
         background: #d8eaff;
         color: #2a77ef;
-    } .status__soft_wo465.status__grey_wo465 {
+    } .status__soft_1unag.status__grey_1unag {
         background: rgba(222, 222, 238, 0.13);
         color: rgba(238, 238, 251, 0.55);
-    } .status__soft_wo465.status__teal_wo465 {
+    } .status__soft_1unag.status__teal_1unag {
         background: #c8f1f3;
         color: #058a8f;
-    } .status__soft_wo465.status__purple_wo465 {
-        background: #e4e7ff;
+    } .status__soft_1unag.status__purple_1unag {
+        background: #e3e6fe;
         color: #7a63f1;
-    } .status__contrast_wo465 {
-    color: #0e0e0e
-} .status__contrast_wo465.status__green_wo465 {
+    } .status__contrast_1unag {
+    color: rgba(3, 3, 6, 0.88)
+} .status__contrast_1unag.status__green_1unag {
         background: #0cc44d;
-    } .status__contrast_wo465.status__orange_wo465 {
+    } .status__contrast_1unag.status__orange_1unag {
         background: #fa9313;
-    } .status__contrast_wo465.status__red_wo465 {
-        background: #ff5431;
-    } .status__contrast_wo465.status__blue_wo465 {
-        background: #2288fa;
-    } .status__contrast_wo465.status__grey_wo465 {
+    } .status__contrast_1unag.status__red_1unag {
+        background: #fe5e48;
+    } .status__contrast_1unag.status__blue_1unag {
+        background: #3193fc;
+    } .status__contrast_1unag.status__grey_1unag {
         background: #898991;
-    } .status__contrast_wo465.status__teal_wo465 {
+    } .status__contrast_1unag.status__teal_1unag {
         background: #09b9be;
-    } .status__contrast_wo465.status__purple_wo465 {
-        background: #7f71fd;
+    } .status__contrast_1unag.status__purple_1unag {
+        background: #897eff;
+    }.status-badge__positive-checkmark_1qjlx {
+    background-color: #17d055;
+} .status-badge__negative-cross_1qjlx,
+.status-badge__negative-alert_1qjlx,
+.status-badge__negative-block_1qjlx {
+    background-color: #ff4837;
+} .status-badge__attention-alert_1qjlx {
+    background-color: #fda136;
+} .status-badge__neutral-information_1qjlx,
+.status-badge__neutral-operation_1qjlx,
+.status-badge__neutral-cross_1qjlx {
+    background-color: #898991;
+}
+.status-badge__component_75yw9 {
+    color: #fff;
+}
+.status-badge__positive-checkmark_yo7iy {
+    background-color: #0cc44d;
+} .status-badge__negative-cross_yo7iy,
+.status-badge__negative-alert_yo7iy,
+.status-badge__negative-block_yo7iy {
+    background-color: #ff4837;
+} .status-badge__attention-alert_yo7iy {
+    background-color: #fa9313;
+} .status-badge__neutral-information_yo7iy,
+.status-badge__neutral-operation_yo7iy,
+.status-badge__neutral-cross_yo7iy {
+    background-color: #898991;
+}.underlay__background-accent_l4yds {
+            background-color: #ef3124;
+        } .underlay__background-info_l4yds {
+            background-color: #001c3c;
+        } .underlay__background-attention-muted_l4yds {
+            background-color: #36291f;
+        } .underlay__background-positive-muted_l4yds {
+            background-color: #232d25;
+        } .underlay__background-negative-muted_l4yds {
+            background-color: #392523;
+        } .underlay__background-primary_l4yds {
+            background-color: #0e0e0e;
+        } .underlay__background-primary-inverted_l4yds {
+            background-color: #fff;
+        } .underlay__background-secondary_l4yds {
+            background-color: #1c1c1e;
+        } .underlay__background-secondary-inverted_l4yds {
+            background-color: #f2f3f5;
+        } .underlay__background-tertiary_l4yds {
+            background-color: #27272a;
+        } .underlay__background-tertiary-inverted_l4yds {
+            background-color: #e7e8ea;
+        } .underlay__background-quaternary_l4yds {
+            background-color: #36363a;
+        } .underlay__background-quaternary-inverted_l4yds {
+            background-color: #dcdee2;
+        } .underlay__background-specialbg-component_l4yds {
+            background-color: rgba(255, 255, 255, 0.1);
+        } .underlay__background-specialbg-component-inverted_l4yds {
+            background-color: rgba(11, 31, 53, 0.07);
+        } .underlay__background-specialbg-primary-grouped_l4yds {
+            background-color: #1c1c1e;
+        } .underlay__background-specialbg-secondary-grouped_l4yds {
+            background-color: #27272a;
+        } .underlay__background-specialbg-tertiary-grouped_l4yds {
+            background-color: #36363a;
+        } .underlay__background-specialbg-secondary-transparent_l4yds {
+            background-color: rgba(214, 214, 229, 0.07);
+        } .underlay__background-specialbg-secondary-transparent-inverted_l4yds {
+            background-color: rgba(38, 55, 88, 0.06);
+        } .underlay__background-specialbg-tertiary-transparent_l4yds {
+            background-color: rgba(222, 222, 240, 0.12);
+        } .underlay__background-specialbg-tertiary-transparent-inverted_l4yds {
+            background-color: rgba(30, 43, 68, 0.08);
+        } .underlay__shadow-xs_l4yds {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s_l4yds {
+        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_l4yds {
+        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_l4yds {
+        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_l4yds {
+        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_l4yds {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-s-hard_l4yds {
+        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_l4yds {
+        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_l4yds {
+        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_l4yds {
+        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_l4yds {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s-up_l4yds {
+        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
+    } .underlay__shadow-m-up_l4yds {
+        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-up_l4yds {
+        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
+    } .underlay__shadow-xl-up_l4yds {
+        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_l4yds {
+        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_l4yds {
+        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_l4yds {
+        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_l4yds {
+        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_l4yds {
+        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_l4yds {
+        border-color: #f83a2a;
+    } .underlay__border-color-key_l4yds {
+        border-color: #fff;
+    } .underlay__border-color-key-inverted_l4yds {
+        border-color: #121213;
+    } .underlay__border-color-link_l4yds {
+        border-color: #3193fc;
+    } .underlay__border-color-primary_l4yds {
+        border-color: #353539;
+    } .underlay__border-color-primary-inverted_l4yds {
+        border-color: #d2d3d9;
+    } .underlay__border-color-secondary_l4yds {
+        border-color: #29292c;
+    } .underlay__border-color-secondary-inverted_l4yds {
+        border-color: #e7e8eb;
+    } .underlay__border-color-tertiary_l4yds {
+        border-color: #212124;
+    } .underlay__border-color-tertiary-inverted_l4yds {
+        border-color: #edeef0;
+    } .underlay__border-color-underline_l4yds {
+        border-color: #4a4a51;
+    } .underlay__border-color-underline-inverted_l4yds {
+        border-color: #babbc2;
+    } .underlay__border-color-graphic-attention_l4yds {
+        border-color: #fda136;
+    } .underlay__border-color-graphic-link_l4yds {
+        border-color: #3193fc;
+    } .underlay__border-color-graphic-negative_l4yds {
+        border-color: #ff4837;
+    } .underlay__border-color-graphic-positive_l4yds {
+        border-color: #17d055;
+    } .underlay__border-color-specialbg-secondary-transparent_l4yds {
+        border-color: rgba(225, 225, 248, 0.09);
+    } .underlay__border-color-specialbg-secondary-transparent-inverted_l4yds {
+        border-color: rgba(30, 43, 68, 0.08);
+    } .underlay__border-color-specialbg-tertiary-transparent_l4yds {
+        border-color: rgba(222, 222, 238, 0.13);
+    } .underlay__border-color-specialbg-tertiary-transparent-inverted_l4yds {
+        border-color: rgba(15, 25, 55, 0.1);
     }