@alfalab/core-components 48.19.0 → 48.20.0

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

@@ -1,98 +1,122 @@
-.backdrop__backdrop_8nyml {
+.backdrop__backdrop_1xy50 {
     -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_8nyml,
-.backdrop__enter_8nyml {
+} .backdrop__appear_1xy50,
+.backdrop__enter_1xy50 {
     background-color: transparent;
-} .backdrop__appearActive_8nyml,
-.backdrop__enterActive_8nyml,
-.backdrop__appearDone_8nyml,
-.backdrop__enterDone_8nyml {
+} .backdrop__appearActive_1xy50,
+.backdrop__enterActive_1xy50,
+.backdrop__appearDone_1xy50,
+.backdrop__enterDone_1xy50 {
     background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_8nyml {
+} .backdrop__exit_1xy50 {
     background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_8nyml,
-.backdrop__exitDone_8nyml {
+} .backdrop__exitActive_1xy50,
+.backdrop__exitDone_1xy50 {
     background-color: transparent;
-} .backdrop__transparent_8nyml.backdrop__transparent_8nyml {
+} .backdrop__transparent_1xy50.backdrop__transparent_1xy50 {
     background-color: transparent;
-}.card-image__cardImage_16i89 {
+}.divider__component_1rkqo {
+    border-bottom: 1px solid #353539;
+}.card-image__cardImage_17tgz {
     background: #e7e8ea;
-} .card-image__loaded_16i89 {
+} .card-image__loaded_17tgz {
     background: transparent
-}.badge__component_qmn61.badge__background-accent_qmn61 {
+}.badge__component_184kf.badge__background-accent_184kf {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
-    } .badge__component_qmn61.badge__background-specialbg-secondary-transparent_qmn61 {
+    } .badge__component_184kf.badge__background-specialbg-secondary-transparent_184kf {
         background-color: rgba(225, 225, 248, 0.09);
         color: rgba(255, 255, 255, 0.94);
-    } .badge__component_qmn61.badge__background-primary_qmn61 {
+    } .badge__component_184kf.badge__background-primary_184kf {
         background-color: #262629;
         color: rgba(255, 255, 255, 0.94);
-    } .badge__outlineCount_qmn61 {
+    } .badge__outlineCount_184kf {
     border: 2px solid rgba(3, 3, 6, 0.88);
-} .badge__heightS_qmn61.badge__outlineCount_qmn61 {
+} .badge__heightS_184kf.badge__outlineCount_184kf {
     border: 1px solid rgba(3, 3, 6, 0.88);
-} .badge__icon_qmn61 {
+} .badge__icon_184kf {
     color: #17d055
-} .badge__icon_qmn61.badge__positive_qmn61 {
+} .badge__icon_184kf.badge__positive_184kf {
         color: #17d055;
         background-color: #17d055;
-    } .badge__icon_qmn61.badge__attention_qmn61 {
+    } .badge__icon_184kf.badge__attention_184kf {
         color: #fda136;
         background-color: #fda136;
-    } .badge__icon_qmn61.badge__negative_qmn61 {
+    } .badge__icon_184kf.badge__negative_184kf {
         color: #ff4837;
         background-color: #ff4837;
-    } .badge__icon_qmn61.badge__link_qmn61 {
+    } .badge__icon_184kf.badge__link_184kf {
         color: #3193fc;
         background-color: #3193fc;
-    } .badge__icon_qmn61.badge__tertiary_qmn61 {
+    } .badge__icon_184kf.badge__tertiary_184kf {
         color: #4a4a51;
         background-color: #4a4a51;
-    } .badge__icon_qmn61.badge__secondary_qmn61 {
+    } .badge__icon_184kf.badge__secondary_184kf {
         color: #898991;
         background-color: #898991;
-    } .badge__icon_qmn61.badge__primary_qmn61 {
+    } .badge__icon_184kf.badge__primary_184kf {
         color: rgba(255, 255, 255, 0.94);
         background-color: rgba(255, 255, 255, 0.94);
-    } .badge__graphic-static-light_qmn61.badge__icon_qmn61:before {
+    } .badge__graphic-static-light_184kf.badge__icon_184kf:before {
     background-color: rgba(255, 255, 255, 0.94);
-} .badge__graphic-primary_qmn61.badge__icon_qmn61:before {
+} .badge__graphic-primary_184kf.badge__icon_184kf:before {
     background-color: rgba(255, 255, 255, 0.94);
-} .badge__outline_qmn61 {
+} .badge__outline_184kf {
     background-color: rgba(3, 3, 6, 0.88);
-} .badge__outlineColor_qmn61 {
+} .badge__outlineColor_184kf {
     background-color: #f83a2a
-} .badge__outlineColor_qmn61.badge__attention_qmn61 {
+} .badge__outlineColor_184kf.badge__attention_184kf {
         background-color: #fda136;
-    } .badge__outlineColor_qmn61.badge__positive_qmn61 {
+    } .badge__outlineColor_184kf.badge__positive_184kf {
         background-color: #17d055;
-    } .badge__outlineColor_qmn61.badge__negative_qmn61 {
+    } .badge__outlineColor_184kf.badge__negative_184kf {
         background-color: #ff4837;
-    } .badge__outlineColor_qmn61.badge__link_qmn61 {
+    } .badge__outlineColor_184kf.badge__link_184kf {
         background-color: #3193fc;
-    } .badge__outlineColor_qmn61.badge__tertiary_qmn61 {
+    } .badge__outlineColor_184kf.badge__tertiary_184kf {
         background-color: #4a4a51;
-    } .badge__outlineColor_qmn61.badge__secondary_qmn61 {
+    } .badge__outlineColor_184kf.badge__secondary_184kf {
         background-color: #898991;
-    } .badge__outlineColor_qmn61.badge__primary_qmn61 {
+    } .badge__outlineColor_184kf.badge__primary_184kf {
         background-color: rgba(255, 255, 255, 0.94);
-    } .badge__dot_qmn61.badge__outlineCount_qmn61 {
+    } .badge__dot_184kf.badge__outlineCount_184kf {
     border: 1px solid rgba(3, 3, 6, 0.88);
-}.divider__component_1xmyu {
-    border-bottom: 1px solid #353539;
-}.dropzone__component_1f09n {
+}.hatching-progress-bar__container_p2d8c {
+    background: rgba(222, 222, 238, 0.13);
+} .hatching-progress-bar__hatch_p2d8c {
+    background: repeating-linear-gradient(
+        -45deg,
+        rgba(222, 222, 238, 0.13) 6px 10px,
+        rgba(255, 255, 255, 0) 10px 18px
+    );
+} .hatching-progress-bar__positive_p2d8c {
+        background: #17d055;
+    } .hatching-progress-bar__attention_p2d8c {
+        background: #fda136;
+    } .hatching-progress-bar__negative_p2d8c {
+        background: #ff4837;
+    } .hatching-progress-bar__link_p2d8c {
+        background: #3193fc;
+    } .hatching-progress-bar__tertiary_p2d8c {
+        background: #4a4a51;
+    } .hatching-progress-bar__secondary_p2d8c {
+        background: #898991;
+    } .hatching-progress-bar__primary_p2d8c {
+        background: rgba(255, 255, 255, 0.94);
+    } .hatching-progress-bar__accent_p2d8c {
+        background: #f83a2a;
+    }.dropzone__component_1co0e {
     border: 1px dashed rgba(255, 255, 255, 0.94);
-} .dropzone__component_1f09n:not(.dropzone__disabled_1f09n):hover {
+} .dropzone__component_1co0e:not(.dropzone__disabled_1co0e):hover {
     background-color: transparent;
-} .dropzone__dragOver_1f09n {
+} .dropzone__dragOver_1co0e {
     background-color: transparent;
-} .dropzone__error_1f09n {
+} .dropzone__error_1co0e {
     border-color: #ff4837;
 }
-.dropzone__overlay_tjqcy {
+.dropzone__overlay_1c8l6 {
     background: rgba(214, 214, 229, 0.07);
-} .dropzone__text_tjqcy {
+} .dropzone__text_1c8l6 {
     color: rgba(255, 255, 255, 0.94);
 }@media (max-width: 599px) {
     }
@@ -146,157 +170,133 @@
     }
 @media (min-width: 1920px) {
     }
-.hatching-progress-bar__container_1ih88 {
-    background: rgba(222, 222, 238, 0.13);
-} .hatching-progress-bar__hatch_1ih88 {
-    background: repeating-linear-gradient(
-        -45deg,
-        rgba(222, 222, 238, 0.13) 6px 10px,
-        rgba(255, 255, 255, 0) 10px 18px
-    );
-} .hatching-progress-bar__positive_1ih88 {
-        background: #17d055;
-    } .hatching-progress-bar__attention_1ih88 {
-        background: #fda136;
-    } .hatching-progress-bar__negative_1ih88 {
-        background: #ff4837;
-    } .hatching-progress-bar__link_1ih88 {
-        background: #3193fc;
-    } .hatching-progress-bar__tertiary_1ih88 {
-        background: #4a4a51;
-    } .hatching-progress-bar__secondary_1ih88 {
-        background: #898991;
-    } .hatching-progress-bar__primary_1ih88 {
-        background: rgba(255, 255, 255, 0.94);
-    } .hatching-progress-bar__accent_1ih88 {
-        background: #f83a2a;
-    }.indicator__component_12pmq {
+.icon-view__component_1demy {
+    color: rgba(238, 238, 251, 0.55)
+} .icon-view__bg_1demy {
+    fill: #1c1c1e;
+} .icon-view__border_1demy {
+    stroke: rgba(225, 225, 248, 0.09);
+    fill: transparent;
+}.indicator__component_1iq11 {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
-} .indicator__red_12pmq {
+} .indicator__red_1iq11 {
     background-color: #f83a2a;
     color: rgba(255, 255, 255, 0.94)
-} .indicator__red_12pmq.indicator__border_12pmq {
+} .indicator__red_1iq11.indicator__border_1iq11 {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    } .indicator__white_12pmq {
+    } .indicator__white_1iq11 {
     background-color: #262629;
     color: rgba(255, 255, 255, 0.94)
-} .indicator__white_12pmq.indicator__border_12pmq {
+} .indicator__white_1iq11.indicator__border_1iq11 {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    } .indicator__grey_12pmq {
+    } .indicator__grey_1iq11 {
     background-color: rgba(225, 225, 248, 0.09);
     color: rgba(255, 255, 255, 0.94)
-} .indicator__grey_12pmq.indicator__border_12pmq {
+} .indicator__grey_1iq11.indicator__border_1iq11 {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    }.icon-view__component_wgxqo {
-    color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_wgxqo {
-    fill: #1c1c1e;
-} .icon-view__border_wgxqo {
-    stroke: rgba(225, 225, 248, 0.09);
-    fill: transparent;
-}@keyframes loader__blink_k5u6e {
-}.link__primary_98ciq {
+    }.link__primary_yimjd {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)
 } @media (hover: hover) {
-        .link__primary_98ciq:hover {
+        .link__primary_yimjd:hover {
             color: rgba(255, 255, 255, 0.7);
         }
-    } .link__primary_98ciq:active {
+    } .link__primary_yimjd:active {
         color: rgba(255, 255, 255, 0.6);
-    } .link__secondary_98ciq {
+    } .link__secondary_yimjd {
     color: rgba(238, 238, 251, 0.55);
     border-bottom-color: rgba(238, 238, 251, 0.55)
 } @media (hover: hover) {
-        .link__secondary_98ciq:hover {
+        .link__secondary_yimjd:hover {
             color: rgba(239, 240, 252, 0.65);
         }
-    } .link__secondary_98ciq:active {
+    } .link__secondary_yimjd:active {
         color: rgba(243, 245, 254, 0.75);
-    } .link__defaultView_98ciq {
+    } .link__defaultView_yimjd {
     color: #4a9dfc;
     border-bottom-color: #4a9dfc
 } @media (hover: hover) {
-        .link__defaultView_98ciq:hover {
+        .link__defaultView_yimjd:hover {
             color: #63aafd;
         }
-    } .link__defaultView_98ciq:active {
+    } .link__defaultView_yimjd:active {
         color: #7fb6ff;
     }
 @media (hover: hover) {
-        .link__component_15u94:hover .link__text_15u94 {
+        .link__component_1qo2n:hover .link__text_1qo2n {
             border-bottom-color: rgba(0, 0, 0, 0);
         }
-    } .link__component_15u94:active .link__text_15u94 {
+    } .link__component_1qo2n:active .link__text_1qo2n {
         border-bottom-color: rgba(0, 0, 0, 0);
-    } .link__focused_15u94 {
+    } .link__focused_1qo2n {
     outline: 2px solid #3193fc;
-} .link__pseudo_15u94 {
+} .link__pseudo_1qo2n {
     background-color: transparent;
 }
-.link__primary_8gv3z {
+.link__primary_16q9a {
     color: rgba(3, 3, 6, 0.88);
     border-bottom-color: rgba(3, 3, 6, 0.88)
 } @media (hover: hover) {
-        .link__primary_8gv3z:hover {
+        .link__primary_16q9a:hover {
             color: rgba(1, 1, 12, 0.63);
         }
-    } .link__primary_8gv3z:active {
+    } .link__primary_16q9a:active {
         color: rgba(4, 4, 19, 0.55);
-    } .link__secondary_8gv3z {
+    } .link__secondary_16q9a {
     color: rgba(4, 4, 19, 0.55);
     border-bottom-color: rgba(4, 4, 19, 0.55)
 } @media (hover: hover) {
-        .link__secondary_8gv3z:hover {
+        .link__secondary_16q9a:hover {
             color: rgba(1, 1, 12, 0.63);
         }
-    } .link__secondary_8gv3z:active {
+    } .link__secondary_16q9a:active {
         color: rgba(0, 0, 10, 0.71);
-    } .link__defaultView_8gv3z {
+    } .link__defaultView_16q9a {
     color: #2a77ef;
     border-bottom-color: #2a77ef
 } @media (hover: hover) {
-        .link__defaultView_8gv3z:hover {
+        .link__defaultView_16q9a:hover {
             color: #2c64d4;
         }
-    } .link__defaultView_8gv3z:active {
+    } .link__defaultView_16q9a:active {
         color: #2453b4;
-    }.progress-bar__container_llijm {
+    }@keyframes loader__blink_1pzdo {
+}.progress-bar__container_1ld1k {
     background-color: rgba(222, 222, 238, 0.13);
 }
-.progress-bar__filled_b9izo.progress-bar__positive_b9izo {
+.progress-bar__filled_ckzdx.progress-bar__positive_ckzdx {
         background: #17d055;
-    } .progress-bar__filled_b9izo.progress-bar__negative_b9izo {
+    } .progress-bar__filled_ckzdx.progress-bar__negative_ckzdx {
         background: #ff4837;
-    } .progress-bar__filled_b9izo.progress-bar__attention_b9izo {
+    } .progress-bar__filled_ckzdx.progress-bar__attention_ckzdx {
         background: #fda136;
-    } .progress-bar__filled_b9izo.progress-bar__link_b9izo {
+    } .progress-bar__filled_ckzdx.progress-bar__link_ckzdx {
         background: #3193fc;
-    } .progress-bar__filled_b9izo.progress-bar__tertiary_b9izo {
+    } .progress-bar__filled_ckzdx.progress-bar__tertiary_ckzdx {
         background: #4a4a51;
-    } .progress-bar__filled_b9izo.progress-bar__secondary_b9izo {
+    } .progress-bar__filled_ckzdx.progress-bar__secondary_ckzdx {
         background: #898991;
-    } .progress-bar__filled_b9izo.progress-bar__primary_b9izo {
+    } .progress-bar__filled_ckzdx.progress-bar__primary_ckzdx {
         background: rgba(255, 255, 255, 0.94);
-    } .progress-bar__filled_b9izo.progress-bar__accent_b9izo {
+    } .progress-bar__filled_ckzdx.progress-bar__accent_ckzdx {
         background: #f83a2a;
     }
-.progress-bar__container_8a1y0 {
+.progress-bar__container_181kz {
     background-color: rgba(15, 25, 55, 0.1);
-}.scrollbar__component_5f09q .scrollbar:before {
+}.scrollbar__component_1cxga .scrollbar:before {
             background-color: rgba(228, 228, 251, 0.28);
-        } .scrollbar__component_5f09q.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_1cxga.dragging .track .scrollbar.visible:before {
             background-color: rgba(238, 238, 254, 0.46);
         }
 
-.scrollbar__component_17kbf .scrollbar:before {
+.scrollbar__component_lb8no .scrollbar:before {
             background-color: rgba(9, 12, 37, 0.28);
-        } .scrollbar__component_17kbf.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_lb8no.dragging .track .scrollbar.visible:before {
             background-color: rgba(4, 4, 21, 0.47);
-        }.skeleton__component_hlcot {
+        }.skeleton__component_1utv5 {
     background: rgba(214, 214, 229, 0.07);
-} @keyframes skeleton__background_hlcot {
+} @keyframes skeleton__background_1utv5 {
     0% {
         background: rgba(214, 214, 229, 0.07);
     }
@@ -304,156 +304,295 @@
         background: rgba(222, 222, 238, 0.13);
     }
 }
-.skeleton__component_1c1ht {
+.skeleton__component_63e2o {
     color: transparent
-} .skeleton__component_1c1ht:before {
+} .skeleton__component_63e2o:before {
     background: transparent;
 }
-.skeleton__component_rqg57 {
+.skeleton__component_1e08x {
     background: rgba(38, 55, 88, 0.06);
-} @keyframes skeleton__background-inverted_rqg57 {
+} @keyframes skeleton__background-inverted_1e08x {
     0% {
         background: rgba(38, 55, 88, 0.06);
     }
     100% {
         background: rgba(15, 25, 55, 0.1);
     }
-}.segmented-control__wrapper_bp4ca {
+}.segmented-control__wrapper_1x9qx {
     background-color: rgba(225, 225, 248, 0.09);
-} .segmented-control__segment_bp4ca.segmented-control__selected_bp4ca {
+} .segmented-control__segment_1x9qx.segmented-control__selected_1x9qx {
     color: rgba(255, 255, 255, 0.94);
-} .segmented-control__selectedBox_bp4ca {
+} .segmented-control__selectedBox_1x9qx {
     border: 0.5px solid rgba(225, 225, 248, 0.09);
     background-color: rgba(214, 214, 229, 0.07);
 }
-.segmented-control__selectedBox_jqn5d {
+.segmented-control__selectedBox_6ibnm {
     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_9eo5o {
+.segmented-control__wrapper_1uzaq {
     background-color: rgba(30, 43, 68, 0.08);
-} .segmented-control__segment_9eo5o.segmented-control__selected_9eo5o {
+} .segmented-control__segment_1uzaq.segmented-control__selected_1uzaq {
     color: rgba(3, 3, 6, 0.88);
-} .segmented-control__selectedBox_9eo5o {
+} .segmented-control__selectedBox_1uzaq {
     border: 0.5px solid rgba(30, 43, 68, 0.08);
     background-color: #fff;
 }
-.segmented-control__segment_1qlxl {
+.segmented-control__segment_1ddm3 {
     color: rgba(255, 255, 255, 0.94)
-} .segmented-control__segment_1qlxl:not(:first-child):before {
+} .segmented-control__segment_1ddm3:not(:first-child):before {
         background-color: rgba(222, 222, 238, 0.13);
     }
-.segmented-control__segment_18m46 {
+.segmented-control__segment_zqxx0 {
     background-color: transparent
-} .segmented-control__focused_18m46 {
+} .segmented-control__focused_zqxx0 {
     outline: 2px solid #3193fc;
 }
-.segmented-control__segment_11mcg {
+.segmented-control__segment_oe0yh {
     color: rgba(3, 3, 6, 0.88)
-} .segmented-control__segment_11mcg:not(:first-child):before {
+} .segmented-control__segment_oe0yh:not(:first-child):before {
         background-color: rgba(15, 25, 55, 0.1);
-    }.slider__component_q1h5r .noUi-base:hover .noUi-connects {
+    }.slider__component_1okeg .noUi-base:hover .noUi-connects {
             background: rgba(222, 222, 238, 0.13);
-        } .slider__component_q1h5r .noUi-base:hover .noUi-connect {
+        } .slider__component_1okeg .noUi-base:hover .noUi-connect {
             background: #f83a2a;
-        } .slider__component_q1h5r .noUi-handle:hover .noUi-touch-area {
+        } .slider__component_1okeg .noUi-handle:hover .noUi-touch-area {
         background: #ff503e;
-    } .slider__component_q1h5r .noUi-handle:active .noUi-touch-area {
+    } .slider__component_1okeg .noUi-handle:active .noUi-touch-area {
         background: #fd624e;
-    } .slider__component_q1h5r .noUi-connects {
+    } .slider__component_1okeg .noUi-connects {
         background: rgba(222, 222, 238, 0.13);
-    } .slider__component_q1h5r .noUi-connect {
+    } .slider__component_1okeg .noUi-connect {
         background: #f83a2a;
-    } .slider__component_q1h5r .noUi-handle {
+    } .slider__component_1okeg .noUi-handle {
         border: 2px solid transparent;
-    } .slider__component_q1h5r .noUi-touch-area {
+    } .slider__component_1okeg .noUi-touch-area {
         background: #f83a2a;
-    } .slider__component_q1h5r .noUi-pips {
+    } .slider__component_1okeg .noUi-pips {
         color: rgba(238, 238, 251, 0.55);
-    }.status__soft_tj3pb.status__green_tj3pb, .status__muted-alt_tj3pb.status__green_tj3pb {
+    }.status-badge__positive-checkmark_3eq6i {
+    background-color: #17d055;
+} .status-badge__negative-cross_3eq6i,
+.status-badge__negative-alert_3eq6i,
+.status-badge__negative-block_3eq6i {
+    background-color: #ff4837;
+} .status-badge__attention-alert_3eq6i {
+    background-color: #fda136;
+} .status-badge__neutral-information_3eq6i,
+.status-badge__neutral-operation_3eq6i,
+.status-badge__neutral-cross_3eq6i {
+    background-color: #898991;
+}
+.status-badge__component_u4c6t {
+    color: rgba(255, 255, 255, 0.94);
+}
+.status-badge__positive-checkmark_14ciz {
+    background-color: #0cc44d;
+} .status-badge__negative-cross_14ciz,
+.status-badge__negative-alert_14ciz,
+.status-badge__negative-block_14ciz {
+    background-color: #ff4837;
+} .status-badge__attention-alert_14ciz {
+    background-color: #fa9313;
+} .status-badge__neutral-information_14ciz,
+.status-badge__neutral-operation_14ciz,
+.status-badge__neutral-cross_14ciz {
+    background-color: #898991;
+}.status__soft_1kik4.status__green_1kik4, .status__muted-alt_1kik4.status__green_1kik4 {
             background: #d1f1d7;
             color: #0d9336;
-        } .status__soft_tj3pb.status__orange_tj3pb, .status__muted-alt_tj3pb.status__orange_tj3pb {
+        } .status__soft_1kik4.status__orange_1kik4, .status__muted-alt_1kik4.status__orange_1kik4 {
             background: #fde6c8;
             color: #ea8313;
-        } .status__soft_tj3pb.status__red_tj3pb, .status__muted-alt_tj3pb.status__red_tj3pb {
+        } .status__soft_1kik4.status__red_1kik4, .status__muted-alt_1kik4.status__red_1kik4 {
             background: #ffdfdf;
             color: #ec2d20;
-        } .status__soft_tj3pb.status__blue_tj3pb, .status__muted-alt_tj3pb.status__blue_tj3pb {
+        } .status__soft_1kik4.status__blue_1kik4, .status__muted-alt_1kik4.status__blue_1kik4 {
             background: #d8eaff;
             color: #2a77ef;
-        } .status__soft_tj3pb.status__teal_tj3pb, .status__muted-alt_tj3pb.status__teal_tj3pb {
+        } .status__soft_1kik4.status__teal_1kik4, .status__muted-alt_1kik4.status__teal_1kik4 {
             background: #c8f1f3;
             color: #058a8f;
-        } .status__soft_tj3pb.status__grey_tj3pb, .status__muted-alt_tj3pb.status__grey_tj3pb {
+        } .status__soft_1kik4.status__grey_1kik4, .status__muted-alt_1kik4.status__grey_1kik4 {
         background: rgba(222, 222, 238, 0.13);
         color: rgba(238, 238, 251, 0.55);
-    } .status__soft_tj3pb.status__purple_tj3pb, .status__muted-alt_tj3pb.status__purple_tj3pb {
+    } .status__soft_1kik4.status__purple_1kik4, .status__muted-alt_1kik4.status__purple_1kik4 {
         background: #e3e6fe;
         color: #7a63f1;
-    } .status__contrast_tj3pb {
+    } .status__contrast_1kik4 {
     color: rgba(3, 3, 6, 0.88)
-} .status__contrast_tj3pb.status__green_tj3pb {
+} .status__contrast_1kik4.status__green_1kik4 {
             background: #0cc44d;
-        } .status__contrast_tj3pb.status__orange_tj3pb {
+        } .status__contrast_1kik4.status__orange_1kik4 {
             background: #fa9313;
-        } .status__contrast_tj3pb.status__red_tj3pb {
+        } .status__contrast_1kik4.status__red_1kik4 {
             background: #fe5e48;
-        } .status__contrast_tj3pb.status__blue_tj3pb {
+        } .status__contrast_1kik4.status__blue_1kik4 {
             background: #3193fc;
-        } .status__contrast_tj3pb.status__teal_tj3pb {
+        } .status__contrast_1kik4.status__teal_1kik4 {
             background: #09b9be;
-        } .status__contrast_tj3pb.status__grey_tj3pb {
+        } .status__contrast_1kik4.status__grey_1kik4 {
         background: #898991;
-    } .status__contrast_tj3pb.status__purple_tj3pb {
+    } .status__contrast_1kik4.status__purple_1kik4 {
         background: #897eff;
-    } .status__muted_tj3pb.status__green_tj3pb {
+    } .status__muted_1kik4.status__green_1kik4 {
             background: #dff8e5;
             color: #0d9336;
-        } .status__muted_tj3pb.status__orange_tj3pb {
+        } .status__muted_1kik4.status__orange_1kik4 {
             background: #ffefd9;
             color: #ea8313;
-        } .status__muted_tj3pb.status__red_tj3pb {
+        } .status__muted_1kik4.status__red_1kik4 {
             background: #ffebeb;
             color: #ec2d20;
-        } .status__muted_tj3pb.status__blue_tj3pb {
+        } .status__muted_1kik4.status__blue_1kik4 {
             background: #e4f0ff;
             color: #2a77ef;
-        } .status__muted_tj3pb.status__teal_tj3pb {
+        } .status__muted_1kik4.status__teal_1kik4 {
             background: #daf7f8;
             color: #058a8f;
-        } .status__muted_tj3pb.status__grey_tj3pb {
+        } .status__muted_1kik4.status__grey_1kik4 {
         background: rgba(225, 225, 248, 0.09);
         color: rgba(238, 238, 251, 0.55);
-    } .status__muted_tj3pb.status__purple_tj3pb {
+    } .status__muted_1kik4.status__purple_1kik4 {
         background: #eeedff;
         color: #7a63f1;
-    }.status-badge__positive-checkmark_teakh {
-    background-color: #17d055;
-} .status-badge__negative-cross_teakh,
-.status-badge__negative-alert_teakh,
-.status-badge__negative-block_teakh {
-    background-color: #ff4837;
-} .status-badge__attention-alert_teakh {
-    background-color: #fda136;
-} .status-badge__neutral-information_teakh,
-.status-badge__neutral-operation_teakh,
-.status-badge__neutral-cross_teakh {
-    background-color: #898991;
-}
-.status-badge__component_vdsa4 {
-    color: rgba(255, 255, 255, 0.94);
-}
-.status-badge__positive-checkmark_1uc3d {
-    background-color: #0cc44d;
-} .status-badge__negative-cross_1uc3d,
-.status-badge__negative-alert_1uc3d,
-.status-badge__negative-block_1uc3d {
-    background-color: #ff4837;
-} .status-badge__attention-alert_1uc3d {
-    background-color: #fa9313;
-} .status-badge__neutral-information_1uc3d,
-.status-badge__neutral-operation_1uc3d,
-.status-badge__neutral-cross_1uc3d {
-    background-color: #898991;
-}
+    }.underlay__background-accent_1eqqh {
+            background-color: #ef3124;
+        } .underlay__background-info_1eqqh {
+            background-color: #001c3c;
+        } .underlay__background-attention-muted_1eqqh {
+            background-color: #36291f;
+        } .underlay__background-positive-muted_1eqqh {
+            background-color: #232d25;
+        } .underlay__background-negative-muted_1eqqh {
+            background-color: #392523;
+        } .underlay__background-primary_1eqqh {
+            background-color: #121213;
+        } .underlay__background-primary-inverted_1eqqh {
+            background-color: #fff;
+        } .underlay__background-secondary_1eqqh {
+            background-color: #1c1c1e;
+        } .underlay__background-secondary-inverted_1eqqh {
+            background-color: #f2f3f5;
+        } .underlay__background-tertiary_1eqqh {
+            background-color: #27272a;
+        } .underlay__background-tertiary-inverted_1eqqh {
+            background-color: #e7e8ea;
+        } .underlay__background-quaternary_1eqqh {
+            background-color: #36363a;
+        } .underlay__background-quaternary-inverted_1eqqh {
+            background-color: #dcdee2;
+        } .underlay__background-specialbg-component_1eqqh {
+            background-color: rgba(255, 255, 255, 0.1);
+        } .underlay__background-specialbg-component-inverted_1eqqh {
+            background-color: rgba(11, 31, 53, 0.07);
+        } .underlay__background-specialbg-primary-grouped_1eqqh {
+            background-color: #1c1c1e;
+        } .underlay__background-specialbg-secondary-grouped_1eqqh {
+            background-color: #27272a;
+        } .underlay__background-specialbg-tertiary-grouped_1eqqh {
+            background-color: #36363a;
+        } .underlay__background-specialbg-secondary-transparent_1eqqh {
+            background-color: rgba(214, 214, 229, 0.07);
+        } .underlay__background-specialbg-secondary-transparent-inverted_1eqqh {
+            background-color: rgba(38, 55, 88, 0.06);
+        } .underlay__background-specialbg-tertiary-transparent_1eqqh {
+            background-color: rgba(222, 222, 240, 0.12);
+        } .underlay__background-specialbg-tertiary-transparent-inverted_1eqqh {
+            background-color: rgba(30, 43, 68, 0.08);
+        } .underlay__shadow-xs_1eqqh {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s_1eqqh {
+        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_1eqqh {
+        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_1eqqh {
+        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_1eqqh {
+        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_1eqqh {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-s-hard_1eqqh {
+        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_1eqqh {
+        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_1eqqh {
+        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_1eqqh {
+        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_1eqqh {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s-up_1eqqh {
+        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
+    } .underlay__shadow-m-up_1eqqh {
+        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-up_1eqqh {
+        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
+    } .underlay__shadow-xl-up_1eqqh {
+        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_1eqqh {
+        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_1eqqh {
+        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_1eqqh {
+        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_1eqqh {
+        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_1eqqh {
+        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_1eqqh {
+        border-color: #f83a2a;
+    } .underlay__border-color-key_1eqqh {
+        border-color: rgba(255, 255, 255, 0.94);
+    } .underlay__border-color-key-inverted_1eqqh {
+        border-color: rgba(3, 3, 6, 0.88);
+    } .underlay__border-color-link_1eqqh {
+        border-color: #3193fc;
+    } .underlay__border-color-primary_1eqqh {
+        border-color: #353539;
+    } .underlay__border-color-primary-inverted_1eqqh {
+        border-color: #d2d3d9;
+    } .underlay__border-color-secondary_1eqqh {
+        border-color: #29292c;
+    } .underlay__border-color-secondary-inverted_1eqqh {
+        border-color: #e7e8eb;
+    } .underlay__border-color-tertiary_1eqqh {
+        border-color: #212124;
+    } .underlay__border-color-tertiary-inverted_1eqqh {
+        border-color: #edeef0;
+    } .underlay__border-color-underline_1eqqh {
+        border-color: #4a4a51;
+    } .underlay__border-color-underline-inverted_1eqqh {
+        border-color: #babbc2;
+    } .underlay__border-color-graphic-attention_1eqqh {
+        border-color: #fda136;
+    } .underlay__border-color-graphic-link_1eqqh {
+        border-color: #3193fc;
+    } .underlay__border-color-graphic-negative_1eqqh {
+        border-color: #ff4837;
+    } .underlay__border-color-graphic-positive_1eqqh {
+        border-color: #17d055;
+    } .underlay__border-color-specialbg-secondary-transparent_1eqqh {
+        border-color: rgba(225, 225, 248, 0.09);
+    } .underlay__border-color-specialbg-secondary-transparent-inverted_1eqqh {
+        border-color: rgba(30, 43, 68, 0.08);
+    } .underlay__border-color-specialbg-tertiary-transparent_1eqqh {
+        border-color: rgba(222, 222, 238, 0.13);
+    } .underlay__border-color-specialbg-tertiary-transparent-inverted_1eqqh {
+        border-color: rgba(15, 25, 55, 0.1);
+    }