@alfalab/core-components 19.11.1 → 20.0.0

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

@@ -0,0 +1,723 @@
+.card-image__cardImage_1cuj1 {
+    background: #e7e8ea;
+}
+.card-image__loaded_1cuj1 {
+    background: transparent
+}.badge__component_1wwuk {
+    background-color: #ef3124;
+    color: #000;
+}
+.badge__icon_1wwuk {
+    color: #2fc26e;
+    background-color: transparent
+}
+.badge__icon_1wwuk.badge__positive_1wwuk {
+        color: #2fc26e;
+    }
+.badge__icon_1wwuk.badge__attention_1wwuk {
+        color: #f6bf65;
+    }
+.badge__icon_1wwuk.badge__negative_1wwuk {
+        color: #d91d0b;
+    }
+.badge__icon_1wwuk.badge__link_1wwuk {
+        color: #0072ef;
+    }
+.badge__icon_1wwuk.badge__tertiary_1wwuk {
+        color: #464649;
+    }
+.badge__icon_1wwuk.badge__secondary_1wwuk {
+        color: #8d8d93;
+    }
+.badge__icon_1wwuk.badge__primary_1wwuk {
+        color: #fff;
+    }
+.badge__icon_1wwuk:before {
+    background-color: #121212;
+}.backdrop__backdrop_1i5x1 {
+    -webkit-tap-highlight-color: transparent;
+}
+.backdrop__appear_1i5x1,
+.backdrop__enter_1i5x1 {
+    background-color: transparent;
+}
+.backdrop__appearActive_1i5x1,
+.backdrop__enterActive_1i5x1,
+.backdrop__appearDone_1i5x1,
+.backdrop__enterDone_1i5x1 {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+.backdrop__exit_1i5x1 {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+.backdrop__exitActive_1i5x1,
+.backdrop__exitDone_1i5x1 {
+    background-color: transparent;
+}.divider__component_8f74w {
+    border-bottom: 1px solid #2b2b2e;
+}.checkbox-group__error_1q4u6 {
+    border-left: 1px solid #f15045;
+}
+.checkbox-group__label_1q4u6 {
+    color: #fff;
+}
+.checkbox-group__errorMessage_1q4u6 {
+    color: #f15045;
+}
+.checkbox-group__hint_1q4u6 {
+    color: #8d8d93;
+}.checkbox__box_135na {
+    color: #121212;
+    background-color: #121212;
+    border: 1.5px solid #8d8d93;
+}
+.checkbox__checkedIcon_135na {
+    color: #121212;
+}
+.checkbox__component_135na:hover:not(.checkbox__disabled_135na):not(.checkbox__inactive_135na) .checkbox__box_135na {
+    background-color: #121212;
+    border-color: #8d8d93;
+}
+.checkbox__component_135na:active:not(.checkbox__disabled_135na):not(.checkbox__inactive_135na) .checkbox__box_135na {
+    background-color: #121212;
+    border-color: #fff;
+}
+.checkbox__checked_135na .checkbox__box_135na {
+    background-color: #fff;
+    border-color: transparent;
+}
+.checkbox__checked_135na:hover:not(.checkbox__disabled_135na):not(.checkbox__inactive_135na) .checkbox__box_135na {
+    background-color: color-mod(#fff tint(10%));
+    border-color: transparent;
+}
+.checkbox__checked_135na:active:not(.checkbox__disabled_135na):not(.checkbox__inactive_135na) .checkbox__box_135na {
+    background-color: color-mod(#fff tint(30%));
+    border-color: transparent;
+}
+.checkbox__indeterminate_135na .checkbox__box_135na {
+    background-color: #fff;
+    border-color: transparent;
+}
+.checkbox__indeterminate_135na:hover:not(.checkbox__disabled_135na):not(.checkbox__inactive_135na) .checkbox__box_135na {
+    background-color: color-mod(#fff tint(10%));
+    border-color: transparent;
+}
+.checkbox__indeterminate_135na:active:not(.checkbox__disabled_135na):not(.checkbox__inactive_135na) .checkbox__box_135na {
+    background-color: color-mod(#fff tint(30%));
+    border-color: transparent;
+}
+.checkbox__disabled_135na .checkbox__box_135na {
+    background-color: #121212;
+    border-color: #2a2a2c;
+}
+.checkbox__disabled_135na.checkbox__checked_135na .checkbox__box_135na {
+    background-color: #3a3a3c;
+    border-color: transparent;
+}
+.checkbox__disabled_135na.checkbox__indeterminate_135na .checkbox__box_135na {
+    background-color: #3a3a3c;
+    border-color: transparent;
+}
+.checkbox__disabled_135na .checkbox__label_135na {
+    color: #8d8d93;
+}
+.checkbox__disabled_135na .checkbox__hint_135na {
+    color: #8d8d93;
+}
+.checkbox__inactive_135na .checkbox__box_135na {
+    background-color: #3a3a3c;
+    border-color: #e9e9eb;
+}
+.checkbox__inactive_135na.checkbox__checked_135na .checkbox__box_135na {
+    color: #464649;
+    border-color: transparent;
+}
+.checkbox__inactive_135na.checkbox__indeterminate_135na .checkbox__box_135na {
+    border-color: transparent;
+}
+.checkbox__focused_135na .checkbox__box_135na {
+    outline: 2px solid #007aff;
+}
+.checkbox__label_135na {
+    color: #fff;
+}
+.checkbox__hint_135na {
+    color: #8d8d93;
+}
+.checkbox__inactive_135na .checkbox__indeterminateLine_135na {
+    background-color: #464649;
+}
+.checkbox__indeterminateLine_135na {
+    background-color: #121212;
+}.dropzone__component_16e72 {
+    border: 2px dashed #e9e9eb;
+}
+.dropzone__component_16e72:not(.dropzone__disabled_16e72):hover {
+    background-color: transparent;
+}
+.dropzone__dragOver_16e72 {
+    background-color: transparent;
+}
+.dropzone__error_16e72 {
+    border-color: #ef3124;
+}
+.dropzone__overlay_1qa09 {
+    background: #202022;
+}
+.dropzone__text_1qa09 {
+    color: #fff;
+}.form-control__component_qdicu {
+    color: #fff;
+}
+.form-control__inner_qdicu {
+    background-color: #202022;
+}
+.form-control__label_qdicu {
+    color: #8d8d93;
+}
+.form-control__hint_qdicu {
+    color: #8d8d93;
+}
+.form-control__disabled_qdicu {
+    background-color: #202022;
+    color: #8d8d93;
+}
+.form-control__focused_qdicu.form-control__inner_qdicu {
+    background-color: #202022;
+}
+.form-control__inner_qdicu:not(.form-control__disabled_qdicu):hover {
+    background-color: #202022;
+}
+.form-control__error_qdicu {
+    color: #f15045;
+}
+.form-control__hasError_qdicu .form-control__label_qdicu {
+    color: #f15045;
+}
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+}
+.form-control__component_10dck {
+    color: #000;
+}
+.form-control__inner_10dck {
+    background-color: #f3f4f5;
+}
+.form-control__label_10dck {
+    color: rgba(60, 60, 67, 0.6);
+}
+.form-control__hint_10dck {
+    color: rgba(60, 60, 67, 0.6);
+}
+.form-control__disabled_10dck {
+    background-color: #f3f4f5;
+    color: rgba(60, 60, 67, 0.6);
+}
+.form-control__focused_10dck.form-control__inner_10dck {
+    background-color: #f3f4f5;
+}
+.form-control__inner_10dck:not(.form-control__disabled_10dck):hover {
+    background-color: #f3f4f5;
+}
+.form-control__error_10dck {
+    color: #ef3124;
+}
+.form-control__hasError_10dck .form-control__label_10dck {
+    color: #ef3124;
+}@media (max-width: 599px) {
+    }
+@media (min-width: 360px) {
+    }
+@media (min-width: 375px) {
+    }
+@media (min-width: 412px) {
+    }
+@media (min-width: 600px) and (max-width: 1023px) {
+    }
+@media (min-width: 600px) {
+    }
+@media (min-width: 768px) {
+    }
+@media (min-width: 1024px) {
+    }
+@media (min-width: 1024px) {
+    }
+@media (min-width: 1280px) {
+    }
+@media (min-width: 1440px) {
+    }
+@media (min-width: 1920px) {
+    }
+@media (max-width: 599px) {
+    }
+@media (min-width: 360px) {
+    }
+@media (min-width: 375px) {
+    }
+@media (min-width: 412px) {
+    }
+@media (min-width: 600px) and (max-width: 1023px) {
+    }
+@media (min-width: 600px) {
+    }
+@media (min-width: 768px) {
+    }
+@media (min-width: 1024px) {
+    }
+@media (min-width: 1024px) {
+    }
+@media (min-width: 1280px) {
+    }
+@media (min-width: 1440px) {
+    }
+@media (min-width: 1920px) {
+    }
+.list__list_1uyix {
+    color: #fff;
+}
+.list__slot_1uyix {
+    color: #fff;
+}@keyframes loader__blink_1076g {
+}.link__primary_17b16 {
+    color: #fff;
+    border-bottom-color: #fff
+}
+.link__primary_17b16:hover {
+        color: color-mod(#fff tint(20%));
+    }
+.link__primary_17b16:active {
+        color: color-mod(#fff tint(40%));
+    }
+.link__secondary_17b16 {
+    color: #8d8d93;
+    border-bottom-color: #8d8d93
+}
+.link__secondary_17b16:hover {
+        color: color-mod(#8d8d93 tint(20%));
+    }
+.link__secondary_17b16:active {
+        color: color-mod(#8d8d93 tint(40%));
+    }
+.link__default_17b16 {
+    color: #0072ef;
+    border-bottom-color: #0072ef
+}
+.link__default_17b16:hover {
+        color: color-mod(#0072ef tint(20%));
+    }
+.link__default_17b16:active {
+        color: color-mod(#0072ef tint(40%));
+    }
+.link__component_1wggk:hover .link__text_1wggk,
+    .link__component_1wggk:active .link__text_1wggk {
+        border-bottom-color: rgba(0, 0, 0, 0);
+    }
+.link__focused_1wggk {
+    outline: 2px solid #007aff;
+}
+.link__primary_g0k2c {
+    color: #000;
+    border-bottom-color: #000
+}
+.link__primary_g0k2c:hover {
+        color: rgb(204, 204, 204);
+    }
+.link__primary_g0k2c:active {
+        color: rgb(153, 153, 153);
+    }
+.link__secondary_g0k2c {
+    color: #8a8a8e;
+    border-bottom-color: #8a8a8e
+}
+.link__secondary_g0k2c:hover {
+        color: rgb(146, 150, 156);
+    }
+.link__secondary_g0k2c:active {
+        color: rgb(109, 113, 117);
+    }
+.link__default_g0k2c {
+    color: #0072ef;
+    border-bottom-color: #0072ef
+}
+.link__default_g0k2c:hover {
+        color: rgb(0, 98, 204);
+    }
+.link__default_g0k2c:active {
+        color: rgb(0, 73, 153);
+    }.progress-bar__container_9e0pi {
+    background: #2a2a2c;
+}
+.progress-bar__filled_9e0pi.progress-bar__positive_9e0pi {
+        background: #2fc26e;
+    }
+.progress-bar__filled_9e0pi.progress-bar__negative_9e0pi {
+        background: #d91d0b;
+    }.pure-input__input_nw41t {
+    color: #fff;
+    caret-color: #0072ef;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.pure-input__input_nw41t:-webkit-autofill {
+    -webkit-text-fill-color: #fff;
+}
+.pure-input__input_nw41t::placeholder {
+    color: #8d8d93;
+}
+.pure-input__hasLabel_nw41t::placeholder {
+    color: #464649;
+}
+.pure-input__input_nw41t:read-only {
+    color: #8d8d93
+}
+.pure-input__input_nw41t:read-only:focus::placeholder {
+        color: #8d8d93;
+    }
+.pure-input__input_nw41t:disabled {
+    color: #fff;
+}
+.pure-input__input_nw41t:focus::placeholder {
+    color: rgba(235, 235, 245, 0.3);
+}
+.pure-input__error_nw41t {
+    color: #f15045;
+    caret-color: #f15045;
+}
+.pure-input__component_nw41t {
+    color: #fff;
+    background-color: #202022;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.pure-input__component_nw41t::placeholder {
+    color: #8d8d93;
+}
+.pure-input__component_nw41t:disabled {
+    color: #fff;
+    background-color: #202022;
+}
+.pure-input__component_nw41t:not(:disabled):focus::placeholder {
+        color: rgba(235, 235, 245, 0.3);
+    }
+.pure-input__focusVisible_nw41t {
+    outline: 2px solid #007aff;
+}
+.pure-input__component_nw41t:not(:disabled):hover {
+    background-color: #202022;
+}.radio-group__error_15p9i {
+    border-left: 1px solid #f15045;
+}
+.radio-group__label_15p9i {
+    color: #fff;
+}
+.radio-group__errorMessage_15p9i {
+    color: #f15045;
+}
+.radio-group__hint_15p9i {
+    color: #8d8d93;
+}.radio__container_e72kp:not(.radio__checked_e72kp):not(.radio__disabled_e72kp):not(.radio__inactive_e72kp) .radio__circle_e72kp {
+            background-color: #121212;
+            border: 1.5px solid #8d8d93;
+        }
+.radio__container_e72kp:not(.radio__checked_e72kp):not(.radio__disabled_e72kp):not(.radio__inactive_e72kp):hover:not(:active) .radio__circle_e72kp {
+            background-color: #121212;
+            border-color: #8d8d93;
+        }
+.radio__container_e72kp:not(.radio__checked_e72kp):not(.radio__disabled_e72kp):not(.radio__inactive_e72kp):active .radio__circle_e72kp {
+            background-color: #121212;
+            border-color: #fff;
+        }
+.radio__container_e72kp.radio__disabled_e72kp .radio__circle_e72kp {
+            background-color: #121212;
+            border: 1.5px solid #2a2a2c;
+        }
+.radio__container_e72kp.radio__disabled_e72kp .radio__label_e72kp {
+            color: #8d8d93;
+        }
+.radio__container_e72kp.radio__disabled_e72kp .radio__hint_e72kp {
+            color: #8d8d93;
+        }
+.radio__container_e72kp.radio__inactive_e72kp .radio__circle_e72kp {
+            background-color: #3a3a3c;
+            border: 1px solid #e9e9eb;
+        }
+.radio__container_e72kp.radio__inactive_e72kp.radio__checked_e72kp .radio__circle_e72kp:before {
+            background-color: #464649;
+        }
+.radio__container_e72kp.radio__checked_e72kp .radio__circle_e72kp {
+            background-color: #fff;
+            border: 1.5px solid transparent;
+        }
+.radio__container_e72kp.radio__checked_e72kp:hover .radio__circle_e72kp {
+            background-color: color-mod(#fff tint(10%));
+            border-color: transparent;
+        }
+.radio__container_e72kp.radio__checked_e72kp:active .radio__circle_e72kp {
+            background-color: color-mod(#fff tint(30%));
+            border-color: transparent;
+        }
+.radio__container_e72kp.radio__focused_e72kp .radio__circle_e72kp {
+        outline: 2px solid #007aff;
+    }
+.radio__container_e72kp.radio__disabled_e72kp.radio__checked_e72kp .radio__circle_e72kp,
+    .radio__container_e72kp.radio__inactive_e72kp.radio__checked_e72kp .radio__circle_e72kp {
+        background-color: #3a3a3c;
+        border-color: transparent;
+    }
+.radio__circle_e72kp:before {
+        background-color: #121212;
+    }
+.radio__label_e72kp {
+    color: #fff;
+}
+.radio__hint_e72kp {
+    color: #8d8d93;
+}.skeleton__component_176w4 {
+    color: transparent;
+}
+.skeleton__component_176w4:before {
+    background: #485767;
+}
+.skeleton__animate_176w4:after {
+    background: #485767;
+    background-image: linear-gradient(
+        to left,
+        rgba(0, 0, 0, 0),
+        rgba(0, 0, 0, 0) 40%,
+        rgba(0, 0, 0, 0.05) 50%,
+        rgba(0, 0, 0, 0) 60%,
+        rgba(0, 0, 0, 0)
+    );
+}
+@keyframes skeleton__gradient_176w4 {
+}
+@keyframes skeleton__background_176w4 {
+    0% {
+        background: rgb(182, 188, 195);
+    }
+    100% {
+        background: rgb(198, 205, 214);
+    }
+}.slider__progress_fdmr4 {
+    background: #2a2a2c;
+}
+.slider__progress_fdmr4::-moz-progress-bar {
+    background: #d91d0b;
+}
+.slider__progress_fdmr4::-ms-fill {
+    background: #d91d0b;
+}
+.slider__progress_fdmr4::-webkit-progress-value {
+    background: #d91d0b;
+}
+.slider__progress_fdmr4::-webkit-progress-bar {
+    background: transparent;
+}
+.slider__range_fdmr4,
+.slider__range_fdmr4:focus {
+    background: transparent;
+    border-color: transparent;
+    color: transparent;
+}
+.slider__range_fdmr4::-ms-track {
+    background: transparent;
+    border-color: transparent;
+    color: transparent;
+}
+.slider__range_fdmr4::-ms-fill-lower {
+    background: transparent;
+}
+.slider__range_fdmr4::-ms-fill-upper {
+    background: transparent;
+}
+.slider__range_fdmr4::-webkit-slider-thumb {
+    background: #ef3124;
+    box-shadow: 0 2px 10px color-mod(#ef3124 alpha(30%));
+}
+.slider__range_fdmr4::-ms-thumb {
+    background: #ef3124;
+    box-shadow: 0 2px 10px color-mod(#ef3124 alpha(30%));
+}
+.slider__range_fdmr4::-moz-range-thumb {
+    background: #ef3124;
+    box-shadow: 0 2px 10px color-mod(#ef3124 alpha(30%));
+}
+.slider__focused_fdmr4::-webkit-slider-thumb {
+    outline: 2px solid #007aff;
+}
+.slider__focused_fdmr4::-ms-thumb {
+    outline: 2px solid #007aff;
+}
+.slider__component_fdmr4:hover .slider__progress_fdmr4 {
+        background: #2a2a2c
+    }
+.slider__component_fdmr4:hover .slider__progress_fdmr4::-moz-progress-bar {
+            background: #d91d0b;
+        }
+.slider__component_fdmr4:hover .slider__progress_fdmr4::-ms-fill {
+            background: #d91d0b;
+        }
+.slider__component_fdmr4:hover .slider__progress_fdmr4::-webkit-progress-value {
+            background: #d91d0b;
+        }
+.slider__component_fdmr4:hover .slider__range_fdmr4::-webkit-slider-thumb {
+            background: #ef3124;
+        }
+.slider__component_fdmr4:hover .slider__range_fdmr4::-ms-thumb {
+            background: #ef3124;
+        }
+.slider__component_fdmr4:hover .slider__range_fdmr4::-moz-range-thumb {
+            background: #ef3124;
+        }@keyframes spinner__spin_animation_z6ra6 {
+}.status__soft_1veg0.status__green_1veg0 {
+        background: rgb(231, 246, 239);
+        color: #13a463;
+    }
+.status__soft_1veg0.status__orange_1veg0 {
+        background: rgb(252, 240, 230);
+        color: #de6a00;
+    }
+.status__soft_1veg0.status__red_1veg0 {
+        background: rgb(251, 232, 231);
+        color: #d91d0b;
+    }
+.status__soft_1veg0.status__blue_1veg0 {
+        background: rgb(230, 242, 255);
+        color: #007aff;
+    }
+.status__soft_1veg0.status__grey_1veg0 {
+        background: rgb(240, 242, 243);
+        color: #6d7986;
+    }
+.status__soft_1veg0.status__teal_1veg0 {
+        background: rgb(233, 244, 243);
+        color: #219187;
+    }
+.status__soft_1veg0.status__purple_1veg0 {
+        background: rgb(240, 235, 248);
+        color: #673ab7;
+    }
+.status__contrast_1veg0 {
+    color: #000
+}
+.status__contrast_1veg0.status__green_1veg0 {
+        background: #13a463;
+    }
+.status__contrast_1veg0.status__orange_1veg0 {
+        background: #de6a00;
+    }
+.status__contrast_1veg0.status__red_1veg0 {
+        background: #d91d0b;
+    }
+.status__contrast_1veg0.status__blue_1veg0 {
+        background: #007aff;
+    }
+.status__contrast_1veg0.status__grey_1veg0 {
+        background: #6d7986;
+    }
+.status__contrast_1veg0.status__teal_1veg0 {
+        background: #219187;
+    }
+.status__contrast_1veg0.status__purple_1veg0 {
+        background: #673ab7;
+    }.switch__component_1ga9c {
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+.switch__switch_1ga9c {
+    background-color: #8d8d93;
+    border: 2px solid #8d8d93;
+}
+.switch__switch_1ga9c:before {
+    background-color: #121212;
+}
+.switch__label_1ga9c {
+    color: #fff;
+}
+.switch__hint_1ga9c {
+    color: #8d8d93;
+}
+.switch__checked_1ga9c .switch__switch_1ga9c {
+    background-color: #ef3124;
+    border-color: #ef3124;
+}
+.switch__disabled_1ga9c .switch__switch_1ga9c {
+    background-color: #2a2a2c;
+    border-color: #2a2a2c;
+}
+.switch__disabled_1ga9c .switch__label_1ga9c {
+    color: #8d8d93;
+}
+.switch__disabled_1ga9c .switch__hint_1ga9c {
+    color: #8d8d93;
+}
+.switch__inactive_1ga9c .switch__switch_1ga9c {
+    background-color: #2a2a2c;
+    border-color: #2a2a2c
+}
+.switch__inactive_1ga9c .switch__switch_1ga9c:before {
+        background-color: #e9e9eb;
+    }
+.switch__focused_1ga9c .switch__switch_1ga9c {
+    outline: 2px solid #007aff;
+}.tag__component_d3rtg {
+    color: #fff;
+    border-color: transparent;
+    background-color: #202022
+}
+.tag__component_d3rtg:disabled {
+        border-color: transparent;
+        color: #464649;
+    }
+.tag__component_d3rtg:hover:not(:disabled) {
+        border-color: transparent;
+        background-color: #202022;
+    }
+.tag__component_d3rtg:active:not(:disabled) {
+        border-color: transparent;
+        background-color: color-mod(#f3f4f5 alpha(7%));
+        color: #fff;
+    }
+.tag__checked_d3rtg {
+    border-color: transparent;
+    background-color: #f3f4f5;
+    color: #000
+}
+.tag__checked_d3rtg:disabled {
+        background-color: color-mod(#f3f4f5 alpha(15%));
+        border-color: transparent;
+        color: #000;
+    }
+.tag__checked_d3rtg:hover:not(:disabled):not(:active) {
+        background-color: #f3f4f5;
+    }
+.tag__focused_s07fe {
+    outline: 2px solid #007aff;
+}
+.tag__component_1uj1f {
+    color: #fff;
+    border-color: #e9e9eb;
+    background-color: transparent
+}
+.tag__component_1uj1f:disabled {
+        border-color: #2b2b2e;
+        color: #464649;
+    }
+.tag__component_1uj1f:hover:not(:disabled) {
+        border-color: #fff;
+        background-color: transparent;
+    }
+.tag__component_1uj1f:active:not(:disabled) {
+        border-color: #fff;
+        background-color: color-mod(#fff alpha(7%));
+        color: #fff;
+    }
+.tag__checked_1uj1f {
+    border-color: #fff;
+    background-color: #fff;
+    color: #000
+}
+.tag__checked_1uj1f:disabled {
+        background-color: color-mod(#fff alpha(15%));
+        border-color: transparent;
+        color: #000;
+    }
+.tag__checked_1uj1f:hover:not(:disabled):not(:active) {
+        background-color: #fff;
+    }