react-restyle-components 0.3.56 → 0.3.58
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/src/core-components/src/assets/css/tokens.css +3 -4
- package/lib/src/core-components/src/assets/styles/colors.css +3 -3
- package/lib/src/core-components/src/assets/styles/decorations.css +1 -1
- package/lib/src/core-components/src/assets/styles/typography.css +1 -1
- package/lib/src/core-components/src/components/Input/InputOTP/input-otp.styles.css +9 -9
- package/lib/src/core-components/src/components/Input/InputPin/input.styles.css +8 -8
- package/lib/src/core-components/src/index.css +2 -4
- package/lib/src/core-components/src/tc.module.css +518 -3
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
:root {
|
|
1
|
+
._ :global(:root) {
|
|
2
2
|
--border-radius-100: 0.5rem;
|
|
3
3
|
--border-radius-200: 1rem;
|
|
4
4
|
--border-radius-300: 1.5rem;
|
|
@@ -138,8 +138,7 @@
|
|
|
138
138
|
--gradient-light-stop-1: #370f5b;
|
|
139
139
|
--gradient-light-stop-2: #001a42;
|
|
140
140
|
}
|
|
141
|
-
|
|
142
|
-
:root,
|
|
141
|
+
._ :global(:root),
|
|
143
142
|
.theme-light {
|
|
144
143
|
--brand-white: #ffffff;
|
|
145
144
|
--brand-black: #0c0e11;
|
|
@@ -393,7 +392,7 @@
|
|
|
393
392
|
}
|
|
394
393
|
|
|
395
394
|
/* Component-specific tokens */
|
|
396
|
-
:root,
|
|
395
|
+
._ :global(:root),
|
|
397
396
|
.theme-dark,
|
|
398
397
|
.theme-light,
|
|
399
398
|
.partner-dark,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
html.theme--dark {
|
|
1
|
+
._ :global(html).theme--dark {
|
|
2
2
|
color-scheme: dark;
|
|
3
3
|
}
|
|
4
|
-
html.theme--light {
|
|
4
|
+
._ :global(html).theme--light {
|
|
5
5
|
color-scheme: light;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
:root {
|
|
8
|
+
._ :global(:root) {
|
|
9
9
|
--B25: #ebf3ff;
|
|
10
10
|
--B50: #dbeaff;
|
|
11
11
|
--B100: #b2d2ff;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Consuming apps can expect these variables to exist and use them directly - much like the colors.css file.
|
|
3
3
|
We shouldn't resort to using this for every case where we want 2 or more components to share a style.
|
|
4
4
|
*/
|
|
5
|
-
:root {
|
|
5
|
+
._ :global(:root) {
|
|
6
6
|
--menu-panel-border: 1px solid var(--menu-panel-border-color);
|
|
7
7
|
--menu-panel-shadow: 0px 16px 40px var(--menu-panel-shadow-color);
|
|
8
8
|
--menu-panel-radius: 4px;
|
|
@@ -6,12 +6,12 @@
|
|
|
6
6
|
transform-origin: 0%;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
input:focus ~ label,
|
|
10
|
-
input:not(:placeholder-shown) ~ label,
|
|
11
|
-
textarea:focus ~ label,
|
|
12
|
-
textarea:not(:placeholder-shown) ~ label,
|
|
13
|
-
select:focus ~ label,
|
|
14
|
-
select:not([value=
|
|
9
|
+
._ :global(input:focus) ~ label,
|
|
10
|
+
._ :global(input:not(:placeholder-shown)) ~ label,
|
|
11
|
+
._ :global(textarea:focus) ~ label,
|
|
12
|
+
._ :global(textarea:not(:placeholder-shown)) ~ label,
|
|
13
|
+
._ :global(select:focus) ~ label,
|
|
14
|
+
._ :global(select:not([value='']):valid) ~ label {
|
|
15
15
|
/* @apply transform; scale-75; -translate-y-6; */
|
|
16
16
|
--tw-translate-x: 0;
|
|
17
17
|
--tw-translate-y: 0;
|
|
@@ -26,10 +26,10 @@ select:not([value=""]):valid ~ label {
|
|
|
26
26
|
--tw-translate-y: -1.5rem;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
input:focus ~ label,
|
|
30
|
-
select:focus ~ label {
|
|
29
|
+
._ :global(input:focus) ~ label,
|
|
30
|
+
._ :global(select:focus) ~ label {
|
|
31
31
|
/* @apply text-black; left-0; */
|
|
32
32
|
--tw-text-opacity: 1;
|
|
33
|
-
color:
|
|
33
|
+
color: '#696969';
|
|
34
34
|
left: 0px;
|
|
35
35
|
}
|
|
@@ -6,12 +6,12 @@
|
|
|
6
6
|
transform-origin: 0%;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
input:focus ~ label,
|
|
10
|
-
input:not(:placeholder-shown) ~ label,
|
|
11
|
-
textarea:focus ~ label,
|
|
12
|
-
textarea:not(:placeholder-shown) ~ label,
|
|
13
|
-
select:focus ~ label,
|
|
14
|
-
select:not([value='']):valid ~ label {
|
|
9
|
+
._ :global(input:focus) ~ label,
|
|
10
|
+
._ :global(input:not(:placeholder-shown)) ~ label,
|
|
11
|
+
._ :global(textarea:focus) ~ label,
|
|
12
|
+
._ :global(textarea:not(:placeholder-shown)) ~ label,
|
|
13
|
+
._ :global(select:focus) ~ label,
|
|
14
|
+
._ :global(select:not([value='']):valid) ~ label {
|
|
15
15
|
/* @apply transform; scale-75; -translate-y-6; */
|
|
16
16
|
--tw-translate-x: 0;
|
|
17
17
|
--tw-translate-y: 0;
|
|
@@ -26,8 +26,8 @@ select:not([value='']):valid ~ label {
|
|
|
26
26
|
--tw-translate-y: -1.5rem;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
input:focus ~ label,
|
|
30
|
-
select:focus ~ label {
|
|
29
|
+
._ :global(input:focus) ~ label,
|
|
30
|
+
._ :global(select:focus) ~ label {
|
|
31
31
|
/* @apply text-black; left-0; */
|
|
32
32
|
--tw-text-opacity: 1;
|
|
33
33
|
color: '#696969';
|
|
@@ -17,8 +17,7 @@
|
|
|
17
17
|
table tr:hover {
|
|
18
18
|
@apply dark:bg-white;
|
|
19
19
|
}
|
|
20
|
-
|
|
21
|
-
select {
|
|
20
|
+
._ :global(select) {
|
|
22
21
|
@apply dark:text-black;
|
|
23
22
|
}
|
|
24
23
|
.main {
|
|
@@ -31,8 +30,7 @@
|
|
|
31
30
|
@apply dark:bg-boxdark;
|
|
32
31
|
}
|
|
33
32
|
}
|
|
34
|
-
|
|
35
|
-
body {
|
|
33
|
+
._ :global(body) {
|
|
36
34
|
font-size: 14px;
|
|
37
35
|
font-family: 'Arima Regular';
|
|
38
36
|
}
|
|
@@ -1,3 +1,518 @@
|
|
|
1
|
-
._ :global(:root){--border-radius-100:0.5rem;--border-radius-200:1rem;--border-radius-300:1.5rem;--border-radius-400:2rem;--border-radius-none:0rem;--border-radius-round:10000rem;--border-radius-025:0.125rem;--border-radius-050:0.25rem;--breakpoints-xs:20rem;--breakpoints-sm:23.4375rem;--breakpoints-md:48rem;--breakpoints-lg:64rem;--breakpoints-xl:80rem;--breakpoints-xxl:90rem;--opacity-10:10%;--opacity-12:12%;--opacity-20:20%;--opacity-30:30%;--opacity-40:40%;--opacity-50:50%;--opacity-60:60%;--opacity-70:70%;--opacity-75:75%;--opacity-80:80%;--opacity-90:90%;--opacity-100:100%;--opacity-none:0%;--opacity-04:4%;--opacity-08:8%;--spacing-100:0.5rem;--spacing-150:0.75rem;--spacing-200:1rem;--spacing-300:1.5rem;--spacing-400:2rem;--spacing-500:2.5rem;--spacing-600:3rem;--spacing-800:4rem;--spacing-1000:5rem;--spacing-1200:6rem;--spacing-000:0rem;--spacing-025:0.125rem;--spacing-050:0.25rem;--spacing-075:0.375rem;--state-layer-none:0%;--state-layer-hover:8%;--state-layer-press:12%;--state-layer-disabled:12%;--state-layer-on-disabled:30%;--state-layer-read-only:8%;--state-layer-on-read-only:70%;--state-layer-press-card:4%;--stroke-card:0.0625rem;--stroke-selected-card-hover:0.125rem;--stroke-divider:0.0625rem}.theme-dark{--brand-white:#fff;--brand-black:#0c0e11;--brand-theme-purple:#8223d2;--brand-theme-yellow:#d2fa46;--brand-theme-blue:#4a68f9;--brand-theme-green:#6efac3;--sub-surface:#040308;--surface:#130f17;--surface-variant:#1e1a22;--on-surface:#f8eef9;--on-surface-soft:#cdc4ce;--outline:#7c757e;--outline-soft:#4a454e;--scrim-overlay:#0c0e1180;--elevated-level-01:#221e26;--elevated-level-02:#29242c;--elevated-level-03:#2d2830;--elevated-dynamic-card:#edddf60a;--primary:#ddb7ff;--on-primary:#1c0334;--primary-soft:#410071;--on-primary-soft:#ddb7ff;--secondary:#4e4356;--on-secondary:#edddf6;--neutral:#f8eef9;--on-neutral:#130f17;--neutral-soft:#4a454e;--on-neutral-soft:#e9dfeb;--inverse-surface:#e9dfeb;--inverse-on-surface:#130f17;--inverse-primary:#8223d2;--status-success-soft:#0b4521;--status-on-success-soft:#c5ffc8;--status-success:#47e26f;--status-on-success:#0a2415;--status-error-soft:#7d000f;--status-on-error-soft:#ffeae9;--status-error:#ffb3ad;--status-on-error:#470306;--status-warning-soft:#e7c500;--status-on-warning-soft:#3a3000;--status-warning:#ffe264;--status-on-warning:#221b00;--accent-red:#ffb2b9;--accent-on-red:#40000f;--accent-red-soft:#7c0026;--accent-on-red-soft:#ffeced;--accent-orange:#ffb690;--accent-on-orange:#341100;--accent-orange-soft:#632700;--accent-on-orange-soft:#ffede6;--accent-tennis:#dcff66;--accent-on-tennis:#171e00;--accent-tennis-soft:#334000;--accent-on-tennis-soft:#dcff66;--accent-green:#65f2bc;--accent-on-green:#002115;--accent-green-soft:#004530;--accent-on-green-soft:#bdffdf;--accent-teal:#2fd9f4;--accent-on-teal:#001f25;--accent-teal-soft:#00424c;--accent-on-teal-soft:#d4f7ff;--accent-blue:#bac3ff;--accent-on-blue:#001159;--accent-blue-soft:#061e77;--accent-on-blue-soft:#f0efff;--accent-purple:#ddb7ff;--accent-on-purple:#1c0334;--accent-purple-soft:#410071;--accent-on-purple-soft:#ddb7ff;--fills-surface-contrast:#f8eef90a;--fills-surface-contrast-inverse:#130f1714;--fills-drop-shadow:#160d1e26;--fills-actions-pressed-shadow:#ffffff14;--fills-cards-pressed-shadow:#0c0e110a;--fills-sticker-opacity:100%;--gradient-dark-stop-1:#ca93ff;--gradient-dark-stop-2:#f2aeff;--gradient-light-stop-1:#370f5b;--gradient-light-stop-2:#001a42}.theme-light,._ :global(:root){--brand-white:#fff;--brand-black:#0c0e11;--brand-theme-purple:#8223d2;--brand-theme-yellow:#d2fa46;--brand-theme-blue:#4a68f9;--brand-theme-green:#6efac3;--sub-surface:#f1f0f4;--surface:#fff;--surface-variant:#faf9fc;--on-surface:#1a1c1e;--on-surface-soft:#5d5e61;--outline:#c6c6ca;--outline-soft:#eeedf1;--scrim-overlay:#0c0e1180;--elevated-level-01:#fff;--elevated-level-02:#fff;--elevated-level-03:#fff;--elevated-dynamic-card:#fff;--primary:#8223d2;--on-primary:#fff;--primary-soft:#faecff;--on-primary-soft:#590099;--secondary:#edddf6;--on-secondary:#211829;--neutral:#1a1c1e;--on-neutral:#fff;--neutral-soft:#f1f0f4;--on-neutral-soft:#2f3033;--inverse-surface:#252629;--inverse-on-surface:#fff;--inverse-primary:#ca93ff;--status-success-soft:#c5ffc8;--status-on-success-soft:#062011;--status-success:#136d31;--status-on-success:#c5ffc8;--status-error-soft:#ffdad7;--status-on-error-soft:#410004;--status-error:#b91a24;--status-on-error:#ffeae9;--status-warning-soft:#fff0c0;--status-on-warning-soft:#3a3000;--status-warning:#e7c500;--status-on-warning:#524609;--accent-red:#b91641;--accent-on-red:#fff8f7;--accent-red-soft:#ffe1e2;--accent-on-red-soft:#67001e;--accent-orange:#ec6a06;--accent-on-orange:#fff8f6;--accent-orange-soft:#ffe2d5;--accent-on-orange-soft:#552100;--accent-tennis:#d2fa46;--accent-on-tennis:#171e00;--accent-tennis-soft:#e5ff8d;--accent-on-tennis-soft:#293500;--accent-green:#6efac3;--accent-on-green:#002115;--accent-green-soft:#ccffe5;--accent-on-green-soft:#003826;--accent-teal:#2fd9f4;--accent-on-teal:#001f25;--accent-teal-soft:#ddf9ff;--accent-on-teal-soft:#00363e;--accent-blue:#4a68f9;--accent-on-blue:#fbf8ff;--accent-blue-soft:#f4f2ff;--accent-on-blue-soft:#00208d;--accent-purple:#8223d2;--accent-on-purple:#fff;--accent-purple-soft:#faecff;--accent-on-purple-soft:#590099;--fills-surface-contrast:#0c0e110a;--fills-surface-contrast-inverse:#ffffff14;--fills-drop-shadow:#0c0e110a;--fills-actions-pressed-shadow:#0c0e1114;--fills-cards-pressed-shadow:#0c0e110a;--fills-sticker-opacity:0%;--gradient-dark-stop-1:#6900b3;--gradient-dark-stop-2:#991bbd;--gradient-light-stop-1:#faecff;--gradient-light-stop-2:#effcff}.partner-dark{--brand-white:#fff;--brand-black:#0c0e11;--brand-theme-purple:#8223d2;--brand-theme-yellow:#d2fa46;--brand-theme-blue:#4a68f9;--brand-theme-green:#6efac3;--sub-surface:#030405;--surface:#0f1114;--surface-variant:#1a1c1e;--on-surface:#f1f0f4;--on-surface-soft:#c6c6ca;--outline:#76777a;--outline-soft:#46474a;--scrim-overlay:#0c0e1180;--elevated-level-01:#1e2022;--elevated-level-02:#252629;--elevated-level-03:#292a2d;--elevated-dynamic-card:#e3e2e60a;--primary:#fff;--on-primary:#0f1114;--primary-soft:#292a2d;--on-primary-soft:#fff;--secondary:#46474a;--on-secondary:#e3e2e6;--neutral:#f1f0f4;--on-neutral:#0f1114;--neutral-soft:#46474a;--on-neutral-soft:#e3e2e6;--inverse-surface:#e3e2e6;--inverse-on-surface:#0f1114;--inverse-primary:#46474a;--status-success-soft:#0b4521;--status-on-success-soft:#c5ffc8;--status-success:#47e26f;--status-on-success:#0a2415;--status-error-soft:#7d000f;--status-on-error-soft:#ffeae9;--status-error:#ffb3ad;--status-on-error:#470306;--status-warning-soft:#e7c500;--status-on-warning-soft:#3a3000;--status-warning:#ffe264;--status-on-warning:#221b00;--accent-red:#ffb2b9;--accent-on-red:#40000f;--accent-red-soft:#7c0026;--accent-on-red-soft:#ffeced;--accent-orange:#ffb690;--accent-on-orange:#341100;--accent-orange-soft:#632700;--accent-on-orange-soft:#ffede6;--accent-tennis:#d2fa46;--accent-on-tennis:#171e00;--accent-tennis-soft:#334000;--accent-on-tennis-soft:#dcff66;--accent-green:#65f2bc;--accent-on-green:#002115;--accent-green-soft:#004530;--accent-on-green-soft:#bdffdf;--accent-teal:#2fd9f4;--accent-on-teal:#001f25;--accent-teal-soft:#00424c;--accent-on-teal-soft:#d4f7ff;--accent-blue:#bac3ff;--accent-on-blue:#001159;--accent-blue-soft:#061e77;--accent-on-blue-soft:#f0efff;--accent-purple:#ddb7ff;--accent-on-purple:#1c0334;--accent-purple-soft:#410071;--accent-on-purple-soft:#ddb7ff;--fills-surface-contrast:#ffffff0a;--fills-surface-contrast-inverse:#0c0e1114;--fills-drop-shadow:#0c0e1126;--fills-actions-pressed-shadow:#ffffff14;--fills-cards-pressed-shadow:#0c0e110a;--fills-sticker-opacity:100%;--gradient-dark-stop-1:#ca93ff;--gradient-dark-stop-2:#f2aeff;--gradient-light-stop-1:#370f5b;--gradient-light-stop-2:#001a42}.partner-light{--brand-white:#fff;--brand-black:#0c0e11;--brand-theme-purple:#8223d2;--brand-theme-yellow:#d2fa46;--brand-theme-blue:#4a68f9;--brand-theme-green:#6efac3;--sub-surface:#f1f0f4;--surface:#fff;--surface-variant:#faf9fc;--on-surface:#1a1c1e;--on-surface-soft:#5d5e61;--outline:#c6c6ca;--outline-soft:#eeedf1;--scrim-overlay:#0c0e1180;--elevated-level-01:#fff;--elevated-level-02:#fff;--elevated-level-03:#fff;--elevated-dynamic-card:#fff;--primary:#0c0e11;--on-primary:#fff;--primary-soft:#f1f0f4;--on-primary-soft:#3a3b3e;--secondary:#e3e2e6;--on-secondary:#1a1c1e;--neutral:#1a1c1e;--on-neutral:#fff;--neutral-soft:#f1f0f4;--on-neutral-soft:#2f3033;--inverse-surface:#252629;--inverse-on-surface:#fff;--inverse-primary:#e3e2e6;--status-success-soft:#c5ffc8;--status-on-success-soft:#062011;--status-success:#136d31;--status-on-success:#c5ffc8;--status-error-soft:#ffdad7;--status-on-error-soft:#410004;--status-error:#b91a24;--status-on-error:#ffeae9;--status-warning-soft:#fff0c0;--status-on-warning-soft:#3a3000;--status-warning:#e7c500;--status-on-warning:#524609;--accent-red:#b91641;--accent-on-red:#fff8f7;--accent-red-soft:#fff0f1;--accent-on-red-soft:#67001e;--accent-orange:#ec6a06;--accent-on-orange:#fff8f6;--accent-orange-soft:#fff1eb;--accent-on-orange-soft:#552100;--accent-tennis:#d2fa46;--accent-on-tennis:#171e00;--accent-tennis-soft:#e5ff8d;--accent-on-tennis-soft:#293500;--accent-green:#6efac3;--accent-on-green:#002115;--accent-green-soft:#ccffe5;--accent-on-green-soft:#003826;--accent-teal:#2fd9f4;--accent-on-teal:#001f25;--accent-teal-soft:#ddf9ff;--accent-on-teal-soft:#00363e;--accent-blue:#4a68f9;--accent-on-blue:#fbf8ff;--accent-blue-soft:#f4f2ff;--accent-on-blue-soft:#00208d;--accent-purple:#8223d2;--accent-on-purple:#fff;--accent-purple-soft:#faecff;--accent-on-purple-soft:#590099;--fills-surface-contrast:#0c0e110a;--fills-surface-contrast-inverse:#ffffff14;--fills-drop-shadow:#0c0e110a;--fills-actions-pressed-shadow:#0c0e1114;--fills-cards-pressed-shadow:#0c0e110a;--fills-sticker-opacity:0%;--gradient-dark-stop-1:#6900b3;--gradient-dark-stop-2:#991bbd;--gradient-light-stop-1:#faecff;--gradient-light-stop-2:#f0efff}.partner-dark,.partner-light,.theme-dark,.theme-light,._ :global(:root){--action-outline-fill:var(--fills-surface-contrast-inverse);--action-border-radius:var(--border-radius-round);--tag-on-theme-alt:var(--on-secondary);--tag-theme-alt:var(--secondary);--action-inactive-toggle-stroke:var(--outline-soft);--action-inactive-toggle-surface:var(--surface-variant);--action-on-surface:var(--on-surface);--action-outline-action:var(--on-surface);--action-on-tonal-action:var(--on-secondary);--action-tonal-action:var(--secondary);--tag-on-theme:var(--on-primary);--action-on-filled-action:var(--on-primary);--tag-theme:var(--primary);--action-subtle-engaged:var(--primary);--action-filled-action:var(--primary)}._ :global(*),._ :global(:after),._ :global(:before){--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }._ :global(::backdrop){--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
|
|
2
|
-
|
|
3
|
-
/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/._ :global(*),._ :global(:after),._ :global(:before){border:0 solid #e5e7eb;box-sizing:border-box}:after,._ :global(:before){--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}@font-face{font-family:ArimaRegular;src:url(library/assets/fonts/arima/arima-regular.ttf)}.container{width:100%}@media (min-width:0px){.container{max-width:0}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}table{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}table:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}table tr:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}select:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-0{left:0}.left-10{left:2.5rem}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-10{top:2.5rem}.isolate{isolation:isolate}.-z-1{z-index:-1}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-99{z-index:99}.float-right{float:right}.m-10{margin:2.5rem}.-my-2{margin-bottom:-.5rem;margin-top:-.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-8{margin-left:2rem;margin-right:2rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-5{margin-bottom:1.25rem;margin-top:1.25rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-auto{margin-bottom:auto;margin-top:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-3{margin-right:.75rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-auto{height:auto}.max-h-48{max-height:12rem}.max-h-60{max-height:15rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.min-h-10{min-height:2.5rem}.w-10{width:2.5rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-auto{width:auto}.w-fit{width:-webkit-fit-content;width:fit-content}.w-full{width:100%}.min-w-32{min-width:8rem}.min-w-80{min-width:20rem}.max-w-32{max-width:8rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-1\/2{--tw-translate-x:50%}.transform,.translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-100px{border-radius:100px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-b{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-b-md{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-orange{--tw-border-opacity:1;border-color:rgb(255 174 26/var(--tw-border-opacity,1))}.border-red{--tw-border-opacity:1;border-color:rgb(255 0 0/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.bg-\[\#007BFF\]{--tw-bg-opacity:1;background-color:rgb(0 123 255/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-700{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.bg-orange{--tw-bg-opacity:1;background-color:rgb(255 174 26/var(--tw-bg-opacity,1))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-none{background-image:none}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-0{padding-left:0;padding-right:0}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-top:.5rem}.pb-2,.py-2{padding-bottom:.5rem}.pr-2{padding-right:.5rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-arimaRegular{font-family:ArimaRegular}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-4{line-height:1rem}.leading-none{line-height:1}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-current{color:currentColor}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-red{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-width{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}body{font-family:Arima Regular;font-size:14px}.ps__rail-y{background:none!important}.scrollbar-container{width:97%!important}.dropdown-menu{min-width:3rem}.w-md-editor-show-live{height:800!important}.bg-orange1{background-color:"#EF4444"}.react-pdf__Page__canvas{max-width:100vw!important;min-height:100vh!important}.outer-box{border:2px solid #333;height:400px;overflow:hidden;position:relative;width:300px}.parent-container{background:#f0f0f0;padding:20px;position:relative}.menu{background:#fff;border:1px solid #ccc;box-shadow:0 4px 6px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%}.menu ul{list-style:none;margin:0;padding:0}.menu li{border-bottom:1px solid #ddd;padding:10px}.menu li:last-child{border-bottom:none}.border-t-2{border-top-width:2px}.border-b-2{border-bottom-width:2px}.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.hover\:bg-\[\#007BFF\]:hover{--tw-bg-opacity:1;background-color:rgb(0 123 255/var(--tw-bg-opacity,1))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-opacity-10:hover{--tw-bg-opacity:0.1}.hover\:text-red:hover{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity,1))}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-gray-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(107 114 128/var(--tw-ring-opacity,1))}.focus\:ring-offset-1:focus{--tw-ring-offset-width:1px}.active\:bg-green-600:active{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.dark\:border-gray-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:bg-black:is(.dark *){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.dark\:bg-boxdark:is(.dark *){--tw-bg-opacity:1;background-color:rgb(36 48 63/var(--tw-bg-opacity,1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:text-black:is(.dark *){--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:ring-offset-gray-800:is(.dark *){--tw-ring-offset-color:#1f2937}.dark\:hover\:bg-gray-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.dark\:focus\:ring-blue-600:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}@media (min-width:0px) and (max-width:767px){.sm\:block{display:block}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}
|
|
1
|
+
._ :global(:root) {
|
|
2
|
+
--border-radius-100: 0.5rem;
|
|
3
|
+
--border-radius-200: 1rem;
|
|
4
|
+
--border-radius-300: 1.5rem;
|
|
5
|
+
--border-radius-400: 2rem;
|
|
6
|
+
--border-radius-none: 0rem;
|
|
7
|
+
--border-radius-round: 10000rem;
|
|
8
|
+
--border-radius-025: 0.125rem;
|
|
9
|
+
--border-radius-050: 0.25rem;
|
|
10
|
+
--breakpoints-xs: 20rem;
|
|
11
|
+
--breakpoints-sm: 23.4375rem;
|
|
12
|
+
--breakpoints-md: 48rem;
|
|
13
|
+
--breakpoints-lg: 64rem;
|
|
14
|
+
--breakpoints-xl: 80rem;
|
|
15
|
+
--breakpoints-xxl: 90rem;
|
|
16
|
+
--opacity-10: 10%;
|
|
17
|
+
--opacity-12: 12%;
|
|
18
|
+
--opacity-20: 20%;
|
|
19
|
+
--opacity-30: 30%;
|
|
20
|
+
--opacity-40: 40%;
|
|
21
|
+
--opacity-50: 50%;
|
|
22
|
+
--opacity-60: 60%;
|
|
23
|
+
--opacity-70: 70%;
|
|
24
|
+
--opacity-75: 75%;
|
|
25
|
+
--opacity-80: 80%;
|
|
26
|
+
--opacity-90: 90%;
|
|
27
|
+
--opacity-100: 100%;
|
|
28
|
+
--opacity-none: 0%;
|
|
29
|
+
--opacity-04: 4%;
|
|
30
|
+
--opacity-08: 8%;
|
|
31
|
+
--spacing-100: 0.5rem;
|
|
32
|
+
--spacing-150: 0.75rem;
|
|
33
|
+
--spacing-200: 1rem;
|
|
34
|
+
--spacing-300: 1.5rem;
|
|
35
|
+
--spacing-400: 2rem;
|
|
36
|
+
--spacing-500: 2.5rem;
|
|
37
|
+
--spacing-600: 3rem;
|
|
38
|
+
--spacing-800: 4rem;
|
|
39
|
+
--spacing-1000: 5rem;
|
|
40
|
+
--spacing-1200: 6rem;
|
|
41
|
+
--spacing-000: 0rem;
|
|
42
|
+
--spacing-025: 0.125rem;
|
|
43
|
+
--spacing-050: 0.25rem;
|
|
44
|
+
--spacing-075: 0.375rem;
|
|
45
|
+
--state-layer-none: 0%;
|
|
46
|
+
--state-layer-hover: 8%;
|
|
47
|
+
--state-layer-press: 12%;
|
|
48
|
+
--state-layer-disabled: 12%;
|
|
49
|
+
--state-layer-on-disabled: 30%;
|
|
50
|
+
--state-layer-read-only: 8%;
|
|
51
|
+
--state-layer-on-read-only: 70%;
|
|
52
|
+
--state-layer-press-card: 4%;
|
|
53
|
+
--stroke-card: 0.0625rem;
|
|
54
|
+
--stroke-selected-card-hover: 0.125rem;
|
|
55
|
+
--stroke-divider: 0.0625rem;
|
|
56
|
+
}
|
|
57
|
+
.theme-dark {
|
|
58
|
+
--brand-white: #fff;
|
|
59
|
+
--brand-black: #0c0e11;
|
|
60
|
+
--brand-theme-purple: #8223d2;
|
|
61
|
+
--brand-theme-yellow: #d2fa46;
|
|
62
|
+
--brand-theme-blue: #4a68f9;
|
|
63
|
+
--brand-theme-green: #6efac3;
|
|
64
|
+
--sub-surface: #040308;
|
|
65
|
+
--surface: #130f17;
|
|
66
|
+
--surface-variant: #1e1a22;
|
|
67
|
+
--on-surface: #f8eef9;
|
|
68
|
+
--on-surface-soft: #cdc4ce;
|
|
69
|
+
--outline: #7c757e;
|
|
70
|
+
--outline-soft: #4a454e;
|
|
71
|
+
--scrim-overlay: #0c0e1180;
|
|
72
|
+
--elevated-level-01: #221e26;
|
|
73
|
+
--elevated-level-02: #29242c;
|
|
74
|
+
--elevated-level-03: #2d2830;
|
|
75
|
+
--elevated-dynamic-card: #edddf60a;
|
|
76
|
+
--primary: #ddb7ff;
|
|
77
|
+
--on-primary: #1c0334;
|
|
78
|
+
--primary-soft: #410071;
|
|
79
|
+
--on-primary-soft: #ddb7ff;
|
|
80
|
+
--secondary: #4e4356;
|
|
81
|
+
--on-secondary: #edddf6;
|
|
82
|
+
--neutral: #f8eef9;
|
|
83
|
+
--on-neutral: #130f17;
|
|
84
|
+
--neutral-soft: #4a454e;
|
|
85
|
+
--on-neutral-soft: #e9dfeb;
|
|
86
|
+
--inverse-surface: #e9dfeb;
|
|
87
|
+
--inverse-on-surface: #130f17;
|
|
88
|
+
--inverse-primary: #8223d2;
|
|
89
|
+
--status-success-soft: #0b4521;
|
|
90
|
+
--status-on-success-soft: #c5ffc8;
|
|
91
|
+
--status-success: #47e26f;
|
|
92
|
+
--status-on-success: #0a2415;
|
|
93
|
+
--status-error-soft: #7d000f;
|
|
94
|
+
--status-on-error-soft: #ffeae9;
|
|
95
|
+
--status-error: #ffb3ad;
|
|
96
|
+
--status-on-error: #470306;
|
|
97
|
+
--status-warning-soft: #e7c500;
|
|
98
|
+
--status-on-warning-soft: #3a3000;
|
|
99
|
+
--status-warning: #ffe264;
|
|
100
|
+
--status-on-warning: #221b00;
|
|
101
|
+
--accent-red: #ffb2b9;
|
|
102
|
+
--accent-on-red: #40000f;
|
|
103
|
+
--accent-red-soft: #7c0026;
|
|
104
|
+
--accent-on-red-soft: #ffeced;
|
|
105
|
+
--accent-orange: #ffb690;
|
|
106
|
+
--accent-on-orange: #341100;
|
|
107
|
+
--accent-orange-soft: #632700;
|
|
108
|
+
--accent-on-orange-soft: #ffede6;
|
|
109
|
+
--accent-tennis: #dcff66;
|
|
110
|
+
--accent-on-tennis: #171e00;
|
|
111
|
+
--accent-tennis-soft: #334000;
|
|
112
|
+
--accent-on-tennis-soft: #dcff66;
|
|
113
|
+
--accent-green: #65f2bc;
|
|
114
|
+
--accent-on-green: #002115;
|
|
115
|
+
--accent-green-soft: #004530;
|
|
116
|
+
--accent-on-green-soft: #bdffdf;
|
|
117
|
+
--accent-teal: #2fd9f4;
|
|
118
|
+
--accent-on-teal: #001f25;
|
|
119
|
+
--accent-teal-soft: #00424c;
|
|
120
|
+
--accent-on-teal-soft: #d4f7ff;
|
|
121
|
+
--accent-blue: #bac3ff;
|
|
122
|
+
--accent-on-blue: #001159;
|
|
123
|
+
--accent-blue-soft: #061e77;
|
|
124
|
+
--accent-on-blue-soft: #f0efff;
|
|
125
|
+
--accent-purple: #ddb7ff;
|
|
126
|
+
--accent-on-purple: #1c0334;
|
|
127
|
+
--accent-purple-soft: #410071;
|
|
128
|
+
--accent-on-purple-soft: #ddb7ff;
|
|
129
|
+
--fills-surface-contrast: #f8eef90a;
|
|
130
|
+
--fills-surface-contrast-inverse: #130f1714;
|
|
131
|
+
--fills-drop-shadow: #160d1e26;
|
|
132
|
+
--fills-actions-pressed-shadow: #ffffff14;
|
|
133
|
+
--fills-cards-pressed-shadow: #0c0e110a;
|
|
134
|
+
--fills-sticker-opacity: 100%;
|
|
135
|
+
--gradient-dark-stop-1: #ca93ff;
|
|
136
|
+
--gradient-dark-stop-2: #f2aeff;
|
|
137
|
+
--gradient-light-stop-1: #370f5b;
|
|
138
|
+
--gradient-light-stop-2: #001a42;
|
|
139
|
+
}
|
|
140
|
+
._ :global(:root),
|
|
141
|
+
.theme-light {
|
|
142
|
+
--brand-white: #fff;
|
|
143
|
+
--brand-black: #0c0e11;
|
|
144
|
+
--brand-theme-purple: #8223d2;
|
|
145
|
+
--brand-theme-yellow: #d2fa46;
|
|
146
|
+
--brand-theme-blue: #4a68f9;
|
|
147
|
+
--brand-theme-green: #6efac3;
|
|
148
|
+
--sub-surface: #f1f0f4;
|
|
149
|
+
--surface: #fff;
|
|
150
|
+
--surface-variant: #faf9fc;
|
|
151
|
+
--on-surface: #1a1c1e;
|
|
152
|
+
--on-surface-soft: #5d5e61;
|
|
153
|
+
--outline: #c6c6ca;
|
|
154
|
+
--outline-soft: #eeedf1;
|
|
155
|
+
--scrim-overlay: #0c0e1180;
|
|
156
|
+
--elevated-level-01: #fff;
|
|
157
|
+
--elevated-level-02: #fff;
|
|
158
|
+
--elevated-level-03: #fff;
|
|
159
|
+
--elevated-dynamic-card: #fff;
|
|
160
|
+
--primary: #8223d2;
|
|
161
|
+
--on-primary: #fff;
|
|
162
|
+
--primary-soft: #faecff;
|
|
163
|
+
--on-primary-soft: #590099;
|
|
164
|
+
--secondary: #edddf6;
|
|
165
|
+
--on-secondary: #211829;
|
|
166
|
+
--neutral: #1a1c1e;
|
|
167
|
+
--on-neutral: #fff;
|
|
168
|
+
--neutral-soft: #f1f0f4;
|
|
169
|
+
--on-neutral-soft: #2f3033;
|
|
170
|
+
--inverse-surface: #252629;
|
|
171
|
+
--inverse-on-surface: #fff;
|
|
172
|
+
--inverse-primary: #ca93ff;
|
|
173
|
+
--status-success-soft: #c5ffc8;
|
|
174
|
+
--status-on-success-soft: #062011;
|
|
175
|
+
--status-success: #136d31;
|
|
176
|
+
--status-on-success: #c5ffc8;
|
|
177
|
+
--status-error-soft: #ffdad7;
|
|
178
|
+
--status-on-error-soft: #410004;
|
|
179
|
+
--status-error: #b91a24;
|
|
180
|
+
--status-on-error: #ffeae9;
|
|
181
|
+
--status-warning-soft: #fff0c0;
|
|
182
|
+
--status-on-warning-soft: #3a3000;
|
|
183
|
+
--status-warning: #e7c500;
|
|
184
|
+
--status-on-warning: #524609;
|
|
185
|
+
--accent-red: #b91641;
|
|
186
|
+
--accent-on-red: #fff8f7;
|
|
187
|
+
--accent-red-soft: #ffe1e2;
|
|
188
|
+
--accent-on-red-soft: #67001e;
|
|
189
|
+
--accent-orange: #ec6a06;
|
|
190
|
+
--accent-on-orange: #fff8f6;
|
|
191
|
+
--accent-orange-soft: #ffe2d5;
|
|
192
|
+
--accent-on-orange-soft: #552100;
|
|
193
|
+
--accent-tennis: #d2fa46;
|
|
194
|
+
--accent-on-tennis: #171e00;
|
|
195
|
+
--accent-tennis-soft: #e5ff8d;
|
|
196
|
+
--accent-on-tennis-soft: #293500;
|
|
197
|
+
--accent-green: #6efac3;
|
|
198
|
+
--accent-on-green: #002115;
|
|
199
|
+
--accent-green-soft: #ccffe5;
|
|
200
|
+
--accent-on-green-soft: #003826;
|
|
201
|
+
--accent-teal: #2fd9f4;
|
|
202
|
+
--accent-on-teal: #001f25;
|
|
203
|
+
--accent-teal-soft: #ddf9ff;
|
|
204
|
+
--accent-on-teal-soft: #00363e;
|
|
205
|
+
--accent-blue: #4a68f9;
|
|
206
|
+
--accent-on-blue: #fbf8ff;
|
|
207
|
+
--accent-blue-soft: #f4f2ff;
|
|
208
|
+
--accent-on-blue-soft: #00208d;
|
|
209
|
+
--accent-purple: #8223d2;
|
|
210
|
+
--accent-on-purple: #fff;
|
|
211
|
+
--accent-purple-soft: #faecff;
|
|
212
|
+
--accent-on-purple-soft: #590099;
|
|
213
|
+
--fills-surface-contrast: #0c0e110a;
|
|
214
|
+
--fills-surface-contrast-inverse: #ffffff14;
|
|
215
|
+
--fills-drop-shadow: #0c0e110a;
|
|
216
|
+
--fills-actions-pressed-shadow: #0c0e1114;
|
|
217
|
+
--fills-cards-pressed-shadow: #0c0e110a;
|
|
218
|
+
--fills-sticker-opacity: 0%;
|
|
219
|
+
--gradient-dark-stop-1: #6900b3;
|
|
220
|
+
--gradient-dark-stop-2: #991bbd;
|
|
221
|
+
--gradient-light-stop-1: #faecff;
|
|
222
|
+
--gradient-light-stop-2: #effcff;
|
|
223
|
+
}
|
|
224
|
+
.partner-dark {
|
|
225
|
+
--brand-white: #fff;
|
|
226
|
+
--brand-black: #0c0e11;
|
|
227
|
+
--brand-theme-purple: #8223d2;
|
|
228
|
+
--brand-theme-yellow: #d2fa46;
|
|
229
|
+
--brand-theme-blue: #4a68f9;
|
|
230
|
+
--brand-theme-green: #6efac3;
|
|
231
|
+
--sub-surface: #030405;
|
|
232
|
+
--surface: #0f1114;
|
|
233
|
+
--surface-variant: #1a1c1e;
|
|
234
|
+
--on-surface: #f1f0f4;
|
|
235
|
+
--on-surface-soft: #c6c6ca;
|
|
236
|
+
--outline: #76777a;
|
|
237
|
+
--outline-soft: #46474a;
|
|
238
|
+
--scrim-overlay: #0c0e1180;
|
|
239
|
+
--elevated-level-01: #1e2022;
|
|
240
|
+
--elevated-level-02: #252629;
|
|
241
|
+
--elevated-level-03: #292a2d;
|
|
242
|
+
--elevated-dynamic-card: #e3e2e60a;
|
|
243
|
+
--primary: #fff;
|
|
244
|
+
--on-primary: #0f1114;
|
|
245
|
+
--primary-soft: #292a2d;
|
|
246
|
+
--on-primary-soft: #fff;
|
|
247
|
+
--secondary: #46474a;
|
|
248
|
+
--on-secondary: #e3e2e6;
|
|
249
|
+
--neutral: #f1f0f4;
|
|
250
|
+
--on-neutral: #0f1114;
|
|
251
|
+
--neutral-soft: #46474a;
|
|
252
|
+
--on-neutral-soft: #e3e2e6;
|
|
253
|
+
--inverse-surface: #e3e2e6;
|
|
254
|
+
--inverse-on-surface: #0f1114;
|
|
255
|
+
--inverse-primary: #46474a;
|
|
256
|
+
--status-success-soft: #0b4521;
|
|
257
|
+
--status-on-success-soft: #c5ffc8;
|
|
258
|
+
--status-success: #47e26f;
|
|
259
|
+
--status-on-success: #0a2415;
|
|
260
|
+
--status-error-soft: #7d000f;
|
|
261
|
+
--status-on-error-soft: #ffeae9;
|
|
262
|
+
--status-error: #ffb3ad;
|
|
263
|
+
--status-on-error: #470306;
|
|
264
|
+
--status-warning-soft: #e7c500;
|
|
265
|
+
--status-on-warning-soft: #3a3000;
|
|
266
|
+
--status-warning: #ffe264;
|
|
267
|
+
--status-on-warning: #221b00;
|
|
268
|
+
--accent-red: #ffb2b9;
|
|
269
|
+
--accent-on-red: #40000f;
|
|
270
|
+
--accent-red-soft: #7c0026;
|
|
271
|
+
--accent-on-red-soft: #ffeced;
|
|
272
|
+
--accent-orange: #ffb690;
|
|
273
|
+
--accent-on-orange: #341100;
|
|
274
|
+
--accent-orange-soft: #632700;
|
|
275
|
+
--accent-on-orange-soft: #ffede6;
|
|
276
|
+
--accent-tennis: #d2fa46;
|
|
277
|
+
--accent-on-tennis: #171e00;
|
|
278
|
+
--accent-tennis-soft: #334000;
|
|
279
|
+
--accent-on-tennis-soft: #dcff66;
|
|
280
|
+
--accent-green: #65f2bc;
|
|
281
|
+
--accent-on-green: #002115;
|
|
282
|
+
--accent-green-soft: #004530;
|
|
283
|
+
--accent-on-green-soft: #bdffdf;
|
|
284
|
+
--accent-teal: #2fd9f4;
|
|
285
|
+
--accent-on-teal: #001f25;
|
|
286
|
+
--accent-teal-soft: #00424c;
|
|
287
|
+
--accent-on-teal-soft: #d4f7ff;
|
|
288
|
+
--accent-blue: #bac3ff;
|
|
289
|
+
--accent-on-blue: #001159;
|
|
290
|
+
--accent-blue-soft: #061e77;
|
|
291
|
+
--accent-on-blue-soft: #f0efff;
|
|
292
|
+
--accent-purple: #ddb7ff;
|
|
293
|
+
--accent-on-purple: #1c0334;
|
|
294
|
+
--accent-purple-soft: #410071;
|
|
295
|
+
--accent-on-purple-soft: #ddb7ff;
|
|
296
|
+
--fills-surface-contrast: #ffffff0a;
|
|
297
|
+
--fills-surface-contrast-inverse: #0c0e1114;
|
|
298
|
+
--fills-drop-shadow: #0c0e1126;
|
|
299
|
+
--fills-actions-pressed-shadow: #ffffff14;
|
|
300
|
+
--fills-cards-pressed-shadow: #0c0e110a;
|
|
301
|
+
--fills-sticker-opacity: 100%;
|
|
302
|
+
--gradient-dark-stop-1: #ca93ff;
|
|
303
|
+
--gradient-dark-stop-2: #f2aeff;
|
|
304
|
+
--gradient-light-stop-1: #370f5b;
|
|
305
|
+
--gradient-light-stop-2: #001a42;
|
|
306
|
+
}
|
|
307
|
+
.partner-light {
|
|
308
|
+
--brand-white: #fff;
|
|
309
|
+
--brand-black: #0c0e11;
|
|
310
|
+
--brand-theme-purple: #8223d2;
|
|
311
|
+
--brand-theme-yellow: #d2fa46;
|
|
312
|
+
--brand-theme-blue: #4a68f9;
|
|
313
|
+
--brand-theme-green: #6efac3;
|
|
314
|
+
--sub-surface: #f1f0f4;
|
|
315
|
+
--surface: #fff;
|
|
316
|
+
--surface-variant: #faf9fc;
|
|
317
|
+
--on-surface: #1a1c1e;
|
|
318
|
+
--on-surface-soft: #5d5e61;
|
|
319
|
+
--outline: #c6c6ca;
|
|
320
|
+
--outline-soft: #eeedf1;
|
|
321
|
+
--scrim-overlay: #0c0e1180;
|
|
322
|
+
--elevated-level-01: #fff;
|
|
323
|
+
--elevated-level-02: #fff;
|
|
324
|
+
--elevated-level-03: #fff;
|
|
325
|
+
--elevated-dynamic-card: #fff;
|
|
326
|
+
--primary: #0c0e11;
|
|
327
|
+
--on-primary: #fff;
|
|
328
|
+
--primary-soft: #f1f0f4;
|
|
329
|
+
--on-primary-soft: #3a3b3e;
|
|
330
|
+
--secondary: #e3e2e6;
|
|
331
|
+
--on-secondary: #1a1c1e;
|
|
332
|
+
--neutral: #1a1c1e;
|
|
333
|
+
--on-neutral: #fff;
|
|
334
|
+
--neutral-soft: #f1f0f4;
|
|
335
|
+
--on-neutral-soft: #2f3033;
|
|
336
|
+
--inverse-surface: #252629;
|
|
337
|
+
--inverse-on-surface: #fff;
|
|
338
|
+
--inverse-primary: #e3e2e6;
|
|
339
|
+
--status-success-soft: #c5ffc8;
|
|
340
|
+
--status-on-success-soft: #062011;
|
|
341
|
+
--status-success: #136d31;
|
|
342
|
+
--status-on-success: #c5ffc8;
|
|
343
|
+
--status-error-soft: #ffdad7;
|
|
344
|
+
--status-on-error-soft: #410004;
|
|
345
|
+
--status-error: #b91a24;
|
|
346
|
+
--status-on-error: #ffeae9;
|
|
347
|
+
--status-warning-soft: #fff0c0;
|
|
348
|
+
--status-on-warning-soft: #3a3000;
|
|
349
|
+
--status-warning: #e7c500;
|
|
350
|
+
--status-on-warning: #524609;
|
|
351
|
+
--accent-red: #b91641;
|
|
352
|
+
--accent-on-red: #fff8f7;
|
|
353
|
+
--accent-red-soft: #fff0f1;
|
|
354
|
+
--accent-on-red-soft: #67001e;
|
|
355
|
+
--accent-orange: #ec6a06;
|
|
356
|
+
--accent-on-orange: #fff8f6;
|
|
357
|
+
--accent-orange-soft: #fff1eb;
|
|
358
|
+
--accent-on-orange-soft: #552100;
|
|
359
|
+
--accent-tennis: #d2fa46;
|
|
360
|
+
--accent-on-tennis: #171e00;
|
|
361
|
+
--accent-tennis-soft: #e5ff8d;
|
|
362
|
+
--accent-on-tennis-soft: #293500;
|
|
363
|
+
--accent-green: #6efac3;
|
|
364
|
+
--accent-on-green: #002115;
|
|
365
|
+
--accent-green-soft: #ccffe5;
|
|
366
|
+
--accent-on-green-soft: #003826;
|
|
367
|
+
--accent-teal: #2fd9f4;
|
|
368
|
+
--accent-on-teal: #001f25;
|
|
369
|
+
--accent-teal-soft: #ddf9ff;
|
|
370
|
+
--accent-on-teal-soft: #00363e;
|
|
371
|
+
--accent-blue: #4a68f9;
|
|
372
|
+
--accent-on-blue: #fbf8ff;
|
|
373
|
+
--accent-blue-soft: #f4f2ff;
|
|
374
|
+
--accent-on-blue-soft: #00208d;
|
|
375
|
+
--accent-purple: #8223d2;
|
|
376
|
+
--accent-on-purple: #fff;
|
|
377
|
+
--accent-purple-soft: #faecff;
|
|
378
|
+
--accent-on-purple-soft: #590099;
|
|
379
|
+
--fills-surface-contrast: #0c0e110a;
|
|
380
|
+
--fills-surface-contrast-inverse: #ffffff14;
|
|
381
|
+
--fills-drop-shadow: #0c0e110a;
|
|
382
|
+
--fills-actions-pressed-shadow: #0c0e1114;
|
|
383
|
+
--fills-cards-pressed-shadow: #0c0e110a;
|
|
384
|
+
--fills-sticker-opacity: 0%;
|
|
385
|
+
--gradient-dark-stop-1: #6900b3;
|
|
386
|
+
--gradient-dark-stop-2: #991bbd;
|
|
387
|
+
--gradient-light-stop-1: #faecff;
|
|
388
|
+
--gradient-light-stop-2: #f0efff;
|
|
389
|
+
}
|
|
390
|
+
._ :global(:root),
|
|
391
|
+
.partner-dark,
|
|
392
|
+
.partner-light,
|
|
393
|
+
.theme-dark,
|
|
394
|
+
.theme-light {
|
|
395
|
+
--action-outline-fill: var(--fills-surface-contrast-inverse);
|
|
396
|
+
--action-border-radius: var(--border-radius-round);
|
|
397
|
+
--tag-on-theme-alt: var(--on-secondary);
|
|
398
|
+
--tag-theme-alt: var(--secondary);
|
|
399
|
+
--action-inactive-toggle-stroke: var(--outline-soft);
|
|
400
|
+
--action-inactive-toggle-surface: var(--surface-variant);
|
|
401
|
+
--action-on-surface: var(--on-surface);
|
|
402
|
+
--action-outline-action: var(--on-surface);
|
|
403
|
+
--action-on-tonal-action: var(--on-secondary);
|
|
404
|
+
--action-tonal-action: var(--secondary);
|
|
405
|
+
--tag-on-theme: var(--on-primary);
|
|
406
|
+
--action-on-filled-action: var(--on-primary);
|
|
407
|
+
--tag-theme: var(--primary);
|
|
408
|
+
--action-subtle-engaged: var(--primary);
|
|
409
|
+
--action-filled-action: var(--primary);
|
|
410
|
+
}
|
|
411
|
+
._ :global(*),
|
|
412
|
+
._ :global(:after),
|
|
413
|
+
._ :global(:before) {
|
|
414
|
+
--tw-border-spacing-x: 0;
|
|
415
|
+
--tw-border-spacing-y: 0;
|
|
416
|
+
--tw-translate-x: 0;
|
|
417
|
+
--tw-translate-y: 0;
|
|
418
|
+
--tw-rotate: 0;
|
|
419
|
+
--tw-skew-x: 0;
|
|
420
|
+
--tw-skew-y: 0;
|
|
421
|
+
--tw-scale-x: 1;
|
|
422
|
+
--tw-scale-y: 1;
|
|
423
|
+
--tw-pan-x: ;
|
|
424
|
+
--tw-pan-y: ;
|
|
425
|
+
--tw-pinch-zoom: ;
|
|
426
|
+
--tw-scroll-snap-strictness: proximity;
|
|
427
|
+
--tw-gradient-from-position: ;
|
|
428
|
+
--tw-gradient-via-position: ;
|
|
429
|
+
--tw-gradient-to-position: ;
|
|
430
|
+
--tw-ordinal: ;
|
|
431
|
+
--tw-slashed-zero: ;
|
|
432
|
+
--tw-numeric-figure: ;
|
|
433
|
+
--tw-numeric-spacing: ;
|
|
434
|
+
--tw-numeric-fraction: ;
|
|
435
|
+
--tw-ring-inset: ;
|
|
436
|
+
--tw-ring-offset-width: 0px;
|
|
437
|
+
--tw-ring-offset-color: #fff;
|
|
438
|
+
--tw-ring-color: #3b82f680;
|
|
439
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
440
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
441
|
+
--tw-shadow: 0 0 #0000;
|
|
442
|
+
--tw-shadow-colored: 0 0 #0000;
|
|
443
|
+
--tw-blur: ;
|
|
444
|
+
--tw-brightness: ;
|
|
445
|
+
--tw-contrast: ;
|
|
446
|
+
--tw-grayscale: ;
|
|
447
|
+
--tw-hue-rotate: ;
|
|
448
|
+
--tw-invert: ;
|
|
449
|
+
--tw-saturate: ;
|
|
450
|
+
--tw-sepia: ;
|
|
451
|
+
--tw-drop-shadow: ;
|
|
452
|
+
--tw-backdrop-blur: ;
|
|
453
|
+
--tw-backdrop-brightness: ;
|
|
454
|
+
--tw-backdrop-contrast: ;
|
|
455
|
+
--tw-backdrop-grayscale: ;
|
|
456
|
+
--tw-backdrop-hue-rotate: ;
|
|
457
|
+
--tw-backdrop-invert: ;
|
|
458
|
+
--tw-backdrop-opacity: ;
|
|
459
|
+
--tw-backdrop-saturate: ;
|
|
460
|
+
--tw-backdrop-sepia: ;
|
|
461
|
+
--tw-contain-size: ;
|
|
462
|
+
--tw-contain-layout: ;
|
|
463
|
+
--tw-contain-paint: ;
|
|
464
|
+
--tw-contain-style: ;
|
|
465
|
+
}
|
|
466
|
+
::backdrop {
|
|
467
|
+
--tw-border-spacing-x: 0;
|
|
468
|
+
--tw-border-spacing-y: 0;
|
|
469
|
+
--tw-translate-x: 0;
|
|
470
|
+
--tw-translate-y: 0;
|
|
471
|
+
--tw-rotate: 0;
|
|
472
|
+
--tw-skew-x: 0;
|
|
473
|
+
--tw-skew-y: 0;
|
|
474
|
+
--tw-scale-x: 1;
|
|
475
|
+
--tw-scale-y: 1;
|
|
476
|
+
--tw-pan-x: ;
|
|
477
|
+
--tw-pan-y: ;
|
|
478
|
+
--tw-pinch-zoom: ;
|
|
479
|
+
--tw-scroll-snap-strictness: proximity;
|
|
480
|
+
--tw-gradient-from-position: ;
|
|
481
|
+
--tw-gradient-via-position: ;
|
|
482
|
+
--tw-gradient-to-position: ;
|
|
483
|
+
--tw-ordinal: ;
|
|
484
|
+
--tw-slashed-zero: ;
|
|
485
|
+
--tw-numeric-figure: ;
|
|
486
|
+
--tw-numeric-spacing: ;
|
|
487
|
+
--tw-numeric-fraction: ;
|
|
488
|
+
--tw-ring-inset: ;
|
|
489
|
+
--tw-ring-offset-width: 0px;
|
|
490
|
+
--tw-ring-offset-color: #fff;
|
|
491
|
+
--tw-ring-color: #3b82f680;
|
|
492
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
493
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
494
|
+
--tw-shadow: 0 0 #0000;
|
|
495
|
+
--tw-shadow-colored: 0 0 #0000;
|
|
496
|
+
--tw-blur: ;
|
|
497
|
+
--tw-brightness: ;
|
|
498
|
+
--tw-contrast: ;
|
|
499
|
+
--tw-grayscale: ;
|
|
500
|
+
--tw-hue-rotate: ;
|
|
501
|
+
--tw-invert: ;
|
|
502
|
+
--tw-saturate: ;
|
|
503
|
+
--tw-sepia: ;
|
|
504
|
+
--tw-drop-shadow: ;
|
|
505
|
+
--tw-backdrop-blur: ;
|
|
506
|
+
--tw-backdrop-brightness: ;
|
|
507
|
+
--tw-backdrop-contrast: ;
|
|
508
|
+
--tw-backdrop-grayscale: ;
|
|
509
|
+
--tw-backdrop-hue-rotate: ;
|
|
510
|
+
--tw-backdrop-invert: ;
|
|
511
|
+
--tw-backdrop-opacity: ;
|
|
512
|
+
--tw-backdrop-saturate: ;
|
|
513
|
+
--tw-backdrop-sepia: ;
|
|
514
|
+
--tw-contain-size: ;
|
|
515
|
+
--tw-contain-layout: ;
|
|
516
|
+
--tw-contain-paint: ;
|
|
517
|
+
--tw-contain-style: ;
|
|
518
|
+
}
|