@easypost/easy-ui 1.0.0-alpha.4 → 1.0.0-alpha.6
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/Badge/index.js +32 -26
- package/Badge/index.mjs +32 -26
- package/Banner/index.js +15 -16
- package/Banner/index.mjs +15 -16
- package/Button/Button.d.ts +61 -0
- package/Button/Button.d.ts.map +1 -1
- package/Button/index.js +34 -69
- package/Button/index.mjs +33 -68
- package/CHANGELOG.md +21 -0
- package/Card/index.js +84 -5
- package/Card/index.mjs +84 -5
- package/Checkbox/index.js +84 -72
- package/Checkbox/index.mjs +84 -72
- package/CodeBlock/index.js +43 -49
- package/CodeBlock/index.mjs +43 -49
- package/DropdownButton/DropdownButton.d.ts +48 -0
- package/DropdownButton/DropdownButton.d.ts.map +1 -1
- package/DropdownButton/index.js +29 -101
- package/DropdownButton/index.mjs +29 -85
- package/HorizontalGrid/index.js +11 -31
- package/HorizontalGrid/index.mjs +11 -31
- package/HorizontalStack/index.js +48 -4
- package/HorizontalStack/index.mjs +48 -4
- package/Icon/Icon.d.ts +51 -0
- package/Icon/Icon.d.ts.map +1 -1
- package/Icon/index.js +38 -4
- package/Icon/index.mjs +38 -4
- package/IconButton/IconButton.d.ts +62 -0
- package/IconButton/IconButton.d.ts.map +1 -1
- package/IconButton/index.js +26 -43
- package/IconButton/index.mjs +25 -42
- package/InputField/Label.d.ts +2 -2
- package/InputField/index.js +282 -10
- package/InputField/index.mjs +266 -10
- package/InputField/utilities.d.ts +1 -1
- package/InputField/utilities.d.ts.map +1 -1
- package/Menu/MenuOverlay.d.ts.map +1 -1
- package/Menu/index.js +178 -1958
- package/Menu/index.mjs +168 -1948
- package/Menu/utilities.d.ts +11 -0
- package/Menu/utilities.d.ts.map +1 -0
- package/Notification/index.js +1534 -14
- package/Notification/index.mjs +1518 -14
- package/Provider/index.js +15 -15
- package/Provider/index.mjs +15 -15
- package/RadioGroup/index.js +63 -63
- package/RadioGroup/index.mjs +63 -63
- package/Select/Select.d.ts +88 -0
- package/Select/Select.d.ts.map +1 -0
- package/Select/Select.stories.d.ts +17 -0
- package/Select/Select.stories.d.ts.map +1 -0
- package/Select/Select.test.d.ts +2 -0
- package/Select/Select.test.d.ts.map +1 -0
- package/Select/SelectContext.d.ts +14 -0
- package/Select/SelectContext.d.ts.map +1 -0
- package/Select/SelectField.d.ts +62 -0
- package/Select/SelectField.d.ts.map +1 -0
- package/Select/SelectOption.d.ts +23 -0
- package/Select/SelectOption.d.ts.map +1 -0
- package/Select/SelectOverlay.d.ts +3 -0
- package/Select/SelectOverlay.d.ts.map +1 -0
- package/Select/SelectSection.d.ts +22 -0
- package/Select/SelectSection.d.ts.map +1 -0
- package/Select/SelectTrigger.d.ts +30 -0
- package/Select/SelectTrigger.d.ts.map +1 -0
- package/Select/index.d.ts +2 -0
- package/Select/index.d.ts.map +1 -0
- package/Select/index.js +816 -0
- package/Select/index.mjs +816 -0
- package/SelectorErrorTooltip/index.js +102 -11
- package/SelectorErrorTooltip/index.mjs +86 -11
- package/Text/index.js +85 -4
- package/Text/index.mjs +85 -4
- package/TextField/index.js +19 -38
- package/TextField/index.mjs +19 -38
- package/Textarea/index.js +20 -37
- package/Textarea/index.mjs +20 -37
- package/Theme/index.js +145 -9
- package/Theme/index.mjs +145 -9
- package/Toggle/index.js +51 -50
- package/Toggle/index.mjs +51 -50
- package/Tooltip/index.js +299 -10
- package/Tooltip/index.mjs +299 -10
- package/UnstyledButton/index.js +4 -4
- package/UnstyledButton/index.mjs +3 -3
- package/VerticalStack/index.js +13 -47
- package/VerticalStack/index.mjs +13 -47
- package/__chunks__/ExpandMore400-7c5263a4.mjs +49 -0
- package/__chunks__/ExpandMore400-92646971.js +65 -0
- package/__chunks__/InputIcon-2317befd.mjs +148 -0
- package/__chunks__/InputIcon-d3963cf8.js +147 -0
- package/__chunks__/{import-e7f45c7e.mjs → import-0561e1ba.mjs} +3 -3
- package/__chunks__/{import-b7971a11.mjs → import-19bc38ac.mjs} +72 -34
- package/__chunks__/{import-01299af6.js → import-24a482e1.js} +3 -2
- package/__chunks__/{import-baa3cd0c.mjs → import-29af6941.mjs} +4 -3
- package/__chunks__/{import-0d1b4d93.js → import-2b302763.js} +193 -141
- package/__chunks__/{import-ab878fb6.mjs → import-3d962a94.mjs} +205 -153
- package/__chunks__/{import-86330a7c.mjs → import-6a831ca1.mjs} +16 -15
- package/__chunks__/{import-7545401a.js → import-8b6c0bc7.js} +3 -3
- package/__chunks__/{import-63bf0645.js → import-a1e0f814.js} +47 -9
- package/__chunks__/{import-3ab42f86.js → import-a2023d8f.js} +35 -22
- package/__chunks__/{import-76076ca6.js → import-dea5a24d.js} +15 -14
- package/__chunks__/{import-856e0385.mjs → import-f1f4792a.mjs} +36 -23
- package/__chunks__/{UnstyledButton-883f0c6c.mjs → index-29d7bca9.mjs} +17 -42
- package/__chunks__/{UnstyledButton-96172ec0.js → index-3985350a.js} +17 -42
- package/__chunks__/{overlayscrollbars-react.es-c8369a03.mjs → overlayscrollbars-react.es-7f332a3b.mjs} +4 -4
- package/__chunks__/{overlayscrollbars-react.es-20563393.js → overlayscrollbars-react.es-f2a0bcff.js} +4 -4
- package/__chunks__/{real-module-e4cd2301.mjs → real-module-515df21d.mjs} +1 -1
- package/__chunks__/{real-module-ae2a4342.js → real-module-e36b1436.js} +1 -1
- package/__chunks__/useTriggerWidth-156b038a.js +2030 -0
- package/__chunks__/useTriggerWidth-addcd1d6.mjs +2031 -0
- package/package.json +11 -11
- package/style.css +1423 -1196
- package/utilities/css.js +14 -58
- package/utilities/css.mjs +14 -58
- package/__chunks__/Card-7bbd41e0.mjs +0 -110
- package/__chunks__/Card-dac53c75.js +0 -109
- package/__chunks__/HorizontalStack-a441c63f.mjs +0 -80
- package/__chunks__/HorizontalStack-a862839b.js +0 -79
- package/__chunks__/Icon-3d00481a.js +0 -44
- package/__chunks__/Icon-a75b5201.mjs +0 -45
- package/__chunks__/InputField-4fbaae06.js +0 -487
- package/__chunks__/InputField-a272f602.mjs +0 -472
- package/__chunks__/Notification-b8eafec6.mjs +0 -1456
- package/__chunks__/Notification-c5b34eb3.js +0 -1471
- package/__chunks__/SelectorErrorTooltip-43c5e29e.js +0 -84
- package/__chunks__/SelectorErrorTooltip-b6204987.mjs +0 -69
- package/__chunks__/Text-1ae70c19.js +0 -102
- package/__chunks__/Text-4ae50d5c.mjs +0 -103
- package/__chunks__/Theme-4e498252.mjs +0 -132
- package/__chunks__/Theme-751e5575.js +0 -131
- package/__chunks__/Tooltip-bd55165e.js +0 -317
- package/__chunks__/Tooltip-f7e67b21.mjs +0 -318
package/style.css
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
4
4
|
*/
|
|
5
|
-
.
|
|
5
|
+
._VerticalStack_ci6yn_5 {
|
|
6
6
|
--ezui-c-vertical-stack-gap-xs: initial;
|
|
7
7
|
--ezui-c-vertical-stack-gap-sm: initial;
|
|
8
8
|
--ezui-c-vertical-stack-gap-md: initial;
|
|
@@ -16,223 +16,45 @@
|
|
|
16
16
|
justify-content: var(--ezui-c-vertical-stack-align);
|
|
17
17
|
}
|
|
18
18
|
@media (min-width: 30em) {
|
|
19
|
-
.
|
|
19
|
+
._VerticalStack_ci6yn_5 {
|
|
20
20
|
gap: var(--ezui-c-vertical-stack-gap-sm, var(--ezui-c-vertical-stack-gap-xs, initial));
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
@media (min-width: 40em) {
|
|
24
|
-
.
|
|
24
|
+
._VerticalStack_ci6yn_5 {
|
|
25
25
|
gap: var(--ezui-c-vertical-stack-gap-md, var(--ezui-c-vertical-stack-gap-sm, var(--ezui-c-vertical-stack-gap-xs, initial)));
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
@media (min-width: 64em) {
|
|
29
|
-
.
|
|
29
|
+
._VerticalStack_ci6yn_5 {
|
|
30
30
|
gap: var(--ezui-c-vertical-stack-gap-lg, var(--ezui-c-vertical-stack-gap-md, var(--ezui-c-vertical-stack-gap-sm, var(--ezui-c-vertical-stack-gap-xs, initial))));
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
@media (min-width: 85em) {
|
|
34
|
-
.
|
|
34
|
+
._VerticalStack_ci6yn_5 {
|
|
35
35
|
gap: var(--ezui-c-vertical-stack-gap-xl, var(--ezui-c-vertical-stack-gap-lg, var(--ezui-c-vertical-stack-gap-md, var(--ezui-c-vertical-stack-gap-sm, var(--ezui-c-vertical-stack-gap-xs, initial)))));
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
@media (min-width: 120em) {
|
|
39
|
-
.
|
|
39
|
+
._VerticalStack_ci6yn_5 {
|
|
40
40
|
gap: var(--ezui-c-vertical-stack-gap-xxl, var(--ezui-c-vertical-stack-gap-xl, var(--ezui-c-vertical-stack-gap-lg, var(--ezui-c-vertical-stack-gap-md, var(--ezui-c-vertical-stack-gap-sm, var(--ezui-c-vertical-stack-gap-xs, initial))))));
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
.
|
|
44
|
+
._listReset_ci6yn_44 {
|
|
45
45
|
list-style-type: none;
|
|
46
46
|
margin-block-start: 0;
|
|
47
47
|
margin-block-end: 0;
|
|
48
48
|
padding-inline-start: 0;
|
|
49
49
|
}
|
|
50
50
|
|
|
51
|
-
.
|
|
51
|
+
._fieldsetReset_ci6yn_51 {
|
|
52
52
|
border: none;
|
|
53
53
|
margin: 0;
|
|
54
54
|
padding: 0;
|
|
55
55
|
}/**
|
|
56
56
|
* Do not edit directly
|
|
57
|
-
* Generated on
|
|
58
|
-
*/
|
|
59
|
-
._Switch_vicyu_5 {
|
|
60
|
-
--ezui-c-switch-color-track: var(--ezui-t-color-background-gray);
|
|
61
|
-
--ezui-c-switch-color-thumb: var(--ezui-t-color-text-primary);
|
|
62
|
-
--ezui-c-switch-border-radius: 99px;
|
|
63
|
-
display: inline-flex;
|
|
64
|
-
border-radius: var(--ezui-c-switch-border-radius);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
._focusVisible_vicyu_13 {
|
|
68
|
-
outline-width: 2px;
|
|
69
|
-
outline-style: solid;
|
|
70
|
-
outline-color: Highlight;
|
|
71
|
-
}
|
|
72
|
-
@media (-webkit-min-device-pixel-ratio: 0) {
|
|
73
|
-
._focusVisible_vicyu_13 {
|
|
74
|
-
outline-color: -webkit-focus-ring-color;
|
|
75
|
-
outline-style: auto;
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
._track_vicyu_25 {
|
|
80
|
-
fill: var(--ezui-c-switch-color-track);
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
._thumb_vicyu_29 {
|
|
84
|
-
fill: var(--ezui-c-switch-color-thumb);
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
._hovered_vicyu_33:not(._disabled_vicyu_33) {
|
|
88
|
-
--ezui-c-switch-color-track: var(--ezui-t-color-background-gray-hovered);
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
._selected_vicyu_37 {
|
|
92
|
-
--ezui-c-switch-color-track: var(--ezui-t-color-background-primary);
|
|
93
|
-
--ezui-c-switch-color-thumb: var(--ezui-t-color-text-primary-inverse-bold);
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
._selected_vicyu_37._hovered_vicyu_33:not(._disabled_vicyu_33) {
|
|
97
|
-
--ezui-c-switch-color-track: var(--ezui-t-color-background-primary-hovered);
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
._disabled_vicyu_33 {
|
|
101
|
-
--ezui-c-switch-color-track: var(--ezui-t-color-background-disabled-subtler);
|
|
102
|
-
--ezui-c-switch-color-thumb: var(--ezui-t-color-text-disabled);
|
|
103
|
-
}/**
|
|
104
|
-
* Do not edit directly
|
|
105
|
-
* Generated on Thu, 22 Jun 2023 02:06:11 GMT
|
|
106
|
-
*/
|
|
107
|
-
._Toggle_1mouc_5 {
|
|
108
|
-
position: relative;
|
|
109
|
-
z-index: 0;
|
|
110
|
-
display: inline-flex;
|
|
111
|
-
align-items: center;
|
|
112
|
-
gap: var(--ezui-space-1-5);
|
|
113
|
-
}
|
|
114
|
-
._Toggle_1mouc_5 input {
|
|
115
|
-
position: absolute;
|
|
116
|
-
top: 0;
|
|
117
|
-
left: 0;
|
|
118
|
-
width: 100%;
|
|
119
|
-
height: 100%;
|
|
120
|
-
padding: 0;
|
|
121
|
-
margin: 0;
|
|
122
|
-
opacity: 0.0001;
|
|
123
|
-
z-index: 1;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
._text_1mouc_24,
|
|
127
|
-
._input_1mouc_25 {
|
|
128
|
-
display: inline-flex;
|
|
129
|
-
}/**
|
|
130
|
-
* Do not edit directly
|
|
131
|
-
* Generated on Thu, 22 Jun 2023 02:06:11 GMT
|
|
132
|
-
*/
|
|
133
|
-
._RadioGroupItem_7eiih_5 {
|
|
134
|
-
--ezui-c-radio-group-item-size: 16px;
|
|
135
|
-
--ezui-c-radio-group-item-color: var(--ezui-t-color-border-boldest);
|
|
136
|
-
display: inline-flex;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
._label_7eiih_11 {
|
|
140
|
-
position: relative;
|
|
141
|
-
z-index: 0;
|
|
142
|
-
display: inline-flex;
|
|
143
|
-
}
|
|
144
|
-
._label_7eiih_11 input {
|
|
145
|
-
position: absolute;
|
|
146
|
-
top: 0;
|
|
147
|
-
left: 0;
|
|
148
|
-
width: 100%;
|
|
149
|
-
height: 100%;
|
|
150
|
-
padding: 0;
|
|
151
|
-
margin: 0;
|
|
152
|
-
opacity: 0.0001;
|
|
153
|
-
z-index: 1;
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
._radioOuter_7eiih_28,
|
|
157
|
-
._radioInner_7eiih_29 {
|
|
158
|
-
display: inline-flex;
|
|
159
|
-
align-items: center;
|
|
160
|
-
justify-content: center;
|
|
161
|
-
border-radius: 100%;
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
._radioOuter_7eiih_28 {
|
|
165
|
-
margin-top: 4px;
|
|
166
|
-
flex: 0 0 auto;
|
|
167
|
-
width: var(--ezui-c-radio-group-item-size);
|
|
168
|
-
height: var(--ezui-c-radio-group-item-size);
|
|
169
|
-
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-radio-group-item-color);
|
|
170
|
-
}
|
|
171
|
-
._focusVisible_7eiih_43 ._radioOuter_7eiih_28 {
|
|
172
|
-
outline-width: 2px;
|
|
173
|
-
outline-style: solid;
|
|
174
|
-
outline-color: Highlight;
|
|
175
|
-
outline-offset: 1px;
|
|
176
|
-
}
|
|
177
|
-
@media (-webkit-min-device-pixel-ratio: 0) {
|
|
178
|
-
._focusVisible_7eiih_43 ._radioOuter_7eiih_28 {
|
|
179
|
-
outline-color: -webkit-focus-ring-color;
|
|
180
|
-
outline-style: auto;
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
._radioInner_7eiih_29 {
|
|
185
|
-
width: calc(var(--ezui-c-radio-group-item-size) * (12 / 16));
|
|
186
|
-
height: calc(var(--ezui-c-radio-group-item-size) * (12 / 16));
|
|
187
|
-
background: var(--ezui-c-radio-group-item-color);
|
|
188
|
-
opacity: 0;
|
|
189
|
-
}
|
|
190
|
-
._selected_7eiih_62 ._radioInner_7eiih_29 {
|
|
191
|
-
opacity: 1;
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
._invalid_7eiih_66 {
|
|
195
|
-
--ezui-c-radio-group-item-color: var(--ezui-t-color-border-danger);
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
._disabled_7eiih_70 {
|
|
199
|
-
--ezui-c-radio-group-item-color: var(--ezui-t-color-border-disabled-subtler);
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
._selected_7eiih_62:not(._invalid_7eiih_66) {
|
|
203
|
-
--ezui-c-radio-group-item-color: var(--ezui-t-color-background-primary);
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
._selected_7eiih_62._disabled_7eiih_70 {
|
|
207
|
-
--ezui-c-radio-group-item-color: var(--ezui-t-color-background-disabled-bolder);
|
|
208
|
-
}
|
|
209
|
-
|
|
210
|
-
._hovered_7eiih_82:not(._disabled_7eiih_70):not(._readOnly_7eiih_82) {
|
|
211
|
-
--ezui-c-radio-group-item-color: var(--ezui-t-color-background-primary-subtler);
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
._invalid_7eiih_66._hovered_7eiih_82:not(._disabled_7eiih_70):not(._readOnly_7eiih_82) {
|
|
215
|
-
--ezui-c-radio-group-item-color: var(--ezui-t-color-border-danger-bolder);
|
|
216
|
-
}/**
|
|
217
|
-
* Do not edit directly
|
|
218
|
-
* Generated on Thu, 22 Jun 2023 02:06:11 GMT
|
|
219
|
-
*/
|
|
220
|
-
._RadioGroup_1712u_5 {
|
|
221
|
-
border: none;
|
|
222
|
-
margin: 0;
|
|
223
|
-
padding: 0;
|
|
224
|
-
display: flex;
|
|
225
|
-
flex-direction: column;
|
|
226
|
-
gap: var(--ezui-space-1-5);
|
|
227
|
-
}
|
|
228
|
-
|
|
229
|
-
._list_1712u_14 {
|
|
230
|
-
display: inline-flex;
|
|
231
|
-
flex-direction: column;
|
|
232
|
-
gap: var(--ezui-space-1);
|
|
233
|
-
}/**
|
|
234
|
-
* Do not edit directly
|
|
235
|
-
* Generated on Thu, 22 Jun 2023 02:06:11 GMT
|
|
57
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
236
58
|
*/
|
|
237
59
|
:root {
|
|
238
60
|
--ezui-breakpoint-xs: 0em;
|
|
@@ -604,7 +426,7 @@
|
|
|
604
426
|
}
|
|
605
427
|
/*!
|
|
606
428
|
* OverlayScrollbars
|
|
607
|
-
* Version: 2.2.
|
|
429
|
+
* Version: 2.2.1
|
|
608
430
|
*
|
|
609
431
|
* Copyright (c) Rene Haas | KingSora.
|
|
610
432
|
* https://github.com/KingSora
|
|
@@ -876,6 +698,7 @@ html[data-overlayscrollbars] > body {
|
|
|
876
698
|
flex: auto !important;
|
|
877
699
|
height: auto;
|
|
878
700
|
width: 100%;
|
|
701
|
+
min-width: 0;
|
|
879
702
|
padding: 0;
|
|
880
703
|
margin: 0;
|
|
881
704
|
border: none;
|
|
@@ -1362,440 +1185,291 @@ textarea {
|
|
|
1362
1185
|
font-family: inherit;
|
|
1363
1186
|
}/**
|
|
1364
1187
|
* Do not edit directly
|
|
1365
|
-
* Generated on
|
|
1188
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
1366
1189
|
*/
|
|
1367
|
-
.
|
|
1368
|
-
|
|
1369
|
-
|
|
1190
|
+
._IconButton_1yv50_5 {
|
|
1191
|
+
display: inline-flex;
|
|
1192
|
+
align-items: center;
|
|
1193
|
+
justify-content: center;
|
|
1194
|
+
border-radius: var(--ezui-shape-border-radius-md);
|
|
1195
|
+
cursor: pointer;
|
|
1370
1196
|
}
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
--ezui-c-notification-color-background: var(--ezui-t-color-background-success-subtle);
|
|
1197
|
+
._IconButton_1yv50_5:focus {
|
|
1198
|
+
box-shadow: var(--ezui-t-shadow-button);
|
|
1199
|
+
outline: none;
|
|
1375
1200
|
}
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
--ezui-c-notification-color: var(--ezui-t-color-text-secondary-bold);
|
|
1379
|
-
--ezui-c-notification-color-background: var(--ezui-t-color-background-secondary-subtle);
|
|
1201
|
+
._IconButton_1yv50_5:disabled {
|
|
1202
|
+
pointer-events: none;
|
|
1380
1203
|
}
|
|
1381
1204
|
|
|
1382
|
-
.
|
|
1383
|
-
--ezui-c-
|
|
1384
|
-
--ezui-c-
|
|
1205
|
+
._colorPrimary_1yv50_20 {
|
|
1206
|
+
--ezui-c-button-filled-font-color: var(--ezui-t-color-text-inverse);
|
|
1207
|
+
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-inverse);
|
|
1208
|
+
--ezui-c-button-resting-color: var(--ezui-t-color-background-primary);
|
|
1209
|
+
--ezui-c-button-hover-focus-color: var(--ezui-t-color-background-primary-hovered);
|
|
1210
|
+
--ezui-c-button-active-color: var(--ezui-t-color-background-primary-pressed);
|
|
1385
1211
|
}
|
|
1386
1212
|
|
|
1387
|
-
.
|
|
1388
|
-
--ezui-c-
|
|
1389
|
-
--ezui-c-
|
|
1213
|
+
._colorSecondary_1yv50_28 {
|
|
1214
|
+
--ezui-c-button-filled-font-color: var(--ezui-t-color-text-inverse);
|
|
1215
|
+
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-inverse);
|
|
1216
|
+
--ezui-c-button-resting-color: var(--ezui-t-color-background-secondary);
|
|
1217
|
+
--ezui-c-button-hover-focus-color: var(--ezui-t-color-background-secondary-hovered);
|
|
1218
|
+
--ezui-c-button-active-color: var(--ezui-t-color-background-secondary-pressed);
|
|
1390
1219
|
}
|
|
1391
1220
|
|
|
1392
|
-
.
|
|
1393
|
-
|
|
1221
|
+
._colorSuccess_1yv50_36 {
|
|
1222
|
+
--ezui-c-button-filled-font-color: var(--ezui-t-color-text-success-inverse);
|
|
1223
|
+
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-success-inverse-pressed);
|
|
1224
|
+
--ezui-c-button-resting-color: var(--ezui-t-color-background-success);
|
|
1225
|
+
--ezui-c-button-hover-focus-color: var(--ezui-t-color-background-success-hovered);
|
|
1226
|
+
--ezui-c-button-active-color: var(--ezui-t-color-background-success-pressed);
|
|
1394
1227
|
}
|
|
1395
1228
|
|
|
1396
|
-
.
|
|
1397
|
-
|
|
1398
|
-
|
|
1229
|
+
._colorWarning_1yv50_44 {
|
|
1230
|
+
--ezui-c-button-filled-font-color: var(--ezui-t-color-text-danger-inverse);
|
|
1231
|
+
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-danger-inverse-pressed);
|
|
1232
|
+
--ezui-c-button-resting-color: var(--ezui-t-color-background-danger);
|
|
1233
|
+
--ezui-c-button-hover-focus-color: var(--ezui-t-color-background-danger-hovered);
|
|
1234
|
+
--ezui-c-button-active-color: var(--ezui-t-color-background-danger-pressed);
|
|
1399
1235
|
}
|
|
1400
1236
|
|
|
1401
|
-
.
|
|
1402
|
-
|
|
1403
|
-
--ezui-c-
|
|
1404
|
-
--ezui-c-
|
|
1405
|
-
|
|
1406
|
-
|
|
1407
|
-
margin: auto;
|
|
1408
|
-
padding: var(--ezui-space-1);
|
|
1409
|
-
/* prettier-ignore */
|
|
1410
|
-
border-radius: 0 0 var(--ezui-c-notification-border-radius) var(--ezui-c-notification-border-radius);
|
|
1411
|
-
max-width: var(--ezui-c-notification-max-width);
|
|
1412
|
-
color: var(--ezui-c-notification-color);
|
|
1413
|
-
background-color: var(--ezui-c-notification-color-background);
|
|
1414
|
-
pointer-events: auto;
|
|
1237
|
+
._colorNeutral_1yv50_52 {
|
|
1238
|
+
--ezui-c-button-filled-font-color: var(--ezui-t-color-text-inverse);
|
|
1239
|
+
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-inverse);
|
|
1240
|
+
--ezui-c-button-resting-color: var(--ezui-t-color-background-neutral);
|
|
1241
|
+
--ezui-c-button-hover-focus-color: var(--ezui-t-color-background-neutral-hovered);
|
|
1242
|
+
--ezui-c-button-active-color: var(--ezui-t-color-background-neutral-pressed);
|
|
1415
1243
|
}
|
|
1416
1244
|
|
|
1417
|
-
.
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
|
|
1245
|
+
._colorSupport_1yv50_60 {
|
|
1246
|
+
--ezui-c-button-resting-color: var(--ezui-t-color-border-support);
|
|
1247
|
+
--ezui-c-button-hover-focus-color: var(--ezui-t-color-border-support-hovered);
|
|
1248
|
+
--ezui-c-button-active-color: var(--ezui-t-color-border-support-pressed);
|
|
1421
1249
|
}
|
|
1422
1250
|
|
|
1423
|
-
.
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
margin: var(--ezui-space-0-5) var(--ezui-space-1) var(--ezui-space-0-5) var(--ezui-space-2);
|
|
1428
|
-
background-color: var(--ezui-c-notification-color-background);
|
|
1429
|
-
color: var(--ezui-c-notification-color-text);
|
|
1430
|
-
cursor: pointer;
|
|
1251
|
+
._colorInverse_1yv50_66 {
|
|
1252
|
+
--ezui-c-button-resting-color: var(--ezui-t-color-border-inverse);
|
|
1253
|
+
--ezui-c-button-hover-focus-color: var(--ezui-t-color-border-inverse-hovered);
|
|
1254
|
+
--ezui-c-button-active-color: var(--ezui-t-color-border-inverse-pressed);
|
|
1431
1255
|
}
|
|
1432
1256
|
|
|
1433
|
-
.
|
|
1434
|
-
|
|
1435
|
-
|
|
1436
|
-
|
|
1257
|
+
._variantOutlined_1yv50_72 {
|
|
1258
|
+
background-color: transparent;
|
|
1259
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-button-resting-color);
|
|
1260
|
+
color: var(--ezui-c-button-resting-color);
|
|
1261
|
+
padding: calc(
|
|
1262
|
+
var(--ezui-space-1-5) - var(--ezui-shape-border-width-1)
|
|
1263
|
+
);
|
|
1437
1264
|
}
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
}
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
.
|
|
1450
|
-
|
|
1451
|
-
|
|
1265
|
+
._variantOutlined_1yv50_72:focus {
|
|
1266
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-button-hover-focus-color);
|
|
1267
|
+
color: var(--ezui-c-button-hover-focus-color);
|
|
1268
|
+
}
|
|
1269
|
+
._variantOutlined_1yv50_72:disabled {
|
|
1270
|
+
color: var(--ezui-t-color-text-disabled);
|
|
1271
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-t-color-border-disabled);
|
|
1272
|
+
}
|
|
1273
|
+
._variantOutlined_1yv50_72:link {
|
|
1274
|
+
text-decoration: none;
|
|
1275
|
+
}
|
|
1276
|
+
._variantOutlined_1yv50_72:active:not(:disabled) {
|
|
1277
|
+
color: var(--ezui-c-button-active-color);
|
|
1278
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-button-active-color);
|
|
1279
|
+
}
|
|
1280
|
+
._variantOutlined_1yv50_72:active:not(:disabled):focus {
|
|
1281
|
+
box-shadow: none;
|
|
1282
|
+
}
|
|
1283
|
+
._variantOutlined_1yv50_72:hover:not(:disabled):not(:active) {
|
|
1284
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-button-hover-focus-color);
|
|
1285
|
+
color: var(--ezui-c-button-hover-focus-color);
|
|
1452
1286
|
}
|
|
1453
1287
|
|
|
1454
|
-
.
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
--ezui-c-menu-color-background-hovered: var(--ezui-t-color-surface-overlay-hovered);
|
|
1460
|
-
--ezui-c-menu-shadow: var(--ezui-t-shadow-overlay);
|
|
1461
|
-
--ezui-c-menu-padding-x: var(--ezui-space-2);
|
|
1462
|
-
--ezui-c-menu-color-border: var(--ezui-t-color-border);
|
|
1463
|
-
--ezui-c-menu-width-xs: initial;
|
|
1464
|
-
--ezui-c-menu-width-sm: initial;
|
|
1465
|
-
--ezui-c-menu-width-md: initial;
|
|
1466
|
-
--ezui-c-menu-width-lg: initial;
|
|
1467
|
-
--ezui-c-menu-width-xl: initial;
|
|
1468
|
-
--ezui-c-menu-width-xxl: initial;
|
|
1469
|
-
width: var(--ezui-c-menu-width-xs);
|
|
1470
|
-
background: var(--ezui-c-menu-color-background);
|
|
1471
|
-
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-menu-color-border);
|
|
1472
|
-
border-radius: var(--ezui-c-menu-border-radius);
|
|
1473
|
-
box-shadow: var(--ezui-c-menu-shadow);
|
|
1474
|
-
display: flex;
|
|
1475
|
-
flex-direction: column;
|
|
1476
|
-
min-width: var(--ezui-c-menu-min-width);
|
|
1477
|
-
}
|
|
1478
|
-
@media (min-width: 30em) {
|
|
1479
|
-
._root_g8rym_10 {
|
|
1480
|
-
width: var(--ezui-c-menu-width-sm, var(--ezui-c-menu-width-xs, initial));
|
|
1481
|
-
}
|
|
1482
|
-
}
|
|
1483
|
-
@media (min-width: 40em) {
|
|
1484
|
-
._root_g8rym_10 {
|
|
1485
|
-
width: var(--ezui-c-menu-width-md, var(--ezui-c-menu-width-sm, var(--ezui-c-menu-width-xs, initial)));
|
|
1486
|
-
}
|
|
1487
|
-
}
|
|
1488
|
-
@media (min-width: 64em) {
|
|
1489
|
-
._root_g8rym_10 {
|
|
1490
|
-
width: var(--ezui-c-menu-width-lg, var(--ezui-c-menu-width-md, var(--ezui-c-menu-width-sm, var(--ezui-c-menu-width-xs, initial))));
|
|
1491
|
-
}
|
|
1492
|
-
}
|
|
1493
|
-
@media (min-width: 85em) {
|
|
1494
|
-
._root_g8rym_10 {
|
|
1495
|
-
width: var(--ezui-c-menu-width-xl, var(--ezui-c-menu-width-lg, var(--ezui-c-menu-width-md, var(--ezui-c-menu-width-sm, var(--ezui-c-menu-width-xs, initial)))));
|
|
1496
|
-
}
|
|
1497
|
-
}
|
|
1498
|
-
@media (min-width: 120em) {
|
|
1499
|
-
._root_g8rym_10 {
|
|
1500
|
-
width: var(--ezui-c-menu-width-xxl, var(--ezui-c-menu-width-xl, var(--ezui-c-menu-width-lg, var(--ezui-c-menu-width-md, var(--ezui-c-menu-width-sm, var(--ezui-c-menu-width-xs, initial))))));
|
|
1501
|
-
}
|
|
1502
|
-
}
|
|
1503
|
-
|
|
1504
|
-
._menu_g8rym_60 {
|
|
1505
|
-
overflow: auto;
|
|
1506
|
-
padding: var(--ezui-c-menu-padding-y) 0;
|
|
1288
|
+
._variantFilled_1yv50_103 {
|
|
1289
|
+
border: 0;
|
|
1290
|
+
background-color: var(--ezui-c-button-resting-color);
|
|
1291
|
+
color: var(--ezui-c-button-filled-font-color);
|
|
1292
|
+
padding: var(--ezui-space-1-5);
|
|
1507
1293
|
}
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
._sectionList_g8rym_66 {
|
|
1511
|
-
margin: 0;
|
|
1512
|
-
padding: 0;
|
|
1513
|
-
list-style-type: none;
|
|
1294
|
+
._variantFilled_1yv50_103:focus {
|
|
1295
|
+
background-color: var(--ezui-c-button-hover-focus-color);
|
|
1514
1296
|
}
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
|
|
1518
|
-
display: flex;
|
|
1519
|
-
flex-direction: column;
|
|
1520
|
-
justify-content: center;
|
|
1521
|
-
height: var(--ezui-c-menu-item-height);
|
|
1522
|
-
padding: 0 var(--ezui-c-menu-padding-x);
|
|
1297
|
+
._variantFilled_1yv50_103:disabled {
|
|
1298
|
+
color: var(--ezui-t-color-text-inverse);
|
|
1299
|
+
background-color: var(--ezui-t-color-background-disabled);
|
|
1523
1300
|
}
|
|
1524
|
-
|
|
1525
|
-
._item_g8rym_72 {
|
|
1301
|
+
._variantFilled_1yv50_103:link {
|
|
1526
1302
|
text-decoration: none;
|
|
1527
1303
|
}
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
color: var(--ezui-c-
|
|
1531
|
-
}
|
|
1532
|
-
|
|
1533
|
-
._menu_g8rym_60,
|
|
1534
|
-
._item_g8rym_72 {
|
|
1535
|
-
outline: none;
|
|
1536
|
-
}
|
|
1537
|
-
|
|
1538
|
-
._item_g8rym_72:not([data-is-disabled=true]) {
|
|
1539
|
-
cursor: pointer;
|
|
1540
|
-
}
|
|
1541
|
-
|
|
1542
|
-
._item_g8rym_72[data-is-focused=true] ._itemContent_g8rym_72 {
|
|
1543
|
-
background: var(--ezui-c-menu-color-background-hovered);
|
|
1304
|
+
._variantFilled_1yv50_103:not(:disabled):active {
|
|
1305
|
+
color: var(--ezui-c-button-filled-active-font-color);
|
|
1306
|
+
background-color: var(--ezui-c-button-active-color);
|
|
1544
1307
|
}
|
|
1545
|
-
|
|
1546
|
-
|
|
1547
|
-
color: var(--ezui-c-menu-color-text-disabled);
|
|
1548
|
-
cursor: default;
|
|
1549
|
-
font-style: italic;
|
|
1308
|
+
._variantFilled_1yv50_103:not(:disabled):active:focus {
|
|
1309
|
+
box-shadow: none;
|
|
1550
1310
|
}
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
content: "";
|
|
1554
|
-
height: 0;
|
|
1555
|
-
border: 0 solid var(--ezui-c-menu-color-border);
|
|
1556
|
-
border-top-width: 0.5px;
|
|
1557
|
-
border-bottom-width: 0.5px;
|
|
1311
|
+
._variantFilled_1yv50_103:hover:not(:disabled):not(:active) {
|
|
1312
|
+
background-color: var(--ezui-c-button-hover-focus-color);
|
|
1558
1313
|
}/**
|
|
1559
1314
|
* Do not edit directly
|
|
1560
|
-
* Generated on
|
|
1315
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
1561
1316
|
*/
|
|
1562
|
-
.
|
|
1563
|
-
|
|
1564
|
-
--ezui-c-inputfield-box-shadow: var(--ezui-shadow-input);
|
|
1565
|
-
--ezui-c-inputfield-color-text-resting: var(--ezui-t-color-text);
|
|
1566
|
-
--ezui-c-inputfield-color-text-gray-resting: var(--ezui-t-color-text-gray-resting);
|
|
1567
|
-
--ezui-c-inputfield-color-text-gray-bold: var(--ezui-t-color-text-gray-bold);
|
|
1568
|
-
--ezui-c-inputfield-color-text-disabled: var(--ezui-t-color-text-disabled);
|
|
1569
|
-
--ezui-c-inputfield-color-text-engaged: var(--ezui-t-color-text-engaged);
|
|
1570
|
-
--ezui-c-inputfield-color-text-danger: var(--ezui-t-color-text-danger);
|
|
1571
|
-
--ezui-c-inputfield-color-border-resting: var(--ezui-t-color-border-resting);
|
|
1572
|
-
--ezui-c-inputfield-color-border-engaged: var(--ezui-t-color-border-engaged);
|
|
1573
|
-
--ezui-c-inputfield-color-border-danger: var(--ezui-t-color-border-danger);
|
|
1574
|
-
--ezui-c-inputfield-color-background: var(--ezui-t-color-background);
|
|
1575
|
-
--ezui-c-inputfield-color-background-disabled: var(--ezui-t-color-background-disabled-subtle);
|
|
1576
|
-
--ezui-c-inputfield-max-height-sm: 32px;
|
|
1577
|
-
--ezui-c-inputfield-z-index: var(--ezui-z-index-input-icon);
|
|
1578
|
-
display: flex;
|
|
1579
|
-
flex-direction: column;
|
|
1580
|
-
}
|
|
1581
|
-
|
|
1582
|
-
._inputIconContainer_1rp7g_25 {
|
|
1583
|
-
display: flex;
|
|
1317
|
+
._DropdownButton_1ynin_5 {
|
|
1318
|
+
display: inline-flex;
|
|
1584
1319
|
align-items: center;
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
._label_1rp7g_31 {
|
|
1589
|
-
margin-bottom: var(--ezui-space-1);
|
|
1590
|
-
}
|
|
1591
|
-
|
|
1592
|
-
._labelHidden_1rp7g_35 {
|
|
1593
|
-
margin-bottom: 0;
|
|
1594
|
-
}
|
|
1595
|
-
|
|
1596
|
-
._input_1rp7g_25 {
|
|
1320
|
+
justify-content: center;
|
|
1321
|
+
border-radius: var(--ezui-shape-border-radius-md);
|
|
1322
|
+
cursor: pointer;
|
|
1597
1323
|
font-family: Poppins, "Poppins Fallback";
|
|
1598
|
-
font-weight:
|
|
1324
|
+
font-weight: 500;
|
|
1599
1325
|
font-size: 0.9375rem;
|
|
1600
|
-
letter-spacing: 0
|
|
1326
|
+
letter-spacing: 0;
|
|
1601
1327
|
line-height: 1.5rem;
|
|
1602
|
-
--ezui-
|
|
1603
|
-
--ezui-c-inputfield-icon-input-padding: var(--ezui-space-6);
|
|
1604
|
-
color: var(--ezui-c-inputfield-color-text-resting);
|
|
1605
|
-
background-color: var(--ezui-c-inputfield-color-background);
|
|
1606
|
-
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-inputfield-color-border-resting);
|
|
1607
|
-
border-radius: var(--ezui-c-inputfield-border-radius);
|
|
1608
|
-
padding: calc(
|
|
1609
|
-
var(--ezui-space-1-5) - var(--ezui-shape-border-width-1)
|
|
1610
|
-
);
|
|
1611
|
-
outline: none;
|
|
1612
|
-
position: relative;
|
|
1613
|
-
width: 100%;
|
|
1614
|
-
}
|
|
1615
|
-
._input_1rp7g_25:focus, ._input_1rp7g_25:active {
|
|
1616
|
-
color: var(--ezui-c-inputfield-color-text-engaged);
|
|
1617
|
-
border-color: var(--ezui-c-inputfield-color-border-engaged);
|
|
1328
|
+
gap: var(--ezui-space-1-5);
|
|
1618
1329
|
}
|
|
1619
|
-
.
|
|
1620
|
-
box-shadow: var(--ezui-
|
|
1330
|
+
._DropdownButton_1ynin_5:focus {
|
|
1331
|
+
box-shadow: var(--ezui-t-shadow-button);
|
|
1332
|
+
outline: none;
|
|
1621
1333
|
}
|
|
1622
|
-
.
|
|
1623
|
-
|
|
1334
|
+
._DropdownButton_1ynin_5:disabled {
|
|
1335
|
+
pointer-events: none;
|
|
1624
1336
|
}
|
|
1625
|
-
|
|
1626
|
-
|
|
1627
|
-
color: var(--ezui-
|
|
1337
|
+
|
|
1338
|
+
._colorPrimary_1ynin_26 {
|
|
1339
|
+
--ezui-c-button-filled-font-color: var(--ezui-t-color-text-inverse);
|
|
1340
|
+
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-inverse);
|
|
1341
|
+
--ezui-c-button-resting-color: var(--ezui-t-color-background-primary);
|
|
1342
|
+
--ezui-c-button-hover-focus-color: var(--ezui-t-color-background-primary-hovered);
|
|
1343
|
+
--ezui-c-button-active-color: var(--ezui-t-color-background-primary-pressed);
|
|
1628
1344
|
}
|
|
1629
1345
|
|
|
1630
|
-
.
|
|
1631
|
-
color: var(--ezui-
|
|
1632
|
-
|
|
1346
|
+
._colorSecondary_1ynin_34 {
|
|
1347
|
+
--ezui-c-button-filled-font-color: var(--ezui-t-color-text-inverse);
|
|
1348
|
+
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-inverse);
|
|
1349
|
+
--ezui-c-button-resting-color: var(--ezui-t-color-background-secondary);
|
|
1350
|
+
--ezui-c-button-hover-focus-color: var(--ezui-t-color-background-secondary-hovered);
|
|
1351
|
+
--ezui-c-button-active-color: var(--ezui-t-color-background-secondary-pressed);
|
|
1633
1352
|
}
|
|
1634
|
-
|
|
1635
|
-
|
|
1353
|
+
|
|
1354
|
+
._colorSuccess_1ynin_42 {
|
|
1355
|
+
--ezui-c-button-filled-font-color: var(--ezui-t-color-text-success-inverse);
|
|
1356
|
+
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-success-inverse-pressed);
|
|
1357
|
+
--ezui-c-button-resting-color: var(--ezui-t-color-background-success);
|
|
1358
|
+
--ezui-c-button-hover-focus-color: var(--ezui-t-color-background-success-hovered);
|
|
1359
|
+
--ezui-c-button-active-color: var(--ezui-t-color-background-success-pressed);
|
|
1636
1360
|
}
|
|
1637
1361
|
|
|
1638
|
-
.
|
|
1639
|
-
font-
|
|
1640
|
-
font-
|
|
1641
|
-
|
|
1642
|
-
|
|
1643
|
-
|
|
1644
|
-
padding: calc(
|
|
1645
|
-
var(--ezui-space-1) - var(--ezui-shape-border-width-1)
|
|
1646
|
-
) calc(var(--ezui-space-1-5) - var(--ezui-shape-border-width-1));
|
|
1647
|
-
max-height: var(--ezui-c-inputfield-max-height-sm);
|
|
1648
|
-
--ezui-c-inputfield-password-input-padding-right: 0;
|
|
1649
|
-
--ezui-c-inputfield-icon-input-padding: var(--ezui-space-4-5);
|
|
1362
|
+
._colorWarning_1ynin_50 {
|
|
1363
|
+
--ezui-c-button-filled-font-color: var(--ezui-t-color-text-danger-inverse);
|
|
1364
|
+
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-danger-inverse-pressed);
|
|
1365
|
+
--ezui-c-button-resting-color: var(--ezui-t-color-background-danger);
|
|
1366
|
+
--ezui-c-button-hover-focus-color: var(--ezui-t-color-background-danger-hovered);
|
|
1367
|
+
--ezui-c-button-active-color: var(--ezui-t-color-background-danger-pressed);
|
|
1650
1368
|
}
|
|
1651
1369
|
|
|
1652
|
-
.
|
|
1653
|
-
|
|
1654
|
-
|
|
1655
|
-
);
|
|
1656
|
-
--ezui-c-
|
|
1657
|
-
--ezui-c-
|
|
1370
|
+
._colorNeutral_1ynin_58 {
|
|
1371
|
+
--ezui-c-button-filled-font-color: var(--ezui-t-color-text-inverse);
|
|
1372
|
+
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-inverse);
|
|
1373
|
+
--ezui-c-button-resting-color: var(--ezui-t-color-background-neutral);
|
|
1374
|
+
--ezui-c-button-hover-focus-color: var(--ezui-t-color-background-neutral-hovered);
|
|
1375
|
+
--ezui-c-button-active-color: var(--ezui-t-color-background-neutral-pressed);
|
|
1658
1376
|
}
|
|
1659
1377
|
|
|
1660
|
-
.
|
|
1661
|
-
|
|
1662
|
-
|
|
1663
|
-
|
|
1378
|
+
._colorSupport_1ynin_66 {
|
|
1379
|
+
--ezui-c-button-resting-color: var(--ezui-t-color-border-support);
|
|
1380
|
+
--ezui-c-button-hover-focus-color: var(--ezui-t-color-border-support-hovered);
|
|
1381
|
+
--ezui-c-button-active-color: var(--ezui-t-color-border-support-pressed);
|
|
1664
1382
|
}
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1383
|
+
|
|
1384
|
+
._colorInverse_1ynin_72 {
|
|
1385
|
+
--ezui-c-button-resting-color: var(--ezui-t-color-border-inverse);
|
|
1386
|
+
--ezui-c-button-hover-focus-color: var(--ezui-t-color-border-inverse-hovered);
|
|
1387
|
+
--ezui-c-button-active-color: var(--ezui-t-color-border-inverse-pressed);
|
|
1668
1388
|
}
|
|
1669
1389
|
|
|
1670
|
-
.
|
|
1671
|
-
background-color:
|
|
1672
|
-
|
|
1673
|
-
|
|
1674
|
-
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-inputfield-color-border-resting);
|
|
1675
|
-
border-left: none;
|
|
1676
|
-
margin: 0;
|
|
1390
|
+
._variantOutlined_1ynin_78 {
|
|
1391
|
+
background-color: transparent;
|
|
1392
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-button-resting-color);
|
|
1393
|
+
color: var(--ezui-c-button-resting-color);
|
|
1677
1394
|
padding: calc(
|
|
1678
|
-
var(--ezui-space-1-5) - var(--ezui-shape-border-width-1)
|
|
1679
|
-
);
|
|
1680
|
-
padding-left: var(--ezui-space-1-5);
|
|
1681
|
-
}
|
|
1682
|
-
._passwordBtn_1rp7g_113:focus, ._passwordBtn_1rp7g_113:active {
|
|
1683
|
-
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-inputfield-color-border-engaged);
|
|
1684
|
-
padding-left: calc(
|
|
1685
1395
|
var(--ezui-space-1-5) - var(--ezui-shape-border-width-1)
|
|
1686
|
-
);
|
|
1687
|
-
border-radius: var(--ezui-c-inputfield-border-radius);
|
|
1688
|
-
}
|
|
1689
|
-
._passwordBtn_1rp7g_113:focus {
|
|
1690
|
-
box-shadow: var(--ezui-c-inputfield-box-shadow);
|
|
1691
|
-
outline: none;
|
|
1692
|
-
z-index: var(--ezui-c-inputfield-z-index);
|
|
1693
|
-
}
|
|
1694
|
-
._passwordBtn_1rp7g_113:hover {
|
|
1695
|
-
color: var(--ezui-c-inputfield-color-text-gray-bold);
|
|
1696
|
-
}
|
|
1697
|
-
._passwordBtn_1rp7g_113:disabled {
|
|
1698
|
-
background-color: var(--ezui-c-inputfield-color-background-disabled);
|
|
1396
|
+
) calc(var(--ezui-space-2) - var(--ezui-shape-border-width-1));
|
|
1699
1397
|
}
|
|
1700
|
-
|
|
1701
|
-
|
|
1702
|
-
|
|
1398
|
+
._variantOutlined_1ynin_78:focus {
|
|
1399
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-button-hover-focus-color);
|
|
1400
|
+
color: var(--ezui-c-button-hover-focus-color);
|
|
1703
1401
|
}
|
|
1704
|
-
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
border-color: var(--ezui-c-inputfield-color-border-resting);
|
|
1402
|
+
._variantOutlined_1ynin_78:disabled {
|
|
1403
|
+
color: var(--ezui-t-color-text-disabled);
|
|
1404
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-t-color-border-disabled);
|
|
1708
1405
|
}
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
resize: vertical;
|
|
1712
|
-
min-height: var(--ezui-c-inputfield-min-height-textarea);
|
|
1406
|
+
._variantOutlined_1ynin_78:link {
|
|
1407
|
+
text-decoration: none;
|
|
1713
1408
|
}
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
|
|
1717
|
-
._passwordBtnError_1rp7g_158:active {
|
|
1718
|
-
border-color: var(--ezui-c-inputfield-color-border-danger);
|
|
1409
|
+
._variantOutlined_1ynin_78:active:not(:disabled) {
|
|
1410
|
+
color: var(--ezui-c-button-active-color);
|
|
1411
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-button-active-color);
|
|
1719
1412
|
}
|
|
1720
|
-
|
|
1721
|
-
|
|
1722
|
-
padding-top: calc(
|
|
1723
|
-
var(--ezui-space-1) - var(--ezui-shape-border-width-1)
|
|
1724
|
-
);
|
|
1725
|
-
padding-bottom: calc(
|
|
1726
|
-
var(--ezui-space-1) - var(--ezui-shape-border-width-1)
|
|
1727
|
-
);
|
|
1413
|
+
._variantOutlined_1ynin_78:active:not(:disabled):focus {
|
|
1414
|
+
box-shadow: none;
|
|
1728
1415
|
}
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
var(--ezui-space-2) - var(--ezui-shape-border-width-1)
|
|
1733
|
-
);
|
|
1734
|
-
padding-bottom: calc(
|
|
1735
|
-
var(--ezui-space-2) - var(--ezui-shape-border-width-1)
|
|
1736
|
-
);
|
|
1416
|
+
._variantOutlined_1ynin_78:hover:not(:disabled):not(:active) {
|
|
1417
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-button-hover-focus-color);
|
|
1418
|
+
color: var(--ezui-c-button-hover-focus-color);
|
|
1737
1419
|
}
|
|
1738
1420
|
|
|
1739
|
-
.
|
|
1740
|
-
background-color: var(--ezui-c-inputfield-color-background);
|
|
1741
|
-
color: var(--ezui-c-inputfield-color-text-gray-resting);
|
|
1421
|
+
._variantFilled_1ynin_109 {
|
|
1742
1422
|
border: 0;
|
|
1743
|
-
|
|
1744
|
-
|
|
1745
|
-
|
|
1746
|
-
z-index: var(--ezui-c-inputfield-z-index);
|
|
1747
|
-
}
|
|
1748
|
-
|
|
1749
|
-
._iconDisabled_1rp7g_192 {
|
|
1750
|
-
background-color: var(--ezui-c-inputfield-color-background-disabled);
|
|
1423
|
+
background-color: var(--ezui-c-button-resting-color);
|
|
1424
|
+
color: var(--ezui-c-button-filled-font-color);
|
|
1425
|
+
padding: var(--ezui-space-1-5) var(--ezui-space-2);
|
|
1751
1426
|
}
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
left: var(--ezui-space-1-5);
|
|
1427
|
+
._variantFilled_1ynin_109:focus {
|
|
1428
|
+
background-color: var(--ezui-c-button-hover-focus-color);
|
|
1755
1429
|
}
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1430
|
+
._variantFilled_1ynin_109:disabled {
|
|
1431
|
+
color: var(--ezui-t-color-text-inverse);
|
|
1432
|
+
background-color: var(--ezui-t-color-background-disabled);
|
|
1759
1433
|
}
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
|
-
padding-left: var(--ezui-c-inputfield-icon-input-padding);
|
|
1434
|
+
._variantFilled_1ynin_109:link {
|
|
1435
|
+
text-decoration: none;
|
|
1763
1436
|
}
|
|
1764
|
-
|
|
1765
|
-
|
|
1766
|
-
|
|
1437
|
+
._variantFilled_1ynin_109:not(:disabled):active {
|
|
1438
|
+
color: var(--ezui-c-button-filled-active-font-color);
|
|
1439
|
+
background-color: var(--ezui-c-button-active-color);
|
|
1767
1440
|
}
|
|
1768
|
-
|
|
1769
|
-
|
|
1770
|
-
top: var(--ezui-space-1);
|
|
1441
|
+
._variantFilled_1ynin_109:not(:disabled):active:focus {
|
|
1442
|
+
box-shadow: none;
|
|
1771
1443
|
}
|
|
1772
|
-
|
|
1773
|
-
|
|
1774
|
-
top: var(--ezui-space-2);
|
|
1444
|
+
._variantFilled_1ynin_109:hover:not(:disabled):not(:active) {
|
|
1445
|
+
background-color: var(--ezui-c-button-hover-focus-color);
|
|
1775
1446
|
}
|
|
1776
1447
|
|
|
1777
|
-
.
|
|
1778
|
-
|
|
1448
|
+
._pipeSeparator_1ynin_136 {
|
|
1449
|
+
width: var(--ezui-space-0);
|
|
1450
|
+
height: var(--ezui-space-2);
|
|
1451
|
+
border-left-width: var(--ezui-shape-border-width-1);
|
|
1452
|
+
border-left-style: solid;
|
|
1779
1453
|
}/**
|
|
1780
1454
|
* Do not edit directly
|
|
1781
|
-
* Generated on
|
|
1455
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
1782
1456
|
*/
|
|
1783
|
-
.
|
|
1457
|
+
._Button_l4y1n_5 {
|
|
1784
1458
|
display: inline-flex;
|
|
1785
1459
|
align-items: center;
|
|
1786
1460
|
justify-content: center;
|
|
1787
1461
|
border-radius: var(--ezui-shape-border-radius-md);
|
|
1788
1462
|
cursor: pointer;
|
|
1789
1463
|
}
|
|
1790
|
-
.
|
|
1464
|
+
._Button_l4y1n_5:focus {
|
|
1791
1465
|
box-shadow: var(--ezui-t-shadow-button);
|
|
1792
1466
|
outline: none;
|
|
1793
1467
|
}
|
|
1794
|
-
.
|
|
1468
|
+
._Button_l4y1n_5:disabled {
|
|
1795
1469
|
pointer-events: none;
|
|
1796
1470
|
}
|
|
1797
1471
|
|
|
1798
|
-
.
|
|
1472
|
+
._colorPrimary_l4y1n_20 {
|
|
1799
1473
|
--ezui-c-button-filled-font-color: var(--ezui-t-color-text-inverse);
|
|
1800
1474
|
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-inverse);
|
|
1801
1475
|
--ezui-c-button-resting-color: var(--ezui-t-color-background-primary);
|
|
@@ -1803,7 +1477,7 @@ textarea {
|
|
|
1803
1477
|
--ezui-c-button-active-color: var(--ezui-t-color-background-primary-pressed);
|
|
1804
1478
|
}
|
|
1805
1479
|
|
|
1806
|
-
.
|
|
1480
|
+
._colorSecondary_l4y1n_28 {
|
|
1807
1481
|
--ezui-c-button-filled-font-color: var(--ezui-t-color-text-inverse);
|
|
1808
1482
|
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-inverse);
|
|
1809
1483
|
--ezui-c-button-resting-color: var(--ezui-t-color-background-secondary);
|
|
@@ -1811,7 +1485,7 @@ textarea {
|
|
|
1811
1485
|
--ezui-c-button-active-color: var(--ezui-t-color-background-secondary-pressed);
|
|
1812
1486
|
}
|
|
1813
1487
|
|
|
1814
|
-
.
|
|
1488
|
+
._colorSuccess_l4y1n_36 {
|
|
1815
1489
|
--ezui-c-button-filled-font-color: var(--ezui-t-color-text-success-inverse);
|
|
1816
1490
|
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-success-inverse-pressed);
|
|
1817
1491
|
--ezui-c-button-resting-color: var(--ezui-t-color-background-success);
|
|
@@ -1819,7 +1493,7 @@ textarea {
|
|
|
1819
1493
|
--ezui-c-button-active-color: var(--ezui-t-color-background-success-pressed);
|
|
1820
1494
|
}
|
|
1821
1495
|
|
|
1822
|
-
.
|
|
1496
|
+
._colorWarning_l4y1n_44 {
|
|
1823
1497
|
--ezui-c-button-filled-font-color: var(--ezui-t-color-text-danger-inverse);
|
|
1824
1498
|
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-danger-inverse-pressed);
|
|
1825
1499
|
--ezui-c-button-resting-color: var(--ezui-t-color-background-danger);
|
|
@@ -1827,7 +1501,7 @@ textarea {
|
|
|
1827
1501
|
--ezui-c-button-active-color: var(--ezui-t-color-background-danger-pressed);
|
|
1828
1502
|
}
|
|
1829
1503
|
|
|
1830
|
-
.
|
|
1504
|
+
._colorNeutral_l4y1n_52 {
|
|
1831
1505
|
--ezui-c-button-filled-font-color: var(--ezui-t-color-text-inverse);
|
|
1832
1506
|
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-inverse);
|
|
1833
1507
|
--ezui-c-button-resting-color: var(--ezui-t-color-background-neutral);
|
|
@@ -1835,120 +1509,281 @@ textarea {
|
|
|
1835
1509
|
--ezui-c-button-active-color: var(--ezui-t-color-background-neutral-pressed);
|
|
1836
1510
|
}
|
|
1837
1511
|
|
|
1838
|
-
.
|
|
1512
|
+
._colorSupport_l4y1n_60 {
|
|
1839
1513
|
--ezui-c-button-resting-color: var(--ezui-t-color-border-support);
|
|
1840
1514
|
--ezui-c-button-hover-focus-color: var(--ezui-t-color-border-support-hovered);
|
|
1841
1515
|
--ezui-c-button-active-color: var(--ezui-t-color-border-support-pressed);
|
|
1842
1516
|
}
|
|
1843
1517
|
|
|
1844
|
-
.
|
|
1518
|
+
._colorInverse_l4y1n_66 {
|
|
1845
1519
|
--ezui-c-button-resting-color: var(--ezui-t-color-border-inverse);
|
|
1846
1520
|
--ezui-c-button-hover-focus-color: var(--ezui-t-color-border-inverse-hovered);
|
|
1847
1521
|
--ezui-c-button-active-color: var(--ezui-t-color-border-inverse-pressed);
|
|
1848
1522
|
}
|
|
1849
1523
|
|
|
1850
|
-
.
|
|
1524
|
+
._variantFilled_l4y1n_72 {
|
|
1525
|
+
border: 0;
|
|
1526
|
+
background-color: var(--ezui-c-button-resting-color);
|
|
1527
|
+
color: var(--ezui-c-button-filled-font-color);
|
|
1528
|
+
padding: var(--ezui-space-1-5) var(--ezui-space-2);
|
|
1529
|
+
}
|
|
1530
|
+
._variantFilled_l4y1n_72:focus {
|
|
1531
|
+
background-color: var(--ezui-c-button-hover-focus-color);
|
|
1532
|
+
}
|
|
1533
|
+
._variantFilled_l4y1n_72:disabled {
|
|
1534
|
+
color: var(--ezui-t-color-text-inverse);
|
|
1535
|
+
background-color: var(--ezui-t-color-background-disabled);
|
|
1536
|
+
}
|
|
1537
|
+
._variantFilled_l4y1n_72:link {
|
|
1538
|
+
text-decoration: none;
|
|
1539
|
+
}
|
|
1540
|
+
._variantFilled_l4y1n_72:not(:disabled):active {
|
|
1541
|
+
color: var(--ezui-c-button-filled-active-font-color);
|
|
1542
|
+
background-color: var(--ezui-c-button-active-color);
|
|
1543
|
+
}
|
|
1544
|
+
._variantFilled_l4y1n_72:not(:disabled):active:focus {
|
|
1545
|
+
box-shadow: none;
|
|
1546
|
+
}
|
|
1547
|
+
._variantFilled_l4y1n_72:hover:not(:disabled):not(:active) {
|
|
1548
|
+
background-color: var(--ezui-c-button-hover-focus-color);
|
|
1549
|
+
}
|
|
1550
|
+
|
|
1551
|
+
._variantOutlined_l4y1n_99 {
|
|
1851
1552
|
background-color: transparent;
|
|
1852
|
-
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-button-resting-color);
|
|
1853
|
-
color: var(--ezui-c-button-resting-color);
|
|
1854
|
-
padding: calc(
|
|
1855
|
-
var(--ezui-space-1-5) - var(--ezui-shape-border-width-1)
|
|
1856
|
-
);
|
|
1553
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-button-resting-color);
|
|
1554
|
+
color: var(--ezui-c-button-resting-color);
|
|
1857
1555
|
}
|
|
1858
|
-
.
|
|
1556
|
+
._variantOutlined_l4y1n_99:focus {
|
|
1859
1557
|
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-button-hover-focus-color);
|
|
1860
1558
|
color: var(--ezui-c-button-hover-focus-color);
|
|
1861
1559
|
}
|
|
1862
|
-
.
|
|
1560
|
+
._variantOutlined_l4y1n_99:disabled {
|
|
1863
1561
|
color: var(--ezui-t-color-text-disabled);
|
|
1864
1562
|
border: var(--ezui-shape-border-width-1) solid var(--ezui-t-color-border-disabled);
|
|
1865
1563
|
}
|
|
1866
|
-
.
|
|
1564
|
+
._variantOutlined_l4y1n_99:link {
|
|
1867
1565
|
text-decoration: none;
|
|
1868
1566
|
}
|
|
1869
|
-
.
|
|
1567
|
+
._variantOutlined_l4y1n_99:active:not(:disabled) {
|
|
1870
1568
|
color: var(--ezui-c-button-active-color);
|
|
1871
1569
|
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-button-active-color);
|
|
1872
1570
|
}
|
|
1873
|
-
.
|
|
1571
|
+
._variantOutlined_l4y1n_99:active:not(:disabled):focus {
|
|
1874
1572
|
box-shadow: none;
|
|
1875
1573
|
}
|
|
1876
|
-
.
|
|
1574
|
+
._variantOutlined_l4y1n_99:hover:not(:disabled):not(:active) {
|
|
1877
1575
|
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-button-hover-focus-color);
|
|
1878
1576
|
color: var(--ezui-c-button-hover-focus-color);
|
|
1879
1577
|
}
|
|
1880
1578
|
|
|
1881
|
-
.
|
|
1882
|
-
|
|
1883
|
-
background-color:
|
|
1884
|
-
|
|
1885
|
-
|
|
1579
|
+
._variantLink_l4y1n_127 {
|
|
1580
|
+
color: var(--ezui-c-button-resting-color);
|
|
1581
|
+
background-color: transparent;
|
|
1582
|
+
border: var(--ezui-shape-border-width-1) solid transparent;
|
|
1583
|
+
text-decoration: underline;
|
|
1886
1584
|
}
|
|
1887
|
-
.
|
|
1888
|
-
|
|
1585
|
+
._variantLink_l4y1n_127:focus {
|
|
1586
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-button-hover-focus-color);
|
|
1889
1587
|
}
|
|
1890
|
-
.
|
|
1891
|
-
color: var(--ezui-t-color-text-
|
|
1892
|
-
background-color: var(--ezui-t-color-background-disabled);
|
|
1588
|
+
._variantLink_l4y1n_127:disabled {
|
|
1589
|
+
color: var(--ezui-t-color-text-disabled);
|
|
1893
1590
|
}
|
|
1894
|
-
.
|
|
1895
|
-
|
|
1591
|
+
._variantLink_l4y1n_127:active:not(:disabled) {
|
|
1592
|
+
color: var(--ezui-c-button-active-color);
|
|
1896
1593
|
}
|
|
1897
|
-
.
|
|
1898
|
-
color: var(--ezui-c-button-
|
|
1899
|
-
background-color: var(--ezui-c-button-active-color);
|
|
1594
|
+
._variantLink_l4y1n_127:hover:not(:disabled):not(:active) {
|
|
1595
|
+
color: var(--ezui-c-button-hover-focus-color);
|
|
1900
1596
|
}
|
|
1901
|
-
|
|
1902
|
-
|
|
1597
|
+
|
|
1598
|
+
._variantOutlined_l4y1n_99,
|
|
1599
|
+
._variantLink_l4y1n_127 {
|
|
1600
|
+
padding: calc(
|
|
1601
|
+
var(--ezui-space-1-5) - var(--ezui-shape-border-width-1)
|
|
1602
|
+
) calc(var(--ezui-space-2) - var(--ezui-shape-border-width-1));
|
|
1903
1603
|
}
|
|
1904
|
-
|
|
1905
|
-
|
|
1604
|
+
|
|
1605
|
+
._sizeMd_l4y1n_153 {
|
|
1606
|
+
font-family: Poppins, "Poppins Fallback";
|
|
1607
|
+
font-weight: 500;
|
|
1608
|
+
font-size: 0.9375rem;
|
|
1609
|
+
letter-spacing: 0;
|
|
1610
|
+
line-height: 1.5rem;
|
|
1611
|
+
}
|
|
1612
|
+
|
|
1613
|
+
._sizeSm_l4y1n_161 {
|
|
1614
|
+
font-family: Poppins, "Poppins Fallback";
|
|
1615
|
+
font-weight: 500;
|
|
1616
|
+
font-size: 0.75rem;
|
|
1617
|
+
letter-spacing: 0;
|
|
1618
|
+
line-height: 1rem;
|
|
1619
|
+
}
|
|
1620
|
+
|
|
1621
|
+
._sizeSm_l4y1n_161._variantFilled_l4y1n_72 {
|
|
1622
|
+
padding: var(--ezui-space-1);
|
|
1623
|
+
}
|
|
1624
|
+
|
|
1625
|
+
._sizeSm_l4y1n_161._variantOutlined_l4y1n_99,
|
|
1626
|
+
._sizeSm_l4y1n_161._variantLink_l4y1n_127 {
|
|
1627
|
+
padding: calc(
|
|
1628
|
+
var(--ezui-space-1) - var(--ezui-shape-border-width-1)
|
|
1629
|
+
);
|
|
1630
|
+
}
|
|
1631
|
+
|
|
1632
|
+
._block_l4y1n_180 {
|
|
1633
|
+
display: flex;
|
|
1634
|
+
width: 100%;
|
|
1635
|
+
}
|
|
1636
|
+
|
|
1637
|
+
._iconAtStart_l4y1n_185 {
|
|
1638
|
+
margin-left: var(--ezui-space-1);
|
|
1639
|
+
}
|
|
1640
|
+
|
|
1641
|
+
._iconAtEnd_l4y1n_189 {
|
|
1642
|
+
margin-right: var(--ezui-space-1);
|
|
1906
1643
|
}/**
|
|
1907
1644
|
* Do not edit directly
|
|
1908
|
-
* Generated on
|
|
1645
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
1909
1646
|
*/
|
|
1910
|
-
.
|
|
1911
|
-
--ezui-c-
|
|
1912
|
-
--ezui-c-
|
|
1913
|
-
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
|
|
1917
|
-
|
|
1918
|
-
|
|
1919
|
-
|
|
1920
|
-
|
|
1921
|
-
|
|
1647
|
+
._colorSuccess_7ilj4_5 {
|
|
1648
|
+
--ezui-c-banner-color: var(--ezui-t-color-text-success-inverse);
|
|
1649
|
+
--ezui-c-banner-color-background: var(--ezui-t-color-background-success);
|
|
1650
|
+
}
|
|
1651
|
+
|
|
1652
|
+
._colorPrimary_7ilj4_10,
|
|
1653
|
+
._colorNeutral_7ilj4_11 {
|
|
1654
|
+
--ezui-c-banner-color: var(--ezui-t-color-text-inverse);
|
|
1655
|
+
}
|
|
1656
|
+
|
|
1657
|
+
._colorPrimary_7ilj4_10 {
|
|
1658
|
+
--ezui-c-banner-color-background: var(--ezui-t-color-background-primary);
|
|
1659
|
+
}
|
|
1660
|
+
|
|
1661
|
+
._colorNeutral_7ilj4_11 {
|
|
1662
|
+
--ezui-c-banner-color-background: var(--ezui-t-color-background-neutral);
|
|
1663
|
+
}
|
|
1664
|
+
|
|
1665
|
+
._Banner_7ilj4_23 {
|
|
1666
|
+
--ezui-c-banner-border-radius: var(--ezui-shape-border-radius-md);
|
|
1667
|
+
--ezui-c-banner-max-width: 1348px;
|
|
1668
|
+
display: flex;
|
|
1669
|
+
flex-direction: column;
|
|
1670
|
+
align-items: center;
|
|
1671
|
+
justify-content: center;
|
|
1672
|
+
border-radius: 0;
|
|
1673
|
+
flex-wrap: wrap;
|
|
1674
|
+
white-space: pre-wrap;
|
|
1675
|
+
width: 100%;
|
|
1676
|
+
max-width: var(--ezui-c-banner-max-width);
|
|
1677
|
+
padding: var(--ezui-space-1) var(--ezui-space-2);
|
|
1678
|
+
color: var(--ezui-c-banner-color);
|
|
1679
|
+
background-color: var(--ezui-c-banner-color-background);
|
|
1922
1680
|
}
|
|
1923
1681
|
@media (min-width: 30em) {
|
|
1924
|
-
.
|
|
1925
|
-
|
|
1682
|
+
._Banner_7ilj4_23 {
|
|
1683
|
+
flex-direction: row;
|
|
1684
|
+
padding: var(--ezui-space-1) var(--ezui-space-3);
|
|
1685
|
+
border-radius: var(--ezui-c-banner-border-radius);
|
|
1926
1686
|
}
|
|
1927
1687
|
}
|
|
1928
1688
|
@media (min-width: 40em) {
|
|
1929
|
-
.
|
|
1930
|
-
|
|
1689
|
+
._Banner_7ilj4_23 {
|
|
1690
|
+
padding: var(--ezui-space-1) var(--ezui-space-4);
|
|
1931
1691
|
}
|
|
1692
|
+
}/**
|
|
1693
|
+
* Do not edit directly
|
|
1694
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
1695
|
+
*/
|
|
1696
|
+
._root_w4lra_5 {
|
|
1697
|
+
font-family: Poppins, "Poppins Fallback";
|
|
1698
|
+
font-weight: 500;
|
|
1699
|
+
font-size: 0.75rem;
|
|
1700
|
+
letter-spacing: 0;
|
|
1701
|
+
line-height: 1rem;
|
|
1702
|
+
border-radius: var(--ezui-shape-border-radius-lg);
|
|
1703
|
+
display: inline-flex;
|
|
1704
|
+
overflow: hidden;
|
|
1932
1705
|
}
|
|
1933
|
-
|
|
1934
|
-
|
|
1935
|
-
|
|
1936
|
-
|
|
1706
|
+
|
|
1707
|
+
._primary_w4lra_16,
|
|
1708
|
+
._secondary_w4lra_17 {
|
|
1709
|
+
display: inline-flex;
|
|
1710
|
+
padding: var(--ezui-space-0-5);
|
|
1937
1711
|
}
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
1941
|
-
|
|
1712
|
+
|
|
1713
|
+
._primary_w4lra_16 {
|
|
1714
|
+
background: var(--ezui-c-badge-primary-color-background);
|
|
1715
|
+
color: var(--ezui-c-badge-primary-color-text);
|
|
1942
1716
|
}
|
|
1943
|
-
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1717
|
+
|
|
1718
|
+
._secondary_w4lra_17 {
|
|
1719
|
+
background: var(--ezui-c-badge-secondary-color-background);
|
|
1720
|
+
color: var(--ezui-c-badge-secondary-color-text);
|
|
1721
|
+
}
|
|
1722
|
+
|
|
1723
|
+
._text_w4lra_32 {
|
|
1724
|
+
display: inline-flex;
|
|
1725
|
+
padding: var(--ezui-space-0-25) var(--ezui-space-0-5);
|
|
1726
|
+
}
|
|
1727
|
+
|
|
1728
|
+
._variantPrimary_w4lra_37 {
|
|
1729
|
+
--ezui-c-badge-primary-color-background: var(--ezui-t-color-background-primary-bold);
|
|
1730
|
+
--ezui-c-badge-primary-color-text: var(--ezui-t-color-text-primary-inverse-bold);
|
|
1731
|
+
--ezui-c-badge-secondary-color-background: var(--ezui-t-color-background-primary-subtle);
|
|
1732
|
+
--ezui-c-badge-secondary-color-text: var(--ezui-t-color-text-primary-inverse-subtle);
|
|
1733
|
+
}
|
|
1734
|
+
|
|
1735
|
+
._variantSecondary_w4lra_44 {
|
|
1736
|
+
--ezui-c-badge-primary-color-background: var(--ezui-t-color-background-secondary-bold);
|
|
1737
|
+
--ezui-c-badge-primary-color-text: var(--ezui-t-color-text-secondary-inverse-bold);
|
|
1738
|
+
--ezui-c-badge-secondary-color-background: var(--ezui-t-color-background-secondary-subtle);
|
|
1739
|
+
--ezui-c-badge-secondary-color-text: var(--ezui-t-color-text-secondary-inverse-subtle);
|
|
1740
|
+
}
|
|
1741
|
+
|
|
1742
|
+
._variantBlack_w4lra_51 {
|
|
1743
|
+
--ezui-c-badge-primary-color-background: var(--ezui-t-color-background-black-bold);
|
|
1744
|
+
--ezui-c-badge-primary-color-text: var(--ezui-t-color-text-black-inverse-bold);
|
|
1745
|
+
--ezui-c-badge-secondary-color-background: var(--ezui-t-color-background-black-subtle);
|
|
1746
|
+
--ezui-c-badge-secondary-color-text: var(--ezui-t-color-text-black-inverse-subtle);
|
|
1747
|
+
}
|
|
1748
|
+
|
|
1749
|
+
._variantInverse_w4lra_58 {
|
|
1750
|
+
--ezui-c-badge-primary-color-background: var(--ezui-t-color-background-inverse-bold);
|
|
1751
|
+
--ezui-c-badge-primary-color-text: var(--ezui-t-color-text-inverse-inverse-bold);
|
|
1752
|
+
--ezui-c-badge-secondary-color-background: var(--ezui-t-color-background-inverse-subtle);
|
|
1753
|
+
--ezui-c-badge-secondary-color-text: var(--ezui-t-color-text-inverse-inverse-subtle);
|
|
1754
|
+
}
|
|
1755
|
+
|
|
1756
|
+
._variantGray_w4lra_65 {
|
|
1757
|
+
--ezui-c-badge-primary-color-background: var(--ezui-t-color-background-gray-bold);
|
|
1758
|
+
--ezui-c-badge-primary-color-text: var(--ezui-t-color-text-gray-inverse-bold);
|
|
1759
|
+
--ezui-c-badge-secondary-color-background: var(--ezui-t-color-background-gray-subtle);
|
|
1760
|
+
--ezui-c-badge-secondary-color-text: var(--ezui-t-color-text-gray-inverse-subtle);
|
|
1761
|
+
}
|
|
1762
|
+
|
|
1763
|
+
._variantSuccess_w4lra_72 {
|
|
1764
|
+
--ezui-c-badge-primary-color-background: var(--ezui-t-color-background-success-bold);
|
|
1765
|
+
--ezui-c-badge-primary-color-text: var(--ezui-t-color-text-success-inverse-bold);
|
|
1766
|
+
--ezui-c-badge-secondary-color-background: var(--ezui-t-color-background-success-subtle);
|
|
1767
|
+
--ezui-c-badge-secondary-color-text: var(--ezui-t-color-text-success-inverse-subtle);
|
|
1768
|
+
}
|
|
1769
|
+
|
|
1770
|
+
._variantWarning_w4lra_79 {
|
|
1771
|
+
--ezui-c-badge-primary-color-background: var(--ezui-t-color-background-warning-bold);
|
|
1772
|
+
--ezui-c-badge-primary-color-text: var(--ezui-t-color-text-warning-inverse-bold);
|
|
1773
|
+
--ezui-c-badge-secondary-color-background: var(--ezui-t-color-background-warning-subtle);
|
|
1774
|
+
--ezui-c-badge-secondary-color-text: var(--ezui-t-color-text-warning-inverse-subtle);
|
|
1775
|
+
}
|
|
1776
|
+
|
|
1777
|
+
._variantDanger_w4lra_86 {
|
|
1778
|
+
--ezui-c-badge-primary-color-background: var(--ezui-t-color-background-danger-bold);
|
|
1779
|
+
--ezui-c-badge-primary-color-text: var(--ezui-t-color-text-danger-inverse-bold);
|
|
1780
|
+
--ezui-c-badge-secondary-color-background: var(--ezui-t-color-background-danger-subtle);
|
|
1781
|
+
--ezui-c-badge-secondary-color-text: var(--ezui-t-color-text-danger-inverse-subtle);
|
|
1947
1782
|
}/**
|
|
1948
1783
|
* Do not edit directly
|
|
1949
|
-
* Generated on
|
|
1784
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
1950
1785
|
*/
|
|
1951
|
-
.
|
|
1786
|
+
._HorizontalGrid_1wcnj_5 {
|
|
1952
1787
|
--ezui-c-horizontal-grid-grid-template-columns-xs: initial;
|
|
1953
1788
|
--ezui-c-horizontal-grid-grid-template-columns-sm: initial;
|
|
1954
1789
|
--ezui-c-horizontal-grid-grid-template-columns-md: initial;
|
|
@@ -1967,207 +1802,355 @@ textarea {
|
|
|
1967
1802
|
align-items: var(--ezui-c-horizontal-grid-align-items);
|
|
1968
1803
|
}
|
|
1969
1804
|
@media (min-width: 30em) {
|
|
1970
|
-
.
|
|
1805
|
+
._HorizontalGrid_1wcnj_5 {
|
|
1971
1806
|
grid-template-columns: var(--ezui-c-horizontal-grid-grid-template-columns-sm, var(--ezui-c-horizontal-grid-grid-template-columns-xs, initial));
|
|
1972
1807
|
}
|
|
1973
1808
|
}
|
|
1974
1809
|
@media (min-width: 40em) {
|
|
1975
|
-
.
|
|
1810
|
+
._HorizontalGrid_1wcnj_5 {
|
|
1976
1811
|
grid-template-columns: var(--ezui-c-horizontal-grid-grid-template-columns-md, var(--ezui-c-horizontal-grid-grid-template-columns-sm, var(--ezui-c-horizontal-grid-grid-template-columns-xs, initial)));
|
|
1977
1812
|
}
|
|
1978
1813
|
}
|
|
1979
1814
|
@media (min-width: 64em) {
|
|
1980
|
-
.
|
|
1815
|
+
._HorizontalGrid_1wcnj_5 {
|
|
1981
1816
|
grid-template-columns: var(--ezui-c-horizontal-grid-grid-template-columns-lg, var(--ezui-c-horizontal-grid-grid-template-columns-md, var(--ezui-c-horizontal-grid-grid-template-columns-sm, var(--ezui-c-horizontal-grid-grid-template-columns-xs, initial))));
|
|
1982
1817
|
}
|
|
1983
1818
|
}
|
|
1984
1819
|
@media (min-width: 85em) {
|
|
1985
|
-
.
|
|
1820
|
+
._HorizontalGrid_1wcnj_5 {
|
|
1986
1821
|
grid-template-columns: var(--ezui-c-horizontal-grid-grid-template-columns-xl, var(--ezui-c-horizontal-grid-grid-template-columns-lg, var(--ezui-c-horizontal-grid-grid-template-columns-md, var(--ezui-c-horizontal-grid-grid-template-columns-sm, var(--ezui-c-horizontal-grid-grid-template-columns-xs, initial)))));
|
|
1987
1822
|
}
|
|
1988
1823
|
}
|
|
1989
1824
|
@media (min-width: 120em) {
|
|
1990
|
-
.
|
|
1825
|
+
._HorizontalGrid_1wcnj_5 {
|
|
1991
1826
|
grid-template-columns: var(--ezui-c-horizontal-grid-grid-template-columns-xxl, var(--ezui-c-horizontal-grid-grid-template-columns-xl, var(--ezui-c-horizontal-grid-grid-template-columns-lg, var(--ezui-c-horizontal-grid-grid-template-columns-md, var(--ezui-c-horizontal-grid-grid-template-columns-sm, var(--ezui-c-horizontal-grid-grid-template-columns-xs, initial))))));
|
|
1992
1827
|
}
|
|
1993
1828
|
}
|
|
1994
1829
|
@media (min-width: 30em) {
|
|
1995
|
-
.
|
|
1830
|
+
._HorizontalGrid_1wcnj_5 {
|
|
1996
1831
|
gap: var(--ezui-c-horizontal-grid-gap-sm, var(--ezui-c-horizontal-grid-gap-xs, initial));
|
|
1997
1832
|
}
|
|
1998
1833
|
}
|
|
1999
1834
|
@media (min-width: 40em) {
|
|
2000
|
-
.
|
|
1835
|
+
._HorizontalGrid_1wcnj_5 {
|
|
2001
1836
|
gap: var(--ezui-c-horizontal-grid-gap-md, var(--ezui-c-horizontal-grid-gap-sm, var(--ezui-c-horizontal-grid-gap-xs, initial)));
|
|
2002
1837
|
}
|
|
2003
1838
|
}
|
|
2004
1839
|
@media (min-width: 64em) {
|
|
2005
|
-
.
|
|
1840
|
+
._HorizontalGrid_1wcnj_5 {
|
|
2006
1841
|
gap: var(--ezui-c-horizontal-grid-gap-lg, var(--ezui-c-horizontal-grid-gap-md, var(--ezui-c-horizontal-grid-gap-sm, var(--ezui-c-horizontal-grid-gap-xs, initial))));
|
|
2007
1842
|
}
|
|
2008
1843
|
}
|
|
2009
1844
|
@media (min-width: 85em) {
|
|
2010
|
-
.
|
|
1845
|
+
._HorizontalGrid_1wcnj_5 {
|
|
2011
1846
|
gap: var(--ezui-c-horizontal-grid-gap-xl, var(--ezui-c-horizontal-grid-gap-lg, var(--ezui-c-horizontal-grid-gap-md, var(--ezui-c-horizontal-grid-gap-sm, var(--ezui-c-horizontal-grid-gap-xs, initial)))));
|
|
2012
1847
|
}
|
|
2013
1848
|
}
|
|
2014
1849
|
@media (min-width: 120em) {
|
|
2015
|
-
.
|
|
1850
|
+
._HorizontalGrid_1wcnj_5 {
|
|
2016
1851
|
gap: var(--ezui-c-horizontal-grid-gap-xxl, var(--ezui-c-horizontal-grid-gap-xl, var(--ezui-c-horizontal-grid-gap-lg, var(--ezui-c-horizontal-grid-gap-md, var(--ezui-c-horizontal-grid-gap-sm, var(--ezui-c-horizontal-grid-gap-xs, initial))))));
|
|
2017
1852
|
}
|
|
2018
1853
|
}/**
|
|
2019
1854
|
* Do not edit directly
|
|
2020
|
-
* Generated on
|
|
1855
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
1856
|
+
*/
|
|
1857
|
+
._Switch_1au2a_5 {
|
|
1858
|
+
--ezui-c-switch-color-track: var(--ezui-t-color-background-gray);
|
|
1859
|
+
--ezui-c-switch-color-thumb: var(--ezui-t-color-text-primary);
|
|
1860
|
+
--ezui-c-switch-border-radius: 99px;
|
|
1861
|
+
display: inline-flex;
|
|
1862
|
+
border-radius: var(--ezui-c-switch-border-radius);
|
|
1863
|
+
}
|
|
1864
|
+
|
|
1865
|
+
._focusVisible_1au2a_13 {
|
|
1866
|
+
outline-width: 2px;
|
|
1867
|
+
outline-style: solid;
|
|
1868
|
+
outline-color: Highlight;
|
|
1869
|
+
}
|
|
1870
|
+
@media (-webkit-min-device-pixel-ratio: 0) {
|
|
1871
|
+
._focusVisible_1au2a_13 {
|
|
1872
|
+
outline-color: -webkit-focus-ring-color;
|
|
1873
|
+
outline-style: auto;
|
|
1874
|
+
}
|
|
1875
|
+
}
|
|
1876
|
+
|
|
1877
|
+
._track_1au2a_25 {
|
|
1878
|
+
fill: var(--ezui-c-switch-color-track);
|
|
1879
|
+
}
|
|
1880
|
+
|
|
1881
|
+
._thumb_1au2a_29 {
|
|
1882
|
+
fill: var(--ezui-c-switch-color-thumb);
|
|
1883
|
+
}
|
|
1884
|
+
|
|
1885
|
+
._hovered_1au2a_33:not(._disabled_1au2a_33) {
|
|
1886
|
+
--ezui-c-switch-color-track: var(--ezui-t-color-background-gray-hovered);
|
|
1887
|
+
}
|
|
1888
|
+
|
|
1889
|
+
._selected_1au2a_37 {
|
|
1890
|
+
--ezui-c-switch-color-track: var(--ezui-t-color-background-primary);
|
|
1891
|
+
--ezui-c-switch-color-thumb: var(--ezui-t-color-text-primary-inverse-bold);
|
|
1892
|
+
}
|
|
1893
|
+
|
|
1894
|
+
._selected_1au2a_37._hovered_1au2a_33:not(._disabled_1au2a_33) {
|
|
1895
|
+
--ezui-c-switch-color-track: var(--ezui-t-color-background-primary-hovered);
|
|
1896
|
+
}
|
|
1897
|
+
|
|
1898
|
+
._disabled_1au2a_33 {
|
|
1899
|
+
--ezui-c-switch-color-track: var(--ezui-t-color-background-disabled-subtler);
|
|
1900
|
+
--ezui-c-switch-color-thumb: var(--ezui-t-color-text-disabled);
|
|
1901
|
+
}/**
|
|
1902
|
+
* Do not edit directly
|
|
1903
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
2021
1904
|
*/
|
|
2022
|
-
.
|
|
1905
|
+
._Toggle_sl5qh_5 {
|
|
1906
|
+
position: relative;
|
|
1907
|
+
z-index: 0;
|
|
1908
|
+
display: inline-flex;
|
|
1909
|
+
align-items: center;
|
|
1910
|
+
gap: var(--ezui-space-1-5);
|
|
1911
|
+
}
|
|
1912
|
+
._Toggle_sl5qh_5 input {
|
|
1913
|
+
position: absolute;
|
|
1914
|
+
top: 0;
|
|
1915
|
+
left: 0;
|
|
1916
|
+
width: 100%;
|
|
1917
|
+
height: 100%;
|
|
1918
|
+
padding: 0;
|
|
1919
|
+
margin: 0;
|
|
1920
|
+
opacity: 0.0001;
|
|
1921
|
+
z-index: 1;
|
|
1922
|
+
}
|
|
1923
|
+
|
|
1924
|
+
._text_sl5qh_24,
|
|
1925
|
+
._input_sl5qh_25 {
|
|
2023
1926
|
display: inline-flex;
|
|
1927
|
+
}/**
|
|
1928
|
+
* Do not edit directly
|
|
1929
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
1930
|
+
*/
|
|
1931
|
+
._root_rsv81_5 {
|
|
1932
|
+
--ezui-c-inputfield-border-radius: var(--ezui-shape-border-radius-md);
|
|
1933
|
+
--ezui-c-inputfield-box-shadow: var(--ezui-shadow-input);
|
|
1934
|
+
--ezui-c-inputfield-color-text-resting: var(--ezui-t-color-text);
|
|
1935
|
+
--ezui-c-inputfield-color-text-gray-resting: var(--ezui-t-color-text-gray-resting);
|
|
1936
|
+
--ezui-c-inputfield-color-text-subdued: var(--ezui-t-color-text-subdued);
|
|
1937
|
+
--ezui-c-inputfield-color-text-gray-bold: var(--ezui-t-color-text-gray-bold);
|
|
1938
|
+
--ezui-c-inputfield-color-text-disabled: var(--ezui-t-color-text-disabled);
|
|
1939
|
+
--ezui-c-inputfield-color-text-engaged: var(--ezui-t-color-text-engaged);
|
|
1940
|
+
--ezui-c-inputfield-color-text-danger: var(--ezui-t-color-text-danger);
|
|
1941
|
+
--ezui-c-inputfield-color-border-resting: var(--ezui-t-color-border-resting);
|
|
1942
|
+
--ezui-c-inputfield-color-border-engaged: var(--ezui-t-color-border-engaged);
|
|
1943
|
+
--ezui-c-inputfield-color-border-danger: var(--ezui-t-color-border-danger);
|
|
1944
|
+
--ezui-c-inputfield-color-background: var(--ezui-t-color-background);
|
|
1945
|
+
--ezui-c-inputfield-color-background-disabled: var(--ezui-t-color-background-disabled-subtle);
|
|
1946
|
+
--ezui-c-inputfield-max-height-sm: 32px;
|
|
1947
|
+
--ezui-c-inputfield-z-index: var(--ezui-z-index-input-icon);
|
|
1948
|
+
display: flex;
|
|
1949
|
+
flex-direction: column;
|
|
1950
|
+
}
|
|
1951
|
+
|
|
1952
|
+
._inputIconContainer_rsv81_26 {
|
|
1953
|
+
display: flex;
|
|
2024
1954
|
align-items: center;
|
|
2025
|
-
|
|
2026
|
-
|
|
2027
|
-
|
|
1955
|
+
position: relative;
|
|
1956
|
+
}
|
|
1957
|
+
|
|
1958
|
+
._label_rsv81_32 {
|
|
1959
|
+
margin-bottom: var(--ezui-space-1);
|
|
1960
|
+
}
|
|
1961
|
+
|
|
1962
|
+
._labelHidden_rsv81_36 {
|
|
1963
|
+
margin-bottom: 0;
|
|
1964
|
+
}
|
|
1965
|
+
|
|
1966
|
+
._input_rsv81_26 {
|
|
2028
1967
|
font-family: Poppins, "Poppins Fallback";
|
|
2029
|
-
font-weight:
|
|
1968
|
+
font-weight: 400;
|
|
2030
1969
|
font-size: 0.9375rem;
|
|
2031
|
-
letter-spacing: 0;
|
|
1970
|
+
letter-spacing: 0.03125rem;
|
|
2032
1971
|
line-height: 1.5rem;
|
|
2033
|
-
|
|
2034
|
-
|
|
2035
|
-
|
|
2036
|
-
|
|
1972
|
+
--ezui-c-inputfield-min-height-textarea: 48px;
|
|
1973
|
+
--ezui-c-inputfield-icon-input-padding: var(--ezui-space-6);
|
|
1974
|
+
color: var(--ezui-c-inputfield-color-text-resting);
|
|
1975
|
+
background-color: var(--ezui-c-inputfield-color-background);
|
|
1976
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-inputfield-color-border-resting);
|
|
1977
|
+
border-radius: var(--ezui-c-inputfield-border-radius);
|
|
1978
|
+
padding: calc(
|
|
1979
|
+
var(--ezui-space-1-5) - var(--ezui-shape-border-width-1)
|
|
1980
|
+
);
|
|
2037
1981
|
outline: none;
|
|
1982
|
+
position: relative;
|
|
1983
|
+
width: 100%;
|
|
2038
1984
|
}
|
|
2039
|
-
.
|
|
2040
|
-
|
|
1985
|
+
._input_rsv81_26:focus, ._input_rsv81_26:active {
|
|
1986
|
+
color: var(--ezui-c-inputfield-color-text-engaged);
|
|
1987
|
+
border-color: var(--ezui-c-inputfield-color-border-engaged);
|
|
2041
1988
|
}
|
|
2042
|
-
|
|
2043
|
-
|
|
2044
|
-
--ezui-c-button-filled-font-color: var(--ezui-t-color-text-inverse);
|
|
2045
|
-
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-inverse);
|
|
2046
|
-
--ezui-c-button-resting-color: var(--ezui-t-color-background-primary);
|
|
2047
|
-
--ezui-c-button-hover-focus-color: var(--ezui-t-color-background-primary-hovered);
|
|
2048
|
-
--ezui-c-button-active-color: var(--ezui-t-color-background-primary-pressed);
|
|
1989
|
+
._input_rsv81_26:focus {
|
|
1990
|
+
box-shadow: var(--ezui-c-inputfield-box-shadow);
|
|
2049
1991
|
}
|
|
2050
|
-
|
|
2051
|
-
|
|
2052
|
-
--ezui-c-button-filled-font-color: var(--ezui-t-color-text-inverse);
|
|
2053
|
-
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-inverse);
|
|
2054
|
-
--ezui-c-button-resting-color: var(--ezui-t-color-background-secondary);
|
|
2055
|
-
--ezui-c-button-hover-focus-color: var(--ezui-t-color-background-secondary-hovered);
|
|
2056
|
-
--ezui-c-button-active-color: var(--ezui-t-color-background-secondary-pressed);
|
|
1992
|
+
._input_rsv81_26::placeholder {
|
|
1993
|
+
color: var(--ezui-c-inputfield-color-text-subdued);
|
|
2057
1994
|
}
|
|
2058
|
-
|
|
2059
|
-
|
|
2060
|
-
|
|
2061
|
-
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-success-inverse-pressed);
|
|
2062
|
-
--ezui-c-button-resting-color: var(--ezui-t-color-background-success);
|
|
2063
|
-
--ezui-c-button-hover-focus-color: var(--ezui-t-color-background-success-hovered);
|
|
2064
|
-
--ezui-c-button-active-color: var(--ezui-t-color-background-success-pressed);
|
|
1995
|
+
._input_rsv81_26:disabled {
|
|
1996
|
+
background-color: var(--ezui-c-inputfield-color-background-disabled);
|
|
1997
|
+
color: var(--ezui-c-inputfield-color-text-disabled);
|
|
2065
1998
|
}
|
|
2066
1999
|
|
|
2067
|
-
.
|
|
2068
|
-
|
|
2069
|
-
|
|
2070
|
-
|
|
2071
|
-
|
|
2072
|
-
|
|
2000
|
+
._errorInput_rsv81_74 {
|
|
2001
|
+
color: var(--ezui-c-inputfield-color-text-danger);
|
|
2002
|
+
border-color: var(--ezui-c-inputfield-color-border-danger);
|
|
2003
|
+
}
|
|
2004
|
+
._errorInput_rsv81_74:focus, ._errorInput_rsv81_74:active {
|
|
2005
|
+
border-color: var(--ezui-c-inputfield-color-border-danger);
|
|
2073
2006
|
}
|
|
2074
2007
|
|
|
2075
|
-
.
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
|
|
2079
|
-
|
|
2080
|
-
|
|
2008
|
+
._inputSizeSm_rsv81_82 {
|
|
2009
|
+
font-family: Poppins, "Poppins Fallback";
|
|
2010
|
+
font-weight: 400;
|
|
2011
|
+
font-size: 0.8125rem;
|
|
2012
|
+
letter-spacing: 0.015625rem;
|
|
2013
|
+
line-height: 1rem;
|
|
2014
|
+
padding: calc(
|
|
2015
|
+
var(--ezui-space-1) - var(--ezui-shape-border-width-1)
|
|
2016
|
+
) calc(var(--ezui-space-1-5) - var(--ezui-shape-border-width-1));
|
|
2017
|
+
max-height: var(--ezui-c-inputfield-max-height-sm);
|
|
2018
|
+
--ezui-c-inputfield-password-input-padding-right: 0;
|
|
2019
|
+
--ezui-c-inputfield-icon-input-padding: var(--ezui-space-4-5);
|
|
2081
2020
|
}
|
|
2082
2021
|
|
|
2083
|
-
.
|
|
2084
|
-
|
|
2085
|
-
|
|
2086
|
-
|
|
2022
|
+
._inputSizeLg_rsv81_96 {
|
|
2023
|
+
padding: calc(
|
|
2024
|
+
var(--ezui-space-2) - var(--ezui-shape-border-width-1)
|
|
2025
|
+
);
|
|
2026
|
+
--ezui-c-inputfield-min-height-textarea: 56px;
|
|
2027
|
+
--ezui-c-inputfield-password-input-padding-right: 0;
|
|
2087
2028
|
}
|
|
2088
2029
|
|
|
2089
|
-
.
|
|
2090
|
-
--ezui-c-
|
|
2091
|
-
|
|
2092
|
-
|
|
2030
|
+
._passwordInput_rsv81_104 {
|
|
2031
|
+
border-radius: var(--ezui-c-inputfield-border-radius) 0 0 var(--ezui-c-inputfield-border-radius);
|
|
2032
|
+
border-right: none;
|
|
2033
|
+
padding-right: var(--ezui-c-inputfield-password-input-padding-right);
|
|
2034
|
+
}
|
|
2035
|
+
._passwordInput_rsv81_104:focus, ._passwordInput_rsv81_104:active {
|
|
2036
|
+
border-radius: var(--ezui-c-inputfield-border-radius);
|
|
2037
|
+
border-right: var(--ezui-shape-border-width-1) solid var(--ezui-c-inputfield-color-border-engaged);
|
|
2093
2038
|
}
|
|
2094
2039
|
|
|
2095
|
-
.
|
|
2096
|
-
background-color:
|
|
2097
|
-
|
|
2098
|
-
|
|
2040
|
+
._passwordBtn_rsv81_114 {
|
|
2041
|
+
background-color: var(--ezui-c-inputfield-color-background);
|
|
2042
|
+
color: var(--ezui-c-inputfield-color-text-gray-resting);
|
|
2043
|
+
border-radius: 0 var(--ezui-c-inputfield-border-radius) var(--ezui-c-inputfield-border-radius) 0;
|
|
2044
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-inputfield-color-border-resting);
|
|
2045
|
+
border-left: none;
|
|
2046
|
+
margin: 0;
|
|
2099
2047
|
padding: calc(
|
|
2048
|
+
var(--ezui-space-1-5) - var(--ezui-shape-border-width-1)
|
|
2049
|
+
);
|
|
2050
|
+
padding-left: var(--ezui-space-1-5);
|
|
2051
|
+
}
|
|
2052
|
+
._passwordBtn_rsv81_114:focus, ._passwordBtn_rsv81_114:active {
|
|
2053
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-inputfield-color-border-engaged);
|
|
2054
|
+
padding-left: calc(
|
|
2100
2055
|
var(--ezui-space-1-5) - var(--ezui-shape-border-width-1)
|
|
2101
|
-
)
|
|
2056
|
+
);
|
|
2057
|
+
border-radius: var(--ezui-c-inputfield-border-radius);
|
|
2102
2058
|
}
|
|
2103
|
-
.
|
|
2104
|
-
|
|
2105
|
-
|
|
2059
|
+
._passwordBtn_rsv81_114:focus {
|
|
2060
|
+
box-shadow: var(--ezui-c-inputfield-box-shadow);
|
|
2061
|
+
outline: none;
|
|
2062
|
+
z-index: var(--ezui-c-inputfield-z-index);
|
|
2106
2063
|
}
|
|
2107
|
-
.
|
|
2108
|
-
color: var(--ezui-
|
|
2109
|
-
border: var(--ezui-shape-border-width-1) solid var(--ezui-t-color-border-disabled);
|
|
2064
|
+
._passwordBtn_rsv81_114:hover {
|
|
2065
|
+
color: var(--ezui-c-inputfield-color-text-gray-bold);
|
|
2110
2066
|
}
|
|
2111
|
-
.
|
|
2112
|
-
|
|
2067
|
+
._passwordBtn_rsv81_114:disabled {
|
|
2068
|
+
background-color: var(--ezui-c-inputfield-color-background-disabled);
|
|
2113
2069
|
}
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
border: var(--ezui-
|
|
2070
|
+
|
|
2071
|
+
._hovered_rsv81_145 {
|
|
2072
|
+
border-color: var(--ezui-c-inputfield-color-border-engaged);
|
|
2117
2073
|
}
|
|
2118
|
-
|
|
2119
|
-
|
|
2074
|
+
|
|
2075
|
+
._input_rsv81_26:active + ._passwordBtn_rsv81_114,
|
|
2076
|
+
._input_rsv81_26:focus + ._passwordBtn_rsv81_114 {
|
|
2077
|
+
border-color: var(--ezui-c-inputfield-color-border-resting);
|
|
2120
2078
|
}
|
|
2121
|
-
|
|
2122
|
-
|
|
2123
|
-
|
|
2079
|
+
|
|
2080
|
+
._textArea_rsv81_154 {
|
|
2081
|
+
resize: vertical;
|
|
2082
|
+
min-height: var(--ezui-c-inputfield-min-height-textarea);
|
|
2083
|
+
}
|
|
2084
|
+
|
|
2085
|
+
._passwordBtnError_rsv81_159,
|
|
2086
|
+
._passwordBtnError_rsv81_159:focus,
|
|
2087
|
+
._passwordBtnError_rsv81_159:active {
|
|
2088
|
+
border-color: var(--ezui-c-inputfield-color-border-danger);
|
|
2089
|
+
}
|
|
2090
|
+
|
|
2091
|
+
._passwordBtnSm_rsv81_165 {
|
|
2092
|
+
padding-top: calc(
|
|
2093
|
+
var(--ezui-space-1) - var(--ezui-shape-border-width-1)
|
|
2094
|
+
);
|
|
2095
|
+
padding-bottom: calc(
|
|
2096
|
+
var(--ezui-space-1) - var(--ezui-shape-border-width-1)
|
|
2097
|
+
);
|
|
2098
|
+
}
|
|
2099
|
+
|
|
2100
|
+
._passwordBtnLg_rsv81_174 {
|
|
2101
|
+
padding-top: calc(
|
|
2102
|
+
var(--ezui-space-2) - var(--ezui-shape-border-width-1)
|
|
2103
|
+
);
|
|
2104
|
+
padding-bottom: calc(
|
|
2105
|
+
var(--ezui-space-2) - var(--ezui-shape-border-width-1)
|
|
2106
|
+
);
|
|
2124
2107
|
}
|
|
2125
2108
|
|
|
2126
|
-
.
|
|
2109
|
+
._icon_rsv81_183 {
|
|
2110
|
+
background-color: var(--ezui-c-inputfield-color-background);
|
|
2111
|
+
color: var(--ezui-c-inputfield-color-text-gray-resting);
|
|
2127
2112
|
border: 0;
|
|
2128
|
-
|
|
2129
|
-
|
|
2130
|
-
|
|
2113
|
+
display: inline-block;
|
|
2114
|
+
position: absolute;
|
|
2115
|
+
top: var(--ezui-space-1-5);
|
|
2116
|
+
z-index: var(--ezui-c-inputfield-z-index);
|
|
2131
2117
|
}
|
|
2132
|
-
|
|
2133
|
-
|
|
2118
|
+
|
|
2119
|
+
._iconDisabled_rsv81_193 {
|
|
2120
|
+
background-color: var(--ezui-c-inputfield-color-background-disabled);
|
|
2134
2121
|
}
|
|
2135
|
-
|
|
2136
|
-
|
|
2137
|
-
|
|
2122
|
+
|
|
2123
|
+
._iconStart_rsv81_197 {
|
|
2124
|
+
left: var(--ezui-space-1-5);
|
|
2138
2125
|
}
|
|
2139
|
-
|
|
2140
|
-
|
|
2126
|
+
|
|
2127
|
+
._iconEnd_rsv81_201 {
|
|
2128
|
+
right: var(--ezui-space-1-5);
|
|
2141
2129
|
}
|
|
2142
|
-
|
|
2143
|
-
|
|
2144
|
-
|
|
2130
|
+
|
|
2131
|
+
._iconStartInput_rsv81_205 {
|
|
2132
|
+
padding-left: var(--ezui-c-inputfield-icon-input-padding);
|
|
2145
2133
|
}
|
|
2146
|
-
|
|
2147
|
-
|
|
2134
|
+
|
|
2135
|
+
._iconEndInput_rsv81_209 {
|
|
2136
|
+
padding-right: var(--ezui-c-inputfield-icon-input-padding);
|
|
2148
2137
|
}
|
|
2149
|
-
|
|
2150
|
-
|
|
2138
|
+
|
|
2139
|
+
._inputIconPlacementSm_rsv81_213 {
|
|
2140
|
+
top: var(--ezui-space-1);
|
|
2151
2141
|
}
|
|
2152
2142
|
|
|
2153
|
-
.
|
|
2154
|
-
|
|
2155
|
-
|
|
2156
|
-
|
|
2157
|
-
|
|
2158
|
-
|
|
2159
|
-
* Do not edit directly
|
|
2160
|
-
* Generated on Thu, 22 Jun 2023 02:06:11 GMT
|
|
2161
|
-
*/
|
|
2162
|
-
._CodeBlock_1l4k8_5 {
|
|
2163
|
-
display: flex;
|
|
2164
|
-
align-items: center;
|
|
2165
|
-
overflow: auto;
|
|
2143
|
+
._inputIconPlacementLg_rsv81_217 {
|
|
2144
|
+
top: var(--ezui-space-2);
|
|
2145
|
+
}
|
|
2146
|
+
|
|
2147
|
+
._caption_rsv81_221 {
|
|
2148
|
+
margin-top: var(--ezui-space-0-5);
|
|
2166
2149
|
}/**
|
|
2167
2150
|
* Do not edit directly
|
|
2168
|
-
* Generated on
|
|
2151
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
2169
2152
|
*/
|
|
2170
|
-
.
|
|
2153
|
+
._Checkbox_1r930_5 {
|
|
2171
2154
|
--ezui-c-checkbox-size: 16px;
|
|
2172
2155
|
--ezui-c-checkbox-box-margin-top: 4px;
|
|
2173
2156
|
--ezui-c-checkbox-text-margin-ver: 0;
|
|
@@ -2178,19 +2161,19 @@ textarea {
|
|
|
2178
2161
|
--ezui-c-checkbox-color-border: var(--ezui-t-color-border-boldest);
|
|
2179
2162
|
}
|
|
2180
2163
|
|
|
2181
|
-
.
|
|
2182
|
-
.
|
|
2164
|
+
._Checkbox_1r930_5,
|
|
2165
|
+
._label_1r930_17 {
|
|
2183
2166
|
display: inline-flex;
|
|
2184
2167
|
align-items: flex-start;
|
|
2185
2168
|
justify-content: flex-start;
|
|
2186
2169
|
gap: var(--ezui-c-checkbox-gap);
|
|
2187
2170
|
}
|
|
2188
2171
|
|
|
2189
|
-
.
|
|
2172
|
+
._label_1r930_17 {
|
|
2190
2173
|
position: relative;
|
|
2191
2174
|
z-index: 0;
|
|
2192
2175
|
}
|
|
2193
|
-
.
|
|
2176
|
+
._label_1r930_17 input {
|
|
2194
2177
|
position: absolute;
|
|
2195
2178
|
top: 0;
|
|
2196
2179
|
left: 0;
|
|
@@ -2202,8 +2185,8 @@ textarea {
|
|
|
2202
2185
|
z-index: 1;
|
|
2203
2186
|
}
|
|
2204
2187
|
|
|
2205
|
-
.
|
|
2206
|
-
.
|
|
2188
|
+
._box_1r930_40,
|
|
2189
|
+
._check_1r930_41 {
|
|
2207
2190
|
display: inline-flex;
|
|
2208
2191
|
align-items: center;
|
|
2209
2192
|
justify-content: center;
|
|
@@ -2211,640 +2194,607 @@ textarea {
|
|
|
2211
2194
|
height: var(--ezui-c-checkbox-size);
|
|
2212
2195
|
}
|
|
2213
2196
|
|
|
2214
|
-
.
|
|
2197
|
+
._box_1r930_40 {
|
|
2215
2198
|
background: var(--ezui-c-checkbox-color-background);
|
|
2216
2199
|
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-checkbox-color-border);
|
|
2217
2200
|
border-radius: var(--ezui-c-checkbox-border-radius);
|
|
2218
2201
|
flex: 0 0 auto;
|
|
2219
2202
|
margin-top: var(--ezui-c-checkbox-box-margin-top);
|
|
2220
2203
|
}
|
|
2221
|
-
.
|
|
2204
|
+
._focusVisible_1r930_56 ._box_1r930_40 {
|
|
2222
2205
|
outline-width: 2px;
|
|
2223
2206
|
outline-style: solid;
|
|
2224
2207
|
outline-color: Highlight;
|
|
2225
2208
|
}
|
|
2226
2209
|
@media (-webkit-min-device-pixel-ratio: 0) {
|
|
2227
|
-
.
|
|
2210
|
+
._focusVisible_1r930_56 ._box_1r930_40 {
|
|
2228
2211
|
outline-color: -webkit-focus-ring-color;
|
|
2229
2212
|
outline-style: auto;
|
|
2230
2213
|
}
|
|
2231
2214
|
}
|
|
2232
2215
|
|
|
2233
|
-
.
|
|
2216
|
+
._check_1r930_41 {
|
|
2234
2217
|
color: var(--ezui-c-checkbox-color-check);
|
|
2235
2218
|
}
|
|
2236
2219
|
|
|
2237
|
-
.
|
|
2220
|
+
._text_1r930_72 {
|
|
2238
2221
|
display: inline-flex;
|
|
2239
2222
|
margin: var(--ezui-c-checkbox-text-margin-ver) 0;
|
|
2240
2223
|
}
|
|
2241
2224
|
|
|
2242
|
-
.
|
|
2225
|
+
._indeterminateSvg_1r930_77 {
|
|
2243
2226
|
position: absolute;
|
|
2244
2227
|
}
|
|
2245
2228
|
|
|
2246
|
-
.
|
|
2229
|
+
._nested_1r930_81 {
|
|
2247
2230
|
--ezui-c-checkbox-text-margin-ver: 4px;
|
|
2248
2231
|
}
|
|
2249
2232
|
|
|
2250
|
-
.
|
|
2233
|
+
._sizeLg_1r930_85 {
|
|
2251
2234
|
--ezui-c-checkbox-size: 24px;
|
|
2252
2235
|
--ezui-c-checkbox-box-margin-top: 0;
|
|
2253
2236
|
--ezui-c-checkbox-gap: var(--ezui-space-1-5);
|
|
2254
2237
|
}
|
|
2255
2238
|
|
|
2256
|
-
.
|
|
2239
|
+
._invalid_1r930_91 {
|
|
2257
2240
|
--ezui-c-checkbox-color-border: var(--ezui-t-color-border-danger);
|
|
2258
2241
|
}
|
|
2259
2242
|
|
|
2260
|
-
.
|
|
2243
|
+
._disabled_1r930_95 {
|
|
2261
2244
|
--ezui-c-checkbox-color-border: var(--ezui-t-color-border-disabled-subtler);
|
|
2262
2245
|
}
|
|
2263
2246
|
|
|
2264
|
-
.
|
|
2265
|
-
.
|
|
2247
|
+
._indeterminate_1r930_77:not(._invalid_1r930_91),
|
|
2248
|
+
._selected_1r930_100:not(._invalid_1r930_91) {
|
|
2266
2249
|
--ezui-c-checkbox-color-background: var(--ezui-t-color-background-primary);
|
|
2267
2250
|
--ezui-c-checkbox-color-border: var(--ezui-t-color-background-primary);
|
|
2268
2251
|
}
|
|
2269
2252
|
|
|
2270
|
-
.
|
|
2271
|
-
.
|
|
2253
|
+
._indeterminate_1r930_77._invalid_1r930_91,
|
|
2254
|
+
._selected_1r930_100._invalid_1r930_91 {
|
|
2272
2255
|
--ezui-c-checkbox-color-background: var(--ezui-t-color-border-danger);
|
|
2273
2256
|
}
|
|
2274
2257
|
|
|
2275
|
-
.
|
|
2276
|
-
.
|
|
2258
|
+
._indeterminate_1r930_77._disabled_1r930_95,
|
|
2259
|
+
._selected_1r930_100._disabled_1r930_95 {
|
|
2277
2260
|
--ezui-c-checkbox-color-border: var(--ezui-t-color-background-disabled-bolder);
|
|
2278
2261
|
--ezui-c-checkbox-color-background: var(--ezui-t-color-background-disabled-bolder);
|
|
2279
2262
|
}
|
|
2280
2263
|
|
|
2281
|
-
.
|
|
2264
|
+
._hovered_1r930_116:not(._disabled_1r930_95):not(._readOnly_1r930_116) {
|
|
2282
2265
|
--ezui-c-checkbox-color-border: var(--ezui-t-color-background-primary-subtler);
|
|
2283
2266
|
}
|
|
2284
2267
|
|
|
2285
|
-
.
|
|
2286
|
-
.
|
|
2268
|
+
._indeterminate_1r930_77._hovered_1r930_116:not(._disabled_1r930_95):not(._readOnly_1r930_116):not(._invalid_1r930_91),
|
|
2269
|
+
._selected_1r930_100._hovered_1r930_116:not(._disabled_1r930_95):not(._readOnly_1r930_116):not(._invalid_1r930_91) {
|
|
2287
2270
|
--ezui-c-checkbox-color-background: var(--ezui-t-color-background-primary-subtler);
|
|
2288
2271
|
}
|
|
2289
2272
|
|
|
2290
|
-
.
|
|
2273
|
+
._invalid_1r930_91._hovered_1r930_116:not(._disabled_1r930_95):not(._readOnly_1r930_116) {
|
|
2291
2274
|
--ezui-c-checkbox-color-border: var(--ezui-t-color-border-danger-bolder);
|
|
2292
2275
|
}
|
|
2293
2276
|
|
|
2294
|
-
.
|
|
2295
|
-
.
|
|
2277
|
+
._indeterminate_1r930_77._invalid_1r930_91._hovered_1r930_116:not(._disabled_1r930_95):not(._readOnly_1r930_116),
|
|
2278
|
+
._selected_1r930_100._invalid_1r930_91._hovered_1r930_116:not(._disabled_1r930_95):not(._readOnly_1r930_116) {
|
|
2296
2279
|
--ezui-c-checkbox-color-background: var(--ezui-t-color-border-danger-bolder);
|
|
2297
2280
|
}/**
|
|
2298
2281
|
* Do not edit directly
|
|
2299
|
-
* Generated on
|
|
2282
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
2300
2283
|
*/
|
|
2301
|
-
.
|
|
2284
|
+
._RadioGroupItem_1yery_5 {
|
|
2285
|
+
--ezui-c-radio-group-item-size: 16px;
|
|
2286
|
+
--ezui-c-radio-group-item-color: var(--ezui-t-color-border-boldest);
|
|
2302
2287
|
display: inline-flex;
|
|
2303
|
-
|
|
2304
|
-
|
|
2305
|
-
|
|
2306
|
-
|
|
2307
|
-
|
|
2308
|
-
._Tooltip_139vo_5 {
|
|
2309
|
-
--ezui-c-tooltip-arrow-size: 1rem;
|
|
2310
|
-
--ezui-c-tooltip-background: var(--ezui-t-color-surface-overlay);
|
|
2311
|
-
--ezui-c-tooltip-border-radius: var(--ezui-shape-border-radius-md);
|
|
2312
|
-
--ezui-c-tooltip-color: var(--ezui-t-color-text);
|
|
2313
|
-
--ezui-c-tooltip-shadow: var(--ezui-t-shadow-overlay-subdued);
|
|
2314
|
-
background: var(--ezui-c-tooltip-background);
|
|
2315
|
-
border-radius: var(--ezui-c-tooltip-border-radius);
|
|
2316
|
-
color: var(--ezui-c-tooltip-color);
|
|
2288
|
+
}
|
|
2289
|
+
|
|
2290
|
+
._label_1yery_11 {
|
|
2291
|
+
position: relative;
|
|
2292
|
+
z-index: 0;
|
|
2317
2293
|
display: inline-flex;
|
|
2318
|
-
|
|
2319
|
-
|
|
2320
|
-
|
|
2321
|
-
|
|
2294
|
+
}
|
|
2295
|
+
._label_1yery_11 input {
|
|
2296
|
+
position: absolute;
|
|
2297
|
+
top: 0;
|
|
2298
|
+
left: 0;
|
|
2299
|
+
width: 100%;
|
|
2300
|
+
height: 100%;
|
|
2301
|
+
padding: 0;
|
|
2302
|
+
margin: 0;
|
|
2303
|
+
opacity: 0.0001;
|
|
2304
|
+
z-index: 1;
|
|
2322
2305
|
}
|
|
2323
2306
|
|
|
2324
|
-
.
|
|
2307
|
+
._radioOuter_1yery_28,
|
|
2308
|
+
._radioInner_1yery_29 {
|
|
2325
2309
|
display: inline-flex;
|
|
2326
|
-
|
|
2327
|
-
|
|
2310
|
+
align-items: center;
|
|
2311
|
+
justify-content: center;
|
|
2312
|
+
border-radius: 100%;
|
|
2313
|
+
}
|
|
2314
|
+
|
|
2315
|
+
._radioOuter_1yery_28 {
|
|
2316
|
+
margin-top: 4px;
|
|
2317
|
+
flex: 0 0 auto;
|
|
2318
|
+
width: var(--ezui-c-radio-group-item-size);
|
|
2319
|
+
height: var(--ezui-c-radio-group-item-size);
|
|
2320
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-radio-group-item-color);
|
|
2321
|
+
}
|
|
2322
|
+
._focusVisible_1yery_43 ._radioOuter_1yery_28 {
|
|
2323
|
+
outline-width: 2px;
|
|
2324
|
+
outline-style: solid;
|
|
2325
|
+
outline-color: Highlight;
|
|
2326
|
+
outline-offset: 1px;
|
|
2327
|
+
}
|
|
2328
|
+
@media (-webkit-min-device-pixel-ratio: 0) {
|
|
2329
|
+
._focusVisible_1yery_43 ._radioOuter_1yery_28 {
|
|
2330
|
+
outline-color: -webkit-focus-ring-color;
|
|
2331
|
+
outline-style: auto;
|
|
2332
|
+
}
|
|
2328
2333
|
}
|
|
2329
2334
|
|
|
2330
|
-
.
|
|
2331
|
-
|
|
2332
|
-
|
|
2333
|
-
|
|
2334
|
-
|
|
2335
|
-
|
|
2336
|
-
|
|
2335
|
+
._radioInner_1yery_29 {
|
|
2336
|
+
width: calc(var(--ezui-c-radio-group-item-size) * (12 / 16));
|
|
2337
|
+
height: calc(var(--ezui-c-radio-group-item-size) * (12 / 16));
|
|
2338
|
+
background: var(--ezui-c-radio-group-item-color);
|
|
2339
|
+
opacity: 0;
|
|
2340
|
+
}
|
|
2341
|
+
._selected_1yery_62 ._radioInner_1yery_29 {
|
|
2342
|
+
opacity: 1;
|
|
2337
2343
|
}
|
|
2338
2344
|
|
|
2339
|
-
.
|
|
2340
|
-
|
|
2341
|
-
transform: translateX(-50%);
|
|
2345
|
+
._invalid_1yery_66 {
|
|
2346
|
+
--ezui-c-radio-group-item-color: var(--ezui-t-color-border-danger);
|
|
2342
2347
|
}
|
|
2343
2348
|
|
|
2344
|
-
.
|
|
2345
|
-
|
|
2346
|
-
transform: translateY(-50%);
|
|
2349
|
+
._disabled_1yery_70 {
|
|
2350
|
+
--ezui-c-radio-group-item-color: var(--ezui-t-color-border-disabled-subtler);
|
|
2347
2351
|
}
|
|
2348
2352
|
|
|
2349
|
-
.
|
|
2350
|
-
|
|
2351
|
-
border-bottom-color: var(--ezui-c-tooltip-background);
|
|
2353
|
+
._selected_1yery_62:not(._invalid_1yery_66) {
|
|
2354
|
+
--ezui-c-radio-group-item-color: var(--ezui-t-color-background-primary);
|
|
2352
2355
|
}
|
|
2353
2356
|
|
|
2354
|
-
.
|
|
2355
|
-
|
|
2356
|
-
border-top-color: var(--ezui-c-tooltip-background);
|
|
2357
|
+
._selected_1yery_62._disabled_1yery_70 {
|
|
2358
|
+
--ezui-c-radio-group-item-color: var(--ezui-t-color-background-disabled-bolder);
|
|
2357
2359
|
}
|
|
2358
2360
|
|
|
2359
|
-
.
|
|
2360
|
-
|
|
2361
|
-
border-left-color: var(--ezui-c-tooltip-background);
|
|
2361
|
+
._hovered_1yery_82:not(._disabled_1yery_70):not(._readOnly_1yery_82) {
|
|
2362
|
+
--ezui-c-radio-group-item-color: var(--ezui-t-color-background-primary-subtler);
|
|
2362
2363
|
}
|
|
2363
2364
|
|
|
2364
|
-
.
|
|
2365
|
-
|
|
2366
|
-
border-right-color: var(--ezui-c-tooltip-background);
|
|
2365
|
+
._invalid_1yery_66._hovered_1yery_82:not(._disabled_1yery_70):not(._readOnly_1yery_82) {
|
|
2366
|
+
--ezui-c-radio-group-item-color: var(--ezui-t-color-border-danger-bolder);
|
|
2367
2367
|
}/**
|
|
2368
2368
|
* Do not edit directly
|
|
2369
|
-
* Generated on
|
|
2369
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
2370
2370
|
*/
|
|
2371
|
-
.
|
|
2372
|
-
|
|
2371
|
+
._RadioGroup_57hp1_5 {
|
|
2372
|
+
border: none;
|
|
2373
2373
|
margin: 0;
|
|
2374
2374
|
padding: 0;
|
|
2375
|
-
|
|
2376
|
-
|
|
2377
|
-
|
|
2378
|
-
color: inherit;
|
|
2379
|
-
text-decoration: none;
|
|
2380
|
-
border-radius: var(--ezui-shape-border-radius-md);
|
|
2381
|
-
overflow: hidden;
|
|
2375
|
+
display: flex;
|
|
2376
|
+
flex-direction: column;
|
|
2377
|
+
gap: var(--ezui-space-1-5);
|
|
2382
2378
|
}
|
|
2383
2379
|
|
|
2384
|
-
|
|
2385
|
-
|
|
2380
|
+
._list_57hp1_14 {
|
|
2381
|
+
display: inline-flex;
|
|
2382
|
+
flex-direction: column;
|
|
2383
|
+
gap: var(--ezui-space-1);
|
|
2384
|
+
}/**
|
|
2385
|
+
* Do not edit directly
|
|
2386
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
2387
|
+
*/
|
|
2388
|
+
._underlay_b3g9a_5 {
|
|
2389
|
+
position: fixed;
|
|
2390
|
+
inset: 0;
|
|
2386
2391
|
}
|
|
2387
2392
|
|
|
2388
|
-
.
|
|
2389
|
-
--ezui-c-
|
|
2390
|
-
--ezui-c-
|
|
2391
|
-
--ezui-c-
|
|
2392
|
-
--ezui-c-
|
|
2393
|
-
--ezui-c-
|
|
2394
|
-
--ezui-c-
|
|
2395
|
-
padding: var(--ezui-
|
|
2396
|
-
|
|
2393
|
+
._root_b3g9a_10 {
|
|
2394
|
+
--ezui-c-menu-border-radius: var(--ezui-shape-border-radius-md);
|
|
2395
|
+
--ezui-c-menu-color-background: var(--ezui-t-color-surface-overlay);
|
|
2396
|
+
--ezui-c-menu-color-text: var(--ezui-t-color-text);
|
|
2397
|
+
--ezui-c-menu-color-text-disabled: var(--ezui-t-color-text-disabled);
|
|
2398
|
+
--ezui-c-menu-color-background-hovered: var(--ezui-t-color-surface-overlay-hovered);
|
|
2399
|
+
--ezui-c-menu-shadow: var(--ezui-t-shadow-overlay);
|
|
2400
|
+
--ezui-c-menu-padding-x: var(--ezui-space-2);
|
|
2401
|
+
--ezui-c-menu-color-border: var(--ezui-t-color-border);
|
|
2402
|
+
--ezui-c-menu-width-xs: initial;
|
|
2403
|
+
--ezui-c-menu-width-sm: initial;
|
|
2404
|
+
--ezui-c-menu-width-md: initial;
|
|
2405
|
+
--ezui-c-menu-width-lg: initial;
|
|
2406
|
+
--ezui-c-menu-width-xl: initial;
|
|
2407
|
+
--ezui-c-menu-width-xxl: initial;
|
|
2408
|
+
width: var(--ezui-c-menu-width-xs);
|
|
2409
|
+
background: var(--ezui-c-menu-color-background);
|
|
2410
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-menu-color-border);
|
|
2411
|
+
border-radius: var(--ezui-c-menu-border-radius);
|
|
2412
|
+
box-shadow: var(--ezui-c-menu-shadow);
|
|
2413
|
+
display: flex;
|
|
2414
|
+
flex-direction: column;
|
|
2415
|
+
min-width: var(--ezui-c-menu-min-width);
|
|
2397
2416
|
}
|
|
2398
2417
|
@media (min-width: 30em) {
|
|
2399
|
-
.
|
|
2400
|
-
|
|
2418
|
+
._root_b3g9a_10 {
|
|
2419
|
+
width: var(--ezui-c-menu-width-sm, var(--ezui-c-menu-width-xs, initial));
|
|
2401
2420
|
}
|
|
2402
2421
|
}
|
|
2403
2422
|
@media (min-width: 40em) {
|
|
2404
|
-
.
|
|
2405
|
-
|
|
2423
|
+
._root_b3g9a_10 {
|
|
2424
|
+
width: var(--ezui-c-menu-width-md, var(--ezui-c-menu-width-sm, var(--ezui-c-menu-width-xs, initial)));
|
|
2406
2425
|
}
|
|
2407
2426
|
}
|
|
2408
2427
|
@media (min-width: 64em) {
|
|
2409
|
-
.
|
|
2410
|
-
|
|
2428
|
+
._root_b3g9a_10 {
|
|
2429
|
+
width: var(--ezui-c-menu-width-lg, var(--ezui-c-menu-width-md, var(--ezui-c-menu-width-sm, var(--ezui-c-menu-width-xs, initial))));
|
|
2411
2430
|
}
|
|
2412
2431
|
}
|
|
2413
2432
|
@media (min-width: 85em) {
|
|
2414
|
-
.
|
|
2415
|
-
|
|
2433
|
+
._root_b3g9a_10 {
|
|
2434
|
+
width: var(--ezui-c-menu-width-xl, var(--ezui-c-menu-width-lg, var(--ezui-c-menu-width-md, var(--ezui-c-menu-width-sm, var(--ezui-c-menu-width-xs, initial)))));
|
|
2416
2435
|
}
|
|
2417
2436
|
}
|
|
2418
2437
|
@media (min-width: 120em) {
|
|
2419
|
-
.
|
|
2420
|
-
|
|
2438
|
+
._root_b3g9a_10 {
|
|
2439
|
+
width: var(--ezui-c-menu-width-xxl, var(--ezui-c-menu-width-xl, var(--ezui-c-menu-width-lg, var(--ezui-c-menu-width-md, var(--ezui-c-menu-width-sm, var(--ezui-c-menu-width-xs, initial))))));
|
|
2421
2440
|
}
|
|
2422
2441
|
}
|
|
2423
2442
|
|
|
2424
|
-
.
|
|
2425
|
-
|
|
2426
|
-
|
|
2427
|
-
}
|
|
2428
|
-
|
|
2429
|
-
._variantFlagged_1sq6b_59 {
|
|
2430
|
-
border-left-width: 4px;
|
|
2431
|
-
}
|
|
2432
|
-
|
|
2433
|
-
._variantOutlined_1sq6b_58 {
|
|
2434
|
-
--ezui-c-card-color-border: var(--ezui-t-color-border-bolder);
|
|
2435
|
-
}
|
|
2436
|
-
|
|
2437
|
-
._selected_1sq6b_71 {
|
|
2438
|
-
--ezui-c-card-color-border: var(--ezui-t-color-border-selected);
|
|
2439
|
-
}
|
|
2440
|
-
|
|
2441
|
-
._disabled_1sq6b_75 {
|
|
2442
|
-
--ezui-c-card-color-border: var(--ezui-t-color-border-disabled);
|
|
2443
|
-
}
|
|
2444
|
-
|
|
2445
|
-
._statusDanger_1sq6b_79 {
|
|
2446
|
-
--ezui-c-card-color-border: var(--ezui-t-color-border-danger);
|
|
2443
|
+
._menu_b3g9a_60 {
|
|
2444
|
+
overflow: auto;
|
|
2445
|
+
padding: var(--ezui-c-menu-padding-y) 0;
|
|
2447
2446
|
}
|
|
2448
2447
|
|
|
2449
|
-
.
|
|
2450
|
-
|
|
2448
|
+
._menuList_b3g9a_65,
|
|
2449
|
+
._sectionList_b3g9a_66 {
|
|
2450
|
+
margin: 0;
|
|
2451
|
+
padding: 0;
|
|
2452
|
+
list-style-type: none;
|
|
2451
2453
|
}
|
|
2452
2454
|
|
|
2453
|
-
.
|
|
2454
|
-
|
|
2455
|
-
|
|
2456
|
-
|
|
2457
|
-
* Generated on Thu, 22 Jun 2023 02:06:11 GMT
|
|
2458
|
-
*/
|
|
2459
|
-
._Button_1f8mn_5 {
|
|
2460
|
-
display: inline-flex;
|
|
2461
|
-
align-items: center;
|
|
2455
|
+
._itemContent_b3g9a_72,
|
|
2456
|
+
._separator_b3g9a_73 {
|
|
2457
|
+
display: flex;
|
|
2458
|
+
flex-direction: column;
|
|
2462
2459
|
justify-content: center;
|
|
2463
|
-
|
|
2464
|
-
|
|
2465
|
-
}
|
|
2466
|
-
._Button_1f8mn_5:focus {
|
|
2467
|
-
box-shadow: var(--ezui-t-shadow-button);
|
|
2468
|
-
outline: none;
|
|
2469
|
-
}
|
|
2470
|
-
._Button_1f8mn_5:disabled {
|
|
2471
|
-
pointer-events: none;
|
|
2472
|
-
}
|
|
2473
|
-
|
|
2474
|
-
._colorPrimary_1f8mn_20 {
|
|
2475
|
-
--ezui-c-button-filled-font-color: var(--ezui-t-color-text-inverse);
|
|
2476
|
-
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-inverse);
|
|
2477
|
-
--ezui-c-button-resting-color: var(--ezui-t-color-background-primary);
|
|
2478
|
-
--ezui-c-button-hover-focus-color: var(--ezui-t-color-background-primary-hovered);
|
|
2479
|
-
--ezui-c-button-active-color: var(--ezui-t-color-background-primary-pressed);
|
|
2460
|
+
height: var(--ezui-c-menu-item-height);
|
|
2461
|
+
padding: 0 var(--ezui-c-menu-padding-x);
|
|
2480
2462
|
}
|
|
2481
2463
|
|
|
2482
|
-
.
|
|
2483
|
-
|
|
2484
|
-
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-inverse);
|
|
2485
|
-
--ezui-c-button-resting-color: var(--ezui-t-color-background-secondary);
|
|
2486
|
-
--ezui-c-button-hover-focus-color: var(--ezui-t-color-background-secondary-hovered);
|
|
2487
|
-
--ezui-c-button-active-color: var(--ezui-t-color-background-secondary-pressed);
|
|
2464
|
+
._item_b3g9a_72 {
|
|
2465
|
+
text-decoration: none;
|
|
2488
2466
|
}
|
|
2489
2467
|
|
|
2490
|
-
.
|
|
2491
|
-
|
|
2492
|
-
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-success-inverse-pressed);
|
|
2493
|
-
--ezui-c-button-resting-color: var(--ezui-t-color-background-success);
|
|
2494
|
-
--ezui-c-button-hover-focus-color: var(--ezui-t-color-background-success-hovered);
|
|
2495
|
-
--ezui-c-button-active-color: var(--ezui-t-color-background-success-pressed);
|
|
2468
|
+
._itemContent_b3g9a_72 {
|
|
2469
|
+
color: var(--ezui-c-menu-color-text);
|
|
2496
2470
|
}
|
|
2497
2471
|
|
|
2498
|
-
.
|
|
2499
|
-
|
|
2500
|
-
|
|
2501
|
-
--ezui-c-button-resting-color: var(--ezui-t-color-background-danger);
|
|
2502
|
-
--ezui-c-button-hover-focus-color: var(--ezui-t-color-background-danger-hovered);
|
|
2503
|
-
--ezui-c-button-active-color: var(--ezui-t-color-background-danger-pressed);
|
|
2472
|
+
._menu_b3g9a_60,
|
|
2473
|
+
._item_b3g9a_72 {
|
|
2474
|
+
outline: none;
|
|
2504
2475
|
}
|
|
2505
2476
|
|
|
2506
|
-
.
|
|
2507
|
-
|
|
2508
|
-
--ezui-c-button-filled-active-font-color: var(--ezui-t-color-text-inverse);
|
|
2509
|
-
--ezui-c-button-resting-color: var(--ezui-t-color-background-neutral);
|
|
2510
|
-
--ezui-c-button-hover-focus-color: var(--ezui-t-color-background-neutral-hovered);
|
|
2511
|
-
--ezui-c-button-active-color: var(--ezui-t-color-background-neutral-pressed);
|
|
2477
|
+
._item_b3g9a_72:not([data-is-disabled=true]) {
|
|
2478
|
+
cursor: pointer;
|
|
2512
2479
|
}
|
|
2513
2480
|
|
|
2514
|
-
.
|
|
2515
|
-
|
|
2516
|
-
--ezui-c-button-hover-focus-color: var(--ezui-t-color-border-support-hovered);
|
|
2517
|
-
--ezui-c-button-active-color: var(--ezui-t-color-border-support-pressed);
|
|
2481
|
+
._item_b3g9a_72[data-is-focused=true] ._itemContent_b3g9a_72 {
|
|
2482
|
+
background: var(--ezui-c-menu-color-background-hovered);
|
|
2518
2483
|
}
|
|
2519
2484
|
|
|
2520
|
-
.
|
|
2521
|
-
|
|
2522
|
-
|
|
2523
|
-
|
|
2485
|
+
._item_b3g9a_72[data-is-disabled=true] ._itemContent_b3g9a_72 {
|
|
2486
|
+
color: var(--ezui-c-menu-color-text-disabled);
|
|
2487
|
+
cursor: default;
|
|
2488
|
+
font-style: italic;
|
|
2524
2489
|
}
|
|
2525
2490
|
|
|
2526
|
-
.
|
|
2527
|
-
|
|
2528
|
-
|
|
2529
|
-
|
|
2530
|
-
|
|
2531
|
-
|
|
2532
|
-
|
|
2533
|
-
|
|
2534
|
-
|
|
2535
|
-
|
|
2536
|
-
|
|
2537
|
-
|
|
2538
|
-
|
|
2539
|
-
._variantFilled_1f8mn_72:link {
|
|
2540
|
-
text-decoration: none;
|
|
2541
|
-
}
|
|
2542
|
-
._variantFilled_1f8mn_72:not(:disabled):active {
|
|
2543
|
-
color: var(--ezui-c-button-filled-active-font-color);
|
|
2544
|
-
background-color: var(--ezui-c-button-active-color);
|
|
2545
|
-
}
|
|
2546
|
-
._variantFilled_1f8mn_72:not(:disabled):active:focus {
|
|
2547
|
-
box-shadow: none;
|
|
2548
|
-
}
|
|
2549
|
-
._variantFilled_1f8mn_72:hover:not(:disabled):not(:active) {
|
|
2550
|
-
background-color: var(--ezui-c-button-hover-focus-color);
|
|
2491
|
+
._separator_b3g9a_73::after {
|
|
2492
|
+
content: "";
|
|
2493
|
+
height: 0;
|
|
2494
|
+
border: 0 solid var(--ezui-c-menu-color-border);
|
|
2495
|
+
border-top-width: 0.5px;
|
|
2496
|
+
border-bottom-width: 0.5px;
|
|
2497
|
+
}/**
|
|
2498
|
+
* Do not edit directly
|
|
2499
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
2500
|
+
*/
|
|
2501
|
+
._underlay_134q0_5 {
|
|
2502
|
+
position: fixed;
|
|
2503
|
+
inset: 0;
|
|
2551
2504
|
}
|
|
2552
2505
|
|
|
2553
|
-
.
|
|
2554
|
-
|
|
2555
|
-
|
|
2556
|
-
color: var(--ezui-
|
|
2557
|
-
|
|
2558
|
-
|
|
2559
|
-
|
|
2560
|
-
|
|
2561
|
-
|
|
2562
|
-
|
|
2563
|
-
|
|
2564
|
-
|
|
2565
|
-
|
|
2566
|
-
|
|
2567
|
-
|
|
2568
|
-
|
|
2569
|
-
|
|
2570
|
-
|
|
2571
|
-
border: var(--ezui-
|
|
2572
|
-
|
|
2573
|
-
|
|
2574
|
-
|
|
2575
|
-
|
|
2576
|
-
._variantOutlined_1f8mn_99:hover:not(:disabled):not(:active) {
|
|
2577
|
-
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-button-hover-focus-color);
|
|
2578
|
-
color: var(--ezui-c-button-hover-focus-color);
|
|
2506
|
+
._listboxRoot_134q0_10 {
|
|
2507
|
+
--ezui-c-menu-border-radius: var(--ezui-shape-border-radius-md);
|
|
2508
|
+
--ezui-c-menu-color-background: var(--ezui-t-color-surface-overlay);
|
|
2509
|
+
--ezui-c-menu-color-text: var(--ezui-t-color-text);
|
|
2510
|
+
--ezui-c-menu-color-text-disabled: var(--ezui-t-color-text-disabled);
|
|
2511
|
+
--ezui-c-menu-color-background-hovered: var(--ezui-t-color-surface-overlay-hovered);
|
|
2512
|
+
--ezui-c-menu-shadow: var(--ezui-t-shadow-overlay);
|
|
2513
|
+
--ezui-c-menu-padding-x: var(--ezui-space-2);
|
|
2514
|
+
--ezui-c-menu-color-border: var(--ezui-t-color-border);
|
|
2515
|
+
--ezui-c-menu-width-xs: initial;
|
|
2516
|
+
--ezui-c-menu-width-sm: initial;
|
|
2517
|
+
--ezui-c-menu-width-md: initial;
|
|
2518
|
+
--ezui-c-menu-width-lg: initial;
|
|
2519
|
+
--ezui-c-menu-width-xl: initial;
|
|
2520
|
+
--ezui-c-menu-width-xxl: initial;
|
|
2521
|
+
width: var(--ezui-c-menu-width-xs);
|
|
2522
|
+
background: var(--ezui-c-menu-color-background);
|
|
2523
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-menu-color-border);
|
|
2524
|
+
border-radius: var(--ezui-c-menu-border-radius);
|
|
2525
|
+
box-shadow: var(--ezui-c-menu-shadow);
|
|
2526
|
+
display: flex;
|
|
2527
|
+
flex-direction: column;
|
|
2528
|
+
min-width: var(--ezui-c-menu-min-width);
|
|
2579
2529
|
}
|
|
2580
|
-
|
|
2581
|
-
.
|
|
2582
|
-
|
|
2583
|
-
|
|
2584
|
-
border: var(--ezui-shape-border-width-1) solid transparent;
|
|
2585
|
-
text-decoration: underline;
|
|
2530
|
+
@media (min-width: 30em) {
|
|
2531
|
+
._listboxRoot_134q0_10 {
|
|
2532
|
+
width: var(--ezui-c-menu-width-sm, var(--ezui-c-menu-width-xs, initial));
|
|
2533
|
+
}
|
|
2586
2534
|
}
|
|
2587
|
-
|
|
2588
|
-
|
|
2535
|
+
@media (min-width: 40em) {
|
|
2536
|
+
._listboxRoot_134q0_10 {
|
|
2537
|
+
width: var(--ezui-c-menu-width-md, var(--ezui-c-menu-width-sm, var(--ezui-c-menu-width-xs, initial)));
|
|
2538
|
+
}
|
|
2589
2539
|
}
|
|
2590
|
-
|
|
2591
|
-
|
|
2540
|
+
@media (min-width: 64em) {
|
|
2541
|
+
._listboxRoot_134q0_10 {
|
|
2542
|
+
width: var(--ezui-c-menu-width-lg, var(--ezui-c-menu-width-md, var(--ezui-c-menu-width-sm, var(--ezui-c-menu-width-xs, initial))));
|
|
2543
|
+
}
|
|
2592
2544
|
}
|
|
2593
|
-
|
|
2594
|
-
|
|
2545
|
+
@media (min-width: 85em) {
|
|
2546
|
+
._listboxRoot_134q0_10 {
|
|
2547
|
+
width: var(--ezui-c-menu-width-xl, var(--ezui-c-menu-width-lg, var(--ezui-c-menu-width-md, var(--ezui-c-menu-width-sm, var(--ezui-c-menu-width-xs, initial)))));
|
|
2548
|
+
}
|
|
2595
2549
|
}
|
|
2596
|
-
|
|
2597
|
-
|
|
2550
|
+
@media (min-width: 120em) {
|
|
2551
|
+
._listboxRoot_134q0_10 {
|
|
2552
|
+
width: var(--ezui-c-menu-width-xxl, var(--ezui-c-menu-width-xl, var(--ezui-c-menu-width-lg, var(--ezui-c-menu-width-md, var(--ezui-c-menu-width-sm, var(--ezui-c-menu-width-xs, initial))))));
|
|
2553
|
+
}
|
|
2598
2554
|
}
|
|
2599
2555
|
|
|
2600
|
-
.
|
|
2601
|
-
|
|
2602
|
-
padding:
|
|
2603
|
-
var(--ezui-space-1-5) - var(--ezui-shape-border-width-1)
|
|
2604
|
-
) calc(var(--ezui-space-2) - var(--ezui-shape-border-width-1));
|
|
2556
|
+
._listbox_134q0_10 {
|
|
2557
|
+
overflow: auto;
|
|
2558
|
+
padding: var(--ezui-c-menu-padding-y) 0;
|
|
2605
2559
|
}
|
|
2606
2560
|
|
|
2607
|
-
.
|
|
2608
|
-
|
|
2609
|
-
|
|
2610
|
-
|
|
2611
|
-
|
|
2612
|
-
line-height: 1.5rem;
|
|
2561
|
+
._listboxList_134q0_65,
|
|
2562
|
+
._sectionList_134q0_66 {
|
|
2563
|
+
margin: 0;
|
|
2564
|
+
padding: 0;
|
|
2565
|
+
list-style-type: none;
|
|
2613
2566
|
}
|
|
2614
2567
|
|
|
2615
|
-
.
|
|
2616
|
-
|
|
2617
|
-
|
|
2618
|
-
|
|
2619
|
-
|
|
2620
|
-
|
|
2568
|
+
._optionContent_134q0_72,
|
|
2569
|
+
._separator_134q0_73 {
|
|
2570
|
+
display: flex;
|
|
2571
|
+
flex-direction: column;
|
|
2572
|
+
justify-content: center;
|
|
2573
|
+
height: var(--ezui-c-menu-item-height);
|
|
2574
|
+
padding: 0 var(--ezui-c-menu-padding-x);
|
|
2621
2575
|
}
|
|
2622
2576
|
|
|
2623
|
-
.
|
|
2624
|
-
|
|
2577
|
+
._option_134q0_72 {
|
|
2578
|
+
text-decoration: none;
|
|
2625
2579
|
}
|
|
2626
2580
|
|
|
2627
|
-
.
|
|
2628
|
-
|
|
2629
|
-
padding: calc(
|
|
2630
|
-
var(--ezui-space-1) - var(--ezui-shape-border-width-1)
|
|
2631
|
-
);
|
|
2581
|
+
._optionContent_134q0_72 {
|
|
2582
|
+
color: var(--ezui-c-menu-color-text);
|
|
2632
2583
|
}
|
|
2633
2584
|
|
|
2634
|
-
.
|
|
2635
|
-
|
|
2636
|
-
|
|
2585
|
+
._listbox_134q0_10,
|
|
2586
|
+
._option_134q0_72 {
|
|
2587
|
+
outline: none;
|
|
2637
2588
|
}
|
|
2638
2589
|
|
|
2639
|
-
.
|
|
2640
|
-
|
|
2590
|
+
._option_134q0_72:not([data-is-disabled=true]) {
|
|
2591
|
+
cursor: pointer;
|
|
2641
2592
|
}
|
|
2642
2593
|
|
|
2643
|
-
.
|
|
2644
|
-
|
|
2645
|
-
}/**
|
|
2646
|
-
* Do not edit directly
|
|
2647
|
-
* Generated on Thu, 22 Jun 2023 02:06:11 GMT
|
|
2648
|
-
*/
|
|
2649
|
-
._colorSuccess_o7uwl_5 {
|
|
2650
|
-
--ezui-c-banner-color: var(--ezui-t-color-text-success-inverse);
|
|
2651
|
-
--ezui-c-banner-color-background: var(--ezui-t-color-background-success);
|
|
2594
|
+
._option_134q0_72[data-is-focused=true] ._optionContent_134q0_72 {
|
|
2595
|
+
background: var(--ezui-c-menu-color-background-hovered);
|
|
2652
2596
|
}
|
|
2653
2597
|
|
|
2654
|
-
.
|
|
2655
|
-
|
|
2656
|
-
|
|
2598
|
+
._option_134q0_72[data-is-disabled=true] ._optionContent_134q0_72 {
|
|
2599
|
+
color: var(--ezui-c-menu-color-text-disabled);
|
|
2600
|
+
cursor: default;
|
|
2601
|
+
font-style: italic;
|
|
2657
2602
|
}
|
|
2658
2603
|
|
|
2659
|
-
.
|
|
2660
|
-
|
|
2604
|
+
._separator_134q0_73::after {
|
|
2605
|
+
content: "";
|
|
2606
|
+
height: 0;
|
|
2607
|
+
border: 0 solid var(--ezui-c-menu-color-border);
|
|
2608
|
+
border-top-width: 0.5px;
|
|
2609
|
+
border-bottom-width: 0.5px;
|
|
2661
2610
|
}
|
|
2662
2611
|
|
|
2663
|
-
.
|
|
2664
|
-
--ezui-c-
|
|
2612
|
+
._fieldRoot_134q0_116 {
|
|
2613
|
+
--ezui-c-inputfield-border-radius: var(--ezui-shape-border-radius-md);
|
|
2614
|
+
--ezui-c-inputfield-box-shadow: var(--ezui-shadow-input);
|
|
2615
|
+
--ezui-c-inputfield-color-text-resting: var(--ezui-t-color-text);
|
|
2616
|
+
--ezui-c-inputfield-color-text-gray-resting: var(--ezui-t-color-text-gray-resting);
|
|
2617
|
+
--ezui-c-inputfield-color-text-subdued: var(--ezui-t-color-text-subdued);
|
|
2618
|
+
--ezui-c-inputfield-color-text-gray-bold: var(--ezui-t-color-text-gray-bold);
|
|
2619
|
+
--ezui-c-inputfield-color-text-disabled: var(--ezui-t-color-text-disabled);
|
|
2620
|
+
--ezui-c-inputfield-color-text-engaged: var(--ezui-t-color-text-engaged);
|
|
2621
|
+
--ezui-c-inputfield-color-text-danger: var(--ezui-t-color-text-danger);
|
|
2622
|
+
--ezui-c-inputfield-color-border-resting: var(--ezui-t-color-border-resting);
|
|
2623
|
+
--ezui-c-inputfield-color-border-engaged: var(--ezui-t-color-border-engaged);
|
|
2624
|
+
--ezui-c-inputfield-color-border-danger: var(--ezui-t-color-border-danger);
|
|
2625
|
+
--ezui-c-inputfield-color-background: var(--ezui-t-color-background);
|
|
2626
|
+
--ezui-c-inputfield-color-background-disabled: var(--ezui-t-color-background-disabled-subtle);
|
|
2627
|
+
--ezui-c-inputfield-max-height-sm: 32px;
|
|
2628
|
+
--ezui-c-inputfield-z-index: var(--ezui-z-index-input-icon);
|
|
2629
|
+
display: flex;
|
|
2630
|
+
flex-direction: column;
|
|
2665
2631
|
}
|
|
2666
2632
|
|
|
2667
|
-
.
|
|
2668
|
-
|
|
2669
|
-
|
|
2633
|
+
._selectField_134q0_137 {
|
|
2634
|
+
font-family: Poppins, "Poppins Fallback";
|
|
2635
|
+
font-weight: 400;
|
|
2636
|
+
font-size: 0.9375rem;
|
|
2637
|
+
letter-spacing: 0.03125rem;
|
|
2638
|
+
line-height: 1.5rem;
|
|
2639
|
+
--ezui-c-inputfield-min-height-textarea: 48px;
|
|
2640
|
+
--ezui-c-inputfield-icon-input-padding: var(--ezui-space-6);
|
|
2641
|
+
color: var(--ezui-c-inputfield-color-text-resting);
|
|
2642
|
+
background-color: var(--ezui-c-inputfield-color-background);
|
|
2643
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-inputfield-color-border-resting);
|
|
2644
|
+
border-radius: var(--ezui-c-inputfield-border-radius);
|
|
2645
|
+
padding: calc(
|
|
2646
|
+
var(--ezui-space-1-5) - var(--ezui-shape-border-width-1)
|
|
2647
|
+
);
|
|
2648
|
+
outline: none;
|
|
2649
|
+
position: relative;
|
|
2650
|
+
width: 100%;
|
|
2670
2651
|
display: flex;
|
|
2671
|
-
flex-direction: column;
|
|
2672
2652
|
align-items: center;
|
|
2673
|
-
justify-content: center;
|
|
2674
|
-
border-radius: 0;
|
|
2675
|
-
flex-wrap: wrap;
|
|
2676
|
-
white-space: pre-wrap;
|
|
2677
|
-
width: 100%;
|
|
2678
|
-
max-width: var(--ezui-c-banner-max-width);
|
|
2679
|
-
padding: var(--ezui-space-1) var(--ezui-space-2);
|
|
2680
|
-
color: var(--ezui-c-banner-color);
|
|
2681
|
-
background-color: var(--ezui-c-banner-color-background);
|
|
2682
2653
|
}
|
|
2683
|
-
|
|
2684
|
-
|
|
2685
|
-
|
|
2686
|
-
padding: var(--ezui-space-1) var(--ezui-space-3);
|
|
2687
|
-
border-radius: var(--ezui-c-banner-border-radius);
|
|
2688
|
-
}
|
|
2654
|
+
._selectField_134q0_137:focus, ._selectField_134q0_137:active {
|
|
2655
|
+
color: var(--ezui-c-inputfield-color-text-engaged);
|
|
2656
|
+
border-color: var(--ezui-c-inputfield-color-border-engaged);
|
|
2689
2657
|
}
|
|
2690
|
-
|
|
2691
|
-
|
|
2692
|
-
padding: var(--ezui-space-1) var(--ezui-space-4);
|
|
2693
|
-
}
|
|
2694
|
-
}/**
|
|
2695
|
-
* Do not edit directly
|
|
2696
|
-
* Generated on Thu, 22 Jun 2023 02:06:11 GMT
|
|
2697
|
-
*/
|
|
2698
|
-
._root_noufd_5 {
|
|
2699
|
-
font-family: Poppins, "Poppins Fallback";
|
|
2700
|
-
font-weight: 500;
|
|
2701
|
-
font-size: 0.75rem;
|
|
2702
|
-
letter-spacing: 0;
|
|
2703
|
-
line-height: 1rem;
|
|
2704
|
-
border-radius: var(--ezui-shape-border-radius-lg);
|
|
2705
|
-
display: inline-flex;
|
|
2706
|
-
overflow: hidden;
|
|
2658
|
+
._selectField_134q0_137:focus {
|
|
2659
|
+
box-shadow: var(--ezui-c-inputfield-box-shadow);
|
|
2707
2660
|
}
|
|
2708
|
-
|
|
2709
|
-
|
|
2710
|
-
._secondary_noufd_17 {
|
|
2711
|
-
display: inline-flex;
|
|
2712
|
-
padding: var(--ezui-space-0-5);
|
|
2661
|
+
._selectField_134q0_137::placeholder {
|
|
2662
|
+
color: var(--ezui-c-inputfield-color-text-subdued);
|
|
2713
2663
|
}
|
|
2714
|
-
|
|
2715
|
-
|
|
2716
|
-
|
|
2717
|
-
color: var(--ezui-c-badge-primary-color-text);
|
|
2664
|
+
._selectField_134q0_137:disabled {
|
|
2665
|
+
background-color: var(--ezui-c-inputfield-color-background-disabled);
|
|
2666
|
+
color: var(--ezui-c-inputfield-color-text-disabled);
|
|
2718
2667
|
}
|
|
2719
|
-
|
|
2720
|
-
|
|
2721
|
-
background: var(--ezui-c-badge-secondary-color-background);
|
|
2722
|
-
color: var(--ezui-c-badge-secondary-color-text);
|
|
2668
|
+
._selectField_134q0_137:hover {
|
|
2669
|
+
border-color: var(--ezui-c-inputfield-color-border-engaged);
|
|
2723
2670
|
}
|
|
2724
2671
|
|
|
2725
|
-
.
|
|
2726
|
-
|
|
2727
|
-
|
|
2672
|
+
._selectSizeSm_134q0_176 {
|
|
2673
|
+
font-family: Poppins, "Poppins Fallback";
|
|
2674
|
+
font-weight: 400;
|
|
2675
|
+
font-size: 0.8125rem;
|
|
2676
|
+
letter-spacing: 0.015625rem;
|
|
2677
|
+
line-height: 1rem;
|
|
2678
|
+
padding: calc(
|
|
2679
|
+
var(--ezui-space-1) - var(--ezui-shape-border-width-1)
|
|
2680
|
+
) calc(var(--ezui-space-1-5) - var(--ezui-shape-border-width-1));
|
|
2681
|
+
max-height: var(--ezui-c-inputfield-max-height-sm);
|
|
2682
|
+
--ezui-c-inputfield-password-input-padding-right: 0;
|
|
2683
|
+
--ezui-c-inputfield-icon-input-padding: var(--ezui-space-4-5);
|
|
2728
2684
|
}
|
|
2729
2685
|
|
|
2730
|
-
.
|
|
2731
|
-
|
|
2732
|
-
|
|
2733
|
-
|
|
2734
|
-
--ezui-c-
|
|
2686
|
+
._selectSizeLg_134q0_190 {
|
|
2687
|
+
padding: calc(
|
|
2688
|
+
var(--ezui-space-2) - var(--ezui-shape-border-width-1)
|
|
2689
|
+
);
|
|
2690
|
+
--ezui-c-inputfield-min-height-textarea: 56px;
|
|
2691
|
+
--ezui-c-inputfield-password-input-padding-right: 0;
|
|
2735
2692
|
}
|
|
2736
2693
|
|
|
2737
|
-
.
|
|
2738
|
-
|
|
2739
|
-
|
|
2740
|
-
--ezui-c-badge-secondary-color-background: var(--ezui-t-color-background-secondary-subtle);
|
|
2741
|
-
--ezui-c-badge-secondary-color-text: var(--ezui-t-color-text-secondary-inverse-subtle);
|
|
2694
|
+
._selectFieldError_134q0_198 {
|
|
2695
|
+
color: var(--ezui-c-inputfield-color-text-danger);
|
|
2696
|
+
border-color: var(--ezui-c-inputfield-color-border-danger);
|
|
2742
2697
|
}
|
|
2743
|
-
|
|
2744
|
-
|
|
2745
|
-
--ezui-c-badge-primary-color-background: var(--ezui-t-color-background-black-bold);
|
|
2746
|
-
--ezui-c-badge-primary-color-text: var(--ezui-t-color-text-black-inverse-bold);
|
|
2747
|
-
--ezui-c-badge-secondary-color-background: var(--ezui-t-color-background-black-subtle);
|
|
2748
|
-
--ezui-c-badge-secondary-color-text: var(--ezui-t-color-text-black-inverse-subtle);
|
|
2698
|
+
._selectFieldError_134q0_198:focus, ._selectFieldError_134q0_198:active {
|
|
2699
|
+
border-color: var(--ezui-c-inputfield-color-border-danger);
|
|
2749
2700
|
}
|
|
2750
2701
|
|
|
2751
|
-
.
|
|
2752
|
-
|
|
2753
|
-
--ezui-c-badge-primary-color-text: var(--ezui-t-color-text-inverse-inverse-bold);
|
|
2754
|
-
--ezui-c-badge-secondary-color-background: var(--ezui-t-color-background-inverse-subtle);
|
|
2755
|
-
--ezui-c-badge-secondary-color-text: var(--ezui-t-color-text-inverse-inverse-subtle);
|
|
2702
|
+
._selectFieldIconStart_134q0_206 {
|
|
2703
|
+
padding-left: var(--ezui-c-inputfield-icon-input-padding);
|
|
2756
2704
|
}
|
|
2757
2705
|
|
|
2758
|
-
.
|
|
2759
|
-
|
|
2760
|
-
--ezui-c-badge-primary-color-text: var(--ezui-t-color-text-gray-inverse-bold);
|
|
2761
|
-
--ezui-c-badge-secondary-color-background: var(--ezui-t-color-background-gray-subtle);
|
|
2762
|
-
--ezui-c-badge-secondary-color-text: var(--ezui-t-color-text-gray-inverse-subtle);
|
|
2706
|
+
._selectFieldIconEnd_134q0_210 {
|
|
2707
|
+
padding-right: var(--ezui-c-inputfield-icon-input-padding);
|
|
2763
2708
|
}
|
|
2764
2709
|
|
|
2765
|
-
.
|
|
2766
|
-
|
|
2767
|
-
|
|
2768
|
-
|
|
2769
|
-
--ezui-c-badge-secondary-color-text: var(--ezui-t-color-text-success-inverse-subtle);
|
|
2710
|
+
._selectFieldIconContainer_134q0_214 {
|
|
2711
|
+
display: flex;
|
|
2712
|
+
align-items: center;
|
|
2713
|
+
position: relative;
|
|
2770
2714
|
}
|
|
2771
2715
|
|
|
2772
|
-
.
|
|
2773
|
-
|
|
2774
|
-
--ezui-c-badge-primary-color-text: var(--ezui-t-color-text-warning-inverse-bold);
|
|
2775
|
-
--ezui-c-badge-secondary-color-background: var(--ezui-t-color-background-warning-subtle);
|
|
2776
|
-
--ezui-c-badge-secondary-color-text: var(--ezui-t-color-text-warning-inverse-subtle);
|
|
2716
|
+
._selectFieldText_134q0_220 {
|
|
2717
|
+
overflow: hidden;
|
|
2777
2718
|
}
|
|
2778
2719
|
|
|
2779
|
-
.
|
|
2780
|
-
|
|
2781
|
-
--ezui-c-badge-primary-color-text: var(--ezui-t-color-text-danger-inverse-bold);
|
|
2782
|
-
--ezui-c-badge-secondary-color-background: var(--ezui-t-color-background-danger-subtle);
|
|
2783
|
-
--ezui-c-badge-secondary-color-text: var(--ezui-t-color-text-danger-inverse-subtle);
|
|
2720
|
+
._listboxOpen_134q0_224 {
|
|
2721
|
+
border-color: var(--ezui-c-inputfield-color-border-engaged);
|
|
2784
2722
|
}/**
|
|
2785
2723
|
* Do not edit directly
|
|
2786
|
-
* Generated on
|
|
2724
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
2787
2725
|
*/
|
|
2788
|
-
.
|
|
2789
|
-
|
|
2790
|
-
|
|
2791
|
-
|
|
2792
|
-
|
|
2793
|
-
|
|
2794
|
-
|
|
2795
|
-
|
|
2796
|
-
|
|
2797
|
-
|
|
2798
|
-
|
|
2799
|
-
|
|
2800
|
-
|
|
2801
|
-
|
|
2726
|
+
._CodeBlock_1f5ii_5 {
|
|
2727
|
+
display: flex;
|
|
2728
|
+
align-items: center;
|
|
2729
|
+
overflow: auto;
|
|
2730
|
+
}/**
|
|
2731
|
+
* Do not edit directly
|
|
2732
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
2733
|
+
*/
|
|
2734
|
+
._Tooltip_1yly1_5 {
|
|
2735
|
+
--ezui-c-tooltip-arrow-size: 1rem;
|
|
2736
|
+
--ezui-c-tooltip-background: var(--ezui-t-color-surface-overlay);
|
|
2737
|
+
--ezui-c-tooltip-border-radius: var(--ezui-shape-border-radius-md);
|
|
2738
|
+
--ezui-c-tooltip-color: var(--ezui-t-color-text);
|
|
2739
|
+
--ezui-c-tooltip-shadow: var(--ezui-t-shadow-overlay-subdued);
|
|
2740
|
+
background: var(--ezui-c-tooltip-background);
|
|
2741
|
+
border-radius: var(--ezui-c-tooltip-border-radius);
|
|
2742
|
+
color: var(--ezui-c-tooltip-color);
|
|
2743
|
+
display: inline-flex;
|
|
2744
|
+
filter: drop-shadow(var(--ezui-c-tooltip-shadow));
|
|
2745
|
+
max-width: calc(100% - (var(--ezui-c-tooltip-container-padding) * 2));
|
|
2746
|
+
padding: var(--ezui-space-1);
|
|
2747
|
+
will-change: filter;
|
|
2802
2748
|
}
|
|
2803
|
-
|
|
2804
|
-
|
|
2805
|
-
|
|
2806
|
-
|
|
2807
|
-
|
|
2749
|
+
|
|
2750
|
+
._text_1yly1_21 {
|
|
2751
|
+
display: inline-flex;
|
|
2752
|
+
padding: var(--ezui-space-0-5) 0;
|
|
2753
|
+
overflow-wrap: anywhere;
|
|
2808
2754
|
}
|
|
2809
|
-
|
|
2810
|
-
|
|
2811
|
-
|
|
2812
|
-
|
|
2813
|
-
|
|
2755
|
+
|
|
2756
|
+
._arrow_1yly1_27 {
|
|
2757
|
+
display: inline-flex;
|
|
2758
|
+
pointer-events: none;
|
|
2759
|
+
position: absolute;
|
|
2760
|
+
width: 0;
|
|
2761
|
+
height: 0;
|
|
2762
|
+
border: calc(var(--ezui-c-tooltip-arrow-size) / 2) solid transparent;
|
|
2814
2763
|
}
|
|
2815
|
-
|
|
2816
|
-
|
|
2817
|
-
|
|
2818
|
-
|
|
2819
|
-
}
|
|
2764
|
+
|
|
2765
|
+
._top_1yly1_36 ._arrow_1yly1_27,
|
|
2766
|
+
._bottom_1yly1_37 ._arrow_1yly1_27 {
|
|
2767
|
+
transform: translateX(-50%);
|
|
2820
2768
|
}
|
|
2821
|
-
|
|
2822
|
-
|
|
2823
|
-
|
|
2824
|
-
|
|
2825
|
-
}
|
|
2769
|
+
|
|
2770
|
+
._left_1yly1_41 ._arrow_1yly1_27,
|
|
2771
|
+
._right_1yly1_42 ._arrow_1yly1_27 {
|
|
2772
|
+
transform: translateY(-50%);
|
|
2826
2773
|
}
|
|
2827
|
-
|
|
2828
|
-
|
|
2829
|
-
|
|
2830
|
-
|
|
2831
|
-
}
|
|
2774
|
+
|
|
2775
|
+
._bottom_1yly1_37 ._arrow_1yly1_27 {
|
|
2776
|
+
bottom: 100%;
|
|
2777
|
+
border-bottom-color: var(--ezui-c-tooltip-background);
|
|
2832
2778
|
}
|
|
2833
|
-
|
|
2834
|
-
|
|
2779
|
+
|
|
2780
|
+
._top_1yly1_36 ._arrow_1yly1_27 {
|
|
2781
|
+
top: 100%;
|
|
2782
|
+
border-top-color: var(--ezui-c-tooltip-background);
|
|
2835
2783
|
}
|
|
2836
2784
|
|
|
2837
|
-
.
|
|
2838
|
-
|
|
2839
|
-
|
|
2840
|
-
|
|
2841
|
-
|
|
2842
|
-
|
|
2785
|
+
._left_1yly1_41 ._arrow_1yly1_27 {
|
|
2786
|
+
left: 100%;
|
|
2787
|
+
border-left-color: var(--ezui-c-tooltip-background);
|
|
2788
|
+
}
|
|
2789
|
+
|
|
2790
|
+
._right_1yly1_42 ._arrow_1yly1_27 {
|
|
2791
|
+
right: 100%;
|
|
2792
|
+
border-right-color: var(--ezui-c-tooltip-background);
|
|
2843
2793
|
}/**
|
|
2844
2794
|
* Do not edit directly
|
|
2845
|
-
* Generated on
|
|
2795
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
2846
2796
|
*/
|
|
2847
|
-
.
|
|
2797
|
+
._Text_wcfiy_5 {
|
|
2848
2798
|
--ezui-c-text-color: inherit;
|
|
2849
2799
|
margin: 0;
|
|
2850
2800
|
padding: 0;
|
|
@@ -2852,7 +2802,7 @@ button._container_1sq6b_5:not([disabled]) {
|
|
|
2852
2802
|
color: var(--ezui-c-text-color);
|
|
2853
2803
|
}
|
|
2854
2804
|
|
|
2855
|
-
.
|
|
2805
|
+
._heading1_wcfiy_13 {
|
|
2856
2806
|
font-family: Poppins, "Poppins Fallback";
|
|
2857
2807
|
font-weight: 500;
|
|
2858
2808
|
font-size: 2.875rem;
|
|
@@ -2860,7 +2810,7 @@ button._container_1sq6b_5:not([disabled]) {
|
|
|
2860
2810
|
line-height: 3.5rem;
|
|
2861
2811
|
}
|
|
2862
2812
|
@media (min-width: 30em) {
|
|
2863
|
-
.
|
|
2813
|
+
._heading1_wcfiy_13 {
|
|
2864
2814
|
font-family: Poppins, "Poppins Fallback";
|
|
2865
2815
|
font-weight: 500;
|
|
2866
2816
|
font-size: 3.25rem;
|
|
@@ -2869,7 +2819,7 @@ button._container_1sq6b_5:not([disabled]) {
|
|
|
2869
2819
|
}
|
|
2870
2820
|
}
|
|
2871
2821
|
|
|
2872
|
-
.
|
|
2822
|
+
._heading2_wcfiy_30 {
|
|
2873
2823
|
font-family: Poppins, "Poppins Fallback";
|
|
2874
2824
|
font-weight: 400;
|
|
2875
2825
|
font-size: 2.0625rem;
|
|
@@ -2877,7 +2827,7 @@ button._container_1sq6b_5:not([disabled]) {
|
|
|
2877
2827
|
line-height: 2.5rem;
|
|
2878
2828
|
}
|
|
2879
2829
|
@media (min-width: 30em) {
|
|
2880
|
-
.
|
|
2830
|
+
._heading2_wcfiy_30 {
|
|
2881
2831
|
font-family: Poppins, "Poppins Fallback";
|
|
2882
2832
|
font-weight: 500;
|
|
2883
2833
|
font-size: 2.875rem;
|
|
@@ -2886,7 +2836,7 @@ button._container_1sq6b_5:not([disabled]) {
|
|
|
2886
2836
|
}
|
|
2887
2837
|
}
|
|
2888
2838
|
|
|
2889
|
-
.
|
|
2839
|
+
._heading3_wcfiy_47 {
|
|
2890
2840
|
font-family: Poppins, "Poppins Fallback";
|
|
2891
2841
|
font-weight: 400;
|
|
2892
2842
|
font-size: 1.4375rem;
|
|
@@ -2894,7 +2844,7 @@ button._container_1sq6b_5:not([disabled]) {
|
|
|
2894
2844
|
line-height: 2rem;
|
|
2895
2845
|
}
|
|
2896
2846
|
@media (min-width: 30em) {
|
|
2897
|
-
.
|
|
2847
|
+
._heading3_wcfiy_47 {
|
|
2898
2848
|
font-family: Poppins, "Poppins Fallback";
|
|
2899
2849
|
font-weight: 400;
|
|
2900
2850
|
font-size: 2.0625rem;
|
|
@@ -2903,7 +2853,7 @@ button._container_1sq6b_5:not([disabled]) {
|
|
|
2903
2853
|
}
|
|
2904
2854
|
}
|
|
2905
2855
|
|
|
2906
|
-
.
|
|
2856
|
+
._heading4_wcfiy_64 {
|
|
2907
2857
|
font-family: Poppins, "Poppins Fallback";
|
|
2908
2858
|
font-weight: 400;
|
|
2909
2859
|
font-size: 1.4375rem;
|
|
@@ -2911,7 +2861,7 @@ button._container_1sq6b_5:not([disabled]) {
|
|
|
2911
2861
|
line-height: 2rem;
|
|
2912
2862
|
}
|
|
2913
2863
|
|
|
2914
|
-
.
|
|
2864
|
+
._heading5_wcfiy_72 {
|
|
2915
2865
|
font-family: Poppins, "Poppins Fallback";
|
|
2916
2866
|
font-weight: 600;
|
|
2917
2867
|
font-size: 1.1875rem;
|
|
@@ -2919,7 +2869,7 @@ button._container_1sq6b_5:not([disabled]) {
|
|
|
2919
2869
|
line-height: 1.5rem;
|
|
2920
2870
|
}
|
|
2921
2871
|
|
|
2922
|
-
.
|
|
2872
|
+
._subtitle1_wcfiy_80 {
|
|
2923
2873
|
font-family: Poppins, "Poppins Fallback";
|
|
2924
2874
|
font-weight: 600;
|
|
2925
2875
|
font-size: 0.9375rem;
|
|
@@ -2927,7 +2877,7 @@ button._container_1sq6b_5:not([disabled]) {
|
|
|
2927
2877
|
line-height: 1.5rem;
|
|
2928
2878
|
}
|
|
2929
2879
|
|
|
2930
|
-
.
|
|
2880
|
+
._subtitle2_wcfiy_88 {
|
|
2931
2881
|
font-family: Poppins, "Poppins Fallback";
|
|
2932
2882
|
font-weight: 500;
|
|
2933
2883
|
font-size: 0.8125rem;
|
|
@@ -2935,7 +2885,7 @@ button._container_1sq6b_5:not([disabled]) {
|
|
|
2935
2885
|
line-height: 1rem;
|
|
2936
2886
|
}
|
|
2937
2887
|
|
|
2938
|
-
.
|
|
2888
|
+
._body1_wcfiy_96 {
|
|
2939
2889
|
font-family: Poppins, "Poppins Fallback";
|
|
2940
2890
|
font-weight: 400;
|
|
2941
2891
|
font-size: 0.9375rem;
|
|
@@ -2943,7 +2893,7 @@ button._container_1sq6b_5:not([disabled]) {
|
|
|
2943
2893
|
line-height: 1.5rem;
|
|
2944
2894
|
}
|
|
2945
2895
|
|
|
2946
|
-
.
|
|
2896
|
+
._body2_wcfiy_104 {
|
|
2947
2897
|
font-family: Poppins, "Poppins Fallback";
|
|
2948
2898
|
font-weight: 400;
|
|
2949
2899
|
font-size: 0.8125rem;
|
|
@@ -2951,7 +2901,7 @@ button._container_1sq6b_5:not([disabled]) {
|
|
|
2951
2901
|
line-height: 1rem;
|
|
2952
2902
|
}
|
|
2953
2903
|
|
|
2954
|
-
.
|
|
2904
|
+
._caption_wcfiy_112 {
|
|
2955
2905
|
font-family: Poppins, "Poppins Fallback";
|
|
2956
2906
|
font-weight: 400;
|
|
2957
2907
|
font-size: 0.75rem;
|
|
@@ -2959,7 +2909,7 @@ button._container_1sq6b_5:not([disabled]) {
|
|
|
2959
2909
|
line-height: 1rem;
|
|
2960
2910
|
}
|
|
2961
2911
|
|
|
2962
|
-
.
|
|
2912
|
+
._overline_wcfiy_120 {
|
|
2963
2913
|
font-family: Poppins, "Poppins Fallback";
|
|
2964
2914
|
font-weight: 400;
|
|
2965
2915
|
font-size: 0.625rem;
|
|
@@ -2967,7 +2917,7 @@ button._container_1sq6b_5:not([disabled]) {
|
|
|
2967
2917
|
line-height: 1rem;
|
|
2968
2918
|
}
|
|
2969
2919
|
|
|
2970
|
-
.
|
|
2920
|
+
._button_wcfiy_128 {
|
|
2971
2921
|
font-family: Poppins, "Poppins Fallback";
|
|
2972
2922
|
font-weight: 500;
|
|
2973
2923
|
font-size: 0.9375rem;
|
|
@@ -2975,7 +2925,7 @@ button._container_1sq6b_5:not([disabled]) {
|
|
|
2975
2925
|
line-height: 1.5rem;
|
|
2976
2926
|
}
|
|
2977
2927
|
|
|
2978
|
-
._small-
|
|
2928
|
+
._small-button_wcfiy_136 {
|
|
2979
2929
|
font-family: Poppins, "Poppins Fallback";
|
|
2980
2930
|
font-weight: 500;
|
|
2981
2931
|
font-size: 0.75rem;
|
|
@@ -2983,33 +2933,33 @@ button._container_1sq6b_5:not([disabled]) {
|
|
|
2983
2933
|
line-height: 1rem;
|
|
2984
2934
|
}
|
|
2985
2935
|
|
|
2986
|
-
.
|
|
2936
|
+
._normal_wcfiy_144 {
|
|
2987
2937
|
font-weight: var(--ezui-font-weight-normal);
|
|
2988
2938
|
}
|
|
2989
2939
|
|
|
2990
|
-
.
|
|
2940
|
+
._medium_wcfiy_148 {
|
|
2991
2941
|
font-weight: var(--ezui-font-weight-medium);
|
|
2992
2942
|
}
|
|
2993
2943
|
|
|
2994
|
-
.
|
|
2944
|
+
._semibold_wcfiy_152 {
|
|
2995
2945
|
font-weight: var(--ezui-font-weight-semibold);
|
|
2996
2946
|
}
|
|
2997
2947
|
|
|
2998
|
-
.
|
|
2948
|
+
._bold_wcfiy_156 {
|
|
2999
2949
|
font-weight: var(--ezui-font-weight-bold);
|
|
3000
2950
|
}
|
|
3001
2951
|
|
|
3002
|
-
.
|
|
2952
|
+
._truncate_wcfiy_160 {
|
|
3003
2953
|
overflow: hidden;
|
|
3004
2954
|
white-space: nowrap;
|
|
3005
2955
|
text-overflow: ellipsis;
|
|
3006
2956
|
}
|
|
3007
2957
|
|
|
3008
|
-
.
|
|
2958
|
+
._block_wcfiy_166 {
|
|
3009
2959
|
display: block;
|
|
3010
2960
|
}
|
|
3011
2961
|
|
|
3012
|
-
.
|
|
2962
|
+
._visuallyHidden_wcfiy_170 {
|
|
3013
2963
|
position: absolute !important;
|
|
3014
2964
|
top: 0;
|
|
3015
2965
|
width: 1px !important;
|
|
@@ -3022,26 +2972,303 @@ button._container_1sq6b_5:not([disabled]) {
|
|
|
3022
2972
|
white-space: nowrap !important;
|
|
3023
2973
|
}
|
|
3024
2974
|
|
|
3025
|
-
.
|
|
2975
|
+
._start_wcfiy_183 {
|
|
3026
2976
|
text-align: start;
|
|
3027
2977
|
}
|
|
3028
2978
|
|
|
3029
|
-
.
|
|
2979
|
+
._center_wcfiy_187 {
|
|
3030
2980
|
text-align: center;
|
|
3031
2981
|
}
|
|
3032
2982
|
|
|
3033
|
-
.
|
|
2983
|
+
._end_wcfiy_191 {
|
|
3034
2984
|
text-align: end;
|
|
3035
2985
|
}
|
|
3036
2986
|
|
|
3037
|
-
.
|
|
2987
|
+
._justify_wcfiy_195 {
|
|
3038
2988
|
text-align: justify;
|
|
3039
2989
|
}
|
|
3040
2990
|
|
|
3041
|
-
.
|
|
2991
|
+
._break_wcfiy_199 {
|
|
3042
2992
|
overflow-wrap: break-word;
|
|
3043
2993
|
}
|
|
3044
2994
|
|
|
3045
|
-
.
|
|
2995
|
+
._numeric_wcfiy_203 {
|
|
3046
2996
|
font-variant-numeric: tabular-nums lining-nums;
|
|
2997
|
+
}/**
|
|
2998
|
+
* Do not edit directly
|
|
2999
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
3000
|
+
*/
|
|
3001
|
+
._SelectorErrorTooltip_qzv8t_5 {
|
|
3002
|
+
display: inline-flex;
|
|
3003
|
+
color: var(--ezui-t-color-text-danger);
|
|
3004
|
+
}/**
|
|
3005
|
+
* Do not edit directly
|
|
3006
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
3007
|
+
*/
|
|
3008
|
+
._statusPromotional_isx2s_5 {
|
|
3009
|
+
--ezui-c-notification-color: var(--ezui-t-color-text-inverse);
|
|
3010
|
+
--ezui-c-notification-color-background: var(--ezui-t-color-background-primary);
|
|
3011
|
+
}
|
|
3012
|
+
|
|
3013
|
+
._statusSuccess_isx2s_10 {
|
|
3014
|
+
--ezui-c-notification-color: var(--ezui-t-color-text-success-bold);
|
|
3015
|
+
--ezui-c-notification-color-background: var(--ezui-t-color-background-success-subtle);
|
|
3016
|
+
}
|
|
3017
|
+
|
|
3018
|
+
._statusNeutral_isx2s_15 {
|
|
3019
|
+
--ezui-c-notification-color: var(--ezui-t-color-text-secondary-bold);
|
|
3020
|
+
--ezui-c-notification-color-background: var(--ezui-t-color-background-secondary-subtle);
|
|
3021
|
+
}
|
|
3022
|
+
|
|
3023
|
+
._statusWarning_isx2s_20 {
|
|
3024
|
+
--ezui-c-notification-color: var(--ezui-t-color-text-inverse-inverse-bold);
|
|
3025
|
+
--ezui-c-notification-color-background: var(--ezui-t-color-background-warning-subtle);
|
|
3026
|
+
}
|
|
3027
|
+
|
|
3028
|
+
._statusError_isx2s_25 {
|
|
3029
|
+
--ezui-c-notification-color: var(--ezui-t-color-text-danger-bold);
|
|
3030
|
+
--ezui-c-notification-color-background: var(--ezui-t-color-background-danger-subtle);
|
|
3031
|
+
}
|
|
3032
|
+
|
|
3033
|
+
._typeToast_isx2s_30 {
|
|
3034
|
+
display: inline-flex;
|
|
3035
|
+
}
|
|
3036
|
+
|
|
3037
|
+
._typeAlert_isx2s_34 {
|
|
3038
|
+
display: flex;
|
|
3039
|
+
width: 100%;
|
|
3040
|
+
}
|
|
3041
|
+
|
|
3042
|
+
._Notification_isx2s_39 {
|
|
3043
|
+
/* prettier-ignore */
|
|
3044
|
+
--ezui-c-notification-border-radius: var(--ezui-shape-border-radius-base);
|
|
3045
|
+
--ezui-c-notification-max-width: 1200px;
|
|
3046
|
+
align-items: center;
|
|
3047
|
+
justify-content: space-between;
|
|
3048
|
+
margin: auto;
|
|
3049
|
+
padding: var(--ezui-space-1);
|
|
3050
|
+
/* prettier-ignore */
|
|
3051
|
+
border-radius: 0 0 var(--ezui-c-notification-border-radius) var(--ezui-c-notification-border-radius);
|
|
3052
|
+
max-width: var(--ezui-c-notification-max-width);
|
|
3053
|
+
color: var(--ezui-c-notification-color);
|
|
3054
|
+
background-color: var(--ezui-c-notification-color-background);
|
|
3055
|
+
pointer-events: auto;
|
|
3056
|
+
}
|
|
3057
|
+
|
|
3058
|
+
._iconText_isx2s_55 {
|
|
3059
|
+
display: inline-flex;
|
|
3060
|
+
align-items: center;
|
|
3061
|
+
gap: var(--ezui-space-1);
|
|
3062
|
+
}
|
|
3063
|
+
|
|
3064
|
+
._closeButton_isx2s_61 {
|
|
3065
|
+
border: 0;
|
|
3066
|
+
padding: var(--ezui-space-0);
|
|
3067
|
+
/* prettier-ignore */
|
|
3068
|
+
margin: var(--ezui-space-0-5) var(--ezui-space-1) var(--ezui-space-0-5) var(--ezui-space-2);
|
|
3069
|
+
background-color: var(--ezui-c-notification-color-background);
|
|
3070
|
+
color: var(--ezui-c-notification-color-text);
|
|
3071
|
+
cursor: pointer;
|
|
3072
|
+
}
|
|
3073
|
+
|
|
3074
|
+
._region_isx2s_71 {
|
|
3075
|
+
display: flex;
|
|
3076
|
+
align-items: center;
|
|
3077
|
+
justify-content: center;
|
|
3078
|
+
}
|
|
3079
|
+
|
|
3080
|
+
._container_isx2s_77 {
|
|
3081
|
+
/* prettier-ignore */
|
|
3082
|
+
--ezui-c-notification-z-index: var(--ezui-z-index-notification);
|
|
3083
|
+
z-index: var(--ezui-c-notification-z-index);
|
|
3084
|
+
width: 100%;
|
|
3085
|
+
pointer-events: none;
|
|
3086
|
+
}/**
|
|
3087
|
+
* Do not edit directly
|
|
3088
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
3089
|
+
*/
|
|
3090
|
+
._Icon_1i611_5 {
|
|
3091
|
+
--ezui-c-icon-color: currentColor;
|
|
3092
|
+
--ezui-c-icon-size-xs: initial;
|
|
3093
|
+
--ezui-c-icon-size-sm: initial;
|
|
3094
|
+
--ezui-c-icon-size-md: initial;
|
|
3095
|
+
--ezui-c-icon-size-lg: initial;
|
|
3096
|
+
--ezui-c-icon-size-xl: initial;
|
|
3097
|
+
--ezui-c-icon-size-xxl: initial;
|
|
3098
|
+
width: var(--ezui-c-icon-size-xs);
|
|
3099
|
+
height: var(--ezui-c-icon-size-xs);
|
|
3100
|
+
display: block;
|
|
3101
|
+
max-height: 100%;
|
|
3102
|
+
max-width: 100%;
|
|
3103
|
+
margin: auto;
|
|
3104
|
+
}
|
|
3105
|
+
@media (min-width: 30em) {
|
|
3106
|
+
._Icon_1i611_5 {
|
|
3107
|
+
width: var(--ezui-c-icon-size-sm, var(--ezui-c-icon-size-xs, initial));
|
|
3108
|
+
height: var(--ezui-c-icon-size-sm, var(--ezui-c-icon-size-xs, initial));
|
|
3109
|
+
}
|
|
3110
|
+
}
|
|
3111
|
+
@media (min-width: 40em) {
|
|
3112
|
+
._Icon_1i611_5 {
|
|
3113
|
+
width: var(--ezui-c-icon-size-md, var(--ezui-c-icon-size-sm, var(--ezui-c-icon-size-xs, initial)));
|
|
3114
|
+
height: var(--ezui-c-icon-size-md, var(--ezui-c-icon-size-sm, var(--ezui-c-icon-size-xs, initial)));
|
|
3115
|
+
}
|
|
3116
|
+
}
|
|
3117
|
+
@media (min-width: 64em) {
|
|
3118
|
+
._Icon_1i611_5 {
|
|
3119
|
+
width: var(--ezui-c-icon-size-lg, var(--ezui-c-icon-size-md, var(--ezui-c-icon-size-sm, var(--ezui-c-icon-size-xs, initial))));
|
|
3120
|
+
height: var(--ezui-c-icon-size-lg, var(--ezui-c-icon-size-md, var(--ezui-c-icon-size-sm, var(--ezui-c-icon-size-xs, initial))));
|
|
3121
|
+
}
|
|
3122
|
+
}
|
|
3123
|
+
@media (min-width: 85em) {
|
|
3124
|
+
._Icon_1i611_5 {
|
|
3125
|
+
width: var(--ezui-c-icon-size-xl, var(--ezui-c-icon-size-lg, var(--ezui-c-icon-size-md, var(--ezui-c-icon-size-sm, var(--ezui-c-icon-size-xs, initial)))));
|
|
3126
|
+
height: var(--ezui-c-icon-size-xl, var(--ezui-c-icon-size-lg, var(--ezui-c-icon-size-md, var(--ezui-c-icon-size-sm, var(--ezui-c-icon-size-xs, initial)))));
|
|
3127
|
+
}
|
|
3128
|
+
}
|
|
3129
|
+
@media (min-width: 120em) {
|
|
3130
|
+
._Icon_1i611_5 {
|
|
3131
|
+
width: var(--ezui-c-icon-size-xxl, var(--ezui-c-icon-size-xl, var(--ezui-c-icon-size-lg, var(--ezui-c-icon-size-md, var(--ezui-c-icon-size-sm, var(--ezui-c-icon-size-xs, initial))))));
|
|
3132
|
+
height: var(--ezui-c-icon-size-xxl, var(--ezui-c-icon-size-xl, var(--ezui-c-icon-size-lg, var(--ezui-c-icon-size-md, var(--ezui-c-icon-size-sm, var(--ezui-c-icon-size-xs, initial))))));
|
|
3133
|
+
}
|
|
3134
|
+
}
|
|
3135
|
+
._Icon_1i611_5 svg {
|
|
3136
|
+
fill: var(--ezui-c-icon-color);
|
|
3137
|
+
}
|
|
3138
|
+
|
|
3139
|
+
._Svg_1i611_54 {
|
|
3140
|
+
position: relative;
|
|
3141
|
+
display: block;
|
|
3142
|
+
width: 100%;
|
|
3143
|
+
max-width: 100%;
|
|
3144
|
+
max-height: 100%;
|
|
3145
|
+
}/**
|
|
3146
|
+
* Do not edit directly
|
|
3147
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
3148
|
+
*/
|
|
3149
|
+
._HorizontalStack_7gzzs_5 {
|
|
3150
|
+
--ezui-c-horizontal-stack-gap-xs: initial;
|
|
3151
|
+
--ezui-c-horizontal-stack-gap-sm: initial;
|
|
3152
|
+
--ezui-c-horizontal-stack-gap-md: initial;
|
|
3153
|
+
--ezui-c-horizontal-stack-gap-lg: initial;
|
|
3154
|
+
--ezui-c-horizontal-stack-gap-xl: initial;
|
|
3155
|
+
--ezui-c-horizontal-stack-gap-xxl: initial;
|
|
3156
|
+
gap: var(--ezui-c-horizontal-stack-gap-xs);
|
|
3157
|
+
display: var(--ezui-c-horizontal-stack-display);
|
|
3158
|
+
flex-wrap: var(--ezui-c-horizontal-stack-wrap);
|
|
3159
|
+
align-items: var(--ezui-c-horizontal-stack-block-align);
|
|
3160
|
+
justify-content: var(--ezui-c-horizontal-stack-align);
|
|
3161
|
+
}
|
|
3162
|
+
@media (min-width: 30em) {
|
|
3163
|
+
._HorizontalStack_7gzzs_5 {
|
|
3164
|
+
gap: var(--ezui-c-horizontal-stack-gap-sm, var(--ezui-c-horizontal-stack-gap-xs, initial));
|
|
3165
|
+
}
|
|
3166
|
+
}
|
|
3167
|
+
@media (min-width: 40em) {
|
|
3168
|
+
._HorizontalStack_7gzzs_5 {
|
|
3169
|
+
gap: var(--ezui-c-horizontal-stack-gap-md, var(--ezui-c-horizontal-stack-gap-sm, var(--ezui-c-horizontal-stack-gap-xs, initial)));
|
|
3170
|
+
}
|
|
3171
|
+
}
|
|
3172
|
+
@media (min-width: 64em) {
|
|
3173
|
+
._HorizontalStack_7gzzs_5 {
|
|
3174
|
+
gap: var(--ezui-c-horizontal-stack-gap-lg, var(--ezui-c-horizontal-stack-gap-md, var(--ezui-c-horizontal-stack-gap-sm, var(--ezui-c-horizontal-stack-gap-xs, initial))));
|
|
3175
|
+
}
|
|
3176
|
+
}
|
|
3177
|
+
@media (min-width: 85em) {
|
|
3178
|
+
._HorizontalStack_7gzzs_5 {
|
|
3179
|
+
gap: var(--ezui-c-horizontal-stack-gap-xl, var(--ezui-c-horizontal-stack-gap-lg, var(--ezui-c-horizontal-stack-gap-md, var(--ezui-c-horizontal-stack-gap-sm, var(--ezui-c-horizontal-stack-gap-xs, initial)))));
|
|
3180
|
+
}
|
|
3181
|
+
}
|
|
3182
|
+
@media (min-width: 120em) {
|
|
3183
|
+
._HorizontalStack_7gzzs_5 {
|
|
3184
|
+
gap: var(--ezui-c-horizontal-stack-gap-xxl, var(--ezui-c-horizontal-stack-gap-xl, var(--ezui-c-horizontal-stack-gap-lg, var(--ezui-c-horizontal-stack-gap-md, var(--ezui-c-horizontal-stack-gap-sm, var(--ezui-c-horizontal-stack-gap-xs, initial))))));
|
|
3185
|
+
}
|
|
3186
|
+
}/**
|
|
3187
|
+
* Do not edit directly
|
|
3188
|
+
* Generated on Mon, 17 Jul 2023 16:32:42 GMT
|
|
3189
|
+
*/
|
|
3190
|
+
._container_p14mb_5 {
|
|
3191
|
+
appearance: none;
|
|
3192
|
+
margin: 0;
|
|
3193
|
+
padding: 0;
|
|
3194
|
+
background: none;
|
|
3195
|
+
font-size: inherit;
|
|
3196
|
+
line-height: inherit;
|
|
3197
|
+
color: inherit;
|
|
3198
|
+
text-decoration: none;
|
|
3199
|
+
border-radius: var(--ezui-shape-border-radius-md);
|
|
3200
|
+
overflow: hidden;
|
|
3201
|
+
}
|
|
3202
|
+
|
|
3203
|
+
button._container_p14mb_5:not([disabled]) {
|
|
3204
|
+
cursor: pointer;
|
|
3205
|
+
}
|
|
3206
|
+
|
|
3207
|
+
._area_p14mb_22 {
|
|
3208
|
+
--ezui-c-card-area-padding-xs: initial;
|
|
3209
|
+
--ezui-c-card-area-padding-sm: initial;
|
|
3210
|
+
--ezui-c-card-area-padding-md: initial;
|
|
3211
|
+
--ezui-c-card-area-padding-lg: initial;
|
|
3212
|
+
--ezui-c-card-area-padding-xl: initial;
|
|
3213
|
+
--ezui-c-card-area-padding-xxl: initial;
|
|
3214
|
+
padding: var(--ezui-c-card-area-padding-xs);
|
|
3215
|
+
background: var(--ezui-c-card-area-background);
|
|
3216
|
+
}
|
|
3217
|
+
@media (min-width: 30em) {
|
|
3218
|
+
._area_p14mb_22 {
|
|
3219
|
+
padding: var(--ezui-c-card-area-padding-sm, var(--ezui-c-card-area-padding-xs, initial));
|
|
3220
|
+
}
|
|
3221
|
+
}
|
|
3222
|
+
@media (min-width: 40em) {
|
|
3223
|
+
._area_p14mb_22 {
|
|
3224
|
+
padding: var(--ezui-c-card-area-padding-md, var(--ezui-c-card-area-padding-sm, var(--ezui-c-card-area-padding-xs, initial)));
|
|
3225
|
+
}
|
|
3226
|
+
}
|
|
3227
|
+
@media (min-width: 64em) {
|
|
3228
|
+
._area_p14mb_22 {
|
|
3229
|
+
padding: var(--ezui-c-card-area-padding-lg, var(--ezui-c-card-area-padding-md, var(--ezui-c-card-area-padding-sm, var(--ezui-c-card-area-padding-xs, initial))));
|
|
3230
|
+
}
|
|
3231
|
+
}
|
|
3232
|
+
@media (min-width: 85em) {
|
|
3233
|
+
._area_p14mb_22 {
|
|
3234
|
+
padding: var(--ezui-c-card-area-padding-xl, var(--ezui-c-card-area-padding-lg, var(--ezui-c-card-area-padding-md, var(--ezui-c-card-area-padding-sm, var(--ezui-c-card-area-padding-xs, initial)))));
|
|
3235
|
+
}
|
|
3236
|
+
}
|
|
3237
|
+
@media (min-width: 120em) {
|
|
3238
|
+
._area_p14mb_22 {
|
|
3239
|
+
padding: var(--ezui-c-card-area-padding-xxl, var(--ezui-c-card-area-padding-xl, var(--ezui-c-card-area-padding-lg, var(--ezui-c-card-area-padding-md, var(--ezui-c-card-area-padding-sm, var(--ezui-c-card-area-padding-xs, initial))))));
|
|
3240
|
+
}
|
|
3241
|
+
}
|
|
3242
|
+
|
|
3243
|
+
._variantOutlined_p14mb_58,
|
|
3244
|
+
._variantFlagged_p14mb_59 {
|
|
3245
|
+
border: var(--ezui-shape-border-width-1) solid var(--ezui-c-card-color-border);
|
|
3246
|
+
}
|
|
3247
|
+
|
|
3248
|
+
._variantFlagged_p14mb_59 {
|
|
3249
|
+
border-left-width: 4px;
|
|
3250
|
+
}
|
|
3251
|
+
|
|
3252
|
+
._variantOutlined_p14mb_58 {
|
|
3253
|
+
--ezui-c-card-color-border: var(--ezui-t-color-border-bolder);
|
|
3254
|
+
}
|
|
3255
|
+
|
|
3256
|
+
._selected_p14mb_71 {
|
|
3257
|
+
--ezui-c-card-color-border: var(--ezui-t-color-border-selected);
|
|
3258
|
+
}
|
|
3259
|
+
|
|
3260
|
+
._disabled_p14mb_75 {
|
|
3261
|
+
--ezui-c-card-color-border: var(--ezui-t-color-border-disabled);
|
|
3262
|
+
}
|
|
3263
|
+
|
|
3264
|
+
._statusDanger_p14mb_79 {
|
|
3265
|
+
--ezui-c-card-color-border: var(--ezui-t-color-border-danger);
|
|
3266
|
+
}
|
|
3267
|
+
|
|
3268
|
+
._statusWarning_p14mb_83 {
|
|
3269
|
+
--ezui-c-card-color-border: var(--ezui-t-color-border-warning);
|
|
3270
|
+
}
|
|
3271
|
+
|
|
3272
|
+
._statusSuccess_p14mb_87 {
|
|
3273
|
+
--ezui-c-card-color-border: var(--ezui-t-color-border-success);
|
|
3047
3274
|
}
|