@alfalab/core-components 38.0.0-beta.0 → 38.1.0

package/themes/corp.css

@@ -691,51 +691,7 @@
     --gap-7xl-neg: -96px;
     --gap-8xl-neg: -128px;
 }
-:root {
-    --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-    --shadow-s: 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);
-    --shadow-m: 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);
-    --shadow-l: 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);
-    --shadow-xl: 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);
-
-    /* Hard */
-    --shadow-xs-hard: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
-    --shadow-s-hard: 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);
-    --shadow-m-hard: 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);
-    --shadow-l-hard: 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);
-    --shadow-xl-hard: 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);
-
-    /* Up */
-    --shadow-xs-up: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
-    --shadow-s-up: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
-    --shadow-m-up: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
-    --shadow-l-up: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
-    --shadow-xl-up: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32);
-
-    /* Hard up */
-    --shadow-xs-hard-up: 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);
-    --shadow-s-hard-up: 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);
-    --shadow-m-hard-up: 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);
-    --shadow-l-hard-up: 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);
-    --shadow-xl-hard-up: 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);
-}
+/* deprecated */
 :root {
     --shadow-xs: 0 0 4px rgba(11, 31, 53, 0.02), 0 2px 4px rgba(11, 31, 53, 0.04);
     --shadow-s: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
@@ -780,6 +736,85 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 }
+:root {
+    --text-primary-color: var(--color-light-text-primary);
+    --text-secondary-color: var(--color-light-text-secondary);
+    --text-tertiary-color: var(--color-light-text-tertiary);
+    --focus-color: var(--color-light-border-link);
+    --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
+        sans-serif;
+    --disabled-cursor: not-allowed;
+    --arrow-transform: rotate(180deg);
+    --size-xxs-height: 32px;
+    --size-xs-height: 40px;
+    --size-s-height: 48px;
+    --size-m-height: 56px;
+    --size-l-height: 64px;
+    --size-xl-height: 72px;
+}
+*,
+*:before,
+*:after {
+    box-sizing: border-box;
+}
+html,
+body {
+    margin: 0;
+    padding: 0;
+    height: 100%;
+}
+body {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    background-color: var(--color-light-bg-primary);
+    color: var(--text-primary-color);
+    font-family: var(--font-family-system);
+    font-style: normal;
+    font-weight: 400;
+}
+:root {
+    --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    --shadow-s: 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);
+    --shadow-m: 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);
+    --shadow-l: 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);
+    --shadow-xl: 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);
+
+    /* Hard */
+    --shadow-xs-hard: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    --shadow-s-hard: 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);
+    --shadow-m-hard: 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);
+    --shadow-l-hard: 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);
+    --shadow-xl-hard: 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);
+
+    /* Up */
+    --shadow-xs-up: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
+    --shadow-s-up: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
+    --shadow-m-up: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
+    --shadow-l-up: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
+    --shadow-xl-up: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32);
+
+    /* Hard up */
+    --shadow-xs-hard-up: 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);
+    --shadow-s-hard-up: 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);
+    --shadow-m-hard-up: 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);
+    --shadow-l-hard-up: 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);
+    --shadow-xl-hard-up: 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);
+}
 :root {
     --button-active-transform: none;
     /* border-radius */

package/themes/dist/click.css

@@ -691,51 +691,7 @@
     --gap-7xl-neg: -96px;
     --gap-8xl-neg: -128px;
 }
-:root {
-    --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
-    --shadow-s: 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);
-    --shadow-m: 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);
-    --shadow-l: 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);
-    --shadow-xl: 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);
-
-    /* Hard */
-    --shadow-xs-hard: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
-    --shadow-s-hard: 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);
-    --shadow-m-hard: 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);
-    --shadow-l-hard: 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);
-    --shadow-xl-hard: 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);
-
-    /* Up */
-    --shadow-xs-up: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
-    --shadow-s-up: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
-    --shadow-m-up: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
-    --shadow-l-up: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
-    --shadow-xl-up: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32);
-
-    /* Hard up */
-    --shadow-xs-hard-up: 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);
-    --shadow-s-hard-up: 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);
-    --shadow-m-hard-up: 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);
-    --shadow-l-hard-up: 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);
-    --shadow-xl-hard-up: 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);
-}
+/* deprecated */
 :root {
     --shadow-xs: 0 0 4px rgba(11, 31, 53, 0.02), 0 2px 4px rgba(11, 31, 53, 0.04);
     --shadow-s: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
@@ -780,6 +736,85 @@
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 }
+:root {
+    --text-primary-color: var(--color-light-text-primary);
+    --text-secondary-color: var(--color-light-text-secondary);
+    --text-tertiary-color: var(--color-light-text-tertiary);
+    --focus-color: var(--color-light-border-link);
+    --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
+        sans-serif;
+    --disabled-cursor: not-allowed;
+    --arrow-transform: rotate(180deg);
+    --size-xxs-height: 32px;
+    --size-xs-height: 40px;
+    --size-s-height: 48px;
+    --size-m-height: 56px;
+    --size-l-height: 64px;
+    --size-xl-height: 72px;
+}
+*,
+*:before,
+*:after {
+    box-sizing: border-box;
+}
+html,
+body {
+    margin: 0;
+    padding: 0;
+    height: 100%;
+}
+body {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    background-color: var(--color-light-bg-primary);
+    color: var(--text-primary-color);
+    font-family: var(--font-family-system);
+    font-style: normal;
+    font-weight: 400;
+}
+:root {
+    --shadow-xs: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+    --shadow-s: 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);
+    --shadow-m: 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);
+    --shadow-l: 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);
+    --shadow-xl: 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);
+
+    /* Hard */
+    --shadow-xs-hard: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
+    --shadow-s-hard: 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);
+    --shadow-m-hard: 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);
+    --shadow-l-hard: 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);
+    --shadow-xl-hard: 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);
+
+    /* Up */
+    --shadow-xs-up: 0 0 4px rgba(0, 0, 0, 0.02), 0 -2px 4px rgba(0, 0, 0, 0.04);
+    --shadow-s-up: 0 0 8px rgba(0, 0, 0, 0.04), 0 -4px 8px rgba(0, 0, 0, 0.08);
+    --shadow-m-up: 0 0 16px rgba(0, 0, 0, 0.08), 0 -8px 16px rgba(0, 0, 0, 0.16);
+    --shadow-l-up: 0 0 24px rgba(0, 0, 0, 0.12), 0 -12px 24px rgba(0, 0, 0, 0.24);
+    --shadow-xl-up: 0 0 32px rgba(0, 0, 0, 0.16), 0 -16px 32px rgba(0, 0, 0, 0.32);
+
+    /* Hard up */
+    --shadow-xs-hard-up: 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);
+    --shadow-s-hard-up: 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);
+    --shadow-m-hard-up: 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);
+    --shadow-l-hard-up: 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);
+    --shadow-xl-hard-up: 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);
+}
 :root {
     --disabled-cursor: not-allowed;
     --arrow-transform: rotate(-180deg);

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

@@ -2,6 +2,21 @@
     background: #e7e8ea;
 } .card-image__loaded_1p6vj {
     background: transparent
+}.backdrop__backdrop_18p23 {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_18p23,
+.backdrop__enter_18p23 {
+    background-color: transparent;
+} .backdrop__appearActive_18p23,
+.backdrop__enterActive_18p23,
+.backdrop__appearDone_18p23,
+.backdrop__enterDone_18p23 {
+    background-color: rgba(0, 0, 0, 0.8);
+} .backdrop__exit_18p23 {
+    background-color: rgba(0, 0, 0, 0.8);
+} .backdrop__exitActive_18p23,
+.backdrop__exitDone_18p23 {
+    background-color: transparent;
 }.badge__component_sw2gj {
     background-color: #ef3124;
     color: #0e0e0e;
@@ -54,21 +69,6 @@
         background-color: #fff;
     } .badge__dot_sw2gj.badge__outlineCount_sw2gj {
     border: 1px solid #121212;
-}.backdrop__backdrop_18p23 {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_18p23,
-.backdrop__enter_18p23 {
-    background-color: transparent;
-} .backdrop__appearActive_18p23,
-.backdrop__enterActive_18p23,
-.backdrop__appearDone_18p23,
-.backdrop__enterDone_18p23 {
-    background-color: rgba(0, 0, 0, 0.8);
-} .backdrop__exit_18p23 {
-    background-color: rgba(0, 0, 0, 0.8);
-} .backdrop__exitActive_18p23,
-.backdrop__exitDone_18p23 {
-    background-color: transparent;
 }.checkbox-group__error_1vqkr {
     border-left: 1px solid #f15045;
 } .checkbox-group__label_1vqkr {
@@ -396,7 +396,15 @@
     }
 .progress-bar__filled_1g9ts.progress-bar__accent_1g9ts {
         background: #ef3124;
-    }.pure-input__input_avujx {
+    }.radio-group__error_7vpqq {
+    border-left: 1px solid #f15045;
+} .radio-group__label_7vpqq {
+    color: #fff;
+} .radio-group__errorMessage_7vpqq {
+    color: #f15045;
+} .radio-group__hint_7vpqq {
+    color: rgba(235, 235, 245, 0.54);
+}.pure-input__input_avujx {
     color: #fff;
     caret-color: #0072ef;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -435,14 +443,6 @@
     outline: 2px solid #0072ef;
 } .pure-input__component_avujx:not(:disabled):hover {
     background-color: #202022;
-}.radio-group__error_7vpqq {
-    border-left: 1px solid #f15045;
-} .radio-group__label_7vpqq {
-    color: #fff;
-} .radio-group__errorMessage_7vpqq {
-    color: #f15045;
-} .radio-group__hint_7vpqq {
-    color: rgba(235, 235, 245, 0.54);
 }.radio__container_1qz47:not(.radio__checked_1qz47):not(.radio__disabled_1qz47):not(.radio__inactive_1qz47) .radio__circle_1qz47 {
             background-color: #0e0e0e;
             border: 1.5px solid #85858d;
@@ -1182,7 +1182,8 @@
     color: #fff;
 } .popover__inner_1h53k {
     background-color: #121212;
-    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
+    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);
     border: 1px solid transparent;
 } .popover__arrow_1h53k:after {
     background-color: #121212;
@@ -1203,7 +1204,8 @@
 .chart__tooltip_12izt {
     background-color: #121212;
     border: 1px solid #2b2b2e;
-    box-shadow: 0 0 24px rgba(11, 31, 53, 0.12), 0 12px 24px rgba(11, 31, 53, 0.24);
+    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);
 } .chart__tooltipArrow_12izt {
     border: 1px solid #2b2b2e;
     background-color: #121212;
@@ -1714,7 +1716,8 @@
 } .plate__focused_19a13 {
     outline: 2px solid #0072ef;
 } .plate__shadow_19a13:after {
-    box-shadow: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
+    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);
 } .plate__common_19a13 {
     background-color: rgba(255, 255, 255, 0.06);
     box-shadow: 0 0 0 1px #6d7986
@@ -1791,10 +1794,31 @@
 } .side-panel__sticky_xjakq.side-panel__hasContent_xjakq {
         background: #121212;
     }
-.tooltip__hint_iehd8 {
+.bank-card__component_10zp8 {
+    --form-control-bg-color: transparent;
+    --form-control-focus-shadow: transparent;
+    --form-control-hover-bg-color: transparent;
+    --form-control-focus-bg-color: transparent;
+} .bank-card__label_10zp8 {
+    color: rgba(0, 0, 0, 0.6)
+} .bank-card__focused_10zp8 .bank-card__label_10zp8,
+.bank-card__filled_10zp8 .bank-card__label_10zp8 {
+    color: #000
+} .bank-card__input_10zp8 {
+    color: #000;
+    caret-color: #000
+} .bank-card__bankLogo_10zp8 svg g {
+            fill: #000;
+        } .bank-card__brandLogo_10zp8 svg {
+        fill: #000;
+    } .bank-card__usePhoto_10zp8 {
+    background-color: transparent
+} .bank-card__usePhoto_10zp8 svg {
+        fill: #000;
+    }.tooltip__hint_iehd8 {
     background-color: #fff;
-    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16),
-        0 8px 16px rgba(11, 31, 53, 0.16);
+    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);
     color: #0e0e0e;
 } .tooltip__hint_iehd8 .tooltip__arrow_iehd8:after {
     background-color: #fff;
@@ -1804,13 +1828,14 @@
 .tooltip__tooltip_1f7m6 {
     background-color: #fff;
     color: #0e0e0e;
-    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16),
-        0 8px 16px rgba(11, 31, 53, 0.16);
+    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);
 } .tooltip__tooltip_1f7m6 .tooltip__arrow_1f7m6:after {
     background-color: #fff;
 } .tooltip__hint_1f7m6 {
     background-color: #121212;
-    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
+    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);
     color: #fff;
 } .tooltip__hint_1f7m6 .tooltip__arrow_1f7m6:after {
     background-color: #121212;
@@ -1892,7 +1917,8 @@
     background: #0e0e0e;
 }
 .calendar__withShadow_9n4gz {
-    box-shadow: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
+    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);
 }
 
 @media (max-width: 374px) {
@@ -1920,7 +1946,23 @@
                 color: #0e0e0e;
             }
 @media (max-width: 374px) {
-        }.select__arrow_10kl4 {
+        }.toast__toastPlate_6vhut {
+    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);
+} .toast__popoverInner_6vhut {
+    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);
+    background-color: transparent;
+}.amount-input__minorPartAndCurrency_16ck6 {
+    color: rgba(235, 235, 245, 0.54);
+}
+.amount-input__filled_bg17c .amount-input__input_bg17c,
+.amount-input__input_bg17c:focus {
+    -webkit-text-fill-color: transparent;
+}
+.amount-input__minorPartAndCurrency_sjc2r {
+    color: rgba(60, 60, 67, 0.66);
+}.select__arrow_10kl4 {
     color: #fff;
 }
 
@@ -1943,7 +1985,8 @@
 .select__popoverInner_rdbl7 {
     background: transparent;
 } .select__optionsList_rdbl7 {
-    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
+    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);
     background: #121212;
 }
 .select__popoverInner_1kiva {
@@ -2005,41 +2048,7 @@
     background: #121212
 } .select__withBorder_1mgwl {
     box-shadow: inset 0 1px 0 #262629;
-}.bank-card__component_10zp8 {
-    --form-control-bg-color: transparent;
-    --form-control-focus-shadow: transparent;
-    --form-control-hover-bg-color: transparent;
-    --form-control-focus-bg-color: transparent;
-} .bank-card__label_10zp8 {
-    color: rgba(0, 0, 0, 0.6)
-} .bank-card__focused_10zp8 .bank-card__label_10zp8,
-.bank-card__filled_10zp8 .bank-card__label_10zp8 {
-    color: #000
-} .bank-card__input_10zp8 {
-    color: #000;
-    caret-color: #000
-} .bank-card__bankLogo_10zp8 svg g {
-            fill: #000;
-        } .bank-card__brandLogo_10zp8 svg {
-        fill: #000;
-    } .bank-card__usePhoto_10zp8 {
-    background-color: transparent
-} .bank-card__usePhoto_10zp8 svg {
-        fill: #000;
-    }.toast__toastPlate_6vhut {
-    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
-} .toast__popoverInner_6vhut {
-    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
-    background-color: transparent;
-}.amount-input__minorPartAndCurrency_16ck6 {
-    color: rgba(235, 235, 245, 0.54);
-}
-.amount-input__filled_bg17c .amount-input__input_bg17c,
-.amount-input__input_bg17c:focus {
-    -webkit-text-fill-color: transparent;
-}
-.amount-input__minorPartAndCurrency_sjc2r {
-    color: rgba(60, 60, 67, 0.66);
+}@media (min-width: 600px) {
 }.gallery__modal_19j7d {
     background: transparent;
 }
@@ -2083,7 +2092,6 @@
 }
 .gallery__component_ct2lm {
     background-color: #e9e9eb
-}@media (min-width: 600px) {
 }.calendar-with-skeleton__skeleton_17l1u {
     background-color: #121212;
 }.calendar-input__calendarIcon_1dwtp {
@@ -2114,13 +2122,15 @@
     outline: 2px solid #0072ef;
 } .select-with-tags__placeholder_1sq4n {
     color: rgba(235, 235, 245, 0.32);
-}.table__component_14lu1 {
+}
+.calendar-range__component_akj4n:after {
+        background-color: #fff;
+    }.table__component_14lu1 {
     border-top: 1px solid #2b2b2e;
 }
 .table__wrapper_1dl3j {
     background: #121212;
-    box-shadow: 0 0 4px rgba(11, 31, 53, 0.02), 0 2px 4px rgba(11, 31, 53, 0.04),
-        0 2px 4px rgba(11, 31, 53, 0.16);
+    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16), 0 0 1px rgba(0, 0, 0, 0.16);
 }
 
 .table__component_12hlb {
@@ -2161,10 +2171,7 @@
 .table__open_10zx7,
 .table__open_10zx7:hover {
     background-color: rgba(255, 255, 255, 0.163);
-}
-.calendar-range__component_akj4n:after {
-        background-color: #fff;
-    }.intl-phone-input__emptyCountryIcon_1ji8e {
+}.intl-phone-input__emptyCountryIcon_1ji8e {
     color: #85858d;
 }
 .intl-phone-input__flagPlaceholder_1sqo4 {