@alfalab/core-components 47.5.0 → 47.6.0

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

@@ -1,96 +1,96 @@
-.card-image__cardImage_1xkc9 {
-    background: #e7e8ea;
-} .card-image__loaded_1xkc9 {
-    background: transparent
-}.backdrop__backdrop_spt0c {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_spt0c,
-.backdrop__enter_spt0c {
-    background-color: transparent;
-} .backdrop__appearActive_spt0c,
-.backdrop__enterActive_spt0c,
-.backdrop__appearDone_spt0c,
-.backdrop__enterDone_spt0c {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_spt0c {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_spt0c,
-.backdrop__exitDone_spt0c {
-    background-color: transparent;
-}.badge__component_1yj1l.badge__background-accent_1yj1l {
+.badge__component_tp3fl.badge__background-accent_tp3fl {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
-    } .badge__component_1yj1l.badge__background-specialbg-secondary-transparent_1yj1l {
+    } .badge__component_tp3fl.badge__background-specialbg-secondary-transparent_tp3fl {
         background-color: rgba(225, 225, 248, 0.09);
         color: rgba(255, 255, 255, 0.94);
-    } .badge__component_1yj1l.badge__background-primary_1yj1l {
+    } .badge__component_tp3fl.badge__background-primary_tp3fl {
         background-color: #262629;
         color: rgba(255, 255, 255, 0.94);
-    } .badge__outlineCount_1yj1l {
+    } .badge__outlineCount_tp3fl {
     border: 2px solid rgba(3, 3, 6, 0.88);
-} .badge__heightS_1yj1l.badge__outlineCount_1yj1l {
+} .badge__heightS_tp3fl.badge__outlineCount_tp3fl {
     border: 1px solid rgba(3, 3, 6, 0.88);
-} .badge__icon_1yj1l {
+} .badge__icon_tp3fl {
     color: #17d055
-} .badge__icon_1yj1l.badge__positive_1yj1l {
+} .badge__icon_tp3fl.badge__positive_tp3fl {
         color: #17d055;
         background-color: #17d055;
-    } .badge__icon_1yj1l.badge__attention_1yj1l {
+    } .badge__icon_tp3fl.badge__attention_tp3fl {
         color: #fda136;
         background-color: #fda136;
-    } .badge__icon_1yj1l.badge__negative_1yj1l {
+    } .badge__icon_tp3fl.badge__negative_tp3fl {
         color: #ff4837;
         background-color: #ff4837;
-    } .badge__icon_1yj1l.badge__link_1yj1l {
+    } .badge__icon_tp3fl.badge__link_tp3fl {
         color: #3193fc;
         background-color: #3193fc;
-    } .badge__icon_1yj1l.badge__tertiary_1yj1l {
+    } .badge__icon_tp3fl.badge__tertiary_tp3fl {
         color: #4a4a51;
         background-color: #4a4a51;
-    } .badge__icon_1yj1l.badge__secondary_1yj1l {
+    } .badge__icon_tp3fl.badge__secondary_tp3fl {
         color: #898991;
         background-color: #898991;
-    } .badge__icon_1yj1l.badge__primary_1yj1l {
+    } .badge__icon_tp3fl.badge__primary_tp3fl {
         color: rgba(255, 255, 255, 0.94);
         background-color: rgba(255, 255, 255, 0.94);
-    } .badge__graphic-static-light_1yj1l.badge__icon_1yj1l:before {
+    } .badge__graphic-static-light_tp3fl.badge__icon_tp3fl:before {
     background-color: rgba(255, 255, 255, 0.94);
-} .badge__graphic-primary_1yj1l.badge__icon_1yj1l:before {
+} .badge__graphic-primary_tp3fl.badge__icon_tp3fl:before {
     background-color: rgba(255, 255, 255, 0.94);
-} .badge__outline_1yj1l {
+} .badge__outline_tp3fl {
     background-color: rgba(3, 3, 6, 0.88);
-} .badge__outlineColor_1yj1l {
+} .badge__outlineColor_tp3fl {
     background-color: #f83a2a
-} .badge__outlineColor_1yj1l.badge__attention_1yj1l {
+} .badge__outlineColor_tp3fl.badge__attention_tp3fl {
         background-color: #fda136;
-    } .badge__outlineColor_1yj1l.badge__positive_1yj1l {
+    } .badge__outlineColor_tp3fl.badge__positive_tp3fl {
         background-color: #17d055;
-    } .badge__outlineColor_1yj1l.badge__negative_1yj1l {
+    } .badge__outlineColor_tp3fl.badge__negative_tp3fl {
         background-color: #ff4837;
-    } .badge__outlineColor_1yj1l.badge__link_1yj1l {
+    } .badge__outlineColor_tp3fl.badge__link_tp3fl {
         background-color: #3193fc;
-    } .badge__outlineColor_1yj1l.badge__tertiary_1yj1l {
+    } .badge__outlineColor_tp3fl.badge__tertiary_tp3fl {
         background-color: #4a4a51;
-    } .badge__outlineColor_1yj1l.badge__secondary_1yj1l {
+    } .badge__outlineColor_tp3fl.badge__secondary_tp3fl {
         background-color: #898991;
-    } .badge__outlineColor_1yj1l.badge__primary_1yj1l {
+    } .badge__outlineColor_tp3fl.badge__primary_tp3fl {
         background-color: rgba(255, 255, 255, 0.94);
-    } .badge__dot_1yj1l.badge__outlineCount_1yj1l {
+    } .badge__dot_tp3fl.badge__outlineCount_tp3fl {
     border: 1px solid rgba(3, 3, 6, 0.88);
-}.divider__component_1ckoa {
+}.card-image__cardImage_1maai {
+    background: #e7e8ea;
+} .card-image__loaded_1maai {
+    background: transparent
+}.backdrop__backdrop_1bzfx {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_1bzfx,
+.backdrop__enter_1bzfx {
+    background-color: transparent;
+} .backdrop__appearActive_1bzfx,
+.backdrop__enterActive_1bzfx,
+.backdrop__appearDone_1bzfx,
+.backdrop__enterDone_1bzfx {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exit_1bzfx {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exitActive_1bzfx,
+.backdrop__exitDone_1bzfx {
+    background-color: transparent;
+}.divider__component_10wrk {
     border-bottom: 1px solid #353539;
-}.dropzone__component_1ceuy {
+}.dropzone__component_42ids {
     border: 1px dashed rgba(255, 255, 255, 0.94);
-} .dropzone__component_1ceuy:not(.dropzone__disabled_1ceuy):hover {
+} .dropzone__component_42ids:not(.dropzone__disabled_42ids):hover {
     background-color: transparent;
-} .dropzone__dragOver_1ceuy {
+} .dropzone__dragOver_42ids {
     background-color: transparent;
-} .dropzone__error_1ceuy {
+} .dropzone__error_42ids {
     border-color: #ff4837;
 }
-.dropzone__overlay_k6ngd {
+.dropzone__overlay_bq2dl {
     background: rgba(214, 214, 229, 0.07);
-} .dropzone__text_k6ngd {
+} .dropzone__text_bq2dl {
     color: rgba(255, 255, 255, 0.94);
 }@media (max-width: 599px) {
     }
@@ -144,305 +144,444 @@
     }
 @media (min-width: 1920px) {
     }
-.hatching-progress-bar__container_tq4zl {
+.hatching-progress-bar__container_2chsz {
     background: rgba(222, 222, 238, 0.13);
-} .hatching-progress-bar__hatch_tq4zl {
+} .hatching-progress-bar__hatch_2chsz {
     background: repeating-linear-gradient(
         -45deg,
         rgba(222, 222, 238, 0.13) 6px 10px,
         rgba(255, 255, 255, 0) 10px 18px
     );
-} .hatching-progress-bar__positive_tq4zl {
+} .hatching-progress-bar__positive_2chsz {
         background: #17d055;
-    } .hatching-progress-bar__attention_tq4zl {
+    } .hatching-progress-bar__attention_2chsz {
         background: #fda136;
-    } .hatching-progress-bar__negative_tq4zl {
+    } .hatching-progress-bar__negative_2chsz {
         background: #ff4837;
-    } .hatching-progress-bar__link_tq4zl {
+    } .hatching-progress-bar__link_2chsz {
         background: #3193fc;
-    } .hatching-progress-bar__tertiary_tq4zl {
+    } .hatching-progress-bar__tertiary_2chsz {
         background: #4a4a51;
-    } .hatching-progress-bar__secondary_tq4zl {
+    } .hatching-progress-bar__secondary_2chsz {
         background: #898991;
-    } .hatching-progress-bar__primary_tq4zl {
+    } .hatching-progress-bar__primary_2chsz {
         background: rgba(255, 255, 255, 0.94);
-    } .hatching-progress-bar__accent_tq4zl {
+    } .hatching-progress-bar__accent_2chsz {
         background: #f83a2a;
-    }.icon-view__component_y40ej {
-    color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_y40ej {
-    fill: #1c1c1e;
-} .icon-view__border_y40ej {
-    stroke: rgba(225, 225, 248, 0.09);
-    fill: transparent;
-}.indicator__component_13iwi {
+    }.indicator__component_rw9d9 {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
-} .indicator__red_13iwi {
+} .indicator__red_rw9d9 {
     background-color: #f83a2a;
     color: rgba(255, 255, 255, 0.94)
-} .indicator__red_13iwi.indicator__border_13iwi {
+} .indicator__red_rw9d9.indicator__border_rw9d9 {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    } .indicator__white_13iwi {
+    } .indicator__white_rw9d9 {
     background-color: #262629;
     color: rgba(255, 255, 255, 0.94)
-} .indicator__white_13iwi.indicator__border_13iwi {
+} .indicator__white_rw9d9.indicator__border_rw9d9 {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    } .indicator__grey_13iwi {
+    } .indicator__grey_rw9d9 {
     background-color: rgba(225, 225, 248, 0.09);
     color: rgba(255, 255, 255, 0.94)
-} .indicator__grey_13iwi.indicator__border_13iwi {
+} .indicator__grey_rw9d9.indicator__border_rw9d9 {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    }@keyframes loader__blink_fsnnp {
-}.link__primary_1qkmt {
+    }.icon-view__component_1o8f5 {
+    color: rgba(238, 238, 251, 0.55)
+} .icon-view__bg_1o8f5 {
+    fill: #1c1c1e;
+} .icon-view__border_1o8f5 {
+    stroke: rgba(225, 225, 248, 0.09);
+    fill: transparent;
+}@keyframes loader__blink_um0x8 {
+}.link__primary_12hhh {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)
 } @media (hover: hover) {
-        .link__primary_1qkmt:hover {
+        .link__primary_12hhh:hover {
             color: rgba(255, 255, 255, 0.7);
         }
-    } .link__primary_1qkmt:active {
+    } .link__primary_12hhh:active {
         color: rgba(255, 255, 255, 0.6);
-    } .link__secondary_1qkmt {
+    } .link__secondary_12hhh {
     color: rgba(238, 238, 251, 0.55);
     border-bottom-color: rgba(238, 238, 251, 0.55)
 } @media (hover: hover) {
-        .link__secondary_1qkmt:hover {
+        .link__secondary_12hhh:hover {
             color: rgba(239, 240, 252, 0.65);
         }
-    } .link__secondary_1qkmt:active {
+    } .link__secondary_12hhh:active {
         color: rgba(243, 245, 254, 0.75);
-    } .link__defaultView_1qkmt {
+    } .link__defaultView_12hhh {
     color: #4a9dfc;
     border-bottom-color: #4a9dfc
 } @media (hover: hover) {
-        .link__defaultView_1qkmt:hover {
+        .link__defaultView_12hhh:hover {
             color: #63aafd;
         }
-    } .link__defaultView_1qkmt:active {
+    } .link__defaultView_12hhh:active {
         color: #7fb6ff;
     }
 @media (hover: hover) {
-        .link__component_1vqr6:hover .link__text_1vqr6 {
+        .link__component_1aejp:hover .link__text_1aejp {
             border-bottom-color: rgba(0, 0, 0, 0);
         }
-    } .link__component_1vqr6:active .link__text_1vqr6 {
+    } .link__component_1aejp:active .link__text_1aejp {
         border-bottom-color: rgba(0, 0, 0, 0);
-    } .link__focused_1vqr6 {
+    } .link__focused_1aejp {
     outline: 2px solid #3193fc;
-} .link__pseudo_1vqr6 {
+} .link__pseudo_1aejp {
     background-color: transparent;
 }
-.link__primary_uh2vt {
+.link__primary_6dxjf {
     color: rgba(3, 3, 6, 0.88);
     border-bottom-color: rgba(3, 3, 6, 0.88)
 } @media (hover: hover) {
-        .link__primary_uh2vt:hover {
+        .link__primary_6dxjf:hover {
             color: rgba(1, 1, 12, 0.63);
         }
-    } .link__primary_uh2vt:active {
+    } .link__primary_6dxjf:active {
         color: rgba(4, 4, 19, 0.55);
-    } .link__secondary_uh2vt {
+    } .link__secondary_6dxjf {
     color: rgba(4, 4, 19, 0.55);
     border-bottom-color: rgba(4, 4, 19, 0.55)
 } @media (hover: hover) {
-        .link__secondary_uh2vt:hover {
+        .link__secondary_6dxjf:hover {
             color: rgba(1, 1, 12, 0.63);
         }
-    } .link__secondary_uh2vt:active {
+    } .link__secondary_6dxjf:active {
         color: rgba(0, 0, 10, 0.71);
-    } .link__defaultView_uh2vt {
+    } .link__defaultView_6dxjf {
     color: #2a77ef;
     border-bottom-color: #2a77ef
 } @media (hover: hover) {
-        .link__defaultView_uh2vt:hover {
+        .link__defaultView_6dxjf:hover {
             color: #2c64d4;
         }
-    } .link__defaultView_uh2vt:active {
+    } .link__defaultView_6dxjf:active {
         color: #2453b4;
-    }.progress-bar__container_jbnv4 {
+    }.progress-bar__container_1bp9p {
     background: rgba(222, 222, 238, 0.13)
-} .progress-bar__filled_jbnv4.progress-bar__positive_jbnv4 {
+} .progress-bar__filled_1bp9p.progress-bar__positive_1bp9p {
         background: #17d055;
-    } .progress-bar__filled_jbnv4.progress-bar__negative_jbnv4 {
+    } .progress-bar__filled_1bp9p.progress-bar__negative_1bp9p {
         background: #ff4837;
-    } .progress-bar__filled_jbnv4.progress-bar__attention_jbnv4 {
+    } .progress-bar__filled_1bp9p.progress-bar__attention_1bp9p {
         background: #fda136;
-    } .progress-bar__filled_jbnv4.progress-bar__link_jbnv4 {
+    } .progress-bar__filled_1bp9p.progress-bar__link_1bp9p {
         background: #3193fc;
-    } .progress-bar__filled_jbnv4.progress-bar__tertiary_jbnv4 {
+    } .progress-bar__filled_1bp9p.progress-bar__tertiary_1bp9p {
         background: #4a4a51;
-    } .progress-bar__filled_jbnv4.progress-bar__secondary_jbnv4 {
+    } .progress-bar__filled_1bp9p.progress-bar__secondary_1bp9p {
         background: #898991;
-    } .progress-bar__filled_jbnv4.progress-bar__primary_jbnv4 {
+    } .progress-bar__filled_1bp9p.progress-bar__primary_1bp9p {
         background: rgba(255, 255, 255, 0.94);
-    } .progress-bar__filled_jbnv4.progress-bar__accent_jbnv4 {
+    } .progress-bar__filled_1bp9p.progress-bar__accent_1bp9p {
         background: #f83a2a;
-    }.scrollbar__component_i8ser .scrollbar:before {
+    }.scrollbar__component_1vh9i .scrollbar:before {
             background-color: rgba(228, 228, 251, 0.28);
-        } .scrollbar__component_i8ser.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_1vh9i.dragging .track .scrollbar.visible:before {
             background-color: rgba(238, 238, 254, 0.46);
         }
 
-.scrollbar__component_1a2j3 .scrollbar:before {
+.scrollbar__component_1eijn .scrollbar:before {
             background-color: rgba(9, 12, 37, 0.28);
-        } .scrollbar__component_1a2j3.dragging .track .scrollbar.visible:before {
+        } .scrollbar__component_1eijn.dragging .track .scrollbar.visible:before {
             background-color: rgba(4, 4, 21, 0.47);
-        }.slider__component_501sb .noUi-base:hover .noUi-connects {
-            background: rgba(222, 222, 238, 0.13);
-        } .slider__component_501sb .noUi-base:hover .noUi-connect {
-            background: #f83a2a;
-        } .slider__component_501sb .noUi-handle:hover .noUi-touch-area {
-        background: #ff503e;
-    } .slider__component_501sb .noUi-handle:active .noUi-touch-area {
-        background: #fd624e;
-    } .slider__component_501sb .noUi-connects {
-        background: rgba(222, 222, 238, 0.13);
-    } .slider__component_501sb .noUi-connect {
-        background: #f83a2a;
-    } .slider__component_501sb .noUi-handle {
-        border: 2px solid transparent;
-    } .slider__component_501sb .noUi-touch-area {
-        background: #f83a2a;
-    } .slider__component_501sb .noUi-pips {
-        color: rgba(238, 238, 251, 0.55);
-    }.skeleton__component_m7yrd {
+        }.skeleton__component_1lumq {
     color: transparent;
     background: rgba(214, 214, 229, 0.07)
-} .skeleton__component_m7yrd:before {
+} .skeleton__component_1lumq:before {
     background: transparent;
-} @keyframes skeleton__background_m7yrd {
+} @keyframes skeleton__background_1lumq {
     0% {
         background: rgba(214, 214, 229, 0.07);
     }
     100% {
         background: rgba(222, 222, 238, 0.13);
     }
-}.segmented-control__wrapper_d34n2 {
+}.slider__component_1rmz1 .noUi-base:hover .noUi-connects {
+            background: rgba(222, 222, 238, 0.13);
+        } .slider__component_1rmz1 .noUi-base:hover .noUi-connect {
+            background: #f83a2a;
+        } .slider__component_1rmz1 .noUi-handle:hover .noUi-touch-area {
+        background: #ff503e;
+    } .slider__component_1rmz1 .noUi-handle:active .noUi-touch-area {
+        background: #fd624e;
+    } .slider__component_1rmz1 .noUi-connects {
+        background: rgba(222, 222, 238, 0.13);
+    } .slider__component_1rmz1 .noUi-connect {
+        background: #f83a2a;
+    } .slider__component_1rmz1 .noUi-handle {
+        border: 2px solid transparent;
+    } .slider__component_1rmz1 .noUi-touch-area {
+        background: #f83a2a;
+    } .slider__component_1rmz1 .noUi-pips {
+        color: rgba(238, 238, 251, 0.55);
+    }.segmented-control__wrapper_7d5pu {
     background-color: rgba(225, 225, 248, 0.09);
-} .segmented-control__segment_d34n2.segmented-control__selected_d34n2 {
+} .segmented-control__segment_7d5pu.segmented-control__selected_7d5pu {
     color: rgba(255, 255, 255, 0.94);
-} .segmented-control__selectedBox_d34n2 {
+} .segmented-control__selectedBox_7d5pu {
     border: 0.5px solid rgba(225, 225, 248, 0.09);
     background-color: rgba(214, 214, 229, 0.07);
 }
-.segmented-control__selectedBox_1forf {
+.segmented-control__selectedBox_18yb0 {
     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_xoy34 {
+.segmented-control__wrapper_ryz5v {
     background-color: rgba(30, 43, 68, 0.08);
-} .segmented-control__segment_xoy34.segmented-control__selected_xoy34 {
+} .segmented-control__segment_ryz5v.segmented-control__selected_ryz5v {
     color: rgba(3, 3, 6, 0.88);
-} .segmented-control__selectedBox_xoy34 {
+} .segmented-control__selectedBox_ryz5v {
     border: 0.5px solid rgba(30, 43, 68, 0.08);
     background-color: #fff;
 }
-.segmented-control__segment_1ligw {
+.segmented-control__segment_1seiv {
     color: rgba(255, 255, 255, 0.94)
-} .segmented-control__segment_1ligw:not(:first-child):before {
+} .segmented-control__segment_1seiv:not(:first-child):before {
         background-color: rgba(222, 222, 238, 0.13);
     }
-.segmented-control__segment_1ybwz {
+.segmented-control__segment_sazc1 {
     background-color: transparent
-} .segmented-control__focused_1ybwz {
+} .segmented-control__focused_sazc1 {
     outline: 2px solid #3193fc;
 }
-.segmented-control__segment_3skhk {
+.segmented-control__segment_aomg5 {
     color: rgba(3, 3, 6, 0.88)
-} .segmented-control__segment_3skhk:not(:first-child):before {
+} .segmented-control__segment_aomg5:not(:first-child):before {
         background-color: rgba(15, 25, 55, 0.1);
-    }.spinner__component_1v0v1 {
+    }.spinner__component_zr9h7 {
     color: rgba(255, 255, 255, 0.94);
 }
-@keyframes spinner__spin_animation_m8dt4 {
+@keyframes spinner__spin_animation_1wvpw {
 }
-.spinner__component_1u3gn {
+.spinner__component_15llx {
     color: rgba(3, 3, 6, 0.88);
-}.status-badge__positive-checkmark_vq10p {
+}.status-badge__positive-checkmark_zws2r {
     background-color: #17d055;
-} .status-badge__negative-cross_vq10p,
-.status-badge__negative-alert_vq10p,
-.status-badge__negative-block_vq10p {
+} .status-badge__negative-cross_zws2r,
+.status-badge__negative-alert_zws2r,
+.status-badge__negative-block_zws2r {
     background-color: #ff4837;
-} .status-badge__attention-alert_vq10p {
+} .status-badge__attention-alert_zws2r {
     background-color: #fda136;
-} .status-badge__neutral-information_vq10p,
-.status-badge__neutral-operation_vq10p,
-.status-badge__neutral-cross_vq10p {
+} .status-badge__neutral-information_zws2r,
+.status-badge__neutral-operation_zws2r,
+.status-badge__neutral-cross_zws2r {
     background-color: #898991;
 }
-.status-badge__component_ksw9i {
+.status-badge__component_s6evl {
     color: rgba(255, 255, 255, 0.94);
 }
-.status-badge__positive-checkmark_4gq5w {
+.status-badge__positive-checkmark_8nh7x {
     background-color: #0cc44d;
-} .status-badge__negative-cross_4gq5w,
-.status-badge__negative-alert_4gq5w,
-.status-badge__negative-block_4gq5w {
+} .status-badge__negative-cross_8nh7x,
+.status-badge__negative-alert_8nh7x,
+.status-badge__negative-block_8nh7x {
     background-color: #ff4837;
-} .status-badge__attention-alert_4gq5w {
+} .status-badge__attention-alert_8nh7x {
     background-color: #fa9313;
-} .status-badge__neutral-information_4gq5w,
-.status-badge__neutral-operation_4gq5w,
-.status-badge__neutral-cross_4gq5w {
+} .status-badge__neutral-information_8nh7x,
+.status-badge__neutral-operation_8nh7x,
+.status-badge__neutral-cross_8nh7x {
     background-color: #898991;
-}.status__soft_1vlem.status__green_1vlem, .status__muted-alt_1vlem.status__green_1vlem {
+}.status__soft_tp6zp.status__green_tp6zp, .status__muted-alt_tp6zp.status__green_tp6zp {
             background: #d1f1d7;
             color: #0d9336;
-        } .status__soft_1vlem.status__orange_1vlem, .status__muted-alt_1vlem.status__orange_1vlem {
+        } .status__soft_tp6zp.status__orange_tp6zp, .status__muted-alt_tp6zp.status__orange_tp6zp {
             background: #fde6c8;
             color: #ea8313;
-        } .status__soft_1vlem.status__red_1vlem, .status__muted-alt_1vlem.status__red_1vlem {
+        } .status__soft_tp6zp.status__red_tp6zp, .status__muted-alt_tp6zp.status__red_tp6zp {
             background: #ffdfdf;
             color: #ec2d20;
-        } .status__soft_1vlem.status__blue_1vlem, .status__muted-alt_1vlem.status__blue_1vlem {
+        } .status__soft_tp6zp.status__blue_tp6zp, .status__muted-alt_tp6zp.status__blue_tp6zp {
             background: #d8eaff;
             color: #2a77ef;
-        } .status__soft_1vlem.status__teal_1vlem, .status__muted-alt_1vlem.status__teal_1vlem {
+        } .status__soft_tp6zp.status__teal_tp6zp, .status__muted-alt_tp6zp.status__teal_tp6zp {
             background: #c8f1f3;
             color: #058a8f;
-        } .status__soft_1vlem.status__grey_1vlem, .status__muted-alt_1vlem.status__grey_1vlem {
+        } .status__soft_tp6zp.status__grey_tp6zp, .status__muted-alt_tp6zp.status__grey_tp6zp {
         background: rgba(222, 222, 238, 0.13);
         color: rgba(238, 238, 251, 0.55);
-    } .status__soft_1vlem.status__purple_1vlem, .status__muted-alt_1vlem.status__purple_1vlem {
+    } .status__soft_tp6zp.status__purple_tp6zp, .status__muted-alt_tp6zp.status__purple_tp6zp {
         background: #e3e6fe;
         color: #7a63f1;
-    } .status__contrast_1vlem {
+    } .status__contrast_tp6zp {
     color: rgba(3, 3, 6, 0.88)
-} .status__contrast_1vlem.status__green_1vlem {
+} .status__contrast_tp6zp.status__green_tp6zp {
             background: #0cc44d;
-        } .status__contrast_1vlem.status__orange_1vlem {
+        } .status__contrast_tp6zp.status__orange_tp6zp {
             background: #fa9313;
-        } .status__contrast_1vlem.status__red_1vlem {
+        } .status__contrast_tp6zp.status__red_tp6zp {
             background: #fe5e48;
-        } .status__contrast_1vlem.status__blue_1vlem {
+        } .status__contrast_tp6zp.status__blue_tp6zp {
             background: #3193fc;
-        } .status__contrast_1vlem.status__teal_1vlem {
+        } .status__contrast_tp6zp.status__teal_tp6zp {
             background: #09b9be;
-        } .status__contrast_1vlem.status__grey_1vlem {
+        } .status__contrast_tp6zp.status__grey_tp6zp {
         background: #898991;
-    } .status__contrast_1vlem.status__purple_1vlem {
+    } .status__contrast_tp6zp.status__purple_tp6zp {
         background: #897eff;
-    } .status__muted_1vlem.status__green_1vlem {
+    } .status__muted_tp6zp.status__green_tp6zp {
             background: #dff8e5;
             color: #0d9336;
-        } .status__muted_1vlem.status__orange_1vlem {
+        } .status__muted_tp6zp.status__orange_tp6zp {
             background: #ffefd9;
             color: #ea8313;
-        } .status__muted_1vlem.status__red_1vlem {
+        } .status__muted_tp6zp.status__red_tp6zp {
             background: #ffebeb;
             color: #ec2d20;
-        } .status__muted_1vlem.status__blue_1vlem {
+        } .status__muted_tp6zp.status__blue_tp6zp {
             background: #e4f0ff;
             color: #2a77ef;
-        } .status__muted_1vlem.status__teal_1vlem {
+        } .status__muted_tp6zp.status__teal_tp6zp {
             background: #daf7f8;
             color: #058a8f;
-        } .status__muted_1vlem.status__grey_1vlem {
+        } .status__muted_tp6zp.status__grey_tp6zp {
         background: rgba(225, 225, 248, 0.09);
         color: rgba(238, 238, 251, 0.55);
-    } .status__muted_1vlem.status__purple_1vlem {
+    } .status__muted_tp6zp.status__purple_tp6zp {
         background: #eeedff;
         color: #7a63f1;
+    }.underlay__background-accent_g5tla {
+            background-color: #ef3124;
+        } .underlay__background-info_g5tla {
+            background-color: #001c3c;
+        } .underlay__background-attention-muted_g5tla {
+            background-color: #36291f;
+        } .underlay__background-positive-muted_g5tla {
+            background-color: #232d25;
+        } .underlay__background-negative-muted_g5tla {
+            background-color: #392523;
+        } .underlay__background-primary_g5tla {
+            background-color: #0e0e0e;
+        } .underlay__background-primary-inverted_g5tla {
+            background-color: #fff;
+        } .underlay__background-secondary_g5tla {
+            background-color: #1c1c1e;
+        } .underlay__background-secondary-inverted_g5tla {
+            background-color: #f2f3f5;
+        } .underlay__background-tertiary_g5tla {
+            background-color: #27272a;
+        } .underlay__background-tertiary-inverted_g5tla {
+            background-color: #e7e8ea;
+        } .underlay__background-quaternary_g5tla {
+            background-color: #36363a;
+        } .underlay__background-quaternary-inverted_g5tla {
+            background-color: #dcdee2;
+        } .underlay__background-specialbg-component_g5tla {
+            background-color: rgba(255, 255, 255, 0.1);
+        } .underlay__background-specialbg-component-inverted_g5tla {
+            background-color: rgba(11, 31, 53, 0.07);
+        } .underlay__background-specialbg-primary-grouped_g5tla {
+            background-color: #1c1c1e;
+        } .underlay__background-specialbg-secondary-grouped_g5tla {
+            background-color: #27272a;
+        } .underlay__background-specialbg-tertiary-grouped_g5tla {
+            background-color: #36363a;
+        } .underlay__background-specialbg-secondary-transparent_g5tla {
+            background-color: rgba(214, 214, 229, 0.07);
+        } .underlay__background-specialbg-secondary-transparent-inverted_g5tla {
+            background-color: rgba(38, 55, 88, 0.06);
+        } .underlay__background-specialbg-tertiary-transparent_g5tla {
+            background-color: rgba(222, 222, 240, 0.12);
+        } .underlay__background-specialbg-tertiary-transparent-inverted_g5tla {
+            background-color: rgba(30, 43, 68, 0.08);
+        } .underlay__shadow-xs_g5tla {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s_g5tla {
+        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_g5tla {
+        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_g5tla {
+        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_g5tla {
+        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_g5tla {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-s-hard_g5tla {
+        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_g5tla {
+        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_g5tla {
+        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_g5tla {
+        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_g5tla {
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
+    } .underlay__shadow-s-up_g5tla {
+        box-shadow: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
+    } .underlay__shadow-m-up_g5tla {
+        box-shadow: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
+    } .underlay__shadow-l-up_g5tla {
+        box-shadow: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
+    } .underlay__shadow-xl-up_g5tla {
+        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_g5tla {
+        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_g5tla {
+        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_g5tla {
+        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_g5tla {
+        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_g5tla {
+        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_g5tla {
+        border-color: #f83a2a;
+    } .underlay__border-color-key_g5tla {
+        border-color: rgba(255, 255, 255, 0.94);
+    } .underlay__border-color-key-inverted_g5tla {
+        border-color: rgba(3, 3, 6, 0.88);
+    } .underlay__border-color-link_g5tla {
+        border-color: #3193fc;
+    } .underlay__border-color-primary_g5tla {
+        border-color: #353539;
+    } .underlay__border-color-primary-inverted_g5tla {
+        border-color: #d2d3d9;
+    } .underlay__border-color-secondary_g5tla {
+        border-color: #29292c;
+    } .underlay__border-color-secondary-inverted_g5tla {
+        border-color: #e7e8eb;
+    } .underlay__border-color-tertiary_g5tla {
+        border-color: #212124;
+    } .underlay__border-color-tertiary-inverted_g5tla {
+        border-color: #edeef0;
+    } .underlay__border-color-underline_g5tla {
+        border-color: #4a4a51;
+    } .underlay__border-color-underline-inverted_g5tla {
+        border-color: #babbc2;
+    } .underlay__border-color-graphic-attention_g5tla {
+        border-color: #fda136;
+    } .underlay__border-color-graphic-link_g5tla {
+        border-color: #3193fc;
+    } .underlay__border-color-graphic-negative_g5tla {
+        border-color: #ff4837;
+    } .underlay__border-color-graphic-positive_g5tla {
+        border-color: #17d055;
+    } .underlay__border-color-specialbg-secondary-transparent_g5tla {
+        border-color: rgba(225, 225, 248, 0.09);
+    } .underlay__border-color-specialbg-secondary-transparent-inverted_g5tla {
+        border-color: rgba(30, 43, 68, 0.08);
+    } .underlay__border-color-specialbg-tertiary-transparent_g5tla {
+        border-color: rgba(222, 222, 238, 0.13);
+    } .underlay__border-color-specialbg-tertiary-transparent-inverted_g5tla {
+        border-color: rgba(15, 25, 55, 0.1);
     }