@alfalab/core-components 48.15.0 → 48.15.1-beta.1

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

@@ -1,98 +1,98 @@
-.card-image__cardImage_1b1o1 {
+.card-image__cardImage_12eau {
     background: #e7e8ea;
-} .card-image__loaded_1b1o1 {
+} .card-image__loaded_12eau {
     background: transparent
-}.badge__component_q00on.badge__background-accent_q00on {
+}.badge__component_19rrv.badge__background-accent_19rrv {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
-    } .badge__component_q00on.badge__background-specialbg-secondary-transparent_q00on {
+    } .badge__component_19rrv.badge__background-specialbg-secondary-transparent_19rrv {
         background-color: rgba(225, 225, 248, 0.09);
         color: rgba(255, 255, 255, 0.94);
-    } .badge__component_q00on.badge__background-primary_q00on {
+    } .badge__component_19rrv.badge__background-primary_19rrv {
         background-color: #262629;
         color: rgba(255, 255, 255, 0.94);
-    } .badge__outlineCount_q00on {
+    } .badge__outlineCount_19rrv {
     border: 2px solid rgba(3, 3, 6, 0.88);
-} .badge__heightS_q00on.badge__outlineCount_q00on {
+} .badge__heightS_19rrv.badge__outlineCount_19rrv {
     border: 1px solid rgba(3, 3, 6, 0.88);
-} .badge__icon_q00on {
+} .badge__icon_19rrv {
     color: #17d055
-} .badge__icon_q00on.badge__positive_q00on {
+} .badge__icon_19rrv.badge__positive_19rrv {
         color: #17d055;
         background-color: #17d055;
-    } .badge__icon_q00on.badge__attention_q00on {
+    } .badge__icon_19rrv.badge__attention_19rrv {
         color: #fda136;
         background-color: #fda136;
-    } .badge__icon_q00on.badge__negative_q00on {
+    } .badge__icon_19rrv.badge__negative_19rrv {
         color: #ff4837;
         background-color: #ff4837;
-    } .badge__icon_q00on.badge__link_q00on {
+    } .badge__icon_19rrv.badge__link_19rrv {
         color: #3193fc;
         background-color: #3193fc;
-    } .badge__icon_q00on.badge__tertiary_q00on {
+    } .badge__icon_19rrv.badge__tertiary_19rrv {
         color: #4a4a51;
         background-color: #4a4a51;
-    } .badge__icon_q00on.badge__secondary_q00on {
+    } .badge__icon_19rrv.badge__secondary_19rrv {
         color: #898991;
         background-color: #898991;
-    } .badge__icon_q00on.badge__primary_q00on {
+    } .badge__icon_19rrv.badge__primary_19rrv {
         color: rgba(255, 255, 255, 0.94);
         background-color: rgba(255, 255, 255, 0.94);
-    } .badge__graphic-static-light_q00on.badge__icon_q00on:before {
+    } .badge__graphic-static-light_19rrv.badge__icon_19rrv:before {
     background-color: rgba(255, 255, 255, 0.94);
-} .badge__graphic-primary_q00on.badge__icon_q00on:before {
+} .badge__graphic-primary_19rrv.badge__icon_19rrv:before {
     background-color: rgba(255, 255, 255, 0.94);
-} .badge__outline_q00on {
+} .badge__outline_19rrv {
     background-color: rgba(3, 3, 6, 0.88);
-} .badge__outlineColor_q00on {
+} .badge__outlineColor_19rrv {
     background-color: #f83a2a
-} .badge__outlineColor_q00on.badge__attention_q00on {
+} .badge__outlineColor_19rrv.badge__attention_19rrv {
         background-color: #fda136;
-    } .badge__outlineColor_q00on.badge__positive_q00on {
+    } .badge__outlineColor_19rrv.badge__positive_19rrv {
         background-color: #17d055;
-    } .badge__outlineColor_q00on.badge__negative_q00on {
+    } .badge__outlineColor_19rrv.badge__negative_19rrv {
         background-color: #ff4837;
-    } .badge__outlineColor_q00on.badge__link_q00on {
+    } .badge__outlineColor_19rrv.badge__link_19rrv {
         background-color: #3193fc;
-    } .badge__outlineColor_q00on.badge__tertiary_q00on {
+    } .badge__outlineColor_19rrv.badge__tertiary_19rrv {
         background-color: #4a4a51;
-    } .badge__outlineColor_q00on.badge__secondary_q00on {
+    } .badge__outlineColor_19rrv.badge__secondary_19rrv {
         background-color: #898991;
-    } .badge__outlineColor_q00on.badge__primary_q00on {
+    } .badge__outlineColor_19rrv.badge__primary_19rrv {
         background-color: rgba(255, 255, 255, 0.94);
-    } .badge__dot_q00on.badge__outlineCount_q00on {
+    } .badge__dot_19rrv.badge__outlineCount_19rrv {
     border: 1px solid rgba(3, 3, 6, 0.88);
-}.backdrop__backdrop_1joej {
+}.backdrop__backdrop_17h0m {
     -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_1joej,
-.backdrop__enter_1joej {
+} .backdrop__appear_17h0m,
+.backdrop__enter_17h0m {
     background-color: transparent;
-} .backdrop__appearActive_1joej,
-.backdrop__enterActive_1joej,
-.backdrop__appearDone_1joej,
-.backdrop__enterDone_1joej {
+} .backdrop__appearActive_17h0m,
+.backdrop__enterActive_17h0m,
+.backdrop__appearDone_17h0m,
+.backdrop__enterDone_17h0m {
     background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_1joej {
+} .backdrop__exit_17h0m {
     background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_1joej,
-.backdrop__exitDone_1joej {
+} .backdrop__exitActive_17h0m,
+.backdrop__exitDone_17h0m {
     background-color: transparent;
-} .backdrop__transparent_1joej.backdrop__transparent_1joej {
+} .backdrop__transparent_17h0m.backdrop__transparent_17h0m {
     background-color: transparent;
-}.divider__component_wwyvs {
+}.divider__component_155lv {
     border-bottom: 1px solid #353539;
-}.dropzone__component_15ql4 {
+}.dropzone__component_1nzgq {
     border: 1px dashed rgba(255, 255, 255, 0.94);
-} .dropzone__component_15ql4:not(.dropzone__disabled_15ql4):hover {
+} .dropzone__component_1nzgq:not(.dropzone__disabled_1nzgq):hover {
     background-color: transparent;
-} .dropzone__dragOver_15ql4 {
+} .dropzone__dragOver_1nzgq {
     background-color: transparent;
-} .dropzone__error_15ql4 {
+} .dropzone__error_1nzgq {
     border-color: #ff4837;
 }
-.dropzone__overlay_1a2o1 {
+.dropzone__overlay_xva52 {
     background: rgba(214, 214, 229, 0.07);
-} .dropzone__text_1a2o1 {
+} .dropzone__text_xva52 {
     color: rgba(255, 255, 255, 0.94);
 }@media (max-width: 599px) {
     }
@@ -146,314 +146,453 @@
     }
 @media (min-width: 1920px) {
     }
-.hatching-progress-bar__container_1c7ax {
+.hatching-progress-bar__container_1cp5l {
     background: rgba(222, 222, 238, 0.13);
-} .hatching-progress-bar__hatch_1c7ax {
+} .hatching-progress-bar__hatch_1cp5l {
     background: repeating-linear-gradient(
         -45deg,
         rgba(222, 222, 238, 0.13) 6px 10px,
         rgba(255, 255, 255, 0) 10px 18px
     );
-} .hatching-progress-bar__positive_1c7ax {
+} .hatching-progress-bar__positive_1cp5l {
         background: #17d055;
-    } .hatching-progress-bar__attention_1c7ax {
+    } .hatching-progress-bar__attention_1cp5l {
         background: #fda136;
-    } .hatching-progress-bar__negative_1c7ax {
+    } .hatching-progress-bar__negative_1cp5l {
         background: #ff4837;
-    } .hatching-progress-bar__link_1c7ax {
+    } .hatching-progress-bar__link_1cp5l {
         background: #3193fc;
-    } .hatching-progress-bar__tertiary_1c7ax {
+    } .hatching-progress-bar__tertiary_1cp5l {
         background: #4a4a51;
-    } .hatching-progress-bar__secondary_1c7ax {
+    } .hatching-progress-bar__secondary_1cp5l {
         background: #898991;
-    } .hatching-progress-bar__primary_1c7ax {
+    } .hatching-progress-bar__primary_1cp5l {
         background: rgba(255, 255, 255, 0.94);
-    } .hatching-progress-bar__accent_1c7ax {
+    } .hatching-progress-bar__accent_1cp5l {
         background: #f83a2a;
-    }.indicator__component_1rgph {
+    }.indicator__component_fuj3y {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
-} .indicator__red_1rgph {
+} .indicator__red_fuj3y {
     background-color: #f83a2a;
     color: rgba(255, 255, 255, 0.94)
-} .indicator__red_1rgph.indicator__border_1rgph {
+} .indicator__red_fuj3y.indicator__border_fuj3y {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    } .indicator__white_1rgph {
+    } .indicator__white_fuj3y {
     background-color: #262629;
     color: rgba(255, 255, 255, 0.94)
-} .indicator__white_1rgph.indicator__border_1rgph {
+} .indicator__white_fuj3y.indicator__border_fuj3y {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    } .indicator__grey_1rgph {
+    } .indicator__grey_fuj3y {
     background-color: rgba(225, 225, 248, 0.09);
     color: rgba(255, 255, 255, 0.94)
-} .indicator__grey_1rgph.indicator__border_1rgph {
+} .indicator__grey_fuj3y.indicator__border_fuj3y {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    }.icon-view__component_erjtg {
+    }.icon-view__component_ynw0u {
     color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_erjtg {
+} .icon-view__bg_ynw0u {
     fill: #1c1c1e;
-} .icon-view__border_erjtg {
+} .icon-view__border_ynw0u {
     stroke: rgba(225, 225, 248, 0.09);
     fill: transparent;
-}@keyframes loader__blink_j8kqo {
-}.link__primary_y8uus {
+}@keyframes loader__blink_weht6 {
+}.link__primary_i3al0 {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)
 } @media (hover: hover) {
-        .link__primary_y8uus:hover {
+        .link__primary_i3al0:hover {
             color: rgba(255, 255, 255, 0.7);
         }
-    } .link__primary_y8uus:active {
+    } .link__primary_i3al0:active {
         color: rgba(255, 255, 255, 0.6);
-    } .link__secondary_y8uus {
+    } .link__secondary_i3al0 {
     color: rgba(238, 238, 251, 0.55);
     border-bottom-color: rgba(238, 238, 251, 0.55)
 } @media (hover: hover) {
-        .link__secondary_y8uus:hover {
+        .link__secondary_i3al0:hover {
             color: rgba(239, 240, 252, 0.65);
         }
-    } .link__secondary_y8uus:active {
+    } .link__secondary_i3al0:active {
         color: rgba(243, 245, 254, 0.75);
-    } .link__defaultView_y8uus {
+    } .link__defaultView_i3al0 {
     color: #4a9dfc;
     border-bottom-color: #4a9dfc
 } @media (hover: hover) {
-        .link__defaultView_y8uus:hover {
+        .link__defaultView_i3al0:hover {
             color: #63aafd;
         }
-    } .link__defaultView_y8uus:active {
+    } .link__defaultView_i3al0:active {
         color: #7fb6ff;
     }
 @media (hover: hover) {
-        .link__component_7oq4r:hover .link__text_7oq4r {
+        .link__component_1ypgc:hover .link__text_1ypgc {
             border-bottom-color: rgba(0, 0, 0, 0);
         }
-    } .link__component_7oq4r:active .link__text_7oq4r {
+    } .link__component_1ypgc:active .link__text_1ypgc {
         border-bottom-color: rgba(0, 0, 0, 0);
-    } .link__focused_7oq4r {
+    } .link__focused_1ypgc {
     outline: 2px solid #3193fc;
-} .link__pseudo_7oq4r {
+} .link__pseudo_1ypgc {
     background-color: transparent;
 }
-.link__primary_16me3 {
+.link__primary_qgtto {
     color: rgba(3, 3, 6, 0.88);
     border-bottom-color: rgba(3, 3, 6, 0.88)
 } @media (hover: hover) {
-        .link__primary_16me3:hover {
+        .link__primary_qgtto:hover {
             color: rgba(1, 1, 12, 0.63);
         }
-    } .link__primary_16me3:active {
+    } .link__primary_qgtto:active {
         color: rgba(4, 4, 19, 0.55);
-    } .link__secondary_16me3 {
+    } .link__secondary_qgtto {
     color: rgba(4, 4, 19, 0.55);
     border-bottom-color: rgba(4, 4, 19, 0.55)
 } @media (hover: hover) {
-        .link__secondary_16me3:hover {
+        .link__secondary_qgtto:hover {
             color: rgba(1, 1, 12, 0.63);
         }
-    } .link__secondary_16me3:active {
+    } .link__secondary_qgtto:active {
         color: rgba(0, 0, 10, 0.71);
-    } .link__defaultView_16me3 {
+    } .link__defaultView_qgtto {
     color: #2a77ef;
     border-bottom-color: #2a77ef
 } @media (hover: hover) {
-        .link__defaultView_16me3:hover {
+        .link__defaultView_qgtto:hover {
             color: #2c64d4;
         }
-    } .link__defaultView_16me3:active {
+    } .link__defaultView_qgtto:active {
         color: #2453b4;
-    }.progress-bar__container_19lzz {
+    }.progress-bar__container_1qxi2 {
     background-color: rgba(222, 222, 238, 0.13);
 }
-.progress-bar__filled_a3vfh.progress-bar__positive_a3vfh {
+.progress-bar__filled_12do3.progress-bar__positive_12do3 {
         background: #17d055;
-    } .progress-bar__filled_a3vfh.progress-bar__negative_a3vfh {
+    } .progress-bar__filled_12do3.progress-bar__negative_12do3 {
         background: #ff4837;
-    } .progress-bar__filled_a3vfh.progress-bar__attention_a3vfh {
+    } .progress-bar__filled_12do3.progress-bar__attention_12do3 {
         background: #fda136;
-    } .progress-bar__filled_a3vfh.progress-bar__link_a3vfh {
+    } .progress-bar__filled_12do3.progress-bar__link_12do3 {
         background: #3193fc;
-    } .progress-bar__filled_a3vfh.progress-bar__tertiary_a3vfh {
+    } .progress-bar__filled_12do3.progress-bar__tertiary_12do3 {
         background: #4a4a51;
-    } .progress-bar__filled_a3vfh.progress-bar__secondary_a3vfh {
+    } .progress-bar__filled_12do3.progress-bar__secondary_12do3 {
         background: #898991;
-    } .progress-bar__filled_a3vfh.progress-bar__primary_a3vfh {
+    } .progress-bar__filled_12do3.progress-bar__primary_12do3 {
         background: rgba(255, 255, 255, 0.94);
-    } .progress-bar__filled_a3vfh.progress-bar__accent_a3vfh {
+    } .progress-bar__filled_12do3.progress-bar__accent_12do3 {
         background: #f83a2a;
     }
-.progress-bar__container_9fpi7 {
+.progress-bar__container_qr7ks {
     background-color: rgba(15, 25, 55, 0.1);
-}.scrollbar__component_rf2tu .scrollbar:before {
+}.scrollbar__component_1bbf1 .scrollbar:before {
             background-color: rgba(228, 228, 251, 0.28);
-        } .scrollbar__component_rf2tu.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_1bbf1.dragging .track .scrollbar.visible:before {
             background-color: rgba(238, 238, 254, 0.46);
         }
 
-.scrollbar__component_84i0i .scrollbar:before {
+.scrollbar__component_s0u7w .scrollbar:before {
             background-color: rgba(9, 12, 37, 0.28);
-        } .scrollbar__component_84i0i.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_s0u7w.dragging .track .scrollbar.visible:before {
             background-color: rgba(4, 4, 21, 0.47);
-        }.segmented-control__wrapper_4t763 {
+        }.skeleton__component_1drse {
+    background: rgba(214, 214, 229, 0.07);
+} @keyframes skeleton__background_1drse {
+    0% {
+        background: rgba(214, 214, 229, 0.07);
+    }
+    100% {
+        background: rgba(222, 222, 238, 0.13);
+    }
+}
+.skeleton__component_1sf86 {
+    color: transparent
+} .skeleton__component_1sf86:before {
+    background: transparent;
+}
+.skeleton__component_52nb1 {
+    background: rgba(38, 55, 88, 0.06);
+} @keyframes skeleton__background-inverted_52nb1 {
+    0% {
+        background: rgba(38, 55, 88, 0.06);
+    }
+    100% {
+        background: rgba(15, 25, 55, 0.1);
+    }
+}.segmented-control__wrapper_u3vax {
     background-color: rgba(225, 225, 248, 0.09);
-} .segmented-control__segment_4t763.segmented-control__selected_4t763 {
+} .segmented-control__segment_u3vax.segmented-control__selected_u3vax {
     color: rgba(255, 255, 255, 0.94);
-} .segmented-control__selectedBox_4t763 {
+} .segmented-control__selectedBox_u3vax {
     border: 0.5px solid rgba(225, 225, 248, 0.09);
     background-color: rgba(214, 214, 229, 0.07);
 }
-.segmented-control__selectedBox_m38pr {
+.segmented-control__selectedBox_zv84f {
     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_722la {
+.segmented-control__wrapper_wcqq4 {
     background-color: rgba(30, 43, 68, 0.08);
-} .segmented-control__segment_722la.segmented-control__selected_722la {
+} .segmented-control__segment_wcqq4.segmented-control__selected_wcqq4 {
     color: rgba(3, 3, 6, 0.88);
-} .segmented-control__selectedBox_722la {
+} .segmented-control__selectedBox_wcqq4 {
     border: 0.5px solid rgba(30, 43, 68, 0.08);
     background-color: #fff;
 }
-.segmented-control__segment_1xhur {
+.segmented-control__segment_c8q3w {
     color: rgba(255, 255, 255, 0.94)
-} .segmented-control__segment_1xhur:not(:first-child):before {
+} .segmented-control__segment_c8q3w:not(:first-child):before {
         background-color: rgba(222, 222, 238, 0.13);
     }
-.segmented-control__segment_169im {
+.segmented-control__segment_shj7f {
     background-color: transparent
-} .segmented-control__focused_169im {
+} .segmented-control__focused_shj7f {
     outline: 2px solid #3193fc;
 }
-.segmented-control__segment_13yy0 {
+.segmented-control__segment_1hqxf {
     color: rgba(3, 3, 6, 0.88)
-} .segmented-control__segment_13yy0:not(:first-child):before {
+} .segmented-control__segment_1hqxf:not(:first-child):before {
         background-color: rgba(15, 25, 55, 0.1);
-    }.slider__component_h2048 .noUi-base:hover .noUi-connects {
+    }.slider__component_u7x6r .noUi-base:hover .noUi-connects {
             background: rgba(222, 222, 238, 0.13);
-        } .slider__component_h2048 .noUi-base:hover .noUi-connect {
+        } .slider__component_u7x6r .noUi-base:hover .noUi-connect {
             background: #f83a2a;
-        } .slider__component_h2048 .noUi-handle:hover .noUi-touch-area {
+        } .slider__component_u7x6r .noUi-handle:hover .noUi-touch-area {
         background: #ff503e;
-    } .slider__component_h2048 .noUi-handle:active .noUi-touch-area {
+    } .slider__component_u7x6r .noUi-handle:active .noUi-touch-area {
         background: #fd624e;
-    } .slider__component_h2048 .noUi-connects {
+    } .slider__component_u7x6r .noUi-connects {
         background: rgba(222, 222, 238, 0.13);
-    } .slider__component_h2048 .noUi-connect {
+    } .slider__component_u7x6r .noUi-connect {
         background: #f83a2a;
-    } .slider__component_h2048 .noUi-handle {
+    } .slider__component_u7x6r .noUi-handle {
         border: 2px solid transparent;
-    } .slider__component_h2048 .noUi-touch-area {
+    } .slider__component_u7x6r .noUi-touch-area {
         background: #f83a2a;
-    } .slider__component_h2048 .noUi-pips {
+    } .slider__component_u7x6r .noUi-pips {
         color: rgba(238, 238, 251, 0.55);
-    }.skeleton__component_gvra9 {
-    background: rgba(214, 214, 229, 0.07);
-} @keyframes skeleton__background_gvra9 {
-    0% {
-        background: rgba(214, 214, 229, 0.07);
-    }
-    100% {
-        background: rgba(222, 222, 238, 0.13);
-    }
-}
-.skeleton__component_5li1c {
-    color: transparent
-} .skeleton__component_5li1c:before {
-    background: transparent;
-}
-.skeleton__component_177q8 {
-    background: rgba(38, 55, 88, 0.06);
-} @keyframes skeleton__background-inverted_177q8 {
-    0% {
-        background: rgba(38, 55, 88, 0.06);
-    }
-    100% {
-        background: rgba(15, 25, 55, 0.1);
-    }
-}.status__soft_odnnc.status__green_odnnc, .status__muted-alt_odnnc.status__green_odnnc {
+    }.status__soft_11jkp.status__green_11jkp, .status__muted-alt_11jkp.status__green_11jkp {
             background: #253528;
             color: #0cc44d;
-        } .status__soft_odnnc.status__orange_odnnc, .status__muted-alt_odnnc.status__orange_odnnc {
+        } .status__soft_11jkp.status__orange_11jkp, .status__muted-alt_11jkp.status__orange_11jkp {
             background: #412f22;
             color: #fa9313;
-        } .status__soft_odnnc.status__red_odnnc, .status__muted-alt_odnnc.status__red_odnnc {
+        } .status__soft_11jkp.status__red_11jkp, .status__muted-alt_11jkp.status__red_11jkp {
             background: #442926;
             color: #ff4837;
-        } .status__soft_odnnc.status__blue_odnnc, .status__muted-alt_odnnc.status__blue_odnnc {
+        } .status__soft_11jkp.status__blue_11jkp, .status__muted-alt_11jkp.status__blue_11jkp {
             background: #293044;
             color: #4a9dfc;
-        } .status__soft_odnnc.status__teal_odnnc, .status__muted-alt_odnnc.status__teal_odnnc {
+        } .status__soft_11jkp.status__teal_11jkp, .status__muted-alt_11jkp.status__teal_11jkp {
             background: #1b353a;
             color: #09b9be;
-        } .status__soft_odnnc.status__grey_odnnc, .status__muted-alt_odnnc.status__grey_odnnc {
+        } .status__soft_11jkp.status__grey_11jkp, .status__muted-alt_11jkp.status__grey_11jkp {
         background: rgba(222, 222, 238, 0.13);
         color: rgba(238, 238, 251, 0.55);
-    } .status__soft_odnnc.status__purple_odnnc, .status__muted-alt_odnnc.status__purple_odnnc {
+    } .status__soft_11jkp.status__purple_11jkp, .status__muted-alt_11jkp.status__purple_11jkp {
         background: #332d42;
         color: #998bff;
-    } .status__contrast_odnnc {
+    } .status__contrast_11jkp {
     color: rgba(3, 3, 6, 0.88)
-} .status__contrast_odnnc.status__green_odnnc {
+} .status__contrast_11jkp.status__green_11jkp {
             background: #17d055;
-        } .status__contrast_odnnc.status__orange_odnnc {
+        } .status__contrast_11jkp.status__orange_11jkp {
             background: #fda136;
-        } .status__contrast_odnnc.status__red_odnnc {
+        } .status__contrast_11jkp.status__red_11jkp {
             background: #ff755e;
-        } .status__contrast_odnnc.status__blue_odnnc {
+        } .status__contrast_11jkp.status__blue_11jkp {
             background: #4a9dfc;
-        } .status__contrast_odnnc.status__teal_odnnc {
+        } .status__contrast_11jkp.status__teal_11jkp {
             background: #09c8d0;
-        } .status__contrast_odnnc.status__grey_odnnc {
+        } .status__contrast_11jkp.status__grey_11jkp {
         background: #898991;
-    } .status__contrast_odnnc.status__purple_odnnc {
+    } .status__contrast_11jkp.status__purple_11jkp {
         background: #998bff;
-    } .status__muted_odnnc.status__green_odnnc {
+    } .status__muted_11jkp.status__green_11jkp {
             background: #232d25;
             color: #0cc44d;
-        } .status__muted_odnnc.status__orange_odnnc {
+        } .status__muted_11jkp.status__orange_11jkp {
             background: #36291f;
             color: #fa9313;
-        } .status__muted_odnnc.status__red_odnnc {
+        } .status__muted_11jkp.status__red_11jkp {
             background: #392523;
             color: #ff4837;
-        } .status__muted_odnnc.status__blue_odnnc {
+        } .status__muted_11jkp.status__blue_11jkp {
             background: #222a3e;
             color: #4a9dfc;
-        } .status__muted_odnnc.status__teal_odnnc {
+        } .status__muted_11jkp.status__teal_11jkp {
             background: #1d2d31;
             color: #09b9be;
-        } .status__muted_odnnc.status__grey_odnnc {
+        } .status__muted_11jkp.status__grey_11jkp {
         background: rgba(225, 225, 248, 0.09);
         color: rgba(238, 238, 251, 0.55);
-    } .status__muted_odnnc.status__purple_odnnc {
+    } .status__muted_11jkp.status__purple_11jkp {
         background: #2b2736;
         color: #998bff;
-    }.status-badge__positive-checkmark_1hemr {
+    }.status-badge__positive-checkmark_1yq4t {
     background-color: #17d055;
-} .status-badge__negative-cross_1hemr,
-.status-badge__negative-alert_1hemr,
-.status-badge__negative-block_1hemr {
+} .status-badge__negative-cross_1yq4t,
+.status-badge__negative-alert_1yq4t,
+.status-badge__negative-block_1yq4t {
     background-color: #ff4837;
-} .status-badge__attention-alert_1hemr {
+} .status-badge__attention-alert_1yq4t {
     background-color: #fda136;
-} .status-badge__neutral-information_1hemr,
-.status-badge__neutral-operation_1hemr,
-.status-badge__neutral-cross_1hemr {
+} .status-badge__neutral-information_1yq4t,
+.status-badge__neutral-operation_1yq4t,
+.status-badge__neutral-cross_1yq4t {
     background-color: #898991;
 }
-.status-badge__component_12w5f {
+.status-badge__component_1v5y4 {
     color: rgba(255, 255, 255, 0.94);
 }
-.status-badge__positive-checkmark_1mtq7 {
+.status-badge__positive-checkmark_54484 {
     background-color: #0cc44d;
-} .status-badge__negative-cross_1mtq7,
-.status-badge__negative-alert_1mtq7,
-.status-badge__negative-block_1mtq7 {
+} .status-badge__negative-cross_54484,
+.status-badge__negative-alert_54484,
+.status-badge__negative-block_54484 {
     background-color: #ff4837;
-} .status-badge__attention-alert_1mtq7 {
+} .status-badge__attention-alert_54484 {
     background-color: #fa9313;
-} .status-badge__neutral-information_1mtq7,
-.status-badge__neutral-operation_1mtq7,
-.status-badge__neutral-cross_1mtq7 {
+} .status-badge__neutral-information_54484,
+.status-badge__neutral-operation_54484,
+.status-badge__neutral-cross_54484 {
     background-color: #898991;
-}
+}.underlay__background-accent_1r3y4 {
+            background-color: #ef3124;
+        } .underlay__background-info_1r3y4 {
+            background-color: #001c3c;
+        } .underlay__background-attention-muted_1r3y4 {
+            background-color: #36291f;
+        } .underlay__background-positive-muted_1r3y4 {
+            background-color: #232d25;
+        } .underlay__background-negative-muted_1r3y4 {
+            background-color: #392523;
+        } .underlay__background-primary_1r3y4 {
+            background-color: #121213;
+        } .underlay__background-primary-inverted_1r3y4 {
+            background-color: #fff;
+        } .underlay__background-secondary_1r3y4 {
+            background-color: #1c1c1e;
+        } .underlay__background-secondary-inverted_1r3y4 {
+            background-color: #f2f3f5;
+        } .underlay__background-tertiary_1r3y4 {
+            background-color: #27272a;
+        } .underlay__background-tertiary-inverted_1r3y4 {
+            background-color: #e7e8ea;
+        } .underlay__background-quaternary_1r3y4 {
+            background-color: #36363a;
+        } .underlay__background-quaternary-inverted_1r3y4 {
+            background-color: #dcdee2;
+        } .underlay__background-specialbg-component_1r3y4 {
+            background-color: rgba(255, 255, 255, 0.1);
+        } .underlay__background-specialbg-component-inverted_1r3y4 {
+            background-color: rgba(11, 31, 53, 0.07);
+        } .underlay__background-specialbg-primary-grouped_1r3y4 {
+            background-color: #1c1c1e;
+        } .underlay__background-specialbg-secondary-grouped_1r3y4 {
+            background-color: #27272a;
+        } .underlay__background-specialbg-tertiary-grouped_1r3y4 {
+            background-color: #36363a;
+        } .underlay__background-specialbg-secondary-transparent_1r3y4 {
+            background-color: rgba(214, 214, 229, 0.07);
+        } .underlay__background-specialbg-secondary-transparent-inverted_1r3y4 {
+            background-color: rgba(38, 55, 88, 0.06);
+        } .underlay__background-specialbg-tertiary-transparent_1r3y4 {
+            background-color: rgba(222, 222, 240, 0.12);
+        } .underlay__background-specialbg-tertiary-transparent-inverted_1r3y4 {
+            background-color: rgba(30, 43, 68, 0.08);
+        } .underlay__shadow-xs_1r3y4 {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s_1r3y4 {
+        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_1r3y4 {
+        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_1r3y4 {
+        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_1r3y4 {
+        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_1r3y4 {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-s-hard_1r3y4 {
+        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_1r3y4 {
+        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_1r3y4 {
+        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_1r3y4 {
+        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_1r3y4 {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s-up_1r3y4 {
+        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
+    } .underlay__shadow-m-up_1r3y4 {
+        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-up_1r3y4 {
+        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
+    } .underlay__shadow-xl-up_1r3y4 {
+        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_1r3y4 {
+        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_1r3y4 {
+        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_1r3y4 {
+        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_1r3y4 {
+        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_1r3y4 {
+        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_1r3y4 {
+        border-color: #f83a2a;
+    } .underlay__border-color-key_1r3y4 {
+        border-color: rgba(255, 255, 255, 0.94);
+    } .underlay__border-color-key-inverted_1r3y4 {
+        border-color: rgba(3, 3, 6, 0.88);
+    } .underlay__border-color-link_1r3y4 {
+        border-color: #3193fc;
+    } .underlay__border-color-primary_1r3y4 {
+        border-color: #353539;
+    } .underlay__border-color-primary-inverted_1r3y4 {
+        border-color: #d2d3d9;
+    } .underlay__border-color-secondary_1r3y4 {
+        border-color: #29292c;
+    } .underlay__border-color-secondary-inverted_1r3y4 {
+        border-color: #e7e8eb;
+    } .underlay__border-color-tertiary_1r3y4 {
+        border-color: #212124;
+    } .underlay__border-color-tertiary-inverted_1r3y4 {
+        border-color: #edeef0;
+    } .underlay__border-color-underline_1r3y4 {
+        border-color: #4a4a51;
+    } .underlay__border-color-underline-inverted_1r3y4 {
+        border-color: #babbc2;
+    } .underlay__border-color-graphic-attention_1r3y4 {
+        border-color: #fda136;
+    } .underlay__border-color-graphic-link_1r3y4 {
+        border-color: #3193fc;
+    } .underlay__border-color-graphic-negative_1r3y4 {
+        border-color: #ff4837;
+    } .underlay__border-color-graphic-positive_1r3y4 {
+        border-color: #17d055;
+    } .underlay__border-color-specialbg-secondary-transparent_1r3y4 {
+        border-color: rgba(225, 225, 248, 0.09);
+    } .underlay__border-color-specialbg-secondary-transparent-inverted_1r3y4 {
+        border-color: rgba(30, 43, 68, 0.08);
+    } .underlay__border-color-specialbg-tertiary-transparent_1r3y4 {
+        border-color: rgba(222, 222, 238, 0.13);
+    } .underlay__border-color-specialbg-tertiary-transparent-inverted_1r3y4 {
+        border-color: rgba(15, 25, 55, 0.1);
+    }