@mcf/lib-ui 2.4.32 → 2.4.33

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/dist/main.css CHANGED
@@ -1,209 +1,1275 @@
1
- @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800');:root {
2
- --gray: gray;
3
- --white: white;
4
- --lighter-primary: #EFEAF6; /* lightness(90%)) */
5
- --light-primary: #E3D7F4;
6
- --primary: #5D2CA4;
7
- --dark-primary: #552895; /* shade(10%) */
8
- --primary-dark: #290074;
9
- --generic: #1263CB;
10
- --hover-generic: #00449E;
11
- --secondary: #D6008F;
12
- --dark-secondary: #C10081; /* shade(10%) */
13
- --danger: #CE030D;
14
- --bright-danger: #EB142A;
15
- --dark-danger: #B0030B;
16
- --light-danger: #FFDFDF;
17
- --green: #118159;
18
- --gray-50: #F2F2F2;
19
- --gray-200: #CCCCCC;
20
- --washed-yellow: #fffceb;
21
- }:root {
22
- --borderstyle: 1px solid var(--black-20);
23
- --borderstyle: 1px solid var(--black-20)
24
- }:root input:global(.error) {
25
- /* needs !important here to avoid being overwritten by TypeAhead.scss */
26
- border-color: var(--red) !important;
27
- border-color: var(--red) !important;
28
- }:root {
29
- --font-size-1: 3rem;
30
- --font-size-2: 2.25rem;
31
- --font-size-3: 1.5rem;
32
- --font-size-4: 1.25rem;
33
- --font-size-5: 1rem;
34
- --font-size-6: .875rem;
35
- --font-size-7: .75rem;
36
- --font-size-8: .6rem;
37
- --font-size-2-5: calc(((2.25rem + 1.5rem) / 2));
38
- --font-size-2-5: calc(((var(--font-size-2) + var(--font-size-3)) / 2));
39
- --font-size-3-5: calc(((1.25rem + 1.5rem) / 2));
40
- --font-size-3-5: calc(((var(--font-size-4) + var(--font-size-3)) / 2));
41
- --font-size-4-5: calc(((1.25rem + 1rem) / 2));
42
- --font-size-4-5: calc(((var(--font-size-4) + var(--font-size-5)) / 2));
43
- --font-size-5-5: calc(((1rem + .875rem) / 2));
44
- --font-size-5-5: calc(((var(--font-size-5) + var(--font-size-6)) / 2));
45
- --iconsize: 40px;
46
- --icongap: 0px;
47
- --radio-button-outer-circle: 16px;
48
- --radio-button-inner-circle: 8px;
49
- --input-margin-bottom: 3px;
50
- }* {
51
- font-family: 'Open Sans', sans-serif;
52
- }.mcf-text-display-01,
53
- .mcf-text-display-02,
54
- .mcf-text-display-03,
55
- .mcf-text-display-03-light,
56
- .mcf-text-display-04,
57
- .mcf-text-display-04-reg {
58
- line-height: 1.25;
59
- font-weight: 600;
60
- }.mcf-text-display-03-light {
61
- font-weight: 300;
62
- }.mcf-text-display-04-reg {
63
- font-weight: 400;
64
- }.mcf-text-display-01 {
65
- font-size: 2.25rem;
66
- font-size: var(--font-size-2);
67
- }.mcf-text-display-02 {
68
- font-size: calc(((2.25rem + 1.5rem) / 2));
69
- font-size: var(--font-size-2-5);
70
- }.mcf-text-display-03,
71
- .mcf-text-display-03-light {
72
- font-size: 1.5rem;
73
- font-size: var(--font-size-3);
74
- }.mcf-text-display-04,
75
- .mcf-text-display-04-reg {
76
- font-size: calc(((1.25rem + 1.5rem) / 2));
77
- font-size: var(--font-size-3-5);
78
- }.mcf-text-heading-01,
79
- .mcf-text-heading-02,
80
- .mcf-text-heading-02-bold,
81
- .mcf-text-heading-02-tight,
82
- .mcf-text-heading-03,
83
- .mcf-text-heading-03-bold,
84
- .mcf-text-heading-04,
85
- .mcf-text-heading-04-bold,
86
- .mcf-text-heading-05,
87
- .mcf-text-heading-05-bold,
88
- .mcf-text-heading-06-bold {
89
- line-height: 1.25;
90
- font-weight: 600;
91
- }.mcf-text-heading-02-bold,
92
- .mcf-text-heading-03-bold,
93
- .mcf-text-heading-04-bold,
94
- .mcf-text-heading-05-bold,
95
- .mcf-text-heading-06-bold {
96
- font-weight: 700;
97
- }.mcf-text-heading-02-tight {
98
- line-height: 1;
99
- }.mcf-text-heading-04,
100
- .mcf-text-heading-04-bold,
101
- .mcf-text-heading-05,
102
- .mcf-text-heading-05-bold,
103
- .mcf-text-heading-06-bold {
104
- line-height: 1.5;
105
- }.mcf-text-heading-01 {
106
- font-size: 1.5rem;
107
- font-size: var(--font-size-3);
108
- }.mcf-text-heading-02,
109
- .mcf-text-heading-02-bold,
110
- .mcf-text-heading-02-tight {
111
- font-size: 1.25rem;
112
- font-size: var(--font-size-4);
113
- }.mcf-text-heading-03,
114
- .mcf-text-heading-03-bold {
115
- font-size: calc(((1.25rem + 1rem) / 2));
116
- font-size: var(--font-size-4-5);
117
- }.mcf-text-heading-04,
118
- .mcf-text-heading-04-bold {
119
- font-size: 1rem;
120
- font-size: var(--font-size-5);
121
- }.mcf-text-heading-05,
122
- .mcf-text-heading-05-bold {
123
- font-size: .875rem;
124
- font-size: var(--font-size-6);
125
- }.mcf-text-heading-06-bold {
126
- font-size: .75rem;
127
- font-size: var(--font-size-7);
128
- }.mcf-text-body-01,
129
- .mcf-text-body-01-italic,
130
- .mcf-text-body-01-underline,
131
- .mcf-text-body-02,
132
- .mcf-text-body-02-italic,
133
- .mcf-text-body-02-underline,
134
- .mcf-text-body-03,
135
- .mcf-text-body-03-italic,
136
- .mcf-text-body-03-underline,
137
- .mcf-text-body-03-tight,
138
- .mcf-text-body-04,
139
- .mcf-text-body-04-italic {
140
- font-weight: 400;
141
- line-height: 1.5;
142
- letter-spacing: 0px;
143
- }.mcf-text-body-03-tight {
144
- line-height: 1.25;
145
- }.mcf-text-body-01-italic,
146
- .mcf-text-body-02-italic,
147
- .mcf-text-body-03-italic,
148
- .mcf-text-body-04-italic {
149
- font-style: italic;
150
- }.mcf-text-body-01-underline,
151
- .mcf-text-body-02-underline,
152
- .mcf-text-body-03-underline,
153
- .mcf-text-body-04-underline {
154
- -webkit-text-decoration-line: underline;
155
- text-decoration-line: underline;
156
- }.mcf-text-body-01,
157
- .mcf-text-body-01-italic,
158
- .mcf-text-body-01-underline {
159
- font-size: calc(((1.25rem + 1rem) / 2));
1
+ /* basic button styles */
2
+ ._3OKdKl7jHH8-q7AomaA9CE {
3
+ border-width: 1px;
4
+ border-style: solid;
5
+ outline: none;
6
+ }
7
+ ._3OKdKl7jHH8-q7AomaA9CE:disabled {
8
+ opacity: 0.3;
9
+ cursor: not-allowed;
10
+ }
11
+ ._2WJqAI4BYETEuin5wc5eVn {
12
+ background: var(--primary);
13
+ background: var(--primary);
14
+ border-color: var(--primary);
15
+ border-color: var(--primary);
16
+ color: var(--white);
17
+ color: var(--white);
18
+ font-weight: 600
19
+ }
20
+ ._2WJqAI4BYETEuin5wc5eVn:hover {
21
+ background: var(--dark-primary);
22
+ background: var(--dark-primary);
23
+ }
24
+ ._2WJqAI4BYETEuin5wc5eVn:active {
25
+ -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
26
+ box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
27
+ }
28
+ ._3gAV9ICQV_NRwaeJZccT04 {
29
+ background: var(--secondary);
30
+ background: var(--secondary);
31
+ border-color: var(--secondary);
32
+ border-color: var(--secondary);
33
+ color: var(--white);
34
+ color: var(--white);
35
+ font-weight: 600
36
+ }
37
+ ._3gAV9ICQV_NRwaeJZccT04:hover {
38
+ background: var(--dark-secondary);
39
+ background: var(--dark-secondary);
40
+ }
41
+ ._3gAV9ICQV_NRwaeJZccT04:active {
42
+ -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
43
+ box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
44
+ }
45
+ ._3G6oG5u33dFeHr5nNAwtj4 {
46
+ background: var(--danger);
47
+ background: var(--danger);
48
+ border-color: var(--danger);
49
+ border-color: var(--danger);
50
+ color: var(--white);
51
+ color: var(--white);
52
+ font-weight: 600
53
+ }
54
+ ._3G6oG5u33dFeHr5nNAwtj4:hover {
55
+ background: var(--bright-danger);
56
+ background: var(--bright-danger);
57
+ }
58
+ ._3G6oG5u33dFeHr5nNAwtj4:active {
59
+ -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
60
+ box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
61
+ }
62
+ ._33wPuWOVfi5kRhazFdOLXm {
63
+ background: var(--white);
64
+ background: var(--white);
65
+ border-color: var(--primary);
66
+ border-color: var(--primary);
67
+ border-width: 1.5px;
68
+ color: var(--primary);
69
+ color: var(--primary);
70
+ font-weight: 600
71
+ }
72
+ ._33wPuWOVfi5kRhazFdOLXm:hover {
73
+ background: var(--lighter-primary);
74
+ background: var(--lighter-primary);
75
+ }
76
+ ._33wPuWOVfi5kRhazFdOLXm:active {
77
+ background: var(--light-primary);
78
+ background: var(--light-primary);
79
+ }
80
+
81
+ /* Customize the label */
82
+ ._2rwv3sZWQbAVDjq1Niq0yd {
83
+ display: block;
84
+ cursor: pointer;
85
+ -webkit-user-select: none;
86
+ -moz-user-select: none;
87
+ -ms-user-select: none;
88
+ user-select: none;
89
+ }
90
+ /* Create a custom checkbox */
91
+ ._3NE08Cw1zoY2WD8gzkb_KU {
92
+ margin-top: 1px;
93
+ height: 12px;
94
+ width: 12px;
95
+ border: 2px solid #ccc;
96
+ border-radius: 1px;
97
+ background-color: white;
98
+ cursor: pointer;
99
+ }
100
+ /* When the checkbox is on focus, add a blue border */
101
+ ._1b5w4pKuru_pFmdLM7ObOY input:focus ~ ._3NE08Cw1zoY2WD8gzkb_KU {
102
+ border: 2px solid blue;
103
+ }
104
+ /* When the checkbox is checked, add background color */
105
+ ._1b5w4pKuru_pFmdLM7ObOY input:checked ~ ._3NE08Cw1zoY2WD8gzkb_KU {
106
+ background-color: var(--secondary);
107
+ background-color: var(--secondary);
108
+ border-color: var(--secondary);
109
+ border-color: var(--secondary);
110
+ opacity: 0.7;
111
+ }
112
+ /* Create the checkmark/indicator (hidden when not checked) */
113
+ ._3NE08Cw1zoY2WD8gzkb_KU:after {
114
+ content: "";
115
+ position: absolute;
116
+ display: none;
117
+ }
118
+ /* Show the checkmark when checked */
119
+ ._1b5w4pKuru_pFmdLM7ObOY input:checked ~ ._3NE08Cw1zoY2WD8gzkb_KU:after {
120
+ display: block;
121
+ }
122
+ ._1b5w4pKuru_pFmdLM7ObOY input:disabled ~ ._3NE08Cw1zoY2WD8gzkb_KU {
123
+ cursor: not-allowed;
124
+ background-color: #fff;
125
+ opacity: 0.4;
126
+ }
127
+ /* Style the checkmark/indicator */
128
+ ._3NE08Cw1zoY2WD8gzkb_KU:after {
129
+ position: relative;
130
+ left: 3px;
131
+ width: 3px;
132
+ height: 7px;
133
+ border: solid white;
134
+ border-width: 0 3px 3px 0;
135
+ -webkit-transform: rotate(45deg);
136
+ transform: rotate(45deg);
137
+ }
138
+ ._2rwv3sZWQbAVDjq1Niq0yd.erQ6ohAlYn9FC_Cf0mW7j {
139
+ cursor: not-allowed;
140
+ opacity: 0.4;
141
+ }
142
+ ._3Fqi49KS4XWSJlImOpGiS2{
143
+ opacity: 0.01;
144
+ position: absolute;
145
+ cursor: pointer;
146
+ }
147
+
148
+ ._1i5aGp9rWPFzM4X5YLIuDb{
149
+ width:100%;
150
+ max-width: 500px;
151
+ font-size: 18px;
152
+ }
153
+
154
+
155
+ ._27HW22sla7tMMw9t9SgCDZ {
156
+ /* react-select-plus customization */
157
+ }
158
+
159
+ ._27HW22sla7tMMw9t9SgCDZ .Select-control {
160
+ font-size: var(--font-size-4-5);
161
+ font-size: var(--font-size-4-5);
162
+ border-radius: 0;
163
+ min-height: 50px;
164
+ font-weight: 400;
165
+ border: var(--borderstyle);
166
+ border: var(--borderstyle);
167
+ margin-top: 6px;
168
+ margin-bottom: var(--input-margin-bottom);
169
+ margin-bottom: var(--input-margin-bottom)
170
+ }
171
+
172
+ ._27HW22sla7tMMw9t9SgCDZ .Select-control .Select-placeholder {
173
+ display: -webkit-box;
174
+ display: -ms-flexbox;
175
+ display: flex;
176
+ -webkit-box-align: center;
177
+ -ms-flex-align: center;
178
+ align-items: center;
179
+ }
180
+
181
+ ._27HW22sla7tMMw9t9SgCDZ .Select-control .Select-input > input {
182
+ height: 100%;
183
+ color: var(--black-70);
184
+ color: var(--black-70);
185
+ display: -webkit-box;
186
+ display: -ms-flexbox;
187
+ display: flex;
188
+ -webkit-box-align: center;
189
+ -ms-flex-align: center;
190
+ align-items: center;
191
+ }
192
+
193
+ ._27HW22sla7tMMw9t9SgCDZ .Select-control .Select-input > input::-ms-clear, ._27HW22sla7tMMw9t9SgCDZ .Select-control .Select-input .input::-ms-reveal {
194
+ display: none;
195
+ width: 0;
196
+ height: 0;
197
+ }
198
+
199
+ ._27HW22sla7tMMw9t9SgCDZ .Select-control .Select-multi-value-wrapper {
200
+ height:100%;
201
+ }
202
+
203
+ ._27HW22sla7tMMw9t9SgCDZ .Select-control .Select-value {
204
+ margin-top: 10px;
205
+ }
206
+
207
+ ._27HW22sla7tMMw9t9SgCDZ .Select-option {
208
+ color: var(--black-60);
209
+ color: var(--black-60);
210
+ }
211
+
212
+ ._27HW22sla7tMMw9t9SgCDZ .Select-option.is-focused {
213
+ background: var(--light-primary);
214
+ background: var(--light-primary);
215
+ color: var(--black-80);
216
+ color: var(--black-80);
217
+ }
218
+
219
+ ._27HW22sla7tMMw9t9SgCDZ .Select-option.is-selected {
220
+ background: var(--primary);
221
+ background: var(--primary);
222
+ color: var(--white);
223
+ color: var(--white);
224
+ }
225
+
226
+ ._27HW22sla7tMMw9t9SgCDZ .Select.is-focused.is-open > .Select-control, ._27HW22sla7tMMw9t9SgCDZ .Select.is-focused:not(.is-open) > .Select-control {
227
+ border: 1px solid var(--light-silver);
228
+ border: 1px solid var(--light-silver);
229
+ -webkit-box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.6);
230
+ box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.6)
231
+ }
232
+
233
+ ._27HW22sla7tMMw9t9SgCDZ .Select-arrow {
234
+ border-color: var(--black-60) transparent transparent;
235
+ border-color: var(--black-60) transparent transparent
236
+ }
237
+
238
+ ._27HW22sla7tMMw9t9SgCDZ.error .Select-control {
239
+ border-color: var(--red);
240
+ border-color: var(--red);
241
+ }
242
+
243
+ ._1bQlEF_kdKGO7PjF_U4VbR {
244
+ display: inline-block;
245
+ color: var(--red);
246
+ color: var(--red);
247
+ font-size: medium;
248
+ font-size: initial;
249
+ }
250
+
251
+ ._2u5sxPJsjbB5qQDTFwxR_p {
252
+ position: fixed !important;
253
+ top: -100px;
254
+ -webkit-transform: translateY(100px);
255
+ transform: translateY(100px);
256
+ -webkit-transition: height .3s ease-in-out, -webkit-transform 1s ease-in-out;
257
+ transition: height .3s ease-in-out, -webkit-transform 1s ease-in-out;
258
+ transition: transform 1s ease-in-out, height .3s ease-in-out;
259
+ transition: transform 1s ease-in-out, height .3s ease-in-out, -webkit-transform 1s ease-in-out;
260
+ }
261
+
262
+ ._3TcX59D_14XsgJ-DNJ6Vl7 {
263
+ -webkit-transform: translateY(0);
264
+ transform: translateY(0);
265
+ position: relative;
266
+ }
267
+
268
+ ._1SyYNM3JizvuOBiOqiGfiu {
269
+ font-family: "Open sans", Helvetica, Arial, sans-serif;
270
+ width: 100%;
271
+ resize: none;
272
+ border-color: rgba(0, 0, 0, 0.2);
273
+ margin-top: var(--spacing-small);
274
+ margin-top: var(--spacing-small);
275
+ outline: none
276
+ }
277
+ ._1SyYNM3JizvuOBiOqiGfiu::-webkit-input-placeholder {
278
+ font-family: "Open sans", Helvetica, Arial, sans-serif;
279
+ color: var(--light-silver);
280
+ color: var(--light-silver);
281
+ font-weight:400;
282
+ }
283
+ ._1SyYNM3JizvuOBiOqiGfiu::-moz-placeholder {
284
+ font-family: "Open sans", Helvetica, Arial, sans-serif;
285
+ color: var(--light-silver);
286
+ color: var(--light-silver);
287
+ font-weight:400;
288
+ }
289
+ ._1SyYNM3JizvuOBiOqiGfiu::-ms-input-placeholder {
290
+ font-family: "Open sans", Helvetica, Arial, sans-serif;
291
+ color: var(--light-silver);
292
+ color: var(--light-silver);
293
+ font-weight:400;
294
+ }
295
+ ._1SyYNM3JizvuOBiOqiGfiu::placeholder {
296
+ font-family: "Open sans", Helvetica, Arial, sans-serif;
297
+ color: var(--light-silver);
298
+ color: var(--light-silver);
299
+ font-weight:400;
300
+ }
301
+
302
+ .RvT_BDQG3Lnz66umZEfJu {
303
+ color: var(--black-80);
304
+ color: var(--black-80);
160
305
  font-size: var(--font-size-4-5);
161
- }.mcf-text-body-02,
162
- .mcf-text-body-02-italic,
163
- .mcf-text-body-02-underline {
164
- font-size: 1rem;
165
- font-size: var(--font-size-5);
166
- }.mcf-text-body-03,
167
- .mcf-text-body-03-italic,
168
- .mcf-text-body-03-underline,
169
- .mcf-text-body-03-tight{
170
- font-size: .875rem;
171
- font-size: var(--font-size-6);
172
- }.mcf-text-body-04,
173
- .mcf-text-body-04-italic {
174
- font-size: .75rem;
175
- font-size: var(--font-size-7);
176
- }.mcf-text-field-01 {
177
- font-size: calc(((1.25rem + 1rem) / 2));
178
306
  font-size: var(--font-size-4-5);
307
+ width: 100%;
308
+ outline: none;
309
+ -webkit-box-sizing: border-box;
310
+ box-sizing: border-box;
311
+ cursor: text;
312
+ height: 50px;
313
+ border: var(--borderstyle);
314
+ border: var(--borderstyle);
315
+ margin-top: 6px;
316
+ margin-bottom: var(--input-margin-bottom);
317
+ margin-bottom: var(--input-margin-bottom);
318
+ padding: .5rem;
319
+ display: block
320
+ }
321
+
322
+ .RvT_BDQG3Lnz66umZEfJu::-webkit-input-placeholder {
323
+ color: var(--black-60);
324
+ color: var(--black-60);
325
+ font-weight: 400;
326
+ font-size: var(--font-size-4-5);
327
+ font-size: var(--font-size-4-5);
328
+ }
329
+
330
+ .RvT_BDQG3Lnz66umZEfJu::-moz-placeholder {
331
+ color: var(--black-60);
332
+ color: var(--black-60);
333
+ font-weight: 400;
334
+ font-size: var(--font-size-4-5);
335
+ font-size: var(--font-size-4-5);
336
+ }
337
+
338
+ .RvT_BDQG3Lnz66umZEfJu::-ms-input-placeholder {
339
+ color: var(--black-60);
340
+ color: var(--black-60);
341
+ font-weight: 400;
342
+ font-size: var(--font-size-4-5);
343
+ font-size: var(--font-size-4-5);
344
+ }
345
+
346
+ .RvT_BDQG3Lnz66umZEfJu::placeholder {
347
+ color: var(--black-60);
348
+ color: var(--black-60);
349
+ font-weight: 400;
350
+ font-size: var(--font-size-4-5);
351
+ font-size: var(--font-size-4-5);
352
+ }
353
+
354
+ ._3DCJaN2CQSAjgqlF7l7tYF {
355
+ display: block;
356
+ font-size: var(--font-size-5-5);
357
+ font-size: var(--font-size-5-5);
358
+ font-weight: 400;
359
+ color: var(--red);
360
+ color: var(--red);
361
+ }
362
+
363
+ /* The switch - the box around the slider */
364
+ ._32uGIZDRSYhw5aAhFeOExE {
365
+ position: relative;
366
+ display: inline-block;
367
+ width: 60px;
368
+ height: 34px;
369
+ }
370
+ /* Hide default HTML checkbox */
371
+ ._32uGIZDRSYhw5aAhFeOExE input {display:none;}
372
+ /* The slider */
373
+ ._3da38-c0AC0veXkJ8cboip {
374
+ border-radius: 34px;
375
+ position: absolute;
376
+ cursor: pointer;
377
+ top: 0;
378
+ left: 0;
379
+ right: 0;
380
+ bottom: 0;
381
+ background-color: #ccc;
382
+ -webkit-transition: .4s;
383
+ transition: .4s;
384
+ }
385
+ ._3da38-c0AC0veXkJ8cboip:before {
386
+ border-radius: 50%;
387
+ position: absolute;
388
+ content: "";
389
+ height: 26px;
390
+ width: 26px;
391
+ left: 4px;
392
+ bottom: 4px;
393
+ background-color: white;
394
+ -webkit-transition: .4s;
395
+ transition: .4s;
396
+ }
397
+ input:checked + ._3da38-c0AC0veXkJ8cboip {
398
+ background-color: #2196F3;
399
+ }
400
+ input:focus + ._3da38-c0AC0veXkJ8cboip {
401
+ -webkit-box-shadow: 0 0 1px #2196F3;
402
+ box-shadow: 0 0 1px #2196F3;
403
+ }
404
+ input:checked + ._3da38-c0AC0veXkJ8cboip:before {
405
+ -webkit-transform: translateX(26px);
406
+ transform: translateX(26px);
407
+ }
408
+
409
+
410
+
411
+ .tiP0_LevYAc6bss4jep4K .react-autosuggest__input {
412
+ width: 100%;
413
+ height: 50px;
414
+ padding: 10px;
415
+ line-height: 50px;
416
+ border: none;
417
+ border: var(--borderstyle);
418
+ border: var(--borderstyle);
419
+ font-size: var(--font-size-4-5);
420
+ font-size: var(--font-size-4-5);
421
+ color: var(--black-80);
422
+ color: var(--black-80);
423
+ outline: 0;
424
+ -webkit-appearance: none;
425
+ margin-bottom: var(--input-margin-bottom);
426
+ margin-bottom: var(--input-margin-bottom)
427
+ }
428
+
429
+ .tiP0_LevYAc6bss4jep4K .react-autosuggest__input::-webkit-input-placeholder {
430
+ color: var(--black-60);
431
+ color: var(--black-60);
432
+ font-family: "Open sans", Helvetica, Arial, sans-serif;
433
+ font-weight: 400;
434
+ font-size: var(--font-size-4-5);
435
+ font-size: var(--font-size-4-5);
436
+ }
437
+
438
+ .tiP0_LevYAc6bss4jep4K .react-autosuggest__input::-moz-placeholder {
439
+ color: var(--black-60);
440
+ color: var(--black-60);
441
+ font-family: "Open sans", Helvetica, Arial, sans-serif;
442
+ font-weight: 400;
443
+ font-size: var(--font-size-4-5);
444
+ font-size: var(--font-size-4-5);
445
+ }
446
+
447
+ .tiP0_LevYAc6bss4jep4K .react-autosuggest__input::-ms-input-placeholder {
448
+ color: var(--black-60);
449
+ color: var(--black-60);
450
+ font-family: "Open sans", Helvetica, Arial, sans-serif;
451
+ font-weight: 400;
452
+ font-size: var(--font-size-4-5);
453
+ font-size: var(--font-size-4-5);
454
+ }
455
+
456
+ .tiP0_LevYAc6bss4jep4K .react-autosuggest__input::placeholder {
457
+ color: var(--black-60);
458
+ color: var(--black-60);
459
+ font-family: "Open sans", Helvetica, Arial, sans-serif;
460
+ font-weight: 400;
461
+ font-size: var(--font-size-4-5);
462
+ font-size: var(--font-size-4-5);
463
+ }
464
+
465
+ .tiP0_LevYAc6bss4jep4K .react-autosuggest__input--open {
466
+ border-bottom-left-radius: 0;
467
+ border-bottom-right-radius: 0;
468
+ }
469
+
470
+ .tiP0_LevYAc6bss4jep4K .react-autosuggest__container {
471
+ position: relative;
472
+ }
473
+
474
+ .tiP0_LevYAc6bss4jep4K .react-autosuggest__suggestions-container {
475
+ z-index: 2; /* to be above element using position relative */
476
+ max-height: 180px;
477
+ overflow-y: auto;
478
+ }
479
+
480
+ .tiP0_LevYAc6bss4jep4K .react-autosuggest__suggestions-container--open {
481
+ display: block;
482
+ position: absolute;
483
+ top: 100%;
484
+ left: 1px;
485
+ right: 1px;
486
+ background: var(--white);
487
+ background: var(--white);
488
+ width: auto;
489
+ list-style-type: none;
490
+ -webkit-box-shadow: 0 0 1px 1px var(--moon-gray);
491
+ box-shadow: 0 0 1px 1px var(--moon-gray);
492
+ box-shadow: 0 0 1px 1px var(--moon-gray);
493
+ }
494
+
495
+ .tiP0_LevYAc6bss4jep4K .react-autosuggest__suggestions-list {
496
+ padding: 0;
497
+ margin: 0
498
+ }
499
+
500
+ .tiP0_LevYAc6bss4jep4K .react-autosuggest__suggestions-list li {
501
+ color: var(--black-70);
502
+ color: var(--black-70);
503
+ display: block;
504
+ padding: 12px 10px;
505
+ text-indent: inherit;
506
+ margin: 0;
507
+ cursor: pointer;
508
+ }
509
+
510
+ .tiP0_LevYAc6bss4jep4K .react-autosuggest__suggestion--highlighted {
511
+ background-color: var(--light-primary);
512
+ background-color: var(--light-primary);
513
+ color: var(--black);
514
+ color: var(--black)
515
+ }
516
+
517
+ .tiP0_LevYAc6bss4jep4K .react-autosuggest__suggestion--selected {
518
+ background-color: var(--light-primary);
519
+ background-color: var(--light-primary);
520
+ color: var(--black);
521
+ color: var(--black)
522
+ }
523
+
524
+ .tiP0_LevYAc6bss4jep4K {
525
+
526
+ /* fix IE11 bug showing height = -0.01px issue */
527
+ }
528
+
529
+ .tiP0_LevYAc6bss4jep4K #react-autowhatever-1:empty {
530
+ height: 0;
531
+ }
532
+
533
+ ._1FhuT1K3AehWZKGWlXX9Jq {
534
+ display: block;
535
+ font-size: var(--font-size-5-5);
536
+ font-size: var(--font-size-5-5);
179
537
  font-weight: 400;
180
- line-height: 1.25;
181
- }.mcf-text-button-01,
182
- .mcf-text-button-02,
183
- .mcf-text-button-02-bold {
184
- line-height: 1.25;
185
- font-weight: 600;
186
- }.mcf-text-button-02-bold {
187
- font-weight: 700;
188
- }.mcf-text-button-01 {
189
- font-size: 1rem;
190
- font-size: var(--font-size-5);
191
- }.mcf-text-button-02,
192
- .mcf-text-button-02-bold {
193
- font-size: .875rem;
194
- font-size: var(--font-size-6);
195
- }.mcf-text-pill-01,
196
- .mcf-text-pill-02 {
197
- line-height: 1;
198
- font-weight: 600;
199
- letter-spacing: 0.5px;
200
- text-transform: uppercase;
201
- }.mcf-text-pill-01 {
202
- font-size: .75rem;
203
- font-size: var(--font-size-7);
204
- }.mcf-text-pill-02 {
205
- font-size: .6rem;
206
- font-size: var(--font-size-8);
538
+ color: var(--red);
539
+ color: var(--red);
540
+ }
541
+
542
+
543
+ ._3rUIhcbn_T0frv2sifh_ct {
544
+ position: relative;
545
+ display: inline-block;
546
+ }
547
+
548
+ ._1tvvjpJ8eDZDa99QiKQNhM {
549
+ display: -webkit-box;
550
+ display: -ms-flexbox;
551
+ display: flex;
552
+ -webkit-box-pack: center;
553
+ -ms-flex-pack: center;
554
+ justify-content: center;
555
+ -webkit-box-align: center;
556
+ -ms-flex-align: center;
557
+ align-items: center;
558
+ grid-gap: 8px;
559
+ gap: 8px;
560
+ border-radius: 4px;
561
+ font-size: 16px;
562
+ height: 52px;
563
+ padding: 16px 32px;
564
+ border: none;
565
+ cursor: pointer;
566
+ min-width: 165px;
567
+ }
568
+
569
+ ._1tekloy53PQcy3-85Oarm4 {
570
+ position: absolute;
571
+ background: var(--danger);
572
+ background: var(--danger);
573
+ top: 5px;
574
+ right: 5px;
575
+ padding: 4px 6px;
576
+ display: -webkit-box;
577
+ display: -ms-flexbox;
578
+ display: flex;
579
+ -webkit-box-align: center;
580
+ -ms-flex-align: center;
581
+ align-items: center;
582
+ -webkit-box-pack: center;
583
+ -ms-flex-pack: center;
584
+ justify-content: center;
585
+ }
586
+
587
+ .WqZCAKXE-YIbHJR2RElGn {
588
+ font-size: 14px;
589
+ height: 38px;
590
+ padding: 10px 16px;
591
+ min-width: 119px;
592
+ }
593
+
594
+ ._3EwpxcL2z2X58i98PLOl68 {
595
+ font-size: 14px;
596
+ padding: 12px 16px;
597
+ min-width: 112px;
207
598
  }
208
599
 
600
+ ._1sF26XJITJLH1X00LMkQvS {
601
+ font-size: 16px;
602
+ padding: 14px 16px;
603
+ min-width: 123px;
604
+ }
605
+
606
+ ._1tvvjpJ8eDZDa99QiKQNhM:disabled, .-V7gnkZp7Rv5Zg0RcYWSf:disabled ._2VOIuqLz5xwNDhi3wBU5kt:disabled {
607
+ opacity: 0.3;
608
+ cursor: not-allowed;
609
+ }
610
+
611
+ ._1YWN0FCOC9lbfEWN5UDvs4 {
612
+ border-radius: 19px;
613
+ }
614
+
615
+ ._3uOUr47VUTw3DMmB2TW7Nt {
616
+ background: var(--primary);
617
+ background: var(--primary);
618
+ border-color: var(--primary);
619
+ border-color: var(--primary);
620
+ color: var(--white);
621
+ color: var(--white);
622
+ font-weight: 600
623
+ }
624
+
625
+ ._3uOUr47VUTw3DMmB2TW7Nt:hover {
626
+ background: var(--primary-dark);
627
+ background: var(--primary-dark);
628
+ }
629
+
630
+ ._3uOUr47VUTw3DMmB2TW7Nt:active {
631
+ -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
632
+ box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
633
+ }
634
+
635
+ ._29XavJ3rqh33-UbcuWsDor {
636
+ background: var(--generic);
637
+ background: var(--generic);
638
+ border-color: var(--generic);
639
+ border-color: var(--generic);
640
+ color: var(--white);
641
+ color: var(--white);
642
+ font-weight: 600
643
+ }
644
+
645
+ ._29XavJ3rqh33-UbcuWsDor:hover {
646
+ background: var(--hover-generic);
647
+ background: var(--hover-generic);
648
+ }
649
+
650
+ ._29XavJ3rqh33-UbcuWsDor:active {
651
+ -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
652
+ box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
653
+ }
654
+
655
+ ._3z_-njDN1Q44LHpug5VtX1 {
656
+ background: var(--danger);
657
+ background: var(--danger);
658
+ border-color: var(--danger);
659
+ border-color: var(--danger);
660
+ color: var(--white);
661
+ color: var(--white);
662
+ font-weight: 600
663
+ }
664
+
665
+ ._3z_-njDN1Q44LHpug5VtX1:hover {
666
+ background: var(--dark-danger);
667
+ background: var(--dark-danger);
668
+ }
669
+
670
+ ._3z_-njDN1Q44LHpug5VtX1:active {
671
+ -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
672
+ box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) inset;
673
+ }
674
+
675
+ ._3AoQz9H0hZ-rJUIpx29BXf {
676
+ border: 1px solid;
677
+ background: var(--white);
678
+ background: var(--white);
679
+ border-color: var(--primary);
680
+ border-color: var(--primary);
681
+ color: var(--primary);
682
+ color: var(--primary);
683
+ font-weight: 600
684
+ }
685
+
686
+ ._3AoQz9H0hZ-rJUIpx29BXf:hover {
687
+ background: var(--light-primary);
688
+ background: var(--light-primary);
689
+ }
690
+
691
+ ._3AoQz9H0hZ-rJUIpx29BXf:active {
692
+ -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1) inset;
693
+ box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1) inset;
694
+ }
695
+
696
+ ._20z6MAYck6zyvEnP-4dZ7V {
697
+ border: 1px solid;
698
+ border-color: var(--danger);
699
+ border-color: var(--danger);
700
+ background: var(--white);
701
+ background: var(--white);
702
+ color: var(--danger);
703
+ color: var(--danger)
704
+ }
705
+
706
+ ._20z6MAYck6zyvEnP-4dZ7V:hover {
707
+ background: var(--light-danger);
708
+ background: var(--light-danger);
709
+ }
710
+
711
+ ._20z6MAYck6zyvEnP-4dZ7V:active {
712
+ -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1) inset;
713
+ box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1) inset;
714
+ }
715
+
716
+ .-V7gnkZp7Rv5Zg0RcYWSf {
717
+ border: none;
718
+ background: none;
719
+ color: var(--generic);
720
+ color: var(--generic)
721
+ }
722
+
723
+ .-V7gnkZp7Rv5Zg0RcYWSf:hover {
724
+ color: var(--hover-generic);
725
+ color: var(--hover-generic);
726
+ }
727
+
728
+ ._2VOIuqLz5xwNDhi3wBU5kt {
729
+ padding: 0;
730
+ margin: 0;
731
+ height: 0;
732
+ background: none;
733
+ border: none;
734
+ color: var(--generic);
735
+ color: var(--generic)
736
+ }
209
737
 
738
+ ._2VOIuqLz5xwNDhi3wBU5kt:hover {
739
+ color: var(--hover-generic);
740
+ color: var(--hover-generic);
741
+ }
742
+
743
+ ._3inLNsY075noRAFW5ehtuh {
744
+ background: var(--white);
745
+ background: var(--white);
746
+ border: 1px solid var(--black-20);
747
+ border: 1px solid var(--black-20);
748
+ color: var(--black-80);
749
+ color: var(--black-80)
750
+ }
751
+
752
+ ._3inLNsY075noRAFW5ehtuh:hover {
753
+ background: var(--black-05);
754
+ background: var(--black-05);
755
+ }
756
+
757
+ ._3inLNsY075noRAFW5ehtuh:active {
758
+ background: var(--light-primary);
759
+ background: var(--light-primary);
760
+ border: 1px solid var(--primary);
761
+ border: 1px solid var(--primary)
762
+ }
763
+
764
+ ._3Ea2fJhNzdasHc0qfu_rdm {
765
+ background: var(--light-primary);
766
+ background: var(--light-primary);
767
+ border: 1px solid var(--primary);
768
+ border: 1px solid var(--primary)
769
+ }
770
+
771
+ ._2z9TJcsOW4oQrmrRXOOWnA {
772
+ button:first-child {
773
+ border-radius: 4px 0px 0px 4px;
774
+ }
775
+ button:last-child {
776
+ border-radius: 0px 4px 4px 0px;
777
+ }
778
+ }
779
+ ._1-cDNsP0wUX9X2n45JB7R3 {
780
+ div:first-child {
781
+ button {
782
+ border-radius: 4px 0px 0px 4px;
783
+ }
784
+ }
785
+ div:last-child {
786
+ button {
787
+ border-radius: 0px 4px 4px 0px;
788
+ }
789
+ }
790
+ div {
791
+ button {
792
+ cursor: pointer;
793
+ }
794
+ }
795
+ }
796
+ .bDmgC0U0CCP1igYFHbAGY {
797
+ display: -webkit-box;
798
+ display: -ms-flexbox;
799
+ display: flex;
800
+ -webkit-box-align: center;
801
+ -ms-flex-align: center;
802
+ align-items: center;
803
+ }
804
+
805
+ ._2A3fdWKtaQnnL8elvBJBCX {
806
+ padding-bottom: 12px;
807
+ }
808
+
809
+ ._3zHknBRV6n1lZFzthOk2F- {
810
+ display: -webkit-box;
811
+ display: -ms-flexbox;
812
+ display: flex;
813
+ -webkit-box-align: center;
814
+ -ms-flex-align: center;
815
+ align-items: center;
816
+ }
817
+
818
+ ._1YPJ6fhrY2wd7lDJHMdlSw {
819
+ display: -webkit-box;
820
+ display: -ms-flexbox;
821
+ display: flex;
822
+ -webkit-box-align: baseline;
823
+ -ms-flex-align: baseline;
824
+ align-items: baseline;
825
+ }
826
+
827
+ ._1ZXPlym1AT3kGfsv4gmtdl {
828
+ padding-left: 24px;
829
+ }
830
+
831
+ input[type=checkbox][readonly] {
832
+ display: none;
833
+ }
834
+
835
+ input[type=checkbox] {
836
+ width: 16px;
837
+ height: 16px;
838
+ accent-color: var(--generic);
839
+ accent-color: var(--generic);
840
+ -ms-flex-negative: 0;
841
+ flex-shrink: 0;
842
+ }
843
+
844
+ input[type=checkbox]:indeterminate::before {
845
+ content: "";
846
+ display: block;
847
+ color: white;
848
+ width: 16px;
849
+ height: 16px;
850
+ background-color: var(--generic);
851
+ background-color: var(--generic);
852
+ border-radius: 2px;
853
+ }
854
+
855
+ input[type=checkbox]:indeterminate::after {
856
+ content: "";
857
+ display: block;
858
+ width: 10px;
859
+ height: 10px;
860
+ border: solid var(--white);
861
+ border: solid var(--white);
862
+ border-width: 3px 0 0 0;
863
+ position: relative;
864
+ bottom: 9px;
865
+ left: 3px;
866
+ }
867
+
868
+ .nOhe69VPjAIKuMKmW9YIi {
869
+ margin-left: 8px;
870
+ color: rgba(0, 0, 0, 0.80);
871
+ color: var(--black-black-40, rgba(0, 0, 0, 0.80));
872
+ display: -webkit-inline-box;
873
+ display: -ms-inline-flexbox;
874
+ display: inline-flex;
875
+ word-wrap: break-word;
876
+ }
877
+
878
+ ._1qVK2oLa8N8mwbqjXG-Gkb {
879
+ padding-left: 24px;
880
+ margin-left: 0px;
881
+ }
882
+
883
+ .wws0bMzNGEDnkn0zYu8W1 {
884
+ padding-left: 24px;
885
+ padding-top: 4px;
886
+ color: rgba(0, 0, 0, 0.80);
887
+ color: var(--black-black-40, rgba(0, 0, 0, 0.80));
888
+ word-wrap: break-word;
889
+ }
890
+
891
+ ._3ymOYE_FKCoaHw_hlLk09E {
892
+ color: rgba(0, 0, 0, 0.40);
893
+ color: var(--black-black-40, rgba(0, 0, 0, 0.40));
894
+ }
895
+
896
+ ._1RA7QeZxLKvxUFWTt26jmr {
897
+ padding-left: 24px;
898
+ padding-top: 4px;
899
+ color: rgba(0, 0, 0, 0.80);
900
+ color: var(--black-black-80, rgba(0, 0, 0, 0.80));
901
+ }
902
+
903
+ ._3IwZug-pS7vJFb7h6EUJou {
904
+ display: -webkit-box;
905
+ display: -ms-flexbox;
906
+ display: flex;
907
+ -webkit-box-align: center;
908
+ -ms-flex-align: center;
909
+ align-items: center;
910
+ color: var(--danger);
911
+ color: var(--danger);
912
+ padding-top: 4px;
913
+ }
914
+
915
+ .YBxO1gXlhaur3xQASRSSa {
916
+ margin-right: 8px;
917
+ color: var(--danger);
918
+ color: var(--danger);
919
+ -ms-flex-negative: 0;
920
+ flex-shrink: 0;
921
+ }
922
+
923
+ ._1p-BBycqkq_9hFjDDYPBDm {
924
+ cursor: pointer;
925
+ }
926
+ ._3fTC772QlgBLo_MKX_o9H2 {
927
+ display: -webkit-box;
928
+ display: -ms-flexbox;
929
+ display: flex;
930
+ padding-bottom: 4px
931
+ }
932
+
933
+ ._7GqGFkGpdCbTDkshJZQVB {
934
+ display:list-item;
935
+ list-style-type: none;
936
+ }
937
+
938
+ ._3o__BOJEufC3FvXzzaPc6P {
939
+ padding-right: 24px;
940
+ }
941
+
942
+ .xJSAx3FV6pG9dALqoZ0Pn {
943
+ padding-bottom: 4px;
944
+ }
945
+
946
+ .QmSESxFXquiBVokWmMwPp {
947
+ padding-bottom: 4px
948
+ }
949
+
950
+ ._2Bl2gdvgrIEakbGwktXzzP {
951
+ color: rgba(0, 0, 0, 0.60);
952
+ color: var(--black-black-60, rgba(0, 0, 0, 0.60));
953
+ margin-bottom: 4px
954
+ }
955
+
956
+ ._1DggCP75YWyoHYckeZaHXV {
957
+ margin-bottom: 8px;
958
+ }
959
+
960
+ ._2dF1eLaLH1mAzpRI8hQUkh {
961
+ display: -webkit-box;
962
+ display: -ms-flexbox;
963
+ display: flex;
964
+ -webkit-box-align: center;
965
+ -ms-flex-align: center;
966
+ align-items: center;
967
+ color: var(--danger);
968
+ color: var(--danger);
969
+ padding-top: 4px;
970
+ }
971
+
972
+ ._1s-sNyLToB3E3nviPz6XNO {
973
+ margin-right: 8px;
974
+ -ms-flex-negative: 0;
975
+ flex-shrink: 0;
976
+ }
977
+
978
+ ._2kq0XfpXHD-uaqebrTDFIF {
979
+ padding-left: 24px;
980
+ }
981
+ ._3L3EnDicSCV6D1BpqJjMBK {
982
+ padding: 16px;
983
+ top: 0;
984
+ }
985
+
986
+ .RhPAA8SZ1zg2K4DM_Z3fi {
987
+ margin-left: auto;
988
+ padding-left: 12px;
989
+ cursor: pointer;
990
+ }
991
+
992
+ ._1IUV2SVtVlivn7A690WVEl {
993
+ position: fixed;
994
+ top: 0;
995
+ left: 0;
996
+ width: 100%;
997
+ height: 100%;
998
+ background-color: var(--black-40);
999
+ background-color: var(--black-40);
1000
+ display: -webkit-box;
1001
+ display: -ms-flexbox;
1002
+ display: flex;
1003
+ -webkit-box-pack: center;
1004
+ -ms-flex-pack: center;
1005
+ justify-content: center;
1006
+ -webkit-box-align: center;
1007
+ -ms-flex-align: center;
1008
+ align-items: center;
1009
+ }
1010
+
1011
+ .ioJ3_Ci4N4yj1bSrZTCtF {
1012
+ background-color: var(--white);
1013
+ background-color: var(--white);
1014
+ border-bottom: 1px solid var(--black-10);
1015
+ border-bottom: 1px solid var(--black-10);
1016
+ padding: 1.5rem;
1017
+ display: -webkit-box;
1018
+ display: -ms-flexbox;
1019
+ display: flex;
1020
+ -webkit-box-orient: vertical;
1021
+ -webkit-box-direction: normal;
1022
+ -ms-flex-direction: column;
1023
+ flex-direction: column;
1024
+ grid-gap: 1.5rem;
1025
+ gap: 1.5rem;
1026
+ max-width: 640px;
1027
+ }
1028
+
1029
+ ._1a9og6EqKVm6WSyZl2Hn6L {
1030
+ display: -webkit-box;
1031
+ display: -ms-flexbox;
1032
+ display: flex;
1033
+ -webkit-box-pack: justify;
1034
+ -ms-flex-pack: justify;
1035
+ justify-content: space-between;
1036
+ -webkit-box-align: center;
1037
+ -ms-flex-align: center;
1038
+ align-items: center;
1039
+ color: var(--black-80);
1040
+ color: var(--black-80);
1041
+ grid-gap: 1.5rem;
1042
+ gap: 1.5rem;
1043
+ }
1044
+
1045
+ ._9BkB5nUMnNb3w6oj1noJH {
1046
+ stroke: var(--black-60);
1047
+ stroke: var(--black-60);
1048
+ cursor: pointer;
1049
+ }
1050
+
1051
+ ._2JQ0REvlq0BR_6x6-RLP-3, .TJO1SajAZRfwUAQxQZzVJ {
1052
+ margin-top: 1.5rem
1053
+ }
1054
+
1055
+ ._2JQ0REvlq0BR_6x6-RLP-3 > *, .TJO1SajAZRfwUAQxQZzVJ > * {
1056
+ -webkit-box-flex: 1;
1057
+ -ms-flex: 1;
1058
+ flex: 1;
1059
+ }
1060
+
1061
+ .TJO1SajAZRfwUAQxQZzVJ {
1062
+ display: -webkit-box;
1063
+ display: -ms-flexbox;
1064
+ display: flex;
1065
+ grid-gap: 1rem;
1066
+ gap: 1rem;
1067
+ }
1068
+
1069
+ ._2tyW0jFUzXBqki_4H92ebb {
1070
+ color: var(--black-60);
1071
+ color: var(--black-60);
1072
+ padding: 1rem 2rem;
1073
+ cursor: pointer;
1074
+ }
1075
+
1076
+ ._3LQNgcWlqvjN4RrLUy-7t1 {
1077
+ color: var(--primary);
1078
+ color: var(--primary);
1079
+ border-bottom: 1px solid var(--primary);
1080
+ border-bottom: 1px solid var(--primary);
1081
+ cursor: default;
1082
+ }
1083
+
1084
+ ._2QjM7hPX5Y7a5L9GAE-7F2 {
1085
+ position: -webkit-sticky;
1086
+ position: sticky;
1087
+ top: 0;
1088
+ background: var(--white);
1089
+ background: var(--white);
1090
+ }
1091
+
1092
+ ._3qnJfgZC_2gTTqt2FHd-9C {
1093
+ display: -webkit-box;
1094
+ display: -ms-flexbox;
1095
+ display: flex;
1096
+ -webkit-box-orient: vertical;
1097
+ -webkit-box-direction: normal;
1098
+ -ms-flex-direction: column;
1099
+ flex-direction: column;
1100
+ -webkit-box-align: start;
1101
+ -ms-flex-align: start;
1102
+ align-items: flex-start;
1103
+ grid-gap: 0.25rem;
1104
+ gap: 0.25rem;
1105
+ }
1106
+
1107
+ ._3yf9UBL_lZHuNSCVmLsjnk {
1108
+ position: relative;
1109
+ width: 100%;
1110
+ }
1111
+
1112
+ ._2OcH70BslNDT8MzpwB-Zcd {
1113
+ display: -webkit-box;
1114
+ display: -ms-flexbox;
1115
+ display: flex;
1116
+ -webkit-box-align: center;
1117
+ -ms-flex-align: center;
1118
+ align-items: center;
1119
+ color: var(--danger);
1120
+ color: var(--danger);
1121
+ }
1122
+
1123
+ ._17hvc29iMio7gsFX-kS0XB {
1124
+ margin-right: .5rem;
1125
+ color: var(--danger);
1126
+ color: var(--danger);
1127
+ -ms-flex-negative: 0;
1128
+ flex-shrink: 0;
1129
+ }
1130
+
1131
+ ._2XW5uLA9MvkzgMchx95HZP {
1132
+ display: -webkit-box;
1133
+ display: -ms-flexbox;
1134
+ display: flex;
1135
+ border: var(--borderstyle);
1136
+ border: var(--borderstyle);
1137
+ -webkit-box-align: center;
1138
+ -ms-flex-align: center;
1139
+ align-items: center;
1140
+ border-radius: 4px;
1141
+ height: 52px;
1142
+ width: 100%;
1143
+ outline: none;
1144
+ -webkit-box-sizing: border-box;
1145
+ box-sizing: border-box;
1146
+ cursor: text;
1147
+ padding: .5rem;
1148
+ padding: 14px 16px;
1149
+ -ms-flex-item-align: stretch;
1150
+ align-self: stretch
1151
+ }
1152
+
1153
+ ._2XW5uLA9MvkzgMchx95HZP::-webkit-input-placeholder {
1154
+ color: var(--black-60);
1155
+ color: var(--black-60);
1156
+ }
1157
+
1158
+ ._2XW5uLA9MvkzgMchx95HZP::-moz-placeholder {
1159
+ color: var(--black-60);
1160
+ color: var(--black-60);
1161
+ }
1162
+
1163
+ ._2XW5uLA9MvkzgMchx95HZP::-ms-input-placeholder {
1164
+ color: var(--black-60);
1165
+ color: var(--black-60);
1166
+ }
1167
+
1168
+ ._2XW5uLA9MvkzgMchx95HZP::placeholder {
1169
+ color: var(--black-60);
1170
+ color: var(--black-60);
1171
+ }
1172
+
1173
+ ._2XW5uLA9MvkzgMchx95HZP:focus {
1174
+ border-color: #1263CB;
1175
+ -webkit-box-shadow: 0px 0px 2px 0px rgba(18, 99, 203, 0.20);
1176
+ box-shadow: 0px 0px 2px 0px rgba(18, 99, 203, 0.20);
1177
+ }
1178
+
1179
+ ._3leBQPy96g3Id0K52pQZnq,
1180
+ ._3leBQPy96g3Id0K52pQZnq:focus {
1181
+ border-color: var(--danger);
1182
+ border-color: var(--danger);
1183
+ }
1184
+
1185
+ ._29ubSpiLP2S8_uI5Jvnjk5 {
1186
+ background: var(--gray-50);
1187
+ background: var(--gray-50);
1188
+ }
1189
+
1190
+ ._2TMf9Ix4iyP3AsqGd8KIMi {
1191
+ position: absolute;
1192
+ right: 0px;
1193
+ top: 25%;
1194
+ background: none;
1195
+ border: none;
1196
+ cursor: pointer;
1197
+ }
1198
+
1199
+ ._3quRz8YfuozK5PL3np689M {
1200
+ min-width: 100%;
1201
+ }
1202
+
1203
+ ._3U4AS1u3HPWd2zApsmb__n {
1204
+ height: auto;
1205
+ color: var(--blue);
1206
+ color: var(--blue);
1207
+ grid-gap: 4px;
1208
+ gap: 4px;
1209
+ padding: 0;
1210
+ margin-left: auto
1211
+ }
1212
+
1213
+ ._3U4AS1u3HPWd2zApsmb__n span {
1214
+ font-weight: 400;
1215
+ }
1216
+
1217
+ ._1e-Rmk7mHCz3kG0xbKBPao {
1218
+ width: 204px;
1219
+ }
1220
+
1221
+ ._2GoqqmX5QAsc8AnHXjkegY {
1222
+ border: none;
1223
+ border-left: solid var(--black-10) 2px;
1224
+ border-left: solid var(--black-10) 2px;
1225
+ padding: 12px 16px;
1226
+ min-height: 45px;
1227
+ background: var(--white);
1228
+ background: var(--white);
1229
+ text-align: left;
1230
+ cursor: pointer
1231
+ }
1232
+
1233
+ ._2GoqqmX5QAsc8AnHXjkegY:before {
1234
+ margin-left: 24px;
1235
+ }
1236
+
1237
+ ._2GoqqmX5QAsc8AnHXjkegY:hover {
1238
+ background: rgba(0, 0, 0, 0.05);
1239
+ background: var(--black-black-05, rgba(0, 0, 0, 0.05));
1240
+
1241
+ }
1242
+
1243
+ ._1a_Cjq5KyzNNHV8pPy3yzR {
1244
+ font-style: bold;
1245
+ color: var(--primary);
1246
+ color: var(--primary);
1247
+ border-left: solid var(--primary) 2px;
1248
+ border-left: solid var(--primary) 2px;
1249
+ }
1250
+
1251
+ ._117N4Oik57T19beaJSp7lW {
1252
+ background-color: var(--black-05);
1253
+ background-color: var(--black-05);
1254
+ }
1255
+ ._1q0u7uJG5BgRDSJUXBBmsj {
1256
+ display: -webkit-box;
1257
+ display: -ms-flexbox;
1258
+ display: flex;
1259
+ -webkit-box-orient: vertical;
1260
+ -webkit-box-direction: normal;
1261
+ -ms-flex-direction: column;
1262
+ flex-direction: column;
1263
+ }
1264
+
1265
+ ._3_Q8fHT1WHC6EojAADtfh- {
1266
+ color: var(--danger);
1267
+ color: var(--danger);
1268
+ margin: 0;
1269
+ display: -webkit-box;
1270
+ display: -ms-flexbox;
1271
+ display: flex;
1272
+ -webkit-box-align: center;
1273
+ -ms-flex-align: center;
1274
+ align-items: center;
1275
+ }