@simplybusiness/theme-simplybusiness 0.2.1 → 0.4.0
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/CHANGELOG.md +32 -0
- package/dist/index.css +58 -1183
- package/package.json +5 -5
- package/src/index.css +8 -0
package/dist/index.css
CHANGED
|
@@ -26,15 +26,12 @@
|
|
|
26
26
|
.mobius-accordion__content.--is-open{
|
|
27
27
|
overflow:visible;
|
|
28
28
|
opacity:1;
|
|
29
|
-
margin-top:8px;
|
|
30
29
|
margin-top:var(--size-xs);
|
|
31
30
|
}
|
|
32
31
|
.mobius-accordion__link{
|
|
33
32
|
display:flex;
|
|
34
33
|
align-items:center;
|
|
35
|
-
border-radius:4px;
|
|
36
34
|
border-radius:var(--radius-1);
|
|
37
|
-
color:#4632d8;
|
|
38
35
|
color:var(--color-secondary);
|
|
39
36
|
cursor:pointer;
|
|
40
37
|
outline:none;
|
|
@@ -45,18 +42,14 @@
|
|
|
45
42
|
}
|
|
46
43
|
.mobius-accordion__link:hover,
|
|
47
44
|
.mobius-accordion__link:active{
|
|
48
|
-
color:#2a1e81;
|
|
49
45
|
color:var(--color-secondary-hover);
|
|
50
46
|
}
|
|
51
47
|
.mobius-accordion__link:focus-visible{
|
|
52
48
|
outline:none;
|
|
53
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
54
49
|
box-shadow:var(--box-shadow-default);
|
|
55
50
|
}
|
|
56
51
|
.mobius-accordion__link-text{
|
|
57
|
-
margin-right:8px;
|
|
58
52
|
margin-right:var(--size-xs);
|
|
59
|
-
line-height:1.5;
|
|
60
53
|
line-height:var(--line-height-normal);
|
|
61
54
|
}
|
|
62
55
|
.mobius-accordion__link-icon{
|
|
@@ -69,15 +62,11 @@
|
|
|
69
62
|
display:flex;
|
|
70
63
|
flex-grow:1;
|
|
71
64
|
align-items:center;
|
|
72
|
-
font-size:14px;
|
|
73
65
|
font-size:var(--font-size-2);
|
|
74
|
-
color:#18181d;
|
|
75
66
|
color:var(--color-text);
|
|
76
67
|
border:2px solid;
|
|
77
68
|
border-color:inherit;
|
|
78
|
-
border-radius:4px;
|
|
79
69
|
border-radius:var(--radius-1);
|
|
80
|
-
padding:16px;
|
|
81
70
|
padding:var(--size-sm);
|
|
82
71
|
}
|
|
83
72
|
.mobius-alert.--has-header{
|
|
@@ -87,40 +76,29 @@
|
|
|
87
76
|
margin-top:2px;
|
|
88
77
|
}
|
|
89
78
|
.mobius-alert.--info{
|
|
90
|
-
border-color:#176fae;
|
|
91
79
|
border-color:var(--color-info);
|
|
92
|
-
background-color:#e8f1f7;
|
|
93
80
|
background-color:var(--color-info-background);
|
|
94
81
|
}
|
|
95
82
|
.mobius-alert.--success{
|
|
96
|
-
border-color:#008744;
|
|
97
83
|
border-color:var(--color-valid);
|
|
98
|
-
background-color:#e6f3ed;
|
|
99
84
|
background-color:var(--color-valid-background);
|
|
100
85
|
}
|
|
101
86
|
.mobius-alert.--warning{
|
|
102
|
-
border-color:#ffba00;
|
|
103
87
|
border-color:var(--color-warning);
|
|
104
|
-
background-color:#fff9e6;
|
|
105
88
|
background-color:var(--color-warning-background);
|
|
106
89
|
}
|
|
107
90
|
.mobius-alert.--error{
|
|
108
|
-
border-color:#b90909;
|
|
109
91
|
border-color:var(--color-error);
|
|
110
|
-
background-color:#f8e7e7;
|
|
111
92
|
background-color:var(--color-error-background);
|
|
112
93
|
}
|
|
113
94
|
.mobius-alert__icon{
|
|
114
|
-
margin-right:16px;
|
|
115
95
|
margin-right:var(--size-sm);
|
|
116
96
|
}
|
|
117
97
|
.mobius-alert__icon .mobius-icon{
|
|
118
98
|
height:1.32em;
|
|
119
99
|
}
|
|
120
100
|
.mobius-alert__header{
|
|
121
|
-
margin:0 0 4px;
|
|
122
101
|
margin:0 0 var(--size-xxs);
|
|
123
|
-
font-size:16px;
|
|
124
102
|
font-size:var(--font-size-regular);
|
|
125
103
|
font-weight:600;
|
|
126
104
|
}
|
|
@@ -129,15 +107,10 @@
|
|
|
129
107
|
}
|
|
130
108
|
.mobius-breadcrumb{
|
|
131
109
|
box-sizing:border-box;
|
|
132
|
-
background-color:#f3f3f3;
|
|
133
110
|
background-color:var(--color-background-light);
|
|
134
|
-
padding-top:24px;
|
|
135
111
|
padding-top:var(--size-md);
|
|
136
|
-
padding-bottom:24px;
|
|
137
112
|
padding-bottom:var(--size-md);
|
|
138
|
-
padding-left:16px;
|
|
139
113
|
padding-left:var(--size-sm);
|
|
140
|
-
padding-right:16px;
|
|
141
114
|
padding-right:var(--size-sm);
|
|
142
115
|
display:flex;
|
|
143
116
|
flex-direction:row;
|
|
@@ -154,16 +127,13 @@
|
|
|
154
127
|
}
|
|
155
128
|
.mobius-breadcrumb__item{
|
|
156
129
|
box-sizing:border-box;
|
|
157
|
-
color:#18181d;
|
|
158
130
|
color:var(--color-text);
|
|
159
131
|
display:flex;
|
|
160
132
|
flex-direction:row;
|
|
161
133
|
align-items:center;
|
|
162
134
|
}
|
|
163
135
|
.mobius-breadcrumb__separator{
|
|
164
|
-
margin-left:8px;
|
|
165
136
|
margin-left:var(--size-xs);
|
|
166
|
-
margin-right:8px;
|
|
167
137
|
margin-right:var(--size-xs);
|
|
168
138
|
}
|
|
169
139
|
:root,
|
|
@@ -180,124 +150,96 @@
|
|
|
180
150
|
-webkit-text-decoration:none;
|
|
181
151
|
-webkit-text-decoration:none;
|
|
182
152
|
text-decoration:none;
|
|
183
|
-
font-family:museosans, Arial, sans-serif;
|
|
184
153
|
font-family:var(--font-family);
|
|
185
154
|
cursor:pointer;
|
|
186
155
|
color:var(--button-content-color);
|
|
187
|
-
font-weight:700;
|
|
188
156
|
font-weight:var(--font-weight-bold);
|
|
189
|
-
border-radius:4px;
|
|
190
157
|
border-radius:var(--button-border-radius);
|
|
191
|
-
border-width:2px;
|
|
192
158
|
border-width:var(--size-border-width);
|
|
193
159
|
border-color:transparent;
|
|
194
160
|
border-style:solid;
|
|
195
161
|
position:relative;
|
|
196
162
|
margin:0;
|
|
197
|
-
transition:color 160ms ease-in-out, background-color 160ms ease-in-out;
|
|
198
163
|
transition:color var(--transition-standard), background-color var(--transition-standard);
|
|
199
164
|
}
|
|
200
165
|
.mobius-button:where(.--has-icon){
|
|
201
166
|
display:inline-flex;
|
|
202
|
-
gap:8px;
|
|
203
167
|
gap:var(--size-xs);
|
|
204
168
|
}
|
|
205
169
|
.mobius-button:where(.--size-sm){
|
|
206
|
-
font-size:16px;
|
|
207
170
|
font-size:var(--font-size-3);
|
|
208
171
|
line-height:16px;
|
|
209
|
-
padding:10px 16px;
|
|
210
172
|
padding:10px var(--size-sm);
|
|
211
173
|
}
|
|
212
174
|
.mobius-button:where(.--size-md){
|
|
213
|
-
font-size:20px;
|
|
214
175
|
font-size:var(--font-size-4);
|
|
215
176
|
line-height:24px;
|
|
216
|
-
padding:14px 24px;
|
|
217
177
|
padding:14px var(--size-md);
|
|
218
178
|
}
|
|
219
179
|
.mobius-button:where(.--size-lg){
|
|
220
|
-
font-size:24px;
|
|
221
180
|
font-size:var(--font-size-5);
|
|
222
181
|
line-height:32px;
|
|
223
|
-
padding:14px 24px;
|
|
224
182
|
padding:14px var(--size-md);
|
|
225
183
|
}
|
|
226
184
|
.mobius-button:where(.--variant-primary){
|
|
227
185
|
--button-content-color:var(--color-text-inverted);
|
|
228
|
-
background-color:#4632d8;
|
|
229
186
|
background-color:var(--button-variant-primary-color);
|
|
230
|
-
font-variation-settings:normal;
|
|
231
187
|
font-variation-settings:var(
|
|
232
188
|
--button-variant-primary-font-variation-settings
|
|
233
189
|
);
|
|
234
190
|
}
|
|
235
191
|
.mobius-button:where(.--variant-primary):where(:active),
|
|
236
192
|
.mobius-button:where(.--variant-primary):where(:hover){
|
|
237
|
-
background-color:#2a1e81;
|
|
238
193
|
background-color:var(--button-variant-primary-hover-color);
|
|
239
194
|
}
|
|
240
195
|
.mobius-button:where(.--variant-primary):where(:focus-visible){
|
|
241
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
242
196
|
box-shadow:var(--box-shadow-default);
|
|
243
197
|
}
|
|
244
198
|
.mobius-button:where(.--variant-primary):where(.--is-disabled){
|
|
245
199
|
--button-content-color:var(--color-text-light);
|
|
246
|
-
background-color:#5d5d60;
|
|
247
200
|
background-color:var(--color-background-medium);
|
|
248
201
|
cursor:not-allowed;
|
|
249
202
|
}
|
|
250
203
|
.mobius-button:where(.--variant-secondary){
|
|
251
204
|
--button-content-color:var(--color-secondary);
|
|
252
205
|
background-color:transparent;
|
|
253
|
-
border-color:#4632d8;
|
|
254
206
|
border-color:var(--color-secondary);
|
|
255
207
|
}
|
|
256
208
|
.mobius-button:where(.--variant-secondary):where(:active),
|
|
257
209
|
.mobius-button:where(.--variant-secondary):where(:hover){
|
|
258
210
|
--button-content-color:var(--color-text-inverted);
|
|
259
|
-
background-color:#2a1e81;
|
|
260
211
|
background-color:var(--color-secondary-hover);
|
|
261
|
-
border-color:#2a1e81;
|
|
262
212
|
border-color:var(--color-secondary-hover);
|
|
263
213
|
}
|
|
264
214
|
.mobius-button:where(.--variant-secondary):where(:focus-visible){
|
|
265
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
266
215
|
box-shadow:var(--box-shadow-default);
|
|
267
216
|
}
|
|
268
217
|
.mobius-button:where(.--variant-secondary):where(.--is-disabled){
|
|
269
218
|
--button-content-color:var(--color-text-light);
|
|
270
219
|
border-color:transparent;
|
|
271
|
-
background-color:#5d5d60;
|
|
272
220
|
background-color:var(--color-background-medium);
|
|
273
221
|
cursor:not-allowed;
|
|
274
222
|
}
|
|
275
223
|
.mobius-button:where(.--variant-ghost){
|
|
276
224
|
--button-content-color:var(--color-secondary);
|
|
277
|
-
background-color:#f6f5fd;
|
|
278
225
|
background-color:var(--color-background-highlight);
|
|
279
|
-
border:2px solid #9084e8;
|
|
280
226
|
border:var(--border-default);
|
|
281
227
|
border-color:transparent;
|
|
282
228
|
}
|
|
283
229
|
.mobius-button:where(.--variant-ghost):where(:active){
|
|
284
|
-
background-color:#2a1e81;
|
|
285
230
|
background-color:var(--color-secondary-hover);
|
|
286
231
|
}
|
|
287
232
|
.mobius-button:where(.--variant-ghost):where(:hover){
|
|
288
233
|
--button-content-color:var(--color-text-inverted);
|
|
289
234
|
border-color:transparent;
|
|
290
|
-
background-color:#2a1e81;
|
|
291
235
|
background-color:var(--color-secondary-hover);
|
|
292
236
|
}
|
|
293
237
|
.mobius-button:where(.--variant-ghost):where(:focus-visible){
|
|
294
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
295
238
|
box-shadow:var(--box-shadow-default);
|
|
296
239
|
}
|
|
297
240
|
.mobius-button:where(.--variant-ghost):where(.--is-disabled){
|
|
298
241
|
--button-content-color:var(--color-text-light);
|
|
299
242
|
border-color:transparent;
|
|
300
|
-
background-color:#5d5d60;
|
|
301
243
|
background-color:var(--color-background-medium);
|
|
302
244
|
cursor:not-allowed;
|
|
303
245
|
}
|
|
@@ -307,23 +249,18 @@
|
|
|
307
249
|
background-color:transparent;
|
|
308
250
|
}
|
|
309
251
|
.mobius-button:where(.--variant-basic):where(:active){
|
|
310
|
-
background-color:#f3f3f3;
|
|
311
252
|
background-color:var(--color-background-light);
|
|
312
253
|
}
|
|
313
254
|
.mobius-button:where(.--variant-basic):where(:hover){
|
|
314
|
-
background-color:#f3f3f3;
|
|
315
255
|
background-color:var(--color-background-light);
|
|
316
256
|
}
|
|
317
257
|
.mobius-button:where(.--variant-basic):where(.--is-disabled){
|
|
318
258
|
--button-content-color:var(--color-text-light);
|
|
319
|
-
background-color:#5d5d60;
|
|
320
259
|
background-color:var(--color-background-medium);
|
|
321
260
|
cursor:not-allowed;
|
|
322
261
|
}
|
|
323
262
|
.mobius-button:where(.--is-success){
|
|
324
|
-
background-color:#008744;
|
|
325
263
|
background-color:var(--color-valid);
|
|
326
|
-
border-color:#008744;
|
|
327
264
|
border-color:var(--color-valid);
|
|
328
265
|
color:transparent;
|
|
329
266
|
}
|
|
@@ -332,26 +269,21 @@
|
|
|
332
269
|
visibility:hidden;
|
|
333
270
|
}
|
|
334
271
|
.mobius-button:where(.--is-success) [data-icon="tick"] path{
|
|
335
|
-
fill:#ffffff;
|
|
336
272
|
fill:var(--color-text-inverted);
|
|
337
273
|
}
|
|
338
274
|
.mobius-button:where(.--is-success):where(.--variant-link) [data-icon="tick"] path{
|
|
339
275
|
fill:var(--button-content-color);
|
|
340
276
|
}
|
|
341
277
|
.mobius-button:where(.--is-success):where(:hover){
|
|
342
|
-
background-color:#006633;
|
|
343
278
|
background-color:var(--color-valid-hover);
|
|
344
|
-
border-color:#006633;
|
|
345
279
|
border-color:var(--color-valid-hover);
|
|
346
280
|
}
|
|
347
281
|
.mobius-button:where(.--is-success):where(:active){
|
|
348
|
-
background-color:#008744;
|
|
349
282
|
background-color:var(--color-valid);
|
|
350
283
|
}
|
|
351
284
|
.mobius-button:where(.--is-success):where(.--is-disabled){
|
|
352
285
|
border-color:transparent;
|
|
353
286
|
color:transparent;
|
|
354
|
-
background-color:#5d5d60;
|
|
355
287
|
background-color:var(--color-background-medium);
|
|
356
288
|
cursor:not-allowed;
|
|
357
289
|
}
|
|
@@ -367,9 +299,7 @@
|
|
|
367
299
|
}
|
|
368
300
|
.mobius-button:where(.--variant-link){
|
|
369
301
|
--button-content-color:var(--color-secondary);
|
|
370
|
-
|
|
371
|
-
-moz-appearance:none;
|
|
372
|
-
appearance:none;
|
|
302
|
+
appearance:none;
|
|
373
303
|
border:none;
|
|
374
304
|
padding:0;
|
|
375
305
|
background-color:transparent;
|
|
@@ -386,7 +316,6 @@
|
|
|
386
316
|
cursor:pointer;
|
|
387
317
|
}
|
|
388
318
|
.mobius-button:where(.--variant-link):focus-visible{
|
|
389
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
390
319
|
box-shadow:0 0 0 var(--size-focus-ring) var(--color-focus);
|
|
391
320
|
padding:3px 0;
|
|
392
321
|
}
|
|
@@ -401,21 +330,14 @@
|
|
|
401
330
|
right:0;
|
|
402
331
|
bottom:0;
|
|
403
332
|
display:grid;
|
|
404
|
-
align-items:center;
|
|
405
|
-
justify-items:center;
|
|
406
|
-
align-items:center;
|
|
407
|
-
justify-items:center;
|
|
408
333
|
place-items:center;
|
|
409
334
|
}
|
|
410
335
|
a.mobius-button:focus-visible,
|
|
411
336
|
.mobius-button:focus-visible{
|
|
412
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
413
337
|
box-shadow:var(--box-shadow-default);
|
|
414
338
|
}
|
|
415
339
|
.mobius-checkbox__input{
|
|
416
|
-
|
|
417
|
-
-moz-appearance:none;
|
|
418
|
-
appearance:none;
|
|
340
|
+
appearance:none;
|
|
419
341
|
position:absolute;
|
|
420
342
|
margin-top:2px;
|
|
421
343
|
margin-left:0px;
|
|
@@ -427,15 +349,11 @@ a.mobius-button:focus-visible,
|
|
|
427
349
|
outline:none;
|
|
428
350
|
}
|
|
429
351
|
.mobius-checkbox__input.--is-disabled{
|
|
430
|
-
color:#d1d1d2;
|
|
431
352
|
color:var(--color-text-light);
|
|
432
|
-
border-color:#d1d1d2;
|
|
433
353
|
border-color:var(--color-border-medium);
|
|
434
|
-
background-color:#f3f3f3;
|
|
435
354
|
background-color:var(--color-background-light);
|
|
436
355
|
}
|
|
437
356
|
.--is-invalid .mobius-checkbox__input:not(.--is-disabled){
|
|
438
|
-
border-color:#b90909;
|
|
439
357
|
border-color:var(--color-error);
|
|
440
358
|
}
|
|
441
359
|
.mobius-checkbox__label{
|
|
@@ -443,93 +361,65 @@ a.mobius-button:focus-visible,
|
|
|
443
361
|
display:flex;
|
|
444
362
|
align-items:flex-start;
|
|
445
363
|
flex-direction:row;
|
|
446
|
-
border:2px solid #9084e8;
|
|
447
364
|
border:var(--border-default);
|
|
448
|
-
border-radius:4px;
|
|
449
365
|
border-radius:var(--radius-1);
|
|
450
|
-
padding:14px 16px;
|
|
451
366
|
padding:var(--input-field-padding-tight);
|
|
452
367
|
position:relative;
|
|
453
|
-
|
|
454
|
-
-moz-user-select:none;
|
|
455
|
-
user-select:none;
|
|
368
|
+
user-select:none;
|
|
456
369
|
cursor:pointer;
|
|
457
|
-
background-color:#ffffff;
|
|
458
370
|
background-color:var(--color-background-input);
|
|
459
371
|
}
|
|
460
372
|
.mobius-checkbox__label.--is-disabled{
|
|
461
|
-
color:#d1d1d2;
|
|
462
373
|
color:var(--color-text-light);
|
|
463
|
-
border-color:#d1d1d2;
|
|
464
374
|
border-color:var(--color-border-medium);
|
|
465
|
-
background-color:#f3f3f3;
|
|
466
375
|
background-color:var(--color-background-light);
|
|
467
376
|
cursor:not-allowed;
|
|
468
377
|
}
|
|
469
378
|
.mobius-checkbox__label.--is-disabled .mobius-checkbox__icon{
|
|
470
|
-
color:#d1d1d2;
|
|
471
379
|
color:var(--color-text-light);
|
|
472
380
|
}
|
|
473
381
|
.mobius-checkbox__label:hover:not(.--is-disabled):not(.mobius-checkbox__label.--is-invalid){
|
|
474
|
-
border-color:#4632d8;
|
|
475
382
|
border-color:var(--color-primary);
|
|
476
|
-
background-color:#f6f5fd;
|
|
477
383
|
background-color:var(--color-background-input-active);
|
|
478
384
|
}
|
|
479
385
|
.mobius-checkbox__label:hover:not(.--is-disabled):not(.mobius-checkbox__label.--is-invalid) .mobius-checkbox__input{
|
|
480
|
-
border-color:#4632d8;
|
|
481
386
|
border-color:var(--color-primary);
|
|
482
387
|
}
|
|
483
388
|
.mobius-checkbox__label:hover:not(.--is-disabled):not(.mobius-checkbox__label.--is-invalid) .mobius-checkbox__icon{
|
|
484
|
-
color:#4632d8;
|
|
485
389
|
color:var(--color-primary);
|
|
486
390
|
}
|
|
487
391
|
.mobius-checkbox__label:focus-within:not(.--is-disabled):not(.--is-invalid){
|
|
488
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
489
392
|
box-shadow:var(--box-shadow-default);
|
|
490
|
-
border-color:#4632d8;
|
|
491
393
|
border-color:var(--color-primary);
|
|
492
|
-
background-color:#f6f5fd;
|
|
493
394
|
background-color:var(--color-background-input-active);
|
|
494
395
|
}
|
|
495
396
|
.mobius-checkbox__label:focus-within:not(.--is-disabled):not(.--is-invalid) .mobius-checkbox__icon{
|
|
496
|
-
color:#4632d8;
|
|
497
397
|
color:var(--color-primary);
|
|
498
398
|
}
|
|
499
399
|
.mobius-checkbox__label.--is-invalid:not(.--is-disabled){
|
|
500
|
-
border-color:#b90909;
|
|
501
400
|
border-color:var(--color-error);
|
|
502
|
-
color:#b90909;
|
|
503
401
|
color:var(--color-error);
|
|
504
402
|
}
|
|
505
403
|
.mobius-checkbox__label.--is-invalid:not(.--is-disabled):hover,
|
|
506
404
|
.mobius-checkbox__label.--is-invalid:not(.--is-disabled):focus-within{
|
|
507
|
-
background-color:#f8e7e7;
|
|
508
405
|
background-color:var(--color-error-background);
|
|
509
406
|
}
|
|
510
407
|
.mobius-checkbox__label.--is-invalid:not(.--is-disabled) .mobius-checkbox__icon{
|
|
511
|
-
color:#b90909;
|
|
512
408
|
color:var(--color-error);
|
|
513
409
|
}
|
|
514
410
|
.mobius-checkbox__label.--is-invalid:not(.--is-disabled) .mobius-checkbox__input{
|
|
515
|
-
border-color:#b90909;
|
|
516
411
|
border-color:var(--color-error);
|
|
517
412
|
}
|
|
518
413
|
.mobius-checkbox__icon{
|
|
519
414
|
position:relative;
|
|
520
|
-
color:#9084e8;
|
|
521
415
|
color:var(--color-primary-light);
|
|
522
416
|
}
|
|
523
417
|
.mobius-checkbox__visible-label{
|
|
524
418
|
box-sizing:border-box;
|
|
525
419
|
width:100%;
|
|
526
|
-
font-family:museosans, Arial, sans-serif;
|
|
527
420
|
font-family:var(--font-family);
|
|
528
|
-
line-height:1.5;
|
|
529
421
|
line-height:var(--line-height-normal);
|
|
530
|
-
font-size:16px;
|
|
531
422
|
font-size:var(--font-size-regular);
|
|
532
|
-
margin-left:16px;
|
|
533
423
|
margin-left:var(--size-sm);
|
|
534
424
|
}
|
|
535
425
|
.mobius-checkbox-group{
|
|
@@ -537,7 +427,6 @@ a.mobius-button:focus-visible,
|
|
|
537
427
|
}
|
|
538
428
|
.mobius-checkbox-group .mobius-checkbox-group__wrapper{
|
|
539
429
|
display:grid;
|
|
540
|
-
margin-bottom:16px;
|
|
541
430
|
margin-bottom:var(--size-sm);
|
|
542
431
|
}
|
|
543
432
|
.mobius-checkbox-group .mobius-checkbox,
|
|
@@ -546,11 +435,9 @@ a.mobius-button:focus-visible,
|
|
|
546
435
|
}
|
|
547
436
|
.mobius-checkbox-group.--is-horizontal .mobius-checkbox-group__wrapper{
|
|
548
437
|
grid-template-columns:repeat(var(--checkbox-items-per-row), 1fr);
|
|
549
|
-
gap:16px;
|
|
550
438
|
gap:var(--size-sm);
|
|
551
439
|
}
|
|
552
440
|
.mobius-checkbox-group.--is-vertical .mobius-checkbox-group__wrapper{
|
|
553
|
-
gap:8px;
|
|
554
441
|
gap:var(--size-xs);
|
|
555
442
|
}
|
|
556
443
|
.mobius-checkbox-group:where(.--is-optional) > :where(.mobius-label)::after{
|
|
@@ -562,11 +449,9 @@ a.mobius-button:focus-visible,
|
|
|
562
449
|
margin-right:auto;
|
|
563
450
|
}
|
|
564
451
|
.mobius-container.--is-sm{
|
|
565
|
-
max-width:1004px;
|
|
566
452
|
max-width:var(--size-inner-container);
|
|
567
453
|
}
|
|
568
454
|
.mobius-container.--is-md{
|
|
569
|
-
max-width:1200px;
|
|
570
455
|
max-width:var(--size-container);
|
|
571
456
|
}
|
|
572
457
|
.mobius-divider{
|
|
@@ -575,13 +460,11 @@ a.mobius-button:focus-visible,
|
|
|
575
460
|
align-items:center;
|
|
576
461
|
justify-content:center;
|
|
577
462
|
width:100%;
|
|
578
|
-
height:32px;
|
|
579
463
|
height:var(--size-lg);
|
|
580
464
|
}
|
|
581
465
|
.mobius-divider__inner{
|
|
582
466
|
width:100%;
|
|
583
467
|
height:1px;
|
|
584
|
-
background-color:#f3f3f3;
|
|
585
468
|
background-color:var(--color-background-light);
|
|
586
469
|
}
|
|
587
470
|
:root,
|
|
@@ -608,7 +491,6 @@ a.mobius-button:focus-visible,
|
|
|
608
491
|
padding:0;
|
|
609
492
|
margin:0;
|
|
610
493
|
border:none;
|
|
611
|
-
background-color:#ffffff;
|
|
612
494
|
background-color:var(--color-background);
|
|
613
495
|
overflow:hidden;
|
|
614
496
|
}
|
|
@@ -619,10 +501,8 @@ a.mobius-button:focus-visible,
|
|
|
619
501
|
outline:none;
|
|
620
502
|
}
|
|
621
503
|
.mobius-drawer::backdrop{
|
|
622
|
-
background-color:#18181d;
|
|
623
504
|
background-color:var(--color-neutral-700);
|
|
624
505
|
opacity:0;
|
|
625
|
-
transition:opacity 0 ease-in-out;
|
|
626
506
|
transition:opacity var(--drawer-transition-duration) ease-in-out;
|
|
627
507
|
}
|
|
628
508
|
.mobius-drawer + .backdrop{
|
|
@@ -631,11 +511,10 @@ a.mobius-button:focus-visible,
|
|
|
631
511
|
right:0;
|
|
632
512
|
bottom:0;
|
|
633
513
|
left:0;
|
|
634
|
-
background-color:#18181d;
|
|
635
514
|
background-color:var(--color-neutral-700);
|
|
636
515
|
opacity:0.3;
|
|
637
516
|
}
|
|
638
|
-
.mobius-drawer + .backdrop + ._dialog_overlay{
|
|
517
|
+
:is(.mobius-drawer + .backdrop) + ._dialog_overlay{
|
|
639
518
|
position:fixed;
|
|
640
519
|
top:0;
|
|
641
520
|
right:0;
|
|
@@ -648,7 +527,6 @@ a.mobius-button:focus-visible,
|
|
|
648
527
|
max-width:100vw;
|
|
649
528
|
height:var(--drawer-height);
|
|
650
529
|
max-height:var(--drawer-height);
|
|
651
|
-
transition:transform 0 ease-in-out;
|
|
652
530
|
transition:transform var(--drawer-transition-duration) ease-in-out;
|
|
653
531
|
}
|
|
654
532
|
.mobius-drawer.--left,
|
|
@@ -658,7 +536,6 @@ a.mobius-button:focus-visible,
|
|
|
658
536
|
max-width:var(--drawer-width);
|
|
659
537
|
height:100vh;
|
|
660
538
|
max-height:100vh;
|
|
661
|
-
transition:transform 0 ease-in-out;
|
|
662
539
|
transition:transform var(--drawer-transition-duration) ease-in-out;
|
|
663
540
|
}
|
|
664
541
|
.mobius-drawer:not(.--should-transition){
|
|
@@ -714,21 +591,14 @@ a.mobius-button:focus-visible,
|
|
|
714
591
|
display:grid;
|
|
715
592
|
grid-template-columns:1fr auto;
|
|
716
593
|
justify-content:space-between;
|
|
717
|
-
grid-gap:16px;
|
|
718
|
-
grid-gap:var(--size-sm);
|
|
719
|
-
gap:16px;
|
|
720
594
|
gap:var(--size-sm);
|
|
721
595
|
align-items:center;
|
|
722
|
-
padding:16px 32px;
|
|
723
596
|
padding:var(--size-sm) var(--size-lg);
|
|
724
597
|
padding-bottom:0;
|
|
725
|
-
font-family:museosans, Arial, sans-serif;
|
|
726
598
|
font-family:var(--font-family);
|
|
727
|
-
font-size:24px;
|
|
728
599
|
font-size:var(--font-size-small-title);
|
|
729
600
|
}
|
|
730
601
|
.mobius-drawer__header button{
|
|
731
|
-
color:#4632d8;
|
|
732
602
|
color:var(--color-primary);
|
|
733
603
|
}
|
|
734
604
|
.mobius-drawer__header img{
|
|
@@ -736,11 +606,8 @@ a.mobius-button:focus-visible,
|
|
|
736
606
|
}
|
|
737
607
|
.mobius-drawer__content{
|
|
738
608
|
flex-grow:1;
|
|
739
|
-
padding:32px;
|
|
740
609
|
padding:var(--size-lg);
|
|
741
|
-
padding-top:16px;
|
|
742
610
|
padding-top:var(--size-sm);
|
|
743
|
-
font-family:museosans, Arial, sans-serif;
|
|
744
611
|
font-family:var(--font-family);
|
|
745
612
|
overflow-y:auto;
|
|
746
613
|
}
|
|
@@ -750,94 +617,69 @@ a.mobius-button:focus-visible,
|
|
|
750
617
|
}
|
|
751
618
|
.mobius-dropdown-menu{
|
|
752
619
|
position:relative;
|
|
753
|
-
max-width:200px;
|
|
754
620
|
max-width:var(--dropdown-menu-max-width);
|
|
755
621
|
width:100%;
|
|
756
622
|
}
|
|
757
623
|
.mobius-dropdown-menu__trigger{
|
|
758
624
|
width:100%;
|
|
759
625
|
text-align:right;
|
|
760
|
-
|
|
761
|
-
-moz-appearance:none;
|
|
762
|
-
appearance:none;
|
|
626
|
+
appearance:none;
|
|
763
627
|
border:none;
|
|
764
628
|
background-color:transparent;
|
|
765
|
-
font-size:16px;
|
|
766
629
|
font-size:var(--font-size-regular);
|
|
767
630
|
cursor:pointer;
|
|
768
|
-
padding:8px 0;
|
|
769
631
|
padding:var(--size-xs) 0;
|
|
770
|
-
color:#4632d8;
|
|
771
632
|
color:var(--color-primary);
|
|
772
633
|
}
|
|
773
634
|
.mobius-dropdown-menu__list{
|
|
774
635
|
display:none;
|
|
775
636
|
width:100%;
|
|
776
|
-
box-shadow:0 0 24px rgba(0, 0, 0, 0.2);
|
|
777
637
|
box-shadow:0 0 var(--size-md) rgba(0, 0, 0, 0.2);
|
|
778
|
-
border-radius:4px;
|
|
779
638
|
border-radius:var(--radius-1);
|
|
780
|
-
margin-top:16px;
|
|
781
639
|
margin-top:var(--size-sm);
|
|
782
640
|
margin-bottom:0;
|
|
783
641
|
padding-left:0;
|
|
784
642
|
list-style-type:none;
|
|
785
643
|
overflow:hidden;
|
|
786
644
|
text-align:left;
|
|
787
|
-
color:#18181d;
|
|
788
645
|
color:var(--color-text);
|
|
789
646
|
}
|
|
790
647
|
.mobius-dropdown-menu__list.--is-open{
|
|
791
648
|
display:block;
|
|
792
649
|
position:absolute;
|
|
793
650
|
z-index:2;
|
|
794
|
-
background-color:#ffffff;
|
|
795
651
|
background-color:var(--color-background);
|
|
796
652
|
}
|
|
797
653
|
.mobius-dropdown-menu__item{
|
|
798
654
|
display:block;
|
|
799
655
|
cursor:pointer;
|
|
800
|
-
padding:16px;
|
|
801
656
|
padding:var(--size-sm);
|
|
802
|
-
border-left:4px solid transparent;
|
|
803
657
|
border-left:var(--size-xxs) solid transparent;
|
|
804
658
|
}
|
|
805
659
|
.mobius-dropdown-menu__item:hover{
|
|
806
|
-
background-color:#f6f5fd;
|
|
807
660
|
background-color:var(--color-background-highlight);
|
|
808
|
-
color:#4632d8;
|
|
809
661
|
color:var(--color-primary);
|
|
810
|
-
border-color:#4632d8;
|
|
811
662
|
border-color:var(--color-primary);
|
|
812
663
|
}
|
|
813
664
|
.mobius-dropdown-menu__item:focus-visible{
|
|
814
|
-
background-color:#f6f5fd;
|
|
815
665
|
background-color:var(--color-background-highlight);
|
|
816
|
-
color:#4632d8;
|
|
817
666
|
color:var(--color-primary);
|
|
818
|
-
border-color:#4632d8;
|
|
819
667
|
border-color:var(--color-primary);
|
|
820
668
|
}
|
|
821
669
|
.mobius-dropdown-menu__item:focus-visible{
|
|
822
670
|
outline:none;
|
|
823
671
|
}
|
|
824
672
|
.mobius-dropdown-menu__item.--is-active{
|
|
825
|
-
border-left-color:#4632d8;
|
|
826
673
|
border-left-color:var(--color-primary);
|
|
827
674
|
}
|
|
828
675
|
.mobius-error-message{
|
|
829
676
|
box-sizing:border-box;
|
|
830
677
|
display:grid;
|
|
831
|
-
grid-gap:8px;
|
|
832
|
-
grid-gap:var(--size-xs);
|
|
833
|
-
gap:8px;
|
|
834
678
|
gap:var(--size-xs);
|
|
835
679
|
grid-template-columns:min-content 1fr;
|
|
836
|
-
color:#b90909;
|
|
837
680
|
color:var(--color-error);
|
|
838
681
|
}
|
|
839
682
|
.mobius-error-message__text.mobius-text{
|
|
840
|
-
line-height:16px;
|
|
841
683
|
line-height:var(--font-size-regular);
|
|
842
684
|
}
|
|
843
685
|
.mobius-fieldset{
|
|
@@ -845,15 +687,12 @@ a.mobius-button:focus-visible,
|
|
|
845
687
|
flex-direction:column;
|
|
846
688
|
}
|
|
847
689
|
.mobius-fieldset .mobius-text-field{
|
|
848
|
-
margin-bottom:16px;
|
|
849
690
|
margin-bottom:var(--size-sm);
|
|
850
691
|
}
|
|
851
692
|
.mobius-fieldset__legend{
|
|
852
693
|
box-sizing:border-box;
|
|
853
|
-
margin-bottom:16px;
|
|
854
694
|
margin-bottom:var(--size-sm);
|
|
855
695
|
padding:0;
|
|
856
|
-
font-weight:700;
|
|
857
696
|
font-weight:var(--font-weight-bold);
|
|
858
697
|
}
|
|
859
698
|
.mobius-flex{
|
|
@@ -901,33 +740,22 @@ a.mobius-button:focus-visible,
|
|
|
901
740
|
}
|
|
902
741
|
.mobius-label{
|
|
903
742
|
box-sizing:border-box;
|
|
904
|
-
font-size:16px;
|
|
905
743
|
font-size:var(--font-size-regular);
|
|
906
|
-
line-height:1.5;
|
|
907
744
|
line-height:var(--line-height-normal);
|
|
908
|
-
font-family:museosans, Arial, sans-serif;
|
|
909
745
|
font-family:var(--font-family);
|
|
910
|
-
font-weight:700;
|
|
911
746
|
font-weight:var(--label-font-weight);
|
|
912
|
-
font-variation-settings:normal;
|
|
913
747
|
font-variation-settings:var(--label-font-variation-settings);
|
|
914
|
-
color:#18181d;
|
|
915
748
|
color:var(--color-text);
|
|
916
749
|
}
|
|
917
750
|
.mobius-label.--is-invalid:not(.--is-disabled){
|
|
918
|
-
color:#b90909;
|
|
919
751
|
color:var(--color-error);
|
|
920
752
|
}
|
|
921
753
|
.mobius-link{
|
|
922
754
|
box-sizing:border-box;
|
|
923
|
-
font-family:museosans, Arial, sans-serif;
|
|
924
755
|
font-family:var(--font-family);
|
|
925
|
-
line-height:1.5;
|
|
926
756
|
line-height:var(--line-height-normal);
|
|
927
|
-
color:#4632d8;
|
|
928
757
|
color:var(--color-secondary);
|
|
929
758
|
outline:none;
|
|
930
|
-
border-radius:4px;
|
|
931
759
|
border-radius:var(--radius-1);
|
|
932
760
|
}
|
|
933
761
|
.mobius-link:hover,
|
|
@@ -936,23 +764,19 @@ a.mobius-button:focus-visible,
|
|
|
936
764
|
-webkit-text-decoration:underline;
|
|
937
765
|
text-decoration:underline;
|
|
938
766
|
cursor:pointer;
|
|
939
|
-
color:#2a1e81;
|
|
940
767
|
color:var(--color-secondary-hover);
|
|
941
768
|
}
|
|
942
769
|
.mobius-link:focus-visible{
|
|
943
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
944
770
|
box-shadow:var(--box-shadow-default);
|
|
945
771
|
padding:3px 0;
|
|
946
772
|
}
|
|
947
773
|
.mobius-link.--is-disabled{
|
|
948
|
-
color:#d1d1d2;
|
|
949
774
|
color:var(--color-text-light);
|
|
950
775
|
pointer-events:none;
|
|
951
776
|
cursor:not-allowed;
|
|
952
777
|
}
|
|
953
778
|
.mobius-list{
|
|
954
779
|
box-sizing:border-box;
|
|
955
|
-
font-family:museosans, Arial, sans-serif;
|
|
956
780
|
font-family:var(--font-family);
|
|
957
781
|
width:100%;
|
|
958
782
|
text-align:left;
|
|
@@ -984,7 +808,6 @@ a.mobius-button:focus-visible,
|
|
|
984
808
|
}
|
|
985
809
|
.mobius-list__item.--has-icon{
|
|
986
810
|
list-style-type:none;
|
|
987
|
-
margin-bottom:8px;
|
|
988
811
|
margin-bottom:var(--size-xs);
|
|
989
812
|
}
|
|
990
813
|
.mobius-list__item.--has-icon p{
|
|
@@ -996,11 +819,9 @@ a.mobius-button:focus-visible,
|
|
|
996
819
|
}
|
|
997
820
|
.mobius-list__icon{
|
|
998
821
|
flex-shrink:0;
|
|
999
|
-
margin-right:8px;
|
|
1000
822
|
margin-right:var(--size-xs);
|
|
1001
823
|
}
|
|
1002
824
|
.mobius-loading-indicator{
|
|
1003
|
-
color:#4632d8;
|
|
1004
825
|
color:var(--color-primary);
|
|
1005
826
|
}
|
|
1006
827
|
:root,
|
|
@@ -1024,10 +845,8 @@ a.mobius-button:focus-visible,
|
|
|
1024
845
|
max-height:80%;
|
|
1025
846
|
padding:0;
|
|
1026
847
|
margin:auto;
|
|
1027
|
-
background-color:#ffffff;
|
|
1028
848
|
background-color:var(--color-background);
|
|
1029
849
|
border:none;
|
|
1030
|
-
border-radius:4px;
|
|
1031
850
|
border-radius:var(--radius-1);
|
|
1032
851
|
overflow:hidden;
|
|
1033
852
|
}
|
|
@@ -1038,10 +857,8 @@ a.mobius-button:focus-visible,
|
|
|
1038
857
|
outline:none;
|
|
1039
858
|
}
|
|
1040
859
|
.mobius-modal::backdrop{
|
|
1041
|
-
background-color:#18181d;
|
|
1042
860
|
background-color:var(--color-neutral-700);
|
|
1043
861
|
opacity:0;
|
|
1044
|
-
transition:opacity 0 ease-in-out;
|
|
1045
862
|
transition:opacity var(--modal-transition-duration) ease-in-out;
|
|
1046
863
|
}
|
|
1047
864
|
.mobius-modal + .backdrop{
|
|
@@ -1050,11 +867,10 @@ a.mobius-button:focus-visible,
|
|
|
1050
867
|
right:0;
|
|
1051
868
|
bottom:0;
|
|
1052
869
|
left:0;
|
|
1053
|
-
background-color:#18181d;
|
|
1054
870
|
background-color:var(--color-neutral-700);
|
|
1055
871
|
opacity:0.3;
|
|
1056
872
|
}
|
|
1057
|
-
.mobius-modal + .backdrop + ._dialog_overlay{
|
|
873
|
+
:is(.mobius-modal + .backdrop) + ._dialog_overlay{
|
|
1058
874
|
position:fixed;
|
|
1059
875
|
top:0;
|
|
1060
876
|
right:0;
|
|
@@ -1084,11 +900,9 @@ a.mobius-button:focus-visible,
|
|
|
1084
900
|
opacity:0.3;
|
|
1085
901
|
}
|
|
1086
902
|
.mobius-modal.--fade{
|
|
1087
|
-
transition:opacity 0 ease-in-out;
|
|
1088
903
|
transition:opacity var(--modal-transition-duration) ease-in-out;
|
|
1089
904
|
}
|
|
1090
905
|
.mobius-modal.--slide-up{
|
|
1091
|
-
transition:transform 0 ease-in-out;
|
|
1092
906
|
transition:transform var(--modal-transition-duration) ease-in-out;
|
|
1093
907
|
}
|
|
1094
908
|
.mobius-modal.--should-transition.--transition::backdrop{
|
|
@@ -1110,28 +924,18 @@ a.mobius-button:focus-visible,
|
|
|
1110
924
|
display:grid;
|
|
1111
925
|
grid-template-columns:1fr auto;
|
|
1112
926
|
justify-content:space-between;
|
|
1113
|
-
grid-gap:16px;
|
|
1114
|
-
grid-gap:var(--size-sm);
|
|
1115
|
-
gap:16px;
|
|
1116
927
|
gap:var(--size-sm);
|
|
1117
928
|
align-items:center;
|
|
1118
|
-
padding:8px;
|
|
1119
929
|
padding:var(--size-xs);
|
|
1120
|
-
padding-left:16px;
|
|
1121
930
|
padding-left:var(--size-sm);
|
|
1122
|
-
font-family:museosans, Arial, sans-serif;
|
|
1123
931
|
font-family:var(--font-family);
|
|
1124
|
-
font-size:24px;
|
|
1125
932
|
font-size:var(--font-size-small-title);
|
|
1126
933
|
margin:0;
|
|
1127
934
|
}
|
|
1128
935
|
.mobius-modal__content{
|
|
1129
936
|
flex-grow:1;
|
|
1130
|
-
padding:0 16px;
|
|
1131
937
|
padding:0 var(--size-sm);
|
|
1132
|
-
margin:16px 0;
|
|
1133
938
|
margin:var(--size-sm) 0;
|
|
1134
|
-
font-family:museosans, Arial, sans-serif;
|
|
1135
939
|
font-family:var(--font-family);
|
|
1136
940
|
overflow-y:auto;
|
|
1137
941
|
}
|
|
@@ -1151,137 +955,83 @@ a.mobius-button:focus-visible,
|
|
|
1151
955
|
}
|
|
1152
956
|
.mobius-number-field__input{
|
|
1153
957
|
box-sizing:border-box;
|
|
1154
|
-
border:2px solid #9084e8;
|
|
1155
958
|
border:var(--border-default);
|
|
1156
|
-
border-radius:4px;
|
|
1157
959
|
border-radius:var(--radius-1);
|
|
1158
|
-
background-color:#ffffff;
|
|
1159
960
|
background-color:var(--color-background-input);
|
|
1160
|
-
padding:17px 16px;
|
|
1161
961
|
padding:var(--input-field-padding);
|
|
1162
|
-
font-family:museosans, Arial, sans-serif;
|
|
1163
962
|
font-family:var(--font-family);
|
|
1164
|
-
font-size:16px;
|
|
1165
963
|
font-size:var(--font-size-regular);
|
|
1166
|
-
color:#18181d;
|
|
1167
964
|
color:var(--color-text);
|
|
1168
965
|
outline:none;
|
|
1169
966
|
margin:0;
|
|
1170
|
-
max-width:none;
|
|
1171
967
|
max-width:var(--text-input-max-width);
|
|
1172
968
|
width:100%;
|
|
1173
969
|
}
|
|
1174
|
-
.mobius-number-field__input::-moz-placeholder{
|
|
1175
|
-
color:#5d5d60;
|
|
1176
|
-
color:var(--color-text-medium);
|
|
1177
|
-
}
|
|
1178
970
|
.mobius-number-field__input::placeholder{
|
|
1179
|
-
color:#5d5d60;
|
|
1180
971
|
color:var(--color-text-medium);
|
|
1181
972
|
}
|
|
1182
973
|
.mobius-number-field__input:focus-visible:not(.--is-disabled){
|
|
1183
|
-
border-color:#4632d8;
|
|
1184
974
|
border-color:var(--color-primary);
|
|
1185
|
-
background-color:#f6f5fd;
|
|
1186
975
|
background-color:var(--color-background-input-active);
|
|
1187
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
1188
976
|
box-shadow:var(--box-shadow-default);
|
|
1189
977
|
}
|
|
1190
978
|
.mobius-number-field__input:hover:not(.--is-disabled):not(.mobius-number-field__input.--is-invalid){
|
|
1191
|
-
border-color:#4632d8;
|
|
1192
979
|
border-color:var(--color-primary);
|
|
1193
|
-
background-color:#f6f5fd;
|
|
1194
980
|
background-color:var(--color-background-input-active);
|
|
1195
981
|
}
|
|
1196
982
|
.mobius-number-field__input.--is-disabled{
|
|
1197
|
-
background-color:#f3f3f3;
|
|
1198
983
|
background-color:var(--color-background-light);
|
|
1199
|
-
border-color:#d1d1d2;
|
|
1200
984
|
border-color:var(--color-border-medium);
|
|
1201
|
-
color:#d1d1d2;
|
|
1202
985
|
color:var(--color-text-light);
|
|
1203
986
|
cursor:not-allowed;
|
|
1204
987
|
}
|
|
1205
988
|
.mobius-number-field__input.--is-invalid:not(.--is-disabled){
|
|
1206
|
-
border-color:#b90909;
|
|
1207
989
|
border-color:var(--color-error);
|
|
1208
|
-
background-color:#f8e7e7;
|
|
1209
990
|
background-color:var(--color-error-background);
|
|
1210
|
-
color:#b90909;
|
|
1211
991
|
color:var(--color-error);
|
|
1212
992
|
}
|
|
1213
993
|
.mobius-password-field .mobius-text-field--has-suffix-inside{
|
|
1214
994
|
display:flex;
|
|
1215
995
|
}
|
|
1216
996
|
.mobius-password-field :where(.mobius-password-field__show-button){
|
|
1217
|
-
|
|
1218
|
-
-moz-appearance:none;
|
|
1219
|
-
appearance:none;
|
|
1220
|
-
font-size:16px;
|
|
997
|
+
appearance:none;
|
|
1221
998
|
font-size:var(--font-size-3);
|
|
1222
|
-
font-family:museosans, Arial, sans-serif;
|
|
1223
999
|
font-family:var(--font-family);
|
|
1224
1000
|
align-self:center;
|
|
1225
1001
|
display:inline-block;
|
|
1226
1002
|
background-color:transparent;
|
|
1227
|
-
margin:0 8px 0 0;
|
|
1228
1003
|
margin:0 var(--size-xs) 0 0;
|
|
1229
|
-
padding:6px 8px;
|
|
1230
1004
|
padding:6px var(--size-xs);
|
|
1231
1005
|
cursor:pointer;
|
|
1232
1006
|
border:none;
|
|
1233
|
-
border-radius:8px;
|
|
1234
1007
|
border-radius:var(--radius-2);
|
|
1235
|
-
color:#4632d8;
|
|
1236
1008
|
color:var(--color-primary);
|
|
1237
|
-
transition:160ms ease-in-out;
|
|
1238
1009
|
transition:var(--transition-standard);
|
|
1239
|
-
|
|
1240
|
-
-moz-user-select:none;
|
|
1241
|
-
user-select:none;
|
|
1010
|
+
user-select:none;
|
|
1242
1011
|
}
|
|
1243
1012
|
.mobius-password-field :where(.mobius-password-field__show-button):focus-visible{
|
|
1244
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
1245
1013
|
box-shadow:var(--box-shadow-default);
|
|
1246
1014
|
outline:none;
|
|
1247
1015
|
}
|
|
1248
1016
|
.mobius-password-field :where(.mobius-password-field__show-button):hover{
|
|
1249
|
-
background-color:#f6f5fd;
|
|
1250
1017
|
background-color:var(--color-background-highlight);
|
|
1251
1018
|
}
|
|
1252
|
-
:root,
|
|
1253
|
-
:host{
|
|
1254
|
-
--popover-max-width:260px;
|
|
1255
|
-
--popover-z-index:2147483647;
|
|
1256
|
-
--color-background-popover:var(--color-azure-700);
|
|
1257
|
-
}
|
|
1258
1019
|
.mobius-popover__container{
|
|
1259
|
-
z-index:2147483647;
|
|
1260
1020
|
z-index:var(--popover-z-index);
|
|
1261
|
-
max-width:260px;
|
|
1262
1021
|
max-width:var(--popover-max-width);
|
|
1263
1022
|
}
|
|
1264
1023
|
.mobius-popover{
|
|
1265
|
-
padding:16px;
|
|
1266
1024
|
padding:var(--size-sm);
|
|
1267
|
-
background-color:#0e0a2b;
|
|
1268
1025
|
background-color:var(--color-background-popover);
|
|
1269
|
-
color
|
|
1270
|
-
color:var(--color-text-inverted);
|
|
1271
|
-
border-radius:8px;
|
|
1026
|
+
color:var(--color-text-popover);
|
|
1272
1027
|
border-radius:var(--radius-2);
|
|
1273
|
-
font-size:14px;
|
|
1274
1028
|
font-size:var(--font-size-2);
|
|
1275
|
-
font-weight:500;
|
|
1276
1029
|
font-weight:var(--font-weight-normal);
|
|
1277
|
-
font-family:museosans, Arial, sans-serif;
|
|
1278
1030
|
font-family:var(--font-family);
|
|
1279
|
-
line-height:1.333;
|
|
1280
1031
|
line-height:var(--line-height-tight);
|
|
1281
1032
|
}
|
|
1282
1033
|
.mobius-popover__header{
|
|
1283
1034
|
display:flex;
|
|
1284
|
-
padding-bottom:16px;
|
|
1285
1035
|
padding-bottom:var(--size-sm);
|
|
1286
1036
|
}
|
|
1287
1037
|
.mobius-popover__close-button{
|
|
@@ -1289,31 +1039,24 @@ a.mobius-button:focus-visible,
|
|
|
1289
1039
|
border:none;
|
|
1290
1040
|
margin-left:auto;
|
|
1291
1041
|
background-color:transparent;
|
|
1292
|
-
color
|
|
1293
|
-
color:var(--color-text-inverted);
|
|
1042
|
+
color:var(--color-text-popover);
|
|
1294
1043
|
}
|
|
1295
1044
|
.mobius-popover__close-icon{
|
|
1296
1045
|
height:1.1em;
|
|
1297
1046
|
}
|
|
1298
1047
|
.mobius-popover__arrow-icon path{
|
|
1299
|
-
fill:#0e0a2b;
|
|
1300
1048
|
fill:var(--color-background-popover);
|
|
1301
1049
|
}
|
|
1302
1050
|
.mobius-progress__track{
|
|
1303
|
-
background-color:#f3f3f3;
|
|
1304
1051
|
background-color:var(--color-background-light);
|
|
1305
|
-
margin-bottom:8px;
|
|
1306
1052
|
margin-bottom:var(--size-xs);
|
|
1307
|
-
height:8px;
|
|
1308
1053
|
height:var(--size-xs);
|
|
1309
1054
|
}
|
|
1310
1055
|
.mobius-progress__label{
|
|
1311
1056
|
display:block;
|
|
1312
|
-
margin-bottom:8px;
|
|
1313
1057
|
margin-bottom:var(--size-xs);
|
|
1314
1058
|
}
|
|
1315
1059
|
.mobius-progress__bar{
|
|
1316
|
-
background-color:#4632d8;
|
|
1317
1060
|
background-color:var(--color-primary);
|
|
1318
1061
|
height:100%;
|
|
1319
1062
|
}
|
|
@@ -1322,11 +1065,9 @@ a.mobius-button:focus-visible,
|
|
|
1322
1065
|
border-radius:999px;
|
|
1323
1066
|
}
|
|
1324
1067
|
.mobius-progress.--is-primary .mobius-progress__bar{
|
|
1325
|
-
background-color:#4632d8;
|
|
1326
1068
|
background-color:var(--color-primary);
|
|
1327
1069
|
}
|
|
1328
1070
|
.mobius-progress.--is-secondary .mobius-progress__bar{
|
|
1329
|
-
background-color:#4632d8;
|
|
1330
1071
|
background-color:var(--color-secondary);
|
|
1331
1072
|
}
|
|
1332
1073
|
.mobius-radio-group{
|
|
@@ -1334,11 +1075,9 @@ a.mobius-button:focus-visible,
|
|
|
1334
1075
|
width:100%;
|
|
1335
1076
|
}
|
|
1336
1077
|
.mobius-radio-group.--is-horizontal .mobius-radio__label:not(:last-child){
|
|
1337
|
-
margin-right:8px;
|
|
1338
1078
|
margin-right:var(--size-xs);
|
|
1339
1079
|
}
|
|
1340
1080
|
.mobius-radio-group.--is-vertical .mobius-radio__label:not(:last-child){
|
|
1341
|
-
margin-bottom:8px;
|
|
1342
1081
|
margin-bottom:var(--size-xs);
|
|
1343
1082
|
}
|
|
1344
1083
|
.mobius-radio-group:where(.--is-optional) > :where(.mobius-label)::after{
|
|
@@ -1355,13 +1094,9 @@ a.mobius-button:focus-visible,
|
|
|
1355
1094
|
}
|
|
1356
1095
|
.mobius-radio__input{
|
|
1357
1096
|
align-self:center;
|
|
1358
|
-
|
|
1359
|
-
-moz-appearance:none;
|
|
1360
|
-
appearance:none;
|
|
1361
|
-
margin:0 calc(8px + 2px) 0 0;
|
|
1097
|
+
appearance:none;
|
|
1362
1098
|
margin:0 calc(var(--size-xs) + 2px) 0 0;
|
|
1363
1099
|
padding:3px;
|
|
1364
|
-
outline:2px solid #9084e8;
|
|
1365
1100
|
outline:2px solid var(--color-primary-light);
|
|
1366
1101
|
border-radius:50%;
|
|
1367
1102
|
background-color:transparent;
|
|
@@ -1378,22 +1113,17 @@ a.mobius-button:focus-visible,
|
|
|
1378
1113
|
background-color:transparent;
|
|
1379
1114
|
}
|
|
1380
1115
|
.mobius-radio__input:checked::after{
|
|
1381
|
-
background-color:#4632d8;
|
|
1382
1116
|
background-color:var(--color-primary);
|
|
1383
1117
|
}
|
|
1384
1118
|
.mobius-radio__input:disabled{
|
|
1385
|
-
outline-color:#d1d1d2;
|
|
1386
1119
|
outline-color:var(--color-border-medium);
|
|
1387
1120
|
}
|
|
1388
1121
|
.mobius-radio__input:disabled:checked::after{
|
|
1389
|
-
background-color:#f3f3f3;
|
|
1390
1122
|
background-color:var(--color-background-light);
|
|
1391
1123
|
}
|
|
1392
1124
|
.mobius-radio__input.--is-multiline{
|
|
1393
1125
|
align-self:flex-start;
|
|
1394
|
-
margin-top:4px;
|
|
1395
1126
|
margin-top:var(--size-xxs);
|
|
1396
|
-
margin-right:calc(16px - 1px);
|
|
1397
1127
|
margin-right:calc(var(--size-sm) - 1px);
|
|
1398
1128
|
}
|
|
1399
1129
|
.mobius-radio__label{
|
|
@@ -1401,105 +1131,75 @@ a.mobius-button:focus-visible,
|
|
|
1401
1131
|
align-items:center;
|
|
1402
1132
|
box-sizing:border-box;
|
|
1403
1133
|
width:100%;
|
|
1404
|
-
padding:14px 16px;
|
|
1405
1134
|
padding:var(--input-field-padding-tight);
|
|
1406
|
-
font-family:museosans, Arial, sans-serif;
|
|
1407
1135
|
font-family:var(--font-family);
|
|
1408
|
-
font-size:16px;
|
|
1409
1136
|
font-size:var(--font-size-regular);
|
|
1410
|
-
font-weight:500;
|
|
1411
1137
|
font-weight:var(--font-weight-normal);
|
|
1412
|
-
border:2px solid #9084e8;
|
|
1413
1138
|
border:var(--border-default);
|
|
1414
|
-
border-radius:4px;
|
|
1415
1139
|
border-radius:var(--radius-1);
|
|
1416
|
-
color:#18181d;
|
|
1417
1140
|
color:var(--color-text);
|
|
1418
1141
|
outline:0;
|
|
1419
1142
|
position:relative;
|
|
1420
1143
|
cursor:pointer;
|
|
1421
|
-
background-color:#ffffff;
|
|
1422
1144
|
background-color:var(--color-background-input);
|
|
1423
1145
|
}
|
|
1424
1146
|
.mobius-radio__label.--is-disabled{
|
|
1425
|
-
background-color:#f3f3f3;
|
|
1426
1147
|
background-color:var(--color-background-light);
|
|
1427
|
-
border-color:#d1d1d2;
|
|
1428
1148
|
border-color:var(--color-border-medium);
|
|
1429
|
-
color:#d1d1d2;
|
|
1430
1149
|
color:var(--color-text-light);
|
|
1431
1150
|
cursor:not-allowed;
|
|
1432
1151
|
}
|
|
1433
1152
|
.mobius-radio__label.--is-disabled.--is-selected{
|
|
1434
|
-
border-color:#f3f3f3;
|
|
1435
1153
|
border-color:var(--color-border-light);
|
|
1436
1154
|
}
|
|
1437
1155
|
.mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled){
|
|
1438
|
-
border-color:#9084e8;
|
|
1439
1156
|
border-color:var(--color-primary-light);
|
|
1440
1157
|
}
|
|
1441
1158
|
.mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled) .mobius-radio__input{
|
|
1442
|
-
outline-color:#9084e8;
|
|
1443
1159
|
outline-color:var(--color-primary-light);
|
|
1444
1160
|
}
|
|
1445
1161
|
.mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled) .mobius-radio__input:checked::after{
|
|
1446
|
-
background-color:#9084e8;
|
|
1447
1162
|
background-color:var(--color-primary-light);
|
|
1448
1163
|
}
|
|
1449
1164
|
.mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label){
|
|
1450
|
-
border-color:#4632d8;
|
|
1451
1165
|
border-color:var(--color-primary);
|
|
1452
|
-
background-color:#f6f5fd;
|
|
1453
1166
|
background-color:var(--color-background-input-active);
|
|
1454
1167
|
}
|
|
1455
1168
|
.mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label) .mobius-radio__input{
|
|
1456
|
-
outline-color:#4632d8;
|
|
1457
1169
|
outline-color:var(--color-primary);
|
|
1458
1170
|
}
|
|
1459
1171
|
.mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label) .mobius-radio__input:checked::after{
|
|
1460
|
-
background-color:#4632d8;
|
|
1461
1172
|
background-color:var(--color-primary);
|
|
1462
1173
|
}
|
|
1463
1174
|
.mobius-radio__label:focus-within:not(.--is-disabled){
|
|
1464
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
1465
1175
|
box-shadow:var(--box-shadow-default);
|
|
1466
1176
|
}
|
|
1467
1177
|
.mobius-radio__label:focus-within:not(.--is-disabled):not(.--is-invalid .mobius-radio__label:focus-within:not(.--is-disabled)){
|
|
1468
|
-
border-color:#4632d8;
|
|
1469
1178
|
border-color:var(--color-primary);
|
|
1470
|
-
background-color:#f6f5fd;
|
|
1471
1179
|
background-color:var(--color-background-input-active);
|
|
1472
1180
|
}
|
|
1473
1181
|
.mobius-radio__label:focus-within:not(.--is-disabled):not(.--is-invalid .mobius-radio__label:focus-within:not(.--is-disabled)) .mobius-radio__input{
|
|
1474
|
-
outline-color:#4632d8;
|
|
1475
1182
|
outline-color:var(--color-primary);
|
|
1476
1183
|
}
|
|
1477
1184
|
.mobius-radio__label:focus-within:not(.--is-disabled):not(.--is-invalid .mobius-radio__label:focus-within:not(.--is-disabled)) .mobius-radio__input:checked::after{
|
|
1478
|
-
background-color:#4632d8;
|
|
1479
1185
|
background-color:var(--color-primary);
|
|
1480
1186
|
}
|
|
1481
1187
|
.mobius-radio__label.--is-multiline{
|
|
1482
1188
|
width:100%;
|
|
1483
1189
|
}
|
|
1484
1190
|
.--is-invalid .mobius-radio__label:not(.--is-disabled){
|
|
1485
|
-
border-color:#b90909;
|
|
1486
1191
|
border-color:var(--color-error);
|
|
1487
|
-
color:#b90909;
|
|
1488
1192
|
color:var(--color-error);
|
|
1489
1193
|
}
|
|
1490
1194
|
.--is-invalid .mobius-radio__label:not(.--is-disabled):hover,
|
|
1491
1195
|
.--is-invalid .mobius-radio__label:not(.--is-disabled):focus-within{
|
|
1492
|
-
border-color:#b90909;
|
|
1493
1196
|
border-color:var(--color-error);
|
|
1494
|
-
background-color:#f8e7e7;
|
|
1495
1197
|
background-color:var(--color-error-background);
|
|
1496
1198
|
}
|
|
1497
1199
|
.--is-invalid .mobius-radio__label:not(.--is-disabled) .mobius-radio__input{
|
|
1498
|
-
outline-color:#b90909;
|
|
1499
1200
|
outline-color:var(--color-error);
|
|
1500
1201
|
}
|
|
1501
1202
|
.--is-invalid .mobius-radio__label:not(.--is-disabled) .mobius-radio__input:checked::after{
|
|
1502
|
-
background-color:#b90909;
|
|
1503
1203
|
background-color:var(--color-error);
|
|
1504
1204
|
}
|
|
1505
1205
|
.mobius-radio__content{
|
|
@@ -1510,11 +1210,8 @@ a.mobius-button:focus-visible,
|
|
|
1510
1210
|
flex:1;
|
|
1511
1211
|
}
|
|
1512
1212
|
.mobius-radio__content-first-line{
|
|
1513
|
-
font-weight:700;
|
|
1514
1213
|
font-weight:var(--font-weight-bold);
|
|
1515
|
-
margin-bottom:8px;
|
|
1516
1214
|
margin-bottom:var(--size-xs);
|
|
1517
|
-
padding-top:calc(4px - 1px);
|
|
1518
1215
|
padding-top:calc(var(--size-xxs) - 1px);
|
|
1519
1216
|
}
|
|
1520
1217
|
:root,
|
|
@@ -1525,11 +1222,8 @@ a.mobius-button:focus-visible,
|
|
|
1525
1222
|
box-sizing:border-box;
|
|
1526
1223
|
display:flex;
|
|
1527
1224
|
flex-direction:column;
|
|
1528
|
-
border:2px solid #f3f3f3;
|
|
1529
1225
|
border:var(--segment-border);
|
|
1530
|
-
border-radius:8px;
|
|
1531
1226
|
border-radius:var(--radius-2);
|
|
1532
|
-
margin-bottom:16px;
|
|
1533
1227
|
margin-bottom:var(--size-sm);
|
|
1534
1228
|
}
|
|
1535
1229
|
.mobius-segment-group.--is-horizontal{
|
|
@@ -1537,17 +1231,14 @@ a.mobius-button:focus-visible,
|
|
|
1537
1231
|
}
|
|
1538
1232
|
.mobius-segment-group .mobius-segment-group.gap-size-xs,
|
|
1539
1233
|
.mobius-segment-group.gap-size-xs{
|
|
1540
|
-
margin:8px;
|
|
1541
1234
|
margin:var(--size-xs);
|
|
1542
1235
|
}
|
|
1543
1236
|
.mobius-segment-group .mobius-segment-group.gap-size-s,
|
|
1544
1237
|
.mobius-segment-group.gap-size-s{
|
|
1545
|
-
margin:16px;
|
|
1546
1238
|
margin:var(--size-sm);
|
|
1547
1239
|
}
|
|
1548
1240
|
.mobius-segment-group .mobius-segment-group.gap-size-m,
|
|
1549
1241
|
.mobius-segment-group.gap-size-m{
|
|
1550
|
-
margin:24px;
|
|
1551
1242
|
margin:var(--size-md);
|
|
1552
1243
|
}
|
|
1553
1244
|
.mobius-segment-group .mobius-segment-group.gap-size-l,
|
|
@@ -1556,22 +1247,18 @@ a.mobius-button:focus-visible,
|
|
|
1556
1247
|
}
|
|
1557
1248
|
.mobius-segment-group .mobius-segment-group.gap-size-xl,
|
|
1558
1249
|
.mobius-segment-group.gap-size-xl{
|
|
1559
|
-
margin:40px;
|
|
1560
1250
|
margin:var(--size-xl);
|
|
1561
1251
|
}
|
|
1562
1252
|
.mobius-segment-group .mobius-segment-group.gap-size-xxl,
|
|
1563
1253
|
.mobius-segment-group.gap-size-xxl{
|
|
1564
|
-
margin:48px;
|
|
1565
1254
|
margin:var(--size-xxl);
|
|
1566
1255
|
}
|
|
1567
1256
|
.mobius-segment-group > .mobius-segment{
|
|
1568
1257
|
border:none;
|
|
1569
|
-
border-top:2px solid #f3f3f3;
|
|
1570
1258
|
border-top:var(--segment-border);
|
|
1571
1259
|
}
|
|
1572
1260
|
.mobius-segment-group:not(.--is-horizontal) > .mobius-segment:first-child{
|
|
1573
1261
|
border-top:none;
|
|
1574
|
-
border-radius:8px;
|
|
1575
1262
|
border-radius:var(--radius-2);
|
|
1576
1263
|
}
|
|
1577
1264
|
.mobius-segment-group:not(.--is-horizontal) > .mobius-segment:not(:first-child):not(:last-child){
|
|
@@ -1586,7 +1273,6 @@ a.mobius-button:focus-visible,
|
|
|
1586
1273
|
.mobius-segment-group.--is-horizontal > .mobius-segment-group{
|
|
1587
1274
|
border:none;
|
|
1588
1275
|
border-radius:0;
|
|
1589
|
-
border-left:2px solid #f3f3f3;
|
|
1590
1276
|
border-left:var(--segment-border);
|
|
1591
1277
|
}
|
|
1592
1278
|
.mobius-segment-group.--is-horizontal > .mobius-segment:first-child,
|
|
@@ -1612,14 +1298,12 @@ a.mobius-button:focus-visible,
|
|
|
1612
1298
|
.mobius-segment-group .mobius-segment-group > .mobius-segment-group.--is-horizontal{
|
|
1613
1299
|
border-radius:0;
|
|
1614
1300
|
border:0;
|
|
1615
|
-
border-top:2px solid #f3f3f3;
|
|
1616
1301
|
border-top:var(--segment-border);
|
|
1617
1302
|
margin:0;
|
|
1618
1303
|
}
|
|
1619
1304
|
.mobius-segment-group .mobius-segment-group:not(.--is-horizontal)
|
|
1620
1305
|
> .mobius-segment-group:not(.--is-horizontal)
|
|
1621
1306
|
.mobius-segment:first-child{
|
|
1622
|
-
border-top:2px solid #f3f3f3;
|
|
1623
1307
|
border-top:var(--segment-border);
|
|
1624
1308
|
}
|
|
1625
1309
|
.mobius-segment{
|
|
@@ -1628,11 +1312,8 @@ a.mobius-button:focus-visible,
|
|
|
1628
1312
|
flex-direction:column;
|
|
1629
1313
|
align-items:flex-start;
|
|
1630
1314
|
width:100%;
|
|
1631
|
-
border:2px solid #f3f3f3;
|
|
1632
1315
|
border:var(--segment-border);
|
|
1633
|
-
border-radius:8px;
|
|
1634
1316
|
border-radius:var(--radius-2);
|
|
1635
|
-
padding:16px;
|
|
1636
1317
|
padding:var(--size-sm);
|
|
1637
1318
|
}
|
|
1638
1319
|
.mobius-segment .mobius-text,
|
|
@@ -1650,27 +1331,21 @@ a.mobius-button:focus-visible,
|
|
|
1650
1331
|
margin:0;
|
|
1651
1332
|
}
|
|
1652
1333
|
.mobius-segment .mobius-text.--is-p{
|
|
1653
|
-
line-height:20px;
|
|
1654
1334
|
line-height:var(--font-size-lead);
|
|
1655
1335
|
}
|
|
1656
1336
|
.mobius-segment.subtle{
|
|
1657
|
-
background-color:#f6f5fd;
|
|
1658
1337
|
background-color:var(--color-background-highlight);
|
|
1659
1338
|
}
|
|
1660
1339
|
.mobius-segment.grey{
|
|
1661
|
-
background-color:#f3f3f3;
|
|
1662
1340
|
background-color:var(--color-background-light);
|
|
1663
1341
|
}
|
|
1664
1342
|
.mobius-segment.primary{
|
|
1665
|
-
background-color:#4632d8;
|
|
1666
1343
|
background-color:var(--color-primary);
|
|
1667
1344
|
}
|
|
1668
1345
|
.mobius-segment.secondary{
|
|
1669
|
-
background-color:#4632d8;
|
|
1670
1346
|
background-color:var(--color-secondary);
|
|
1671
1347
|
}
|
|
1672
1348
|
.mobius-segment.inverted{
|
|
1673
|
-
color:#ffffff;
|
|
1674
1349
|
color:var(--color-text-inverted);
|
|
1675
1350
|
}
|
|
1676
1351
|
.mobius-segment .mobius-text-field:last-child,
|
|
@@ -1686,10 +1361,8 @@ a.mobius-button:focus-visible,
|
|
|
1686
1361
|
}
|
|
1687
1362
|
.mobius-segment__heading{
|
|
1688
1363
|
box-sizing:border-box;
|
|
1689
|
-
font-size:16px;
|
|
1690
1364
|
font-size:var(--font-size-regular);
|
|
1691
1365
|
margin:0;
|
|
1692
|
-
margin-bottom:16px;
|
|
1693
1366
|
margin-bottom:var(--size-sm);
|
|
1694
1367
|
}
|
|
1695
1368
|
:root,
|
|
@@ -1708,60 +1381,39 @@ a.mobius-button:focus-visible,
|
|
|
1708
1381
|
display:flex;
|
|
1709
1382
|
align-items:center;
|
|
1710
1383
|
position:relative;
|
|
1711
|
-
max-width:none;
|
|
1712
1384
|
max-width:var(--select-wrapper-max-width);
|
|
1713
1385
|
}
|
|
1714
1386
|
.mobius-select{
|
|
1715
1387
|
box-sizing:border-box;
|
|
1716
1388
|
width:100%;
|
|
1717
|
-
padding:17px 16px;
|
|
1718
1389
|
padding:var(--input-field-padding);
|
|
1719
|
-
font-family:museosans, Arial, sans-serif;
|
|
1720
1390
|
font-family:var(--font-family);
|
|
1721
|
-
font-size:16px;
|
|
1722
1391
|
font-size:var(--font-size-regular);
|
|
1723
|
-
border:2px solid #9084e8;
|
|
1724
1392
|
border:var(--border-default);
|
|
1725
|
-
border-radius:4px;
|
|
1726
1393
|
border-radius:var(--radius-1);
|
|
1727
|
-
background-color:#ffffff;
|
|
1728
1394
|
background-color:var(--color-background-input);
|
|
1729
|
-
color:#5d5d60;
|
|
1730
1395
|
color:var(--color-text-medium);
|
|
1731
1396
|
outline:0;
|
|
1732
|
-
|
|
1733
|
-
-moz-appearance:none;
|
|
1734
|
-
appearance:none;
|
|
1397
|
+
appearance:none;
|
|
1735
1398
|
}
|
|
1736
1399
|
.mobius-select.--is-disabled{
|
|
1737
|
-
background-color:#f3f3f3;
|
|
1738
1400
|
background-color:var(--color-background-light);
|
|
1739
|
-
border-color:#d1d1d2;
|
|
1740
1401
|
border-color:var(--color-border-medium);
|
|
1741
|
-
color:#d1d1d2;
|
|
1742
1402
|
color:var(--color-text-light);
|
|
1743
1403
|
cursor:not-allowed;
|
|
1744
1404
|
}
|
|
1745
1405
|
.mobius-select:not(.--is-invalid):not(.--is-disabled):hover{
|
|
1746
|
-
border-color:#4632d8;
|
|
1747
1406
|
border-color:var(--color-primary);
|
|
1748
|
-
background-color:#f6f5fd;
|
|
1749
1407
|
background-color:var(--color-background-input-active);
|
|
1750
1408
|
}
|
|
1751
1409
|
.mobius-select:focus-visible{
|
|
1752
|
-
border-color:#4632d8;
|
|
1753
1410
|
border-color:var(--color-primary);
|
|
1754
|
-
background-color:#f6f5fd;
|
|
1755
1411
|
background-color:var(--color-background-input-active);
|
|
1756
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
1757
1412
|
box-shadow:var(--box-shadow-default);
|
|
1758
1413
|
}
|
|
1759
1414
|
.mobius-select.--is-invalid{
|
|
1760
|
-
border-color:#b90909;
|
|
1761
1415
|
border-color:var(--color-error);
|
|
1762
|
-
background-color:#f8e7e7;
|
|
1763
1416
|
background-color:var(--color-error-background);
|
|
1764
|
-
color:#b90909;
|
|
1765
1417
|
color:var(--color-error);
|
|
1766
1418
|
}
|
|
1767
1419
|
.mobius-select__icon{
|
|
@@ -1772,90 +1424,66 @@ a.mobius-button:focus-visible,
|
|
|
1772
1424
|
position:absolute;
|
|
1773
1425
|
right:2px;
|
|
1774
1426
|
height:100%;
|
|
1775
|
-
padding:24px;
|
|
1776
1427
|
padding:var(--size-md);
|
|
1777
|
-
border-radius:4px;
|
|
1778
1428
|
border-radius:var(--radius-1);
|
|
1779
1429
|
pointer-events:none;
|
|
1780
|
-
color:#5d5d60;
|
|
1781
1430
|
color:var(--color-text-medium);
|
|
1782
1431
|
}
|
|
1783
1432
|
.mobius-select__icon.--is-disabled{
|
|
1784
|
-
color:#d1d1d2;
|
|
1785
1433
|
color:var(--color-text-light);
|
|
1786
1434
|
}
|
|
1787
1435
|
.mobius-select__icon.--is-invalid{
|
|
1788
|
-
color:#b90909;
|
|
1789
1436
|
color:var(--color-error);
|
|
1790
1437
|
}
|
|
1791
1438
|
:root,
|
|
1792
1439
|
:host{
|
|
1793
|
-
--slider-primary-track-background
|
|
1440
|
+
--slider-primary-track-background:#4632d820;
|
|
1794
1441
|
--slider-primary-thumb-background:var(--color-primary);
|
|
1795
|
-
--slider-secondary-track-background
|
|
1442
|
+
--slider-secondary-track-background:#e943c920;
|
|
1796
1443
|
--slider-secondary-thumb-background:var(--color-accent);
|
|
1797
1444
|
--thumb-size:20px;
|
|
1798
1445
|
}
|
|
1799
1446
|
.mobius-slider{
|
|
1800
1447
|
position:relative;
|
|
1801
1448
|
display:grid;
|
|
1802
|
-
grid-gap:4px;
|
|
1803
|
-
grid-gap:var(--size-xxs);
|
|
1804
|
-
gap:4px;
|
|
1805
1449
|
gap:var(--size-xxs);
|
|
1806
1450
|
}
|
|
1807
1451
|
.mobius-slider.--is-primary .mobius-slider__track{
|
|
1808
|
-
background-color:rgba(70,50,216,0.12549);
|
|
1809
1452
|
background-color:var(--slider-primary-track-background);
|
|
1810
1453
|
}
|
|
1811
1454
|
.mobius-slider.--is-primary .mobius-slider__track::-webkit-slider-thumb{
|
|
1812
|
-
background-color:#4632d8;
|
|
1813
1455
|
background-color:var(--slider-primary-thumb-background);
|
|
1814
|
-
box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #4632d8;
|
|
1815
1456
|
box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-primary-thumb-background);
|
|
1816
1457
|
}
|
|
1817
1458
|
.mobius-slider.--is-primary .mobius-slider__track::-moz-range-thumb{
|
|
1818
|
-
background-color:#4632d8;
|
|
1819
1459
|
background-color:var(--slider-primary-thumb-background);
|
|
1820
|
-
box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #4632d8;
|
|
1821
1460
|
box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-primary-thumb-background);
|
|
1822
1461
|
}
|
|
1823
1462
|
.mobius-slider.--is-secondary .mobius-slider__track{
|
|
1824
|
-
background-color:rgba(233,67,201,0.12549);
|
|
1825
1463
|
background-color:var(--slider-secondary-track-background);
|
|
1826
1464
|
}
|
|
1827
1465
|
.mobius-slider.--is-secondary .mobius-slider__track::-webkit-slider-thumb{
|
|
1828
|
-
background-color:#e943c9;
|
|
1829
1466
|
background-color:var(--slider-secondary-thumb-background);
|
|
1830
|
-
box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #e943c9;
|
|
1831
1467
|
box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-secondary-thumb-background);
|
|
1832
1468
|
}
|
|
1833
1469
|
.mobius-slider.--is-secondary .mobius-slider__track::-moz-range-thumb{
|
|
1834
|
-
background-color:#e943c9;
|
|
1835
1470
|
background-color:var(--slider-secondary-thumb-background);
|
|
1836
|
-
box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #e943c9;
|
|
1837
1471
|
box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-secondary-thumb-background);
|
|
1838
1472
|
}
|
|
1839
1473
|
.mobius-slider.--is-disabled{
|
|
1840
|
-
color:#d1d1d2;
|
|
1841
1474
|
color:var(--color-text-light);
|
|
1842
1475
|
cursor:not-allowed;
|
|
1843
1476
|
}
|
|
1844
1477
|
.mobius-slider.--is-disabled .mobius-slider__track{
|
|
1845
|
-
background-color:#f3f3f3;
|
|
1846
1478
|
background-color:var(--color-background-light);
|
|
1847
1479
|
}
|
|
1848
1480
|
.mobius-slider.--is-disabled .mobius-slider__track::-webkit-slider-thumb{
|
|
1849
|
-
background-color:#f3f3f3;
|
|
1850
1481
|
background-color:var(--color-background-light);
|
|
1851
|
-
box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #d1d1d2;
|
|
1852
1482
|
box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--color-border-medium);
|
|
1853
1483
|
cursor:not-allowed;
|
|
1854
1484
|
}
|
|
1855
1485
|
.mobius-slider.--is-disabled .mobius-slider__track::-moz-range-thumb{
|
|
1856
|
-
background-color:#f3f3f3;
|
|
1857
1486
|
background-color:var(--color-background-light);
|
|
1858
|
-
box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #d1d1d2;
|
|
1859
1487
|
box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--color-border-medium);
|
|
1860
1488
|
cursor:not-allowed;
|
|
1861
1489
|
}
|
|
@@ -1866,13 +1494,10 @@ a.mobius-button:focus-visible,
|
|
|
1866
1494
|
}
|
|
1867
1495
|
.mobius-slider__track{
|
|
1868
1496
|
position:absolute;
|
|
1869
|
-
|
|
1870
|
-
appearance:none;
|
|
1497
|
+
appearance:none;
|
|
1871
1498
|
-webkit-appearance:none;
|
|
1872
1499
|
width:100%;
|
|
1873
|
-
height:8px;
|
|
1874
1500
|
height:var(--size-xs);
|
|
1875
|
-
top:calc(8px + 2px);
|
|
1876
1501
|
top:calc(var(--size-xs) + 2px);
|
|
1877
1502
|
border-radius:999px;
|
|
1878
1503
|
touch-action:none;
|
|
@@ -1885,21 +1510,16 @@ a.mobius-button:focus-visible,
|
|
|
1885
1510
|
.mobius-slider__track::-webkit-slider-thumb{
|
|
1886
1511
|
appearance:none;
|
|
1887
1512
|
-webkit-appearance:none;
|
|
1888
|
-
width:20px;
|
|
1889
1513
|
width:var(--thumb-size);
|
|
1890
|
-
height:20px;
|
|
1891
1514
|
height:var(--thumb-size);
|
|
1892
1515
|
border:var(--thumb-border);
|
|
1893
1516
|
border-radius:50%;
|
|
1894
1517
|
cursor:pointer;
|
|
1895
1518
|
}
|
|
1896
1519
|
.mobius-slider__track::-moz-range-thumb{
|
|
1897
|
-
|
|
1898
|
-
appearance:none;
|
|
1520
|
+
appearance:none;
|
|
1899
1521
|
-webkit-appearance:none;
|
|
1900
|
-
width:20px;
|
|
1901
1522
|
width:var(--thumb-size);
|
|
1902
|
-
height:20px;
|
|
1903
1523
|
height:var(--thumb-size);
|
|
1904
1524
|
border:var(--thumb-border);
|
|
1905
1525
|
border-radius:50%;
|
|
@@ -1923,27 +1543,21 @@ a.mobius-button:focus-visible,
|
|
|
1923
1543
|
grid-auto-flow:row;
|
|
1924
1544
|
}
|
|
1925
1545
|
.mobius-stack.--gap-xxs{
|
|
1926
|
-
gap:4px;
|
|
1927
1546
|
gap:var(--size-xxs);
|
|
1928
1547
|
}
|
|
1929
1548
|
.mobius-stack.--gap-xs{
|
|
1930
|
-
gap:8px;
|
|
1931
1549
|
gap:var(--size-xs);
|
|
1932
1550
|
}
|
|
1933
1551
|
.mobius-stack.--gap-sm{
|
|
1934
|
-
gap:16px;
|
|
1935
1552
|
gap:var(--size-sm);
|
|
1936
1553
|
}
|
|
1937
1554
|
.mobius-stack.--gap-md{
|
|
1938
|
-
gap:24px;
|
|
1939
1555
|
gap:var(--size-md);
|
|
1940
1556
|
}
|
|
1941
1557
|
.mobius-stack.--gap-lg{
|
|
1942
|
-
gap:32px;
|
|
1943
1558
|
gap:var(--size-lg);
|
|
1944
1559
|
}
|
|
1945
1560
|
.mobius-stack.--gap-xl{
|
|
1946
|
-
gap:40px;
|
|
1947
1561
|
gap:var(--size-xl);
|
|
1948
1562
|
}
|
|
1949
1563
|
:root,
|
|
@@ -1958,10 +1572,8 @@ a.mobius-button:focus-visible,
|
|
|
1958
1572
|
border-collapse:collapse;
|
|
1959
1573
|
line-height:1.7;
|
|
1960
1574
|
box-sizing:border-box;
|
|
1961
|
-
text-indent:0;
|
|
1962
1575
|
text-indent:initial;
|
|
1963
1576
|
border-spacing:2px;
|
|
1964
|
-
border-color:#f3f3f3;
|
|
1965
1577
|
border-color:var(--color-border-light);
|
|
1966
1578
|
}
|
|
1967
1579
|
.mobius-table__head{
|
|
@@ -1969,23 +1581,17 @@ a.mobius-button:focus-visible,
|
|
|
1969
1581
|
box-sizing:border-box;
|
|
1970
1582
|
vertical-align:middle;
|
|
1971
1583
|
border-color:inherit;
|
|
1972
|
-
font-weight:700;
|
|
1973
1584
|
font-weight:var(--font-weight-bold);
|
|
1974
1585
|
}
|
|
1975
1586
|
.mobius-table__head-cell{
|
|
1976
1587
|
display:table-cell;
|
|
1977
|
-
font-weight:700;
|
|
1978
1588
|
font-weight:var(--font-weight-bold);
|
|
1979
1589
|
box-sizing:border-box;
|
|
1980
1590
|
vertical-align:baseline;
|
|
1981
|
-
padding-top:8px;
|
|
1982
1591
|
padding-top:var(--size-xs);
|
|
1983
|
-
padding-bottom:8px;
|
|
1984
1592
|
padding-bottom:var(--size-xs);
|
|
1985
|
-
padding-right:32px;
|
|
1986
1593
|
padding-right:var(--size-lg);
|
|
1987
1594
|
border-color:currentColor;
|
|
1988
|
-
border-width:1px;
|
|
1989
1595
|
border-width:var(--table-border-width);
|
|
1990
1596
|
border-bottom-style:solid;
|
|
1991
1597
|
}
|
|
@@ -1999,17 +1605,11 @@ a.mobius-button:focus-visible,
|
|
|
1999
1605
|
display:table-cell;
|
|
2000
1606
|
vertical-align:baseline;
|
|
2001
1607
|
box-sizing:border-box;
|
|
2002
|
-
color:#5d5d60;
|
|
2003
1608
|
color:var(--color-text-medium);
|
|
2004
|
-
padding-top:8px;
|
|
2005
1609
|
padding-top:var(--size-xs);
|
|
2006
|
-
padding-bottom:8px;
|
|
2007
1610
|
padding-bottom:var(--size-xs);
|
|
2008
|
-
padding-right:32px;
|
|
2009
1611
|
padding-right:var(--size-lg);
|
|
2010
|
-
border-color:#f3f3f3;
|
|
2011
1612
|
border-color:var(--color-border-light);
|
|
2012
|
-
border-width:1px;
|
|
2013
1613
|
border-width:var(--table-border-width);
|
|
2014
1614
|
border-bottom-style:solid;
|
|
2015
1615
|
}
|
|
@@ -2018,176 +1618,117 @@ a.mobius-button:focus-visible,
|
|
|
2018
1618
|
}
|
|
2019
1619
|
.mobius-text{
|
|
2020
1620
|
box-sizing:border-box;
|
|
2021
|
-
font-family:museosans, Arial, sans-serif;
|
|
2022
1621
|
font-family:var(--font-family);
|
|
2023
|
-
font-size:16px;
|
|
2024
1622
|
font-size:var(--font-size-regular);
|
|
2025
|
-
font-weight:500;
|
|
2026
1623
|
font-weight:var(--font-weight-normal);
|
|
2027
|
-
line-height:1.5;
|
|
2028
1624
|
line-height:var(--line-height-normal);
|
|
2029
1625
|
}
|
|
2030
1626
|
.mobius-text:where(.--is-p){
|
|
2031
1627
|
box-sizing:border-box;
|
|
2032
|
-
font-family:museosans, Arial, sans-serif;
|
|
2033
1628
|
font-family:var(--font-family);
|
|
2034
|
-
font-size:16px;
|
|
2035
1629
|
font-size:var(--font-size-regular);
|
|
2036
|
-
font-weight:500;
|
|
2037
1630
|
font-weight:var(--font-weight-normal);
|
|
2038
|
-
line-height:1.5;
|
|
2039
1631
|
line-height:var(--line-height-normal);
|
|
2040
1632
|
}
|
|
2041
1633
|
.mobius-text:where(.--is-h1){
|
|
2042
1634
|
box-sizing:border-box;
|
|
2043
|
-
font-family:museosans, Arial, sans-serif;
|
|
2044
1635
|
font-family:var(--font-family);
|
|
2045
|
-
font-size:32px;
|
|
2046
1636
|
font-size:var(--font-size-title);
|
|
2047
|
-
font-weight:700;
|
|
2048
1637
|
font-weight:var(--font-weight-bold);
|
|
2049
1638
|
line-height:1.25;
|
|
2050
1639
|
margin:0.35em 0;
|
|
2051
1640
|
}
|
|
2052
1641
|
.mobius-text:where(.--is-h2){
|
|
2053
1642
|
box-sizing:border-box;
|
|
2054
|
-
font-family:museosans, Arial, sans-serif;
|
|
2055
1643
|
font-family:var(--font-family);
|
|
2056
|
-
font-size:24px;
|
|
2057
1644
|
font-size:var(--font-size-small-title);
|
|
2058
|
-
font-weight:700;
|
|
2059
1645
|
font-weight:var(--font-weight-bold);
|
|
2060
|
-
line-height:1.333;
|
|
2061
1646
|
line-height:var(--line-height-tight);
|
|
2062
1647
|
margin:0.45em 0;
|
|
2063
1648
|
}
|
|
2064
1649
|
.mobius-text:where(.--is-h3){
|
|
2065
1650
|
box-sizing:border-box;
|
|
2066
|
-
font-family:museosans, Arial, sans-serif;
|
|
2067
1651
|
font-family:var(--font-family);
|
|
2068
|
-
font-size:20px;
|
|
2069
1652
|
font-size:var(--font-size-lead);
|
|
2070
|
-
font-weight:700;
|
|
2071
1653
|
font-weight:var(--font-weight-bold);
|
|
2072
1654
|
line-height:1.2;
|
|
2073
1655
|
margin:0.5em 0;
|
|
2074
1656
|
}
|
|
2075
1657
|
.mobius-text:where(.--is-h4){
|
|
2076
1658
|
box-sizing:border-box;
|
|
2077
|
-
font-family:museosans, Arial, sans-serif;
|
|
2078
1659
|
font-family:var(--font-family);
|
|
2079
|
-
font-size:16px;
|
|
2080
1660
|
font-size:var(--font-size-regular);
|
|
2081
|
-
font-weight:700;
|
|
2082
1661
|
font-weight:var(--font-weight-bold);
|
|
2083
|
-
line-height:1.5;
|
|
2084
1662
|
line-height:var(--line-height-normal);
|
|
2085
1663
|
margin:0.55em 0;
|
|
2086
1664
|
}
|
|
2087
1665
|
.mobius-text:where(.--is-span){
|
|
2088
1666
|
box-sizing:border-box;
|
|
2089
|
-
font-size:16px;
|
|
2090
1667
|
font-size:var(--font-size-regular);
|
|
2091
|
-
font-weight:500;
|
|
2092
1668
|
font-weight:var(--font-weight-normal);
|
|
2093
|
-
line-height:1.5;
|
|
2094
1669
|
line-height:var(--line-height-normal);
|
|
2095
1670
|
}
|
|
2096
1671
|
.mobius-text:where(.--is-body){
|
|
2097
1672
|
box-sizing:border-box;
|
|
2098
|
-
font-family:museosans, Arial, sans-serif;
|
|
2099
1673
|
font-family:var(--font-family);
|
|
2100
|
-
font-size:16px;
|
|
2101
1674
|
font-size:var(--font-size-regular);
|
|
2102
|
-
font-weight:500;
|
|
2103
1675
|
font-weight:var(--font-weight-normal);
|
|
2104
|
-
line-height:1.5;
|
|
2105
1676
|
line-height:var(--line-height-normal);
|
|
2106
|
-
color:#5d5d60;
|
|
2107
1677
|
color:var(--color-text-medium);
|
|
2108
1678
|
}
|
|
2109
1679
|
.mobius-text:where(.--is-small){
|
|
2110
1680
|
box-sizing:border-box;
|
|
2111
|
-
font-family:museosans, Arial, sans-serif;
|
|
2112
1681
|
font-family:var(--font-family);
|
|
2113
|
-
font-size:14px;
|
|
2114
1682
|
font-size:var(--font-size-small-paragraph);
|
|
2115
|
-
font-weight:500;
|
|
2116
1683
|
font-weight:var(--font-weight-normal);
|
|
2117
1684
|
line-height:1.428;
|
|
2118
|
-
color:#5d5d60;
|
|
2119
1685
|
color:var(--color-text-medium);
|
|
2120
1686
|
}
|
|
2121
1687
|
.mobius-text:where(.--is-legal){
|
|
2122
1688
|
box-sizing:border-box;
|
|
2123
|
-
font-family:museosans, Arial, sans-serif;
|
|
2124
1689
|
font-family:var(--font-family);
|
|
2125
|
-
font-size:12px;
|
|
2126
1690
|
font-size:var(--font-size-small-print);
|
|
2127
|
-
font-weight:500;
|
|
2128
1691
|
font-weight:var(--font-weight-normal);
|
|
2129
|
-
line-height:1.333;
|
|
2130
1692
|
line-height:var(--line-height-tight);
|
|
2131
|
-
color:#5d5d60;
|
|
2132
1693
|
color:var(--color-text-medium);
|
|
2133
1694
|
}
|
|
2134
1695
|
.mobius-text:where(.--has-line-height-tight){
|
|
2135
|
-
line-height:1.333;
|
|
2136
1696
|
line-height:var(--line-height-tight);
|
|
2137
1697
|
}
|
|
2138
1698
|
.mobius-text:where(.--has-line-height-loose){
|
|
2139
|
-
line-height:1.5;
|
|
2140
1699
|
line-height:var(--line-height-normal);
|
|
2141
1700
|
}
|
|
2142
1701
|
.mobius-text-area__input{
|
|
2143
1702
|
box-sizing:border-box;
|
|
2144
1703
|
flex:1 1 0%;
|
|
2145
|
-
border:2px solid #9084e8;
|
|
2146
1704
|
border:var(--border-default);
|
|
2147
|
-
border-radius:4px;
|
|
2148
1705
|
border-radius:var(--radius-1);
|
|
2149
|
-
padding:8px 16px;
|
|
2150
1706
|
padding:var(--size-xs) var(--size-sm);
|
|
2151
1707
|
margin:0px;
|
|
2152
|
-
font-family:museosans, Arial, sans-serif;
|
|
2153
1708
|
font-family:var(--font-family);
|
|
2154
|
-
font-size:16px;
|
|
2155
1709
|
font-size:var(--font-size-regular);
|
|
2156
|
-
color:#18181d;
|
|
2157
1710
|
color:var(--color-text);
|
|
2158
1711
|
outline:0px;
|
|
2159
|
-
background-color:#ffffff;
|
|
2160
1712
|
background-color:var(--color-background-input);
|
|
2161
1713
|
}
|
|
2162
1714
|
.mobius-text-area__input:hover:not(.--is-disabled):not(.mobius-text-area__input.--is-invalid){
|
|
2163
|
-
border-color:#4632d8;
|
|
2164
1715
|
border-color:var(--color-primary);
|
|
2165
|
-
background-color:#f6f5fd;
|
|
2166
1716
|
background-color:var(--color-background-input-active);
|
|
2167
1717
|
}
|
|
2168
1718
|
.mobius-text-area__input:focus-visible{
|
|
2169
|
-
border-color:#4632d8;
|
|
2170
1719
|
border-color:var(--color-primary);
|
|
2171
|
-
background-color:#f6f5fd;
|
|
2172
1720
|
background-color:var(--color-background-input-active);
|
|
2173
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
2174
1721
|
box-shadow:var(--box-shadow-default);
|
|
2175
1722
|
}
|
|
2176
1723
|
.mobius-text-area__input.--is-disabled{
|
|
2177
|
-
background-color:#f3f3f3;
|
|
2178
1724
|
background-color:var(--color-background-light);
|
|
2179
|
-
border-color:#d1d1d2;
|
|
2180
1725
|
border-color:var(--color-border-medium);
|
|
2181
|
-
color:#d1d1d2;
|
|
2182
1726
|
color:var(--color-text-light);
|
|
2183
1727
|
cursor:not-allowed;
|
|
2184
1728
|
}
|
|
2185
1729
|
.mobius-text-area__input.--is-invalid:not(.--is-disabled){
|
|
2186
|
-
border-color:#b90909;
|
|
2187
1730
|
border-color:var(--color-error);
|
|
2188
|
-
background-color:#f8e7e7;
|
|
2189
1731
|
background-color:var(--color-error-background);
|
|
2190
|
-
color:#b90909;
|
|
2191
1732
|
color:var(--color-error);
|
|
2192
1733
|
}
|
|
2193
1734
|
.mobius-text-area{
|
|
@@ -2227,7 +1768,6 @@ a.mobius-button:focus-visible,
|
|
|
2227
1768
|
border-bottom-left-radius:0;
|
|
2228
1769
|
}
|
|
2229
1770
|
.mobius-text-field__prefix-outside.mobius-text{
|
|
2230
|
-
padding-right:16px;
|
|
2231
1771
|
padding-right:var(--size-sm);
|
|
2232
1772
|
}
|
|
2233
1773
|
.mobius-text-field__suffix-outside.mobius-button{
|
|
@@ -2235,13 +1775,11 @@ a.mobius-button:focus-visible,
|
|
|
2235
1775
|
border-bottom-left-radius:0;
|
|
2236
1776
|
}
|
|
2237
1777
|
.mobius-text-field__suffix-outside.mobius-text{
|
|
2238
|
-
padding-left:16px;
|
|
2239
1778
|
padding-left:var(--size-sm);
|
|
2240
1779
|
}
|
|
2241
1780
|
.mobius-text-field__prefix-inside,
|
|
2242
1781
|
.mobius-text-field__suffix-inside{
|
|
2243
1782
|
display:flex;
|
|
2244
|
-
color:#9084e8;
|
|
2245
1783
|
color:var(--color-primary-light);
|
|
2246
1784
|
}
|
|
2247
1785
|
.mobius-text-field__prefix-inside.mobius-button, .mobius-text-field__suffix-inside.mobius-button{
|
|
@@ -2254,27 +1792,21 @@ a.mobius-button:focus-visible,
|
|
|
2254
1792
|
margin-bottom:0;
|
|
2255
1793
|
}
|
|
2256
1794
|
.mobius-text-field__prefix-inside{
|
|
2257
|
-
padding-left:16px;
|
|
2258
1795
|
padding-left:var(--size-sm);
|
|
2259
1796
|
}
|
|
2260
1797
|
.mobius-text-field__suffix-inside{
|
|
2261
|
-
padding-right:16px;
|
|
2262
1798
|
padding-right:var(--size-sm);
|
|
2263
1799
|
}
|
|
2264
1800
|
.mobius-text-field__input-wrapper{
|
|
2265
1801
|
display:flex;
|
|
2266
1802
|
flex:1 1 0;
|
|
2267
1803
|
align-items:center;
|
|
2268
|
-
border-radius:4px;
|
|
2269
1804
|
border-radius:var(--radius-1);
|
|
2270
|
-
color:#5d5d60;
|
|
2271
1805
|
color:var(--color-text-medium);
|
|
2272
1806
|
overflow:hidden;
|
|
2273
|
-
background-color:#ffffff;
|
|
2274
1807
|
background-color:var(--color-background-input);
|
|
2275
1808
|
}
|
|
2276
1809
|
.mobius-text-field__input-wrapper:not(.--is-hidden){
|
|
2277
|
-
border:2px solid #9084e8;
|
|
2278
1810
|
border:var(--border-default);
|
|
2279
1811
|
}
|
|
2280
1812
|
.mobius-text-field__input-wrapper:has(+ .mobius-button){
|
|
@@ -2282,69 +1814,47 @@ a.mobius-button:focus-visible,
|
|
|
2282
1814
|
border-bottom-right-radius:0;
|
|
2283
1815
|
}
|
|
2284
1816
|
.mobius-text-field__input-wrapper:focus-within{
|
|
2285
|
-
border-color:#4632d8;
|
|
2286
1817
|
border-color:var(--color-primary);
|
|
2287
|
-
background-color:#f6f5fd;
|
|
2288
1818
|
background-color:var(--color-background-input-active);
|
|
2289
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
2290
1819
|
box-shadow:var(--box-shadow-default);
|
|
2291
1820
|
}
|
|
2292
1821
|
.mobius-text-field__input-wrapper:focus-within .mobius-text-field__prefix-inside,
|
|
2293
1822
|
.mobius-text-field__input-wrapper:focus-within .mobius-text-field__suffix-inside{
|
|
2294
|
-
color:#4632d8;
|
|
2295
1823
|
color:var(--color-primary);
|
|
2296
1824
|
}
|
|
2297
1825
|
.mobius-text-field__input-wrapper:hover:not(.--is-disabled):not(.mobius-text-field__input-wrapper.--is-invalid){
|
|
2298
|
-
border-color:#4632d8;
|
|
2299
1826
|
border-color:var(--color-primary);
|
|
2300
|
-
background-color:#f6f5fd;
|
|
2301
1827
|
background-color:var(--color-background-input-active);
|
|
2302
1828
|
}
|
|
2303
1829
|
.mobius-text-field__input-wrapper:hover:not(.--is-disabled):not(.mobius-text-field__input-wrapper.--is-invalid) .mobius-text-field__prefix-inside,
|
|
2304
1830
|
.mobius-text-field__input-wrapper:hover:not(.--is-disabled):not(.mobius-text-field__input-wrapper.--is-invalid) .mobius-text-field__suffix-inside{
|
|
2305
|
-
color:#4632d8;
|
|
2306
1831
|
color:var(--color-primary);
|
|
2307
1832
|
}
|
|
2308
1833
|
.mobius-text-field__input-wrapper.--is-disabled{
|
|
2309
|
-
background-color:#f3f3f3;
|
|
2310
1834
|
background-color:var(--color-background-light);
|
|
2311
|
-
border-color:#d1d1d2;
|
|
2312
1835
|
border-color:var(--color-border-medium);
|
|
2313
|
-
color:#d1d1d2;
|
|
2314
1836
|
color:var(--color-text-light);
|
|
2315
1837
|
cursor:not-allowed;
|
|
2316
1838
|
}
|
|
2317
1839
|
.mobius-text-field__input-wrapper.--is-invalid:not(.--is-disabled){
|
|
2318
|
-
border-color:#b90909;
|
|
2319
1840
|
border-color:var(--color-error);
|
|
2320
|
-
background-color:#f8e7e7;
|
|
2321
1841
|
background-color:var(--color-error-background);
|
|
2322
|
-
color:#b90909;
|
|
2323
1842
|
color:var(--color-error);
|
|
2324
1843
|
}
|
|
2325
1844
|
.mobius-text-field__input{
|
|
2326
1845
|
flex:1 1 0;
|
|
2327
|
-
padding:17px 16px;
|
|
2328
1846
|
padding:var(--input-field-padding);
|
|
2329
1847
|
border:none;
|
|
2330
1848
|
background-color:transparent;
|
|
2331
1849
|
box-sizing:border-box;
|
|
2332
|
-
font-family:museosans, Arial, sans-serif;
|
|
2333
1850
|
font-family:var(--font-family);
|
|
2334
|
-
font-size:16px;
|
|
2335
1851
|
font-size:var(--font-size-regular);
|
|
2336
1852
|
color:currentColor;
|
|
2337
1853
|
outline:0;
|
|
2338
1854
|
margin:0;
|
|
2339
|
-
max-width:none;
|
|
2340
1855
|
max-width:var(--text-input-max-width);
|
|
2341
1856
|
}
|
|
2342
|
-
.mobius-text-field__input::-moz-placeholder{
|
|
2343
|
-
color:#5d5d60;
|
|
2344
|
-
color:var(--color-text-medium);
|
|
2345
|
-
}
|
|
2346
1857
|
.mobius-text-field__input::placeholder{
|
|
2347
|
-
color:#5d5d60;
|
|
2348
1858
|
color:var(--color-text-medium);
|
|
2349
1859
|
}
|
|
2350
1860
|
.mobius-text-field__input.--is-disabled{
|
|
@@ -2356,47 +1866,34 @@ a.mobius-button:focus-visible,
|
|
|
2356
1866
|
}
|
|
2357
1867
|
.mobius-title{
|
|
2358
1868
|
display:flex;
|
|
2359
|
-
padding-left:16px;
|
|
2360
1869
|
padding-left:var(--size-sm);
|
|
2361
1870
|
}
|
|
2362
1871
|
.mobius-title__header{
|
|
2363
1872
|
margin:0;
|
|
2364
|
-
font-size:24px;
|
|
2365
1873
|
font-size:var(--font-size-small-title);
|
|
2366
|
-
color:#18181d;
|
|
2367
1874
|
color:var(--color-text);
|
|
2368
|
-
font-weight:700;
|
|
2369
1875
|
font-weight:var(--font-weight-bold);
|
|
2370
1876
|
}
|
|
2371
1877
|
.mobius-title__description{
|
|
2372
1878
|
margin:0;
|
|
2373
|
-
font-size:16px;
|
|
2374
1879
|
font-size:var(--font-size-regular);
|
|
2375
|
-
color:#5d5d60;
|
|
2376
1880
|
color:var(--color-text-medium);
|
|
2377
|
-
font-weight:500;
|
|
2378
1881
|
font-weight:var(--font-weight-normal);
|
|
2379
1882
|
}
|
|
2380
1883
|
.mobius-title__container{
|
|
2381
|
-
gap:8px;
|
|
2382
1884
|
gap:var(--size-xs);
|
|
2383
|
-
line-height:1.333;
|
|
2384
1885
|
line-height:var(--line-height-tight);
|
|
2385
1886
|
position:relative;
|
|
2386
|
-
padding-left:calc(16px + 8px);
|
|
2387
1887
|
padding-left:calc(var(--size-sm) + var(--title-decorator-width));
|
|
2388
1888
|
}
|
|
2389
1889
|
.mobius-title__container::before{
|
|
2390
1890
|
position:absolute;
|
|
2391
1891
|
content:"";
|
|
2392
1892
|
display:block;
|
|
2393
|
-
width:8px;
|
|
2394
1893
|
width:var(--title-decorator-width);
|
|
2395
1894
|
height:100%;
|
|
2396
|
-
border-radius:4px;
|
|
2397
1895
|
border-radius:var(--radius-1);
|
|
2398
1896
|
left:0;
|
|
2399
|
-
background-color:#4632d8;
|
|
2400
1897
|
background-color:var(--color-primary);
|
|
2401
1898
|
}
|
|
2402
1899
|
svg:not(:root).svg-inline--mobius-icon,
|
|
@@ -2405,7 +1902,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2405
1902
|
box-sizing:content-box;
|
|
2406
1903
|
}
|
|
2407
1904
|
.svg-inline--mobius-icon{
|
|
2408
|
-
display:inline-block;
|
|
2409
1905
|
display:var(--mobius-icon-display, inline-block);
|
|
2410
1906
|
height:1em;
|
|
2411
1907
|
overflow:visible;
|
|
@@ -2430,22 +1926,18 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2430
1926
|
vertical-align:-0.3125em;
|
|
2431
1927
|
}
|
|
2432
1928
|
.svg-inline--mobius-icon.mobius-icon-pull-left{
|
|
2433
|
-
margin-right:0.3em;
|
|
2434
1929
|
margin-right:var(--mobius-icon-pull-margin, 0.3em);
|
|
2435
1930
|
width:auto;
|
|
2436
1931
|
}
|
|
2437
1932
|
.svg-inline--mobius-icon.mobius-icon-pull-right{
|
|
2438
|
-
margin-left:0.3em;
|
|
2439
1933
|
margin-left:var(--mobius-icon-pull-margin, 0.3em);
|
|
2440
1934
|
width:auto;
|
|
2441
1935
|
}
|
|
2442
1936
|
.svg-inline--mobius-icon.mobius-icon-li{
|
|
2443
|
-
width:2em;
|
|
2444
1937
|
width:var(--mobius-icon-li-width, 2em);
|
|
2445
1938
|
top:0.25em;
|
|
2446
1939
|
}
|
|
2447
1940
|
.svg-inline--mobius-icon.mobius-icon-fw{
|
|
2448
|
-
width:1.25em;
|
|
2449
1941
|
width:var(--mobius-icon-fw-width, 1.25em);
|
|
2450
1942
|
}
|
|
2451
1943
|
.mobius-icon-layers svg.svg-inline--mobius-icon{
|
|
@@ -2480,68 +1972,46 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2480
1972
|
transform-origin:center center;
|
|
2481
1973
|
}
|
|
2482
1974
|
.mobius-icon-layers-counter{
|
|
2483
|
-
background-color:#ff253a;
|
|
2484
1975
|
background-color:var(--mobius-icon-counter-background-color, #ff253a);
|
|
2485
|
-
border-radius:1em;
|
|
2486
1976
|
border-radius:var(--mobius-icon-counter-border-radius, 1em);
|
|
2487
1977
|
box-sizing:border-box;
|
|
2488
|
-
color:#fff;
|
|
2489
1978
|
color:var(--mobius-icon-inverse, #fff);
|
|
2490
|
-
line-height:1;
|
|
2491
1979
|
line-height:var(--mobius-icon-counter-line-height, 1);
|
|
2492
|
-
max-width:5em;
|
|
2493
1980
|
max-width:var(--mobius-icon-counter-max-width, 5em);
|
|
2494
|
-
min-width:1.5em;
|
|
2495
1981
|
min-width:var(--mobius-icon-counter-min-width, 1.5em);
|
|
2496
1982
|
overflow:hidden;
|
|
2497
|
-
padding:0.25em 0.5em;
|
|
2498
1983
|
padding:var(--mobius-icon-counter-padding, 0.25em 0.5em);
|
|
2499
|
-
right:0;
|
|
2500
1984
|
right:var(--mobius-icon-right, 0);
|
|
2501
1985
|
text-overflow:ellipsis;
|
|
2502
|
-
top:0;
|
|
2503
1986
|
top:var(--mobius-icon-top, 0);
|
|
2504
|
-
transform:scale(0.25);
|
|
2505
1987
|
transform:scale(var(--mobius-icon-counter-scale, 0.25));
|
|
2506
1988
|
transform-origin:top right;
|
|
2507
1989
|
}
|
|
2508
1990
|
.mobius-icon-layers-bottom-right{
|
|
2509
|
-
bottom:0;
|
|
2510
1991
|
bottom:var(--mobius-icon-bottom, 0);
|
|
2511
|
-
right:0;
|
|
2512
1992
|
right:var(--mobius-icon-right, 0);
|
|
2513
1993
|
top:auto;
|
|
2514
|
-
transform:scale(0.25);
|
|
2515
1994
|
transform:scale(var(--mobius-icon-layers-scale, 0.25));
|
|
2516
1995
|
transform-origin:bottom right;
|
|
2517
1996
|
}
|
|
2518
1997
|
.mobius-icon-layers-bottom-left{
|
|
2519
|
-
bottom:0;
|
|
2520
1998
|
bottom:var(--mobius-icon-bottom, 0);
|
|
2521
|
-
left:0;
|
|
2522
1999
|
left:var(--mobius-icon-left, 0);
|
|
2523
2000
|
right:auto;
|
|
2524
2001
|
top:auto;
|
|
2525
|
-
transform:scale(0.25);
|
|
2526
2002
|
transform:scale(var(--mobius-icon-layers-scale, 0.25));
|
|
2527
2003
|
transform-origin:bottom left;
|
|
2528
2004
|
}
|
|
2529
2005
|
.mobius-icon-layers-top-right{
|
|
2530
|
-
top:0;
|
|
2531
2006
|
top:var(--mobius-icon-top, 0);
|
|
2532
|
-
right:0;
|
|
2533
2007
|
right:var(--mobius-icon-right, 0);
|
|
2534
|
-
transform:scale(0.25);
|
|
2535
2008
|
transform:scale(var(--mobius-icon-layers-scale, 0.25));
|
|
2536
2009
|
transform-origin:top right;
|
|
2537
2010
|
}
|
|
2538
2011
|
.mobius-icon-layers-top-left{
|
|
2539
|
-
left:0;
|
|
2540
2012
|
left:var(--mobius-icon-left, 0);
|
|
2541
2013
|
right:auto;
|
|
2542
|
-
top:0;
|
|
2543
2014
|
top:var(--mobius-icon-top, 0);
|
|
2544
|
-
transform:scale(0.25);
|
|
2545
2015
|
transform:scale(var(--mobius-icon-layers-scale, 0.25));
|
|
2546
2016
|
transform-origin:top left;
|
|
2547
2017
|
}
|
|
@@ -2611,7 +2081,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2611
2081
|
}
|
|
2612
2082
|
.mobius-icon-ul{
|
|
2613
2083
|
list-style-type:none;
|
|
2614
|
-
margin-left:2.5em;
|
|
2615
2084
|
margin-left:var(--mobius-icon-li-margin, 2.5em);
|
|
2616
2085
|
padding-left:0;
|
|
2617
2086
|
}
|
|
@@ -2619,50 +2088,36 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2619
2088
|
position:relative;
|
|
2620
2089
|
}
|
|
2621
2090
|
.mobius-icon-li{
|
|
2622
|
-
left:calc(2em * -1);
|
|
2623
2091
|
left:calc(var(--mobius-icon-li-width, 2em) * -1);
|
|
2624
2092
|
position:absolute;
|
|
2625
2093
|
text-align:center;
|
|
2626
|
-
width:2em;
|
|
2627
2094
|
width:var(--mobius-icon-li-width, 2em);
|
|
2628
2095
|
line-height:inherit;
|
|
2629
2096
|
}
|
|
2630
2097
|
.mobius-icon-border{
|
|
2631
|
-
border-color:#eee;
|
|
2632
2098
|
border-color:var(--mobius-icon-border-color, #eee);
|
|
2633
|
-
border-radius:0.1em;
|
|
2634
2099
|
border-radius:var(--mobius-icon-border-radius, 0.1em);
|
|
2635
|
-
border-style:solid;
|
|
2636
2100
|
border-style:var(--mobius-icon-border-style, solid);
|
|
2637
|
-
border-width:0.08em;
|
|
2638
2101
|
border-width:var(--mobius-icon-border-width, 0.08em);
|
|
2639
|
-
padding:0.2em 0.25em 0.15em;
|
|
2640
2102
|
padding:var(--mobius-icon-border-padding, 0.2em 0.25em 0.15em);
|
|
2641
2103
|
}
|
|
2642
2104
|
.mobius-icon-pull-left{
|
|
2643
2105
|
float:left;
|
|
2644
|
-
margin-right:0.3em;
|
|
2645
2106
|
margin-right:var(--mobius-icon-pull-margin, 0.3em);
|
|
2646
2107
|
}
|
|
2647
2108
|
.mobius-icon-pull-right{
|
|
2648
2109
|
float:right;
|
|
2649
|
-
margin-left:0.3em;
|
|
2650
2110
|
margin-left:var(--mobius-icon-pull-margin, 0.3em);
|
|
2651
2111
|
}
|
|
2652
2112
|
.mobius-icon-spin{
|
|
2653
2113
|
animation-name:mobius-icon-spin;
|
|
2654
|
-
animation-delay:0s;
|
|
2655
2114
|
animation-delay:var(--mobius-icon-animation-delay, 0s);
|
|
2656
|
-
animation-direction:normal;
|
|
2657
2115
|
animation-direction:var(--mobius-icon-animation-direction, normal);
|
|
2658
|
-
animation-duration:2s;
|
|
2659
2116
|
animation-duration:var(--mobius-icon-animation-duration, 2s);
|
|
2660
|
-
animation-iteration-count:infinite;
|
|
2661
2117
|
animation-iteration-count:var(
|
|
2662
2118
|
--mobius-icon-animation-iteration-count,
|
|
2663
2119
|
infinite
|
|
2664
2120
|
);
|
|
2665
|
-
animation-timing-function:linear;
|
|
2666
2121
|
animation-timing-function:var(--mobius-icon-animation-timing, linear);
|
|
2667
2122
|
}
|
|
2668
2123
|
.mobius-icon-spin-reverse{
|
|
@@ -2705,7 +2160,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2705
2160
|
transform:scale(-1, -1);
|
|
2706
2161
|
}
|
|
2707
2162
|
.mobius-icon-rotate-by{
|
|
2708
|
-
transform:rotate(none);
|
|
2709
2163
|
transform:rotate(var(--mobius-icon-rotate-angle, none));
|
|
2710
2164
|
}
|
|
2711
2165
|
.mobius-icon-stack{
|
|
@@ -2723,7 +2177,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2723
2177
|
position:absolute;
|
|
2724
2178
|
right:0;
|
|
2725
2179
|
top:0;
|
|
2726
|
-
z-index:auto;
|
|
2727
2180
|
z-index:var(--mobius-icon-stack-z-index, auto);
|
|
2728
2181
|
}
|
|
2729
2182
|
.svg-inline--mobius-icon.mobius-icon-stack-1x{
|
|
@@ -2735,7 +2188,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2735
2188
|
width:2.5em;
|
|
2736
2189
|
}
|
|
2737
2190
|
.mobius-icon-inverse{
|
|
2738
|
-
color:#fff;
|
|
2739
2191
|
color:var(--mobius-icon-inverse, #fff);
|
|
2740
2192
|
}
|
|
2741
2193
|
.sr-only,
|
|
@@ -2763,23 +2215,17 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2763
2215
|
border-width:0;
|
|
2764
2216
|
}
|
|
2765
2217
|
.svg-inline--mobius-icon .mobius-icon-primary{
|
|
2766
|
-
fill:currentColor;
|
|
2767
2218
|
fill:var(--mobius-icon-primary-color, currentColor);
|
|
2768
|
-
opacity:1;
|
|
2769
2219
|
opacity:var(--mobius-icon-primary-opacity, 1);
|
|
2770
2220
|
}
|
|
2771
2221
|
.svg-inline--mobius-icon .mobius-icon-secondary{
|
|
2772
|
-
fill:currentColor;
|
|
2773
2222
|
fill:var(--mobius-icon-secondary-color, currentColor);
|
|
2774
|
-
opacity:0.4;
|
|
2775
2223
|
opacity:var(--mobius-icon-secondary-opacity, 0.4);
|
|
2776
2224
|
}
|
|
2777
2225
|
.svg-inline--mobius-icon.mobius-icon-swap-opacity .mobius-icon-primary{
|
|
2778
|
-
opacity:0.4;
|
|
2779
2226
|
opacity:var(--mobius-icon-secondary-opacity, 0.4);
|
|
2780
2227
|
}
|
|
2781
2228
|
.svg-inline--mobius-icon.mobius-icon-swap-opacity .mobius-icon-secondary{
|
|
2782
|
-
opacity:1;
|
|
2783
2229
|
opacity:var(--mobius-icon-primary-opacity, 1);
|
|
2784
2230
|
}
|
|
2785
2231
|
.svg-inline--mobius-icon mask .mobius-icon-primary,
|
|
@@ -2788,7 +2234,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2788
2234
|
}
|
|
2789
2235
|
.fad.mobius-icon-inverse,
|
|
2790
2236
|
.mobius-icon-duotone.mobius-icon-inverse{
|
|
2791
|
-
color:#fff;
|
|
2792
2237
|
color:var(--mobius-icon-inverse, #fff);
|
|
2793
2238
|
}
|
|
2794
2239
|
@font-face{
|
|
@@ -2898,9 +2343,12 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2898
2343
|
--input-field-padding-tight:14px var(--size-sm);
|
|
2899
2344
|
--border-default:var(--size-border-width) solid var(--color-primary-light);
|
|
2900
2345
|
--box-shadow-default:0 0 0 var(--size-focus-ring) var(--color-focus);
|
|
2346
|
+
--popover-max-width:260px;
|
|
2347
|
+
--popover-z-index:2147483647;
|
|
2348
|
+
--color-background-popover:var(--color-neutral-700);
|
|
2349
|
+
--color-text-popover:#fff;
|
|
2901
2350
|
}
|
|
2902
2351
|
.mobius{
|
|
2903
|
-
font-family:museosans, Arial, sans-serif;
|
|
2904
2352
|
font-family:var(--font-family);
|
|
2905
2353
|
}
|
|
2906
2354
|
.mobius *,
|
|
@@ -2922,7 +2370,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2922
2370
|
}
|
|
2923
2371
|
.mobius-actions__back{
|
|
2924
2372
|
display:inline-flex;
|
|
2925
|
-
gap:8px;
|
|
2926
2373
|
gap:var(--size-xs);
|
|
2927
2374
|
}
|
|
2928
2375
|
.mobius-actions__next.--single-action{
|
|
@@ -2945,11 +2392,7 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2945
2392
|
}
|
|
2946
2393
|
.mobius-percentage-totals-question__items{
|
|
2947
2394
|
display:grid;
|
|
2948
|
-
grid-template-columns:minmax(0, 1fr) 110px;
|
|
2949
2395
|
grid-template-columns:minmax(0, 1fr) var(--percentage-max-width);
|
|
2950
|
-
grid-gap:8px;
|
|
2951
|
-
grid-gap:var(--size-xs);
|
|
2952
|
-
gap:8px;
|
|
2953
2396
|
gap:var(--size-xs);
|
|
2954
2397
|
}
|
|
2955
2398
|
.mobius-percentage-totals-question__items > *{
|
|
@@ -2957,22 +2400,17 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2957
2400
|
align-items:center;
|
|
2958
2401
|
}
|
|
2959
2402
|
.mobius-percentage-totals-question__items .mobius-number-field{
|
|
2960
|
-
max-width:110px;
|
|
2961
2403
|
max-width:var(--percentage-max-width);
|
|
2962
2404
|
margin-bottom:0;
|
|
2963
2405
|
}
|
|
2964
2406
|
.mobius-percentage-totals-question__items .mobius-number-field input{
|
|
2965
|
-
max-width:110px;
|
|
2966
2407
|
max-width:var(--percentage-max-width);
|
|
2967
2408
|
}
|
|
2968
2409
|
.mobius-percentage-totals-question__items .mobius-number-field__input{
|
|
2969
|
-
padding:calc(8px + 2px) 16px;
|
|
2970
2410
|
padding:calc(var(--size-xs) + 2px) var(--size-sm);
|
|
2971
|
-
border:1px solid #d1d1d2;
|
|
2972
2411
|
border:var(--percentage-number-field-border);
|
|
2973
2412
|
}
|
|
2974
2413
|
.mobius-percentage-totals-question__total{
|
|
2975
|
-
font-weight:700;
|
|
2976
2414
|
font-weight:var(--font-weight-bold);
|
|
2977
2415
|
height:40px;
|
|
2978
2416
|
}
|
|
@@ -2987,46 +2425,33 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2987
2425
|
}
|
|
2988
2426
|
.mobius-question{
|
|
2989
2427
|
position:relative;
|
|
2990
|
-
margin-top:8px;
|
|
2991
2428
|
margin-top:var(--size-xs);
|
|
2992
|
-
padding:16px 32px;
|
|
2993
2429
|
padding:var(--size-sm) var(--size-lg);
|
|
2994
|
-
background-color:#f3f3f3;
|
|
2995
2430
|
background-color:var(--color-background-light);
|
|
2996
2431
|
}
|
|
2997
2432
|
.mobius-question:hover{
|
|
2998
|
-
background-color:#f6f5fd;
|
|
2999
2433
|
background-color:var(--color-background-highlight);
|
|
3000
2434
|
}
|
|
3001
2435
|
.mobius-question.--is-desktop{
|
|
3002
2436
|
box-sizing:border-box;
|
|
3003
|
-
width:100%;
|
|
3004
2437
|
width:var(--question-desktop-width);
|
|
3005
2438
|
}
|
|
3006
2439
|
.mobius-question.--has-help-open{
|
|
3007
|
-
background-color:#f6f5fd;
|
|
3008
2440
|
background-color:var(--color-background-highlight);
|
|
3009
2441
|
}
|
|
3010
2442
|
.mobius-question__label{
|
|
3011
2443
|
display:block;
|
|
3012
|
-
padding-right:8px;
|
|
3013
2444
|
padding-right:var(--size-xs);
|
|
3014
|
-
margin-bottom:16px;
|
|
3015
2445
|
margin-bottom:var(--size-sm);
|
|
3016
2446
|
}
|
|
3017
2447
|
.mobius-question__description{
|
|
3018
|
-
margin-top:8px;
|
|
3019
|
-
margin-bottom:8px;
|
|
3020
2448
|
margin-top:var(--size-xs);
|
|
3021
2449
|
margin-bottom:var(--size-xs);
|
|
3022
2450
|
}
|
|
3023
2451
|
.mobius-question-group{
|
|
3024
2452
|
position:relative;
|
|
3025
|
-
margin-top:8px;
|
|
3026
2453
|
margin-top:var(--size-xs);
|
|
3027
|
-
padding:16px 32px;
|
|
3028
2454
|
padding:var(--size-sm) var(--size-lg);
|
|
3029
|
-
background-color:#f3f3f3;
|
|
3030
2455
|
background-color:var(--color-background-light);
|
|
3031
2456
|
|
|
3032
2457
|
--chopin__help-trigger-size:1.7em;
|
|
@@ -3036,49 +2461,33 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3036
2461
|
--chopin__help-content-padding:var(--size-sm);
|
|
3037
2462
|
}
|
|
3038
2463
|
.mobius-question-group.--is-md .mobius-question-group__header .mobius-question__help-content{
|
|
3039
|
-
right:calc(
|
|
3040
|
-
0px - 250px - (32px)
|
|
3041
|
-
);
|
|
3042
|
-
right:calc(
|
|
3043
|
-
0px - var(--chopin__help-content-width) - (var(--size-lg))
|
|
3044
|
-
);
|
|
3045
|
-
right:calc(
|
|
3046
|
-
0px - 250px - calc(32px)
|
|
3047
|
-
);
|
|
3048
2464
|
right:calc(
|
|
3049
2465
|
0px - var(--chopin__help-content-width) - calc(var(--size-lg))
|
|
3050
2466
|
);
|
|
3051
2467
|
}
|
|
3052
2468
|
.mobius-question-group.--is-md .mobius-question-group__question .mobius-question__help-content{
|
|
3053
2469
|
top:0;
|
|
3054
|
-
right:calc(0px - 250px - 32px);
|
|
3055
2470
|
right:calc(0px - var(--chopin__help-content-width) - var(--size-lg));
|
|
3056
2471
|
}
|
|
3057
2472
|
.mobius-question-group .mobius-question{
|
|
3058
2473
|
width:auto;
|
|
3059
|
-
background-color:#f3f3f3;
|
|
3060
2474
|
background-color:var(--color-background-light);
|
|
3061
|
-
padding:16px 16px 4px 32px;
|
|
3062
2475
|
padding:var(--size-sm) var(--size-sm) var(--size-xxs) var(--size-lg);
|
|
3063
2476
|
}
|
|
3064
2477
|
.mobius-question-group .mobius-question:hover{
|
|
3065
|
-
background-color:#f6f5fd;
|
|
3066
2478
|
background-color:var(--color-background-highlight);
|
|
3067
2479
|
}
|
|
3068
2480
|
.mobius-question-group .mobius-question .mobius-radio-group{
|
|
3069
2481
|
width:50%;
|
|
3070
2482
|
}
|
|
3071
2483
|
.mobius-question-group .mobius-question .mobius-question__label{
|
|
3072
|
-
padding-right:32px;
|
|
3073
2484
|
padding-right:var(--size-lg);
|
|
3074
2485
|
}
|
|
3075
2486
|
.mobius-question-group__header{
|
|
3076
|
-
margin-bottom:24px;
|
|
3077
2487
|
margin-bottom:var(--size-md);
|
|
3078
2488
|
}
|
|
3079
2489
|
.mobius-question-group__label{
|
|
3080
2490
|
display:block;
|
|
3081
|
-
padding-right:8px;
|
|
3082
2491
|
padding-right:var(--size-xs);
|
|
3083
2492
|
}
|
|
3084
2493
|
.mobius-question-group__list{
|
|
@@ -3102,26 +2511,20 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3102
2511
|
display:inline-block;
|
|
3103
2512
|
padding:0;
|
|
3104
2513
|
margin:0;
|
|
3105
|
-
width:1.7em;
|
|
3106
2514
|
width:var(--chopin__help-trigger-size);
|
|
3107
|
-
height:1.7em;
|
|
3108
2515
|
height:var(--chopin__help-trigger-size);
|
|
3109
2516
|
outline:none;
|
|
3110
|
-
background-color:#4632d8;
|
|
3111
2517
|
background-color:var(--color-primary);
|
|
3112
2518
|
border-radius:50%;
|
|
3113
|
-
color:#ffffff;
|
|
3114
2519
|
color:var(--color-text-inverted);
|
|
3115
2520
|
}
|
|
3116
2521
|
.mobius-question-help__trigger:hover,
|
|
3117
2522
|
.mobius-question-help__trigger:focus-visible{
|
|
3118
|
-
background-color:#2a1e81;
|
|
3119
2523
|
background-color:var(--color-primary-hover);
|
|
3120
2524
|
}
|
|
3121
2525
|
.mobius-question-help__trigger > span{
|
|
3122
2526
|
clip:rect(0 0 0 0);
|
|
3123
|
-
|
|
3124
|
-
clip-path:inset(50%);
|
|
2527
|
+
clip-path:inset(50%);
|
|
3125
2528
|
height:1px;
|
|
3126
2529
|
overflow:hidden;
|
|
3127
2530
|
position:absolute;
|
|
@@ -3134,21 +2537,13 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3134
2537
|
.mobius-question-help__content{
|
|
3135
2538
|
box-sizing:border-box;
|
|
3136
2539
|
display:none;
|
|
3137
|
-
background-color:#f6f5fd;
|
|
3138
2540
|
background-color:var(--color-background-highlight);
|
|
3139
|
-
margin-top:16px;
|
|
3140
|
-
margin-bottom:16px;
|
|
3141
2541
|
margin-top:var(--size-sm);
|
|
3142
2542
|
margin-bottom:var(--size-sm);
|
|
3143
|
-
border:2px solid #4632d8;
|
|
3144
2543
|
border:var(--size-border-width) solid var(--question-help-border-color);
|
|
3145
|
-
border-radius:4px;
|
|
3146
2544
|
border-radius:var(--radius-1);
|
|
3147
|
-
padding:16px;
|
|
3148
2545
|
padding:var(--chopin__help-content-padding);
|
|
3149
|
-
font-family:museosans, Arial, sans-serif;
|
|
3150
2546
|
font-family:var(--font-family);
|
|
3151
|
-
box-shadow:transparent;
|
|
3152
2547
|
box-shadow:var(--question-help-content-box-shadow);
|
|
3153
2548
|
}
|
|
3154
2549
|
.mobius-question-help__content > :first-child{
|
|
@@ -3159,32 +2554,22 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3159
2554
|
}
|
|
3160
2555
|
.mobius-section{
|
|
3161
2556
|
max-width:626px;
|
|
3162
|
-
margin:calc(32px + 16px) auto 0;
|
|
3163
2557
|
margin:calc(var(--size-lg) + var(--size-sm)) auto 0;
|
|
3164
2558
|
padding:0;
|
|
3165
2559
|
}
|
|
3166
2560
|
.mobius-section__title{
|
|
3167
2561
|
margin-top:0;
|
|
3168
|
-
margin-bottom:calc(16px + 4px);
|
|
3169
2562
|
margin-bottom:calc(var(--size-sm) + var(--size-xxs));
|
|
3170
|
-
font-weight:500;
|
|
3171
2563
|
font-weight:var(--font-weight-normal);
|
|
3172
2564
|
}
|
|
3173
2565
|
.mobius-testimonial{
|
|
3174
|
-
background-color:#f3f3f3;
|
|
3175
2566
|
background-color:var(--color-background-light);
|
|
3176
|
-
margin-top:24px;
|
|
3177
|
-
margin-bottom:24px;
|
|
3178
2567
|
margin-top:var(--size-md);
|
|
3179
2568
|
margin-bottom:var(--size-md);
|
|
3180
|
-
padding:24px 32px;
|
|
3181
2569
|
padding:var(--size-md) var(--size-lg);
|
|
3182
2570
|
position:relative;
|
|
3183
|
-
margin-left:32px;
|
|
3184
|
-
margin-right:32px;
|
|
3185
2571
|
margin-left:var(--size-lg);
|
|
3186
2572
|
margin-right:var(--size-lg);
|
|
3187
|
-
color:#5d5d60;
|
|
3188
2573
|
color:var(--color-text-medium);
|
|
3189
2574
|
}
|
|
3190
2575
|
.mobius-testimonial::before{
|
|
@@ -3199,7 +2584,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3199
2584
|
}
|
|
3200
2585
|
.mobius-testimonial__quote{
|
|
3201
2586
|
margin:0;
|
|
3202
|
-
margin-bottom:32px;
|
|
3203
2587
|
margin-bottom:var(--size-lg);
|
|
3204
2588
|
}
|
|
3205
2589
|
.mobius-testimonial :where(figcaption){
|
|
@@ -3208,20 +2592,13 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3208
2592
|
.mobius-testimonial__author::before{
|
|
3209
2593
|
content:"\2014 ";
|
|
3210
2594
|
display:inline-block;
|
|
3211
|
-
margin-right:8px;
|
|
3212
2595
|
margin-right:var(--size-xs);
|
|
3213
2596
|
}
|
|
3214
2597
|
.mobius-agent-resources{
|
|
3215
2598
|
display:grid;
|
|
3216
|
-
grid-gap:24px;
|
|
3217
|
-
grid-gap:var(--size-md);
|
|
3218
|
-
gap:24px;
|
|
3219
2599
|
gap:var(--size-md);
|
|
3220
|
-
padding:24px;
|
|
3221
2600
|
padding:var(--size-md);
|
|
3222
|
-
background-color:#f6f5fd;
|
|
3223
2601
|
background-color:var(--color-background-highlight);
|
|
3224
|
-
border-radius:4px;
|
|
3225
2602
|
border-radius:var(--radius-1);
|
|
3226
2603
|
}
|
|
3227
2604
|
.mobius-agent-resources__title.mobius-text{
|
|
@@ -3233,14 +2610,10 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3233
2610
|
position:absolute;
|
|
3234
2611
|
left:0;
|
|
3235
2612
|
right:0;
|
|
3236
|
-
color:#e943c9;
|
|
3237
2613
|
color:var(--color-accent);
|
|
3238
2614
|
}
|
|
3239
2615
|
.mobius-agent-resources__list{
|
|
3240
2616
|
display:grid;
|
|
3241
|
-
grid-gap:16px;
|
|
3242
|
-
grid-gap:var(--size-sm);
|
|
3243
|
-
gap:16px;
|
|
3244
2617
|
gap:var(--size-sm);
|
|
3245
2618
|
list-style:none;
|
|
3246
2619
|
margin:0;
|
|
@@ -3248,38 +2621,23 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3248
2621
|
}
|
|
3249
2622
|
.mobius-agent-resources__list-item{
|
|
3250
2623
|
display:grid;
|
|
3251
|
-
grid-gap:24px;
|
|
3252
|
-
grid-gap:var(--size-md);
|
|
3253
|
-
gap:24px;
|
|
3254
2624
|
gap:var(--size-md);
|
|
3255
|
-
grid-template-columns:24px 1fr;
|
|
3256
2625
|
grid-template-columns:var(--size-md) 1fr;
|
|
3257
2626
|
}
|
|
3258
2627
|
.mobius-agent-resources__list .mobius-icon{
|
|
3259
2628
|
margin:0 auto;
|
|
3260
|
-
color:#e943c9;
|
|
3261
2629
|
color:var(--color-accent);
|
|
3262
2630
|
}
|
|
3263
2631
|
.mobius-agent-resources .mobius-link-button{
|
|
3264
2632
|
text-align:center;
|
|
3265
2633
|
}
|
|
3266
2634
|
.mobius-footer{
|
|
3267
|
-
background-color:#f3f3f3;
|
|
3268
2635
|
background-color:var(--color-background-light);
|
|
3269
|
-
padding:64px 16px 32px;
|
|
3270
2636
|
padding:64px var(--size-sm) var(--size-lg);
|
|
3271
2637
|
}
|
|
3272
2638
|
.mobius-footer__content{
|
|
3273
2639
|
display:grid;
|
|
3274
|
-
|
|
3275
|
-
grid-column-gap:var(--size-sm);
|
|
3276
|
-
-moz-column-gap:16px;
|
|
3277
|
-
column-gap:16px;
|
|
3278
|
-
-moz-column-gap:var(--size-sm);
|
|
3279
|
-
column-gap:var(--size-sm);
|
|
3280
|
-
grid-row-gap:32px;
|
|
3281
|
-
grid-row-gap:var(--size-lg);
|
|
3282
|
-
row-gap:32px;
|
|
2640
|
+
column-gap:var(--size-sm);
|
|
3283
2641
|
row-gap:var(--size-lg);
|
|
3284
2642
|
}
|
|
3285
2643
|
@media (min-width: 960px){
|
|
@@ -3297,9 +2655,7 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3297
2655
|
}
|
|
3298
2656
|
.mobius-footer__heading.mobius-text{
|
|
3299
2657
|
margin:0;
|
|
3300
|
-
padding-bottom:8px;
|
|
3301
2658
|
padding-bottom:var(--size-xs);
|
|
3302
|
-
font-weight:700;
|
|
3303
2659
|
font-weight:var(--font-weight-bold);
|
|
3304
2660
|
}
|
|
3305
2661
|
.mobius-footer__heading-partial{
|
|
@@ -3312,14 +2668,9 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3312
2668
|
}
|
|
3313
2669
|
.mobius-footer__call-us-link{
|
|
3314
2670
|
display:grid;
|
|
3315
|
-
grid-gap:8px;
|
|
3316
|
-
grid-gap:var(--size-xs);
|
|
3317
|
-
gap:8px;
|
|
3318
2671
|
gap:var(--size-xs);
|
|
3319
2672
|
grid-template-columns:auto auto;
|
|
3320
|
-
width:-moz-fit-content;
|
|
3321
2673
|
width:fit-content;
|
|
3322
|
-
margin-bottom:8px;
|
|
3323
2674
|
margin-bottom:var(--size-xs);
|
|
3324
2675
|
}
|
|
3325
2676
|
@media (min-width: 960px){
|
|
@@ -3341,11 +2692,9 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3341
2692
|
position:absolute;
|
|
3342
2693
|
left:0;
|
|
3343
2694
|
right:0;
|
|
3344
|
-
color:#e943c9;
|
|
3345
2695
|
color:var(--color-accent);
|
|
3346
2696
|
}
|
|
3347
2697
|
.mobius-footer__opening-hours-container .mobius-text.small{
|
|
3348
|
-
color:#5d5d60;
|
|
3349
2698
|
color:var(--color-text-medium);
|
|
3350
2699
|
}
|
|
3351
2700
|
.mobius-footer__opening-hours-container[open]
|
|
@@ -3355,15 +2704,10 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3355
2704
|
.mobius-footer__opening-hours-toggle{
|
|
3356
2705
|
display:grid;
|
|
3357
2706
|
grid-template-columns:max-content auto;
|
|
3358
|
-
grid-gap:8px;
|
|
3359
|
-
grid-gap:var(--size-xs);
|
|
3360
|
-
gap:8px;
|
|
3361
2707
|
gap:var(--size-xs);
|
|
3362
2708
|
align-items:center;
|
|
3363
2709
|
cursor:pointer;
|
|
3364
|
-
|
|
3365
|
-
-moz-user-select:none;
|
|
3366
|
-
user-select:none;
|
|
2710
|
+
user-select:none;
|
|
3367
2711
|
}
|
|
3368
2712
|
.mobius-footer__opening-hours-toggle span{
|
|
3369
2713
|
text-wrap:nowrap;
|
|
@@ -3372,22 +2716,15 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3372
2716
|
display:none;
|
|
3373
2717
|
}
|
|
3374
2718
|
.mobius-footer__opening-hours-toggle-icon{
|
|
3375
|
-
color:#4632d8;
|
|
3376
2719
|
color:var(--color-primary);
|
|
3377
|
-
transition:160ms ease-in-out;
|
|
3378
2720
|
transition:var(--transition-standard);
|
|
3379
2721
|
}
|
|
3380
2722
|
.mobius-footer__opening-hours-toggle:hover .mobius-footer__opening-hours-toggle-icon, .mobius-footer__opening-hours-toggle:active .mobius-footer__opening-hours-toggle-icon, .mobius-footer__opening-hours-toggle:focus-visible .mobius-footer__opening-hours-toggle-icon{
|
|
3381
|
-
color:#2a1e81;
|
|
3382
2723
|
color:var(--color-primary-hover);
|
|
3383
2724
|
}
|
|
3384
2725
|
.mobius-footer__opening-hours-list{
|
|
3385
2726
|
display:grid;
|
|
3386
|
-
grid-gap:4px;
|
|
3387
|
-
grid-gap:var(--size-xxs);
|
|
3388
|
-
gap:4px;
|
|
3389
2727
|
gap:var(--size-xxs);
|
|
3390
|
-
margin:4px 0 0 0;
|
|
3391
2728
|
margin:var(--size-xxs) 0 0 0;
|
|
3392
2729
|
padding-left:0;
|
|
3393
2730
|
list-style:none;
|
|
@@ -3395,9 +2732,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3395
2732
|
.mobius-footer__opening-hours-list-item{
|
|
3396
2733
|
display:grid;
|
|
3397
2734
|
grid-template-columns:minmax(min-content, 50px) max-content auto;
|
|
3398
|
-
grid-gap:8px;
|
|
3399
|
-
grid-gap:var(--size-xs);
|
|
3400
|
-
gap:8px;
|
|
3401
2735
|
gap:var(--size-xs);
|
|
3402
2736
|
}
|
|
3403
2737
|
.mobius-footer__addresses{
|
|
@@ -3415,7 +2749,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3415
2749
|
}
|
|
3416
2750
|
}
|
|
3417
2751
|
.mobius-footer__address-entry.mobius-text.--is-small{
|
|
3418
|
-
color:#5d5d60;
|
|
3419
2752
|
color:var(--color-text-medium);
|
|
3420
2753
|
margin:0;
|
|
3421
2754
|
}
|
|
@@ -3428,7 +2761,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3428
2761
|
}
|
|
3429
2762
|
}
|
|
3430
2763
|
.mobius-footer__small-print a{
|
|
3431
|
-
color:#4632d8;
|
|
3432
2764
|
color:var(--color-primary);
|
|
3433
2765
|
}
|
|
3434
2766
|
.mobius-footer__small-print a:hover,
|
|
@@ -3436,9 +2768,19 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3436
2768
|
-webkit-text-decoration:underline;
|
|
3437
2769
|
text-decoration:underline;
|
|
3438
2770
|
cursor:pointer;
|
|
3439
|
-
color:#2a1e81;
|
|
3440
2771
|
color:var(--color-primary-hover);
|
|
3441
2772
|
}
|
|
2773
|
+
.error-boundary__container{
|
|
2774
|
+
display:flex;
|
|
2775
|
+
flex-direction:column;
|
|
2776
|
+
height:100%;
|
|
2777
|
+
}
|
|
2778
|
+
.error-boundary__message{
|
|
2779
|
+
display:grid;
|
|
2780
|
+
align-content:center;
|
|
2781
|
+
flex-grow:1;
|
|
2782
|
+
text-align:center;
|
|
2783
|
+
}
|
|
3442
2784
|
:root,
|
|
3443
2785
|
:host{
|
|
3444
2786
|
--header-border-color:transparent;
|
|
@@ -3450,9 +2792,7 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3450
2792
|
--header-powered-by-icon-color:var(--color-text-medium);
|
|
3451
2793
|
}
|
|
3452
2794
|
.mobius-header{
|
|
3453
|
-
border-bottom:2px solid transparent;
|
|
3454
2795
|
border-bottom:var(--size-border-width) solid var(--header-border-color);
|
|
3455
|
-
background-color:#ffffff;
|
|
3456
2796
|
background-color:var(--header-background-color);
|
|
3457
2797
|
padding:15px 0;
|
|
3458
2798
|
}
|
|
@@ -3460,12 +2800,10 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3460
2800
|
display:flex;
|
|
3461
2801
|
align-items:center;
|
|
3462
2802
|
justify-content:space-between;
|
|
3463
|
-
gap:8px;
|
|
3464
2803
|
gap:var(--size-xs);
|
|
3465
2804
|
}
|
|
3466
2805
|
.mobius-header__logo{
|
|
3467
2806
|
display:block;
|
|
3468
|
-
background-image:url("data:image/svg+xml,%3Csvg width%3D%22143%22 height%3D%2241%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg clip-path%3D%22url%28%23a%29%22%3E%3Cpath d%3D%22M72.703 12.73c0-2.694-2.15-3.619-4.047-4.433-1.408-.605-2.618-1.12-2.618-2.24 0-.938.815-1.544 2.075-1.544 1.113 0 1.904.48 2.433.79.202.109.505.242.79.15a.875.875 0 0 0 .49-.48l.362-.678c.276-.517.179-.96-.29-1.3-.56-.425-1.976-1.133-3.744-1.133-2.892 0-4.912 1.782-4.912 4.334 0 2.614 2.126 3.563 4.003 4.4 1.43.64 2.66 1.189 2.66 2.34 0 .951-.8 1.564-2.034 1.564-1.364 0-2.346-.7-2.828-1.038l-.024-.018c-.57-.32-.957-.26-1.298.216l-.441.656c-.47.656-.157 1.072.14 1.331a7.618 7.618 0 0 0 4.451 1.501c2.845 0 4.832-1.816 4.832-4.418ZM77.396 15.937V7.182c0-.621-.329-.96-.925-.96h-.887c-.596 0-.924.342-.924.96v8.755c0 .63.313.96.924.96h.887c.604.005.925-.33.925-.96ZM75.553 5.04h.804c.554 0 .859-.305.859-.857v-.56c0-.557-.313-.875-.859-.875h-.804c-.541 0-.84.31-.84.875v.557c.005.555.303.86.84.86ZM97.922 26.956h.804c.553 0 .858-.304.858-.856v-.56c0-.557-.312-.875-.858-.875h-.804c-.542 0-.84.31-.84.875v.56c.001.552.3.856.84.856ZM91.3 5.972c-1.623 0-2.539 1.035-3.12 2.053-.47-1.344-1.515-2.053-3.038-2.053-1.446 0-2.264.96-2.882 1.944V7.18c0-.62-.328-.96-.924-.96h-.782c-.596 0-.925.342-.925.96v8.757c0 .63.321.96.925.96h.887c.604 0 .923-.335.923-.96v-3.84c0-2.429.938-3.536 2.174-3.536 1.059 0 1.272.763 1.272 1.995v5.38c0 .623.334.96.938.96h.886c.605 0 .924-.334.924-.96v-3.84c0-2.428.92-3.535 2.134-3.535 1.095 0 1.31.8 1.31 1.995v5.38c0 .631.328.96.94.96h.866c.608 0 .938-.342.938-.96V10.06c.016-2.714-1.15-4.088-3.446-4.088ZM102.724 17.148c2.833 0 4.81-2.298 4.81-5.589 0-3.342-1.877-5.587-4.669-5.587a3.793 3.793 0 0 0-1.809.412 3.89 3.89 0 0 0-1.414 1.225v-.571c0-.498-.361-.82-.923-.82h-.64c-.602 0-.94.35-.94.96v12.866c0 .622.335.96.94.96h.864c.626 0 .939-.334.939-.96v-3.696c0-.229-.011-.427-.024-.58.34.442.775.797 1.273 1.037.498.24 1.043.357 1.593.343Zm-2.925-5.526c0-1.48.655-3.208 2.503-3.208 1.459 0 2.44 1.28 2.44 3.187 0 1.881-.997 3.147-2.48 3.147-1.617 0-2.463-1.573-2.463-3.126ZM113.505 16.02v-.7c0-.48-.26-.788-.712-.84-.355-.038-.718-.204-.718-1.153V3.071c0-.611-.336-.96-.925-.96h-.885c-.596 0-.924.343-.924.96v10.461c0 1.366.366 2.338 1.095 2.891.677.522 1.542.581 2.133.581s.936-.344.936-.984ZM123.489 6.218h-1.009c-.549 0-.888.26-1.04.788l-1.81 5.368c-.098.334-.203.77-.27 1.06a16.883 16.883 0 0 0-.313-1.107l-1.929-5.342c-.178-.523-.508-.767-1.04-.767h-1.095c-.444 0-.651.178-.746.32-.096.143-.168.412.011.82l3.891 9.27-.351.894c-.263.64-.808 1.335-1.541 1.335a1.59 1.59 0 0 1-.684-.176h-.017c-.454-.11-.806.072-1.02.531l-.18.448a.975.975 0 0 0-.061.782.834.834 0 0 0 .498.464c.464.2.96.308 1.464.32 1.72 0 3.147-1.054 3.798-2.817l4.223-11.061c.11-.32.094-.608-.048-.811-.143-.203-.393-.319-.731-.319ZM71.486 31.086c1.026-.64 1.635-1.79 1.635-3.125 0-2.346-1.779-3.863-4.537-3.863h-4.26c-.595 0-.924.343-.924.96v12.866c0 .63.313.96.925.96h4.33c1.418 0 2.637-.36 3.522-1.043.989-.76 1.51-1.898 1.51-3.291 0-1.63-.856-2.972-2.201-3.464Zm-5.319-1.028V26.58h2.38c1.073 0 1.713.64 1.713 1.707 0 1.067-.65 1.77-1.654 1.77l-2.438.001Zm4.657 4.335c0 1.245-.757 2.016-1.975 2.016h-2.674v-4.011h2.681c1.2 0 1.976.784 1.976 1.995h-.008ZM84.184 28.209h-.865c-.61 0-.938.342-.938.96v3.945c0 2.36-1.442 3.434-2.781 3.434-1.06 0-1.493-.59-1.493-2.037v-5.338c0-.622-.336-.96-.938-.96h-.867c-.599 0-.938.352-.938.96v5.877c0 2.72 1.232 4.088 3.663 4.088a4.062 4.062 0 0 0 1.97-.504 4.173 4.173 0 0 0 1.498-1.403v.698c0 .63.313.96.924.96h.783c.61 0 .938-.343.938-.96v-8.756c-.01-.612-.358-.964-.956-.964ZM91.533 32.462c-.966-.343-1.802-.64-1.802-1.28 0-.8.81-.927 1.292-.927.667.022 1.32.194 1.913.506.584.26 1.006.134 1.252-.373l.203-.374c.263-.56.136-1.028-.342-1.28a5.74 5.74 0 0 0-2.908-.773c-2.408 0-4.025 1.304-4.025 3.245 0 2.201 1.835 2.864 3.308 3.396.96.346 1.787.64 1.787 1.27 0 .596-.51.96-1.332.96-.974 0-1.702-.404-2.19-.67l-.068-.038c-.559-.298-.951-.224-1.275.238l-.243.37a1.007 1.007 0 0 0-.19.782.843.843 0 0 0 .419.528 6.005 6.005 0 0 0 3.479 1.087c2.358 0 4.006-1.368 4.006-3.327.01-2.172-1.816-2.822-3.284-3.34ZM98.835 28.209h-.887c-.596 0-.924.342-.924.96v8.755c0 .63.313.96.924.96h.887c.604 0 .923-.333.923-.96v-8.75c0-.613-.336-.965-.923-.965ZM108.676 27.962a4.018 4.018 0 0 0-2.025.498 4.13 4.13 0 0 0-1.523 1.453v-.743c0-.622-.328-.96-.924-.96h-.782c-.596 0-.925.343-.925.96v8.756c0 .63.313.96.925.96h.886c.604 0 .925-.333.925-.96v-4.047c0-1.93 1.203-3.331 2.861-3.331 1.075 0 1.513.59 1.513 2.037v5.344c0 .62.336.96.938.96h.867c.616 0 .938-.333.938-.96V32.05c.01-2.712-1.229-4.088-3.674-4.088ZM119.735 27.962c-3.128 0-5.318 2.298-5.318 5.59 0 3.236 2.362 5.586 5.617 5.586a6.486 6.486 0 0 0 3.541-1.062c.469-.285.59-.754.313-1.29l-.239-.408c-.277-.499-.689-.608-1.252-.33h-.011a4.058 4.058 0 0 1-2.163.663c-1.631 0-2.787-1.046-2.972-2.675h6.155a.977.977 0 0 0 .688-.288c.184-.184.29-.435.296-.698-.006-3.088-1.832-5.088-4.655-5.088Zm-.061 2.175c1.132 0 1.897.829 1.971 2.121h-4.327c.268-1.312 1.162-2.121 2.356-2.121ZM130.416 32.462c-.967-.343-1.802-.64-1.802-1.28 0-.8.808-.927 1.292-.927.666.022 1.32.194 1.913.506.583.26 1.006.134 1.251-.373l.204-.374c.262-.56.136-1.028-.343-1.28a5.74 5.74 0 0 0-2.908-.773c-2.407 0-4.026 1.304-4.026 3.245 0 2.201 1.836 2.864 3.31 3.396.959.346 1.786.64 1.786 1.27 0 .596-.512.96-1.333.96-.973 0-1.7-.404-2.18-.67l-.069-.038c-.559-.298-.951-.224-1.275.238l-.242.37a.997.997 0 0 0-.191.782.834.834 0 0 0 .419.528 6.006 6.006 0 0 0 3.479 1.087c2.359 0 4.006-1.368 4.006-3.327.003-2.172-1.824-2.822-3.291-3.34ZM139.706 32.462c-.967-.343-1.802-.64-1.802-1.28 0-.8.808-.927 1.29-.927a4.43 4.43 0 0 1 1.915.506c.583.26 1.006.134 1.251-.373l.205-.374c.263-.56.136-1.028-.344-1.28a5.722 5.722 0 0 0-2.906-.773c-2.408 0-4.027 1.304-4.027 3.245 0 2.201 1.837 2.864 3.31 3.396.959.346 1.787.64 1.787 1.27 0 .596-.512.96-1.332.96-.974 0-1.701-.404-2.19-.67l-.068-.038c-.56-.298-.953-.224-1.277.238l-.241.37a1.021 1.021 0 0 0-.191.782.835.835 0 0 0 .42.528 6.003 6.003 0 0 0 3.479 1.087c2.357 0 4.006-1.368 4.006-3.327.009-2.172-1.818-2.822-3.285-3.34Z%22 fill%3D%22%230E0A2B%22%2F%3E%3Cpath d%3D%22M24.04 24.6c.648 1.306.972 2.797.972 4.471.01 1.52-.277 3.025-.844 4.429a10.884 10.884 0 0 1-2.417 3.64c-1.048 1.043-2.369 1.866-3.962 2.467a14.853 14.853 0 0 1-5.275.893 17.608 17.608 0 0 1-6.648-1.237c-2.044-.825-3.691-1.725-4.942-2.699a2.857 2.857 0 0 1-.73-.826c-.128-.234-.191-.5-.183-.77a.699.699 0 0 1 0-.266c.034-.408.227-.842.574-1.303l1.198-1.73c.417-.584.87-.912 1.356-.983a.956.956 0 0 1 .235-.026c.429 0 .918.17 1.469.512 2.634 1.929 5.189 2.892 7.665 2.891 1.74 0 3.12-.409 4.14-1.227.486-.37.878-.854 1.144-1.41.265-.557.397-1.17.384-1.79a4.017 4.017 0 0 0-.6-2.149 5.765 5.765 0 0 0-1.62-1.707 19.23 19.23 0 0 0-2.366-1.389 70.772 70.772 0 0 0-2.797-1.3 68.755 68.755 0 0 1-2.91-1.362 19.955 19.955 0 0 1-2.768-1.67 14.455 14.455 0 0 1-2.346-2.08A8.36 8.36 0 0 1 1.16 15.22a10.182 10.182 0 0 1-.595-3.538c0-2.21.565-4.172 1.694-5.886a10.997 10.997 0 0 1 4.587-3.931C8.776.955 10.939.5 13.337.5a17.077 17.077 0 0 1 5.654.917c1.756.613 3.128 1.292 4.12 2.035.71.515 1.066 1.118 1.067 1.808a2.662 2.662 0 0 1-.392 1.304l-.97 1.776c-.4.797-.95 1.195-1.649 1.195a2.837 2.837 0 0 1-1.387-.433 29.67 29.67 0 0 0-1.782-1.018 11.32 11.32 0 0 0-2.107-.774 9.909 9.909 0 0 0-2.71-.38c-1.764 0-3.169.401-4.215 1.202a3.75 3.75 0 0 0-1.17 1.388 3.844 3.844 0 0 0-.394 1.788 3.864 3.864 0 0 0 .98 2.603 8.3 8.3 0 0 0 2.527 1.949 47.68 47.68 0 0 0 3.441 1.589 49.272 49.272 0 0 1 3.755 1.76 21.08 21.08 0 0 1 3.42 2.201 9.276 9.276 0 0 1 2.516 3.19Zm33.055 3.182c0 3.459-1.223 6.582-3.441 8.8-2.392 2.38-5.818 3.638-9.907 3.638H32.458c-2.576 0-4.52-1.986-4.52-4.62V5.405a4.72 4.72 0 0 1 .319-1.783c.22-.567.547-1.084.963-1.521.429-.425.936-.76 1.491-.985a4.447 4.447 0 0 1 1.747-.324h9.532c3.617 0 6.68 1.187 8.859 3.435 2.01 2.068 3.117 4.924 3.117 8.034 0 2.482-.661 4.542-2.022 6.286 1.393.781 2.585 1.89 3.477 3.234 1.106 1.691 1.674 3.71 1.674 6.002ZM44.29 19.474c.053-.032 5.201-3.27 5.201-7.212 0-1.898-.648-3.61-1.82-4.821-1.667-1.717-4.004-2.08-5.673-2.08h-9.574V35.636h11.312c2.896 0 5.239-.8 6.775-2.338 1.348-1.342 2.091-3.302 2.091-5.516 0-1.372-.313-2.536-.912-3.463V24.298c-1.44-2.537-7.233-4.086-7.29-4.1l-.886-.234.776-.49Z%22 fill%3D%22url%28%23b%29%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient id%3D%22b%22 x1%3D%2247.666%22 y1%3D%2242.689%22 x2%3D%225.867%22 y2%3D%221.824%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%234632D8%22%2F%3E%3Cstop offset%3D%221%22 stop-color%3D%22%239084E8%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath id%3D%22a%22%3E%3Cpath fill%3D%22%23fff%22 transform%3D%22translate%280 .5%29%22 d%3D%22M0 0h143v40H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
|
|
3469
2807
|
background-image:var(--header-logo);
|
|
3470
2808
|
background-size:contain;
|
|
3471
2809
|
background-repeat:no-repeat;
|
|
@@ -3483,19 +2821,14 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3483
2821
|
}
|
|
3484
2822
|
}
|
|
3485
2823
|
.mobius-header__phone-number{
|
|
3486
|
-
font-size:20px;
|
|
3487
2824
|
font-size:var(--font-size-lead);
|
|
3488
|
-
color:#18181d;
|
|
3489
2825
|
color:var(--header-text-color);
|
|
3490
2826
|
}
|
|
3491
2827
|
.mobius-header__phone-icon{
|
|
3492
|
-
color:#4632d8;
|
|
3493
2828
|
color:var(--header-phone-icon-color);
|
|
3494
2829
|
}
|
|
3495
2830
|
.mobius-header__contact-link{
|
|
3496
|
-
font-size:12px;
|
|
3497
2831
|
font-size:var(--font-size-small-print);
|
|
3498
|
-
line-height:1.5;
|
|
3499
2832
|
line-height:var(--line-height-normal);
|
|
3500
2833
|
}
|
|
3501
2834
|
.mobius-header__contact.--is-desktop{
|
|
@@ -3513,9 +2846,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3513
2846
|
}
|
|
3514
2847
|
.mobius-header__contact.--is-mobile .mobius-link-button{
|
|
3515
2848
|
display:grid;
|
|
3516
|
-
grid-gap:8px;
|
|
3517
|
-
grid-gap:var(--size-xs);
|
|
3518
|
-
gap:8px;
|
|
3519
2849
|
gap:var(--size-xs);
|
|
3520
2850
|
grid-template-columns:repeat(2, auto);
|
|
3521
2851
|
}
|
|
@@ -3524,16 +2854,13 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3524
2854
|
}
|
|
3525
2855
|
.mobius-header__powered-by-icon{
|
|
3526
2856
|
height:23px;
|
|
3527
|
-
margin-right:24px;
|
|
3528
2857
|
margin-right:var(--size-md);
|
|
3529
|
-
fill:#5d5d60;
|
|
3530
2858
|
fill:var(--header-powered-by-icon-color);
|
|
3531
2859
|
}
|
|
3532
2860
|
@media screen and (min-width: 641px){
|
|
3533
2861
|
.mobius-header__powered-by-icon{
|
|
3534
2862
|
width:153px;
|
|
3535
2863
|
height:43px;
|
|
3536
|
-
margin-left:32px;
|
|
3537
2864
|
margin-left:var(--size-lg);
|
|
3538
2865
|
margin-right:0;
|
|
3539
2866
|
order:1;
|
|
@@ -3548,17 +2875,13 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3548
2875
|
}
|
|
3549
2876
|
}
|
|
3550
2877
|
.mobius-header .mobius-header__dropdown .mobius-dropdown-menu__trigger{
|
|
3551
|
-
color:#4632d8;
|
|
3552
2878
|
color:var(--header-link-color);
|
|
3553
|
-
font-size:12px;
|
|
3554
2879
|
font-size:var(--font-size-small-print);
|
|
3555
|
-
font-weight:500;
|
|
3556
2880
|
font-weight:var(--font-weight-normal);
|
|
3557
2881
|
line-height:1;
|
|
3558
2882
|
padding:0;
|
|
3559
2883
|
}
|
|
3560
2884
|
.mobius-header .mobius-header__dropdown ul{
|
|
3561
|
-
padding:16px;
|
|
3562
2885
|
padding:var(--size-sm);
|
|
3563
2886
|
overflow:visible;
|
|
3564
2887
|
}
|
|
@@ -3571,14 +2894,11 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3571
2894
|
width:0;
|
|
3572
2895
|
border-style:solid;
|
|
3573
2896
|
border-width:0 10px 10px;
|
|
3574
|
-
border-color:transparent transparent #ffffff;
|
|
3575
2897
|
border-color:transparent transparent var(--color-background);
|
|
3576
2898
|
}
|
|
3577
2899
|
.mobius-header .mobius-header__dropdown .mobius-dropdown-menu__item{
|
|
3578
2900
|
cursor:auto;
|
|
3579
|
-
padding:4px 0;
|
|
3580
2901
|
padding:var(--size-xxs) 0;
|
|
3581
|
-
font-size:12px;
|
|
3582
2902
|
font-size:var(--font-size-small-print);
|
|
3583
2903
|
}
|
|
3584
2904
|
.mobius-header .mobius-header__dropdown .mobius-dropdown-menu__item:hover,
|
|
@@ -3592,52 +2912,42 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3592
2912
|
}
|
|
3593
2913
|
.mobius-info-card{
|
|
3594
2914
|
align-items:center;
|
|
3595
|
-
font-size:16px;
|
|
3596
2915
|
font-size:var(--font-size-regular);
|
|
3597
|
-
color:#18181d;
|
|
3598
2916
|
color:var(--color-text);
|
|
3599
|
-
border:1px solid #d1d1d2;
|
|
3600
2917
|
border:1px solid var(--color-border);
|
|
3601
|
-
border-radius:8px;
|
|
3602
2918
|
border-radius:var(--radius-2);
|
|
3603
|
-
padding:16px;
|
|
3604
2919
|
padding:var(--size-sm);
|
|
3605
|
-
margin:16px 0;
|
|
3606
2920
|
margin:var(--size-sm) 0;
|
|
3607
2921
|
}
|
|
3608
2922
|
.mobius-info-card.--has-header{
|
|
3609
2923
|
align-items:start;
|
|
3610
2924
|
}
|
|
3611
2925
|
.mobius-info-card__icon{
|
|
3612
|
-
margin-right:16px;
|
|
3613
2926
|
margin-right:var(--size-sm);
|
|
3614
2927
|
}
|
|
3615
2928
|
.mobius-info-card__icon .mobius-icon{
|
|
3616
|
-
color:#e943c9;
|
|
3617
2929
|
color:var(--color-accent);
|
|
3618
2930
|
}
|
|
3619
2931
|
.mobius-info-card__header{
|
|
3620
|
-
margin:0 0 16px;
|
|
3621
2932
|
margin:0 0 var(--size-sm);
|
|
3622
|
-
font-weight:700;
|
|
3623
2933
|
font-weight:var(--font-weight-bold);
|
|
3624
2934
|
}
|
|
3625
2935
|
.mobius-next-coverage{
|
|
3626
|
-
border:1px solid #d1d1d2;
|
|
3627
2936
|
border:1px solid var(--color-border);
|
|
3628
|
-
border-radius:8px;
|
|
3629
2937
|
border-radius:var(--radius-2);
|
|
3630
|
-
padding:32px 16px;
|
|
3631
2938
|
padding:var(--size-lg) var(--size-sm);
|
|
3632
2939
|
}
|
|
3633
2940
|
.mobius-next-coverage__text{
|
|
3634
|
-
margin-bottom:32px;
|
|
3635
2941
|
margin-bottom:var(--size-lg);
|
|
3636
2942
|
}
|
|
2943
|
+
.mobius-payment-summary .mobius-flex{
|
|
2944
|
+
width:100%;
|
|
2945
|
+
}
|
|
2946
|
+
.mobius-payment-summary__total strong{
|
|
2947
|
+
font-size:var(--font-size-lead);
|
|
2948
|
+
}
|
|
3637
2949
|
.mobius-insurance-benefits{
|
|
3638
|
-
padding:32px 16px;
|
|
3639
2950
|
padding:var(--size-lg) var(--size-sm);
|
|
3640
|
-
background-color:#f6f5fd;
|
|
3641
2951
|
background-color:var(--color-background-highlight);
|
|
3642
2952
|
}
|
|
3643
2953
|
.mobius-insurance-benefits__title.mobius-text{
|
|
@@ -3645,13 +2955,9 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3645
2955
|
}
|
|
3646
2956
|
.mobius-insurance-benefits__list{
|
|
3647
2957
|
display:grid;
|
|
3648
|
-
grid-gap:32px;
|
|
3649
|
-
grid-gap:var(--size-lg);
|
|
3650
|
-
gap:32px;
|
|
3651
2958
|
gap:var(--size-lg);
|
|
3652
2959
|
list-style-type:none;
|
|
3653
2960
|
margin:0;
|
|
3654
|
-
padding:32px 0 0 0;
|
|
3655
2961
|
padding:var(--size-lg) 0 0 0;
|
|
3656
2962
|
}
|
|
3657
2963
|
@media (min-width: 960px){
|
|
@@ -3660,32 +2966,25 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3660
2966
|
}
|
|
3661
2967
|
}
|
|
3662
2968
|
.mobius-insurance-benefits__item-icon{
|
|
3663
|
-
color:#e943c9;
|
|
3664
2969
|
color:var(--color-focus);
|
|
3665
2970
|
}
|
|
3666
2971
|
.mobius-insurance-benefits__item-title.mobius-text{
|
|
3667
|
-
padding-top:16px;
|
|
3668
2972
|
padding-top:var(--size-sm);
|
|
3669
2973
|
margin:0;
|
|
3670
2974
|
}
|
|
3671
2975
|
.mobius-insurance-benefits__item-description.mobius-text{
|
|
3672
|
-
padding-top:8px;
|
|
3673
2976
|
padding-top:var(--size-xs);
|
|
3674
2977
|
margin:0;
|
|
3675
|
-
color:#5d5d60;
|
|
3676
2978
|
color:var(--color-text-medium);
|
|
3677
2979
|
}
|
|
3678
2980
|
.mobius-pre-footer{
|
|
3679
|
-
background-color:#4632d8;
|
|
3680
2981
|
background-color:var(--color-primary);
|
|
3681
|
-
padding:32px 16px;
|
|
3682
2982
|
padding:var(--size-lg) var(--size-sm);
|
|
3683
2983
|
}
|
|
3684
2984
|
.mobius-pre-footer__content{
|
|
3685
2985
|
display:flex;
|
|
3686
2986
|
align-items:center;
|
|
3687
2987
|
flex-direction:column;
|
|
3688
|
-
gap:16px;
|
|
3689
2988
|
gap:var(--size-sm);
|
|
3690
2989
|
}
|
|
3691
2990
|
@media (min-width: 960px){
|
|
@@ -3698,7 +2997,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3698
2997
|
width:100%;
|
|
3699
2998
|
}
|
|
3700
2999
|
.mobius-pre-footer__wideget .mobius-trust__link{
|
|
3701
|
-
color:#ffffff;
|
|
3702
3000
|
color:var(--color-text-inverted);
|
|
3703
3001
|
}
|
|
3704
3002
|
@media (min-width: 452px){
|
|
@@ -3713,11 +3011,8 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3713
3011
|
}
|
|
3714
3012
|
}
|
|
3715
3013
|
.mobius-pre-footer__text{
|
|
3716
|
-
font-size:14px;
|
|
3717
3014
|
font-size:var(--font-size-small-paragraph);
|
|
3718
|
-
line-height:1.5;
|
|
3719
3015
|
line-height:var(--line-height-normal);
|
|
3720
|
-
color:#ffffff;
|
|
3721
3016
|
color:var(--color-text-inverted);
|
|
3722
3017
|
margin:0 0 0 auto;
|
|
3723
3018
|
}
|
|
@@ -3733,7 +3028,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3733
3028
|
width:100%;
|
|
3734
3029
|
display:grid;
|
|
3735
3030
|
list-style-type:none;
|
|
3736
|
-
padding:24px 0;
|
|
3737
3031
|
padding:var(--size-md) 0;
|
|
3738
3032
|
margin-top:0;
|
|
3739
3033
|
margin-bottom:0;
|
|
@@ -3746,73 +3040,54 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3746
3040
|
display:none;
|
|
3747
3041
|
}
|
|
3748
3042
|
.mobius-progress-steps__item.--is-active::before{
|
|
3749
|
-
color:#ffffff;
|
|
3750
3043
|
color:var(--color-text-inverted);
|
|
3751
|
-
background-color:#2a1e81;
|
|
3752
3044
|
background-color:var(--progress-steps-primary-color);
|
|
3753
3045
|
}
|
|
3754
3046
|
.mobius-progress-steps__item.--is-active .mobius-progress-steps__item-name.mobius-text{
|
|
3755
|
-
color:#2a1e81;
|
|
3756
3047
|
color:var(--progress-steps-tertiary-color);
|
|
3757
3048
|
}
|
|
3758
3049
|
.mobius-progress-steps__item.--is-active .mobius-progress-steps__item-shape{
|
|
3759
|
-
background-color:#2a1e81;
|
|
3760
3050
|
background-color:var(--progress-steps-tertiary-color);
|
|
3761
|
-
border-color:#2a1e81;
|
|
3762
3051
|
border-color:var(--progress-steps-tertiary-color);
|
|
3763
3052
|
}
|
|
3764
3053
|
.mobius-progress-steps__item.--is-active .mobius-progress-steps__item-shape::after{
|
|
3765
|
-
background-color:#f3f3f3;
|
|
3766
3054
|
background-color:var(--progress-steps-secondary-color);
|
|
3767
3055
|
}
|
|
3768
3056
|
.mobius-progress-steps__item.--is-active .mobius-progress-steps__item-number{
|
|
3769
|
-
color:#ffffff;
|
|
3770
3057
|
color:var(--color-text-inverted);
|
|
3771
3058
|
}
|
|
3772
3059
|
.mobius-progress-steps__item.--is-complete::after{
|
|
3773
|
-
background-color:#2a1e81;
|
|
3774
3060
|
background-color:var(--progress-steps-primary-color);
|
|
3775
3061
|
}
|
|
3776
3062
|
.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-link:hover .mobius-progress-steps__item-shape, .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-link:focus-visible .mobius-progress-steps__item-shape{
|
|
3777
|
-
background-color:#2a1e81;
|
|
3778
3063
|
background-color:var(--progress-steps-primary-color);
|
|
3779
3064
|
}
|
|
3780
3065
|
.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-link:hover .mobius-progress-steps__item-icon, .mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-link:focus-visible .mobius-progress-steps__item-icon{
|
|
3781
|
-
color:#ffffff;
|
|
3782
3066
|
color:var(--color-text-inverted);
|
|
3783
3067
|
}
|
|
3784
3068
|
.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-shape{
|
|
3785
|
-
border-color:#2a1e81;
|
|
3786
3069
|
border-color:var(--progress-steps-primary-color);
|
|
3787
|
-
background-color:#ffffff;
|
|
3788
3070
|
background-color:var(--color-background);
|
|
3789
3071
|
}
|
|
3790
3072
|
.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-shape::after{
|
|
3791
|
-
background-color:#2a1e81;
|
|
3792
3073
|
background-color:var(--progress-steps-primary-color);
|
|
3793
3074
|
}
|
|
3794
3075
|
.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-number{
|
|
3795
|
-
color:#4632d8;
|
|
3796
3076
|
color:var(--color-primary);
|
|
3797
3077
|
}
|
|
3798
3078
|
.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-icon{
|
|
3799
|
-
color:#2a1e81;
|
|
3800
3079
|
color:var(--progress-steps-primary-color);
|
|
3801
3080
|
}
|
|
3802
3081
|
.mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-name.mobius-text{
|
|
3803
|
-
color:#18181d;
|
|
3804
3082
|
color:var(--color-text);
|
|
3805
3083
|
}
|
|
3806
3084
|
.mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-shape{
|
|
3807
|
-
border-color:#f3f3f3;
|
|
3808
3085
|
border-color:var(--progress-steps-secondary-color);
|
|
3809
3086
|
}
|
|
3810
3087
|
.mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-shape::after{
|
|
3811
|
-
background-color:#f3f3f3;
|
|
3812
3088
|
background-color:var(--progress-steps-secondary-color);
|
|
3813
3089
|
}
|
|
3814
3090
|
.mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-number{
|
|
3815
|
-
color:#5d5d60;
|
|
3816
3091
|
color:var(--progress-steps-incomplete-number-text-color);
|
|
3817
3092
|
}
|
|
3818
3093
|
.mobius-progress-steps__item-link{
|
|
@@ -3823,42 +3098,29 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3823
3098
|
}
|
|
3824
3099
|
.mobius-progress-steps__item-shape{
|
|
3825
3100
|
display:grid;
|
|
3826
|
-
align-items:center;
|
|
3827
|
-
justify-items:center;
|
|
3828
3101
|
place-items:center;
|
|
3829
|
-
width:44px;
|
|
3830
3102
|
width:var(--progress-steps-shape-size);
|
|
3831
|
-
height:44px;
|
|
3832
3103
|
height:var(--progress-steps-shape-size);
|
|
3833
3104
|
margin:0 auto;
|
|
3834
3105
|
border-radius:50%;
|
|
3835
|
-
border:2px solid currentColor;
|
|
3836
3106
|
border:var(--size-border-width) solid currentColor;
|
|
3837
|
-
font-size:24px;
|
|
3838
3107
|
font-size:var(--font-size-small-title);
|
|
3839
|
-
font-weight:700;
|
|
3840
3108
|
font-weight:var(--font-weight-bold);
|
|
3841
|
-
background-color:#f3f3f3;
|
|
3842
3109
|
background-color:var(--progress-steps-secondary-color);
|
|
3843
3110
|
}
|
|
3844
3111
|
.mobius-progress-steps__item-shape::after{
|
|
3845
3112
|
content:"";
|
|
3846
3113
|
position:absolute;
|
|
3847
3114
|
z-index:-1;
|
|
3848
|
-
top:calc(44px / 2 - 1px);
|
|
3849
3115
|
top:calc(var(--progress-steps-shape-size) / 2 - 1px);
|
|
3850
3116
|
left:50%;
|
|
3851
3117
|
width:100%;
|
|
3852
|
-
height:2px;
|
|
3853
3118
|
height:var(--size-border-width);
|
|
3854
3119
|
}
|
|
3855
3120
|
.mobius-progress-steps__item-name.mobius-text{
|
|
3856
3121
|
display:none;
|
|
3857
|
-
margin:4px 0 0 0;
|
|
3858
3122
|
margin:var(--size-xxs) 0 0 0;
|
|
3859
|
-
font-family:museosans, Arial, sans-serif;
|
|
3860
3123
|
font-family:var(--font-family-heading);
|
|
3861
|
-
font-weight:700;
|
|
3862
3124
|
font-weight:var(--font-weight-bold);
|
|
3863
3125
|
color:inherit;
|
|
3864
3126
|
text-align:center;
|
|
@@ -3873,34 +3135,22 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3873
3135
|
}
|
|
3874
3136
|
}
|
|
3875
3137
|
.mobius-cover-summary .mobius-cover-summary__text{
|
|
3876
|
-
font-size:14px;
|
|
3877
3138
|
font-size:var(--font-size-2);
|
|
3878
|
-
margin:8px 4% 32px;
|
|
3879
3139
|
margin:var(--size-xs) 4% var(--size-lg);
|
|
3880
3140
|
text-align:center;
|
|
3881
3141
|
}
|
|
3882
3142
|
@media (min-width: 850px){
|
|
3883
3143
|
.mobius-cover-summary .mobius-cover-summary__text{
|
|
3884
|
-
margin:8px 0 32px;
|
|
3885
3144
|
margin:var(--size-xs) 0 var(--size-lg);
|
|
3886
3145
|
}
|
|
3887
3146
|
}
|
|
3888
3147
|
.mobius-cover-toggles-container__outer{
|
|
3889
|
-
margin-bottom:24px;
|
|
3890
3148
|
margin-bottom:var(--size-md);
|
|
3891
3149
|
}
|
|
3892
3150
|
.mobius-cover-toggles-container__outer.--is-payment-aside{
|
|
3893
3151
|
display:grid;
|
|
3894
3152
|
grid-template-columns:1fr auto;
|
|
3895
|
-
|
|
3896
|
-
grid-column-gap:var(--size-lg);
|
|
3897
|
-
-moz-column-gap:32px;
|
|
3898
|
-
column-gap:32px;
|
|
3899
|
-
-moz-column-gap:var(--size-lg);
|
|
3900
|
-
column-gap:var(--size-lg);
|
|
3901
|
-
grid-row-gap:16px;
|
|
3902
|
-
grid-row-gap:var(--size-sm);
|
|
3903
|
-
row-gap:16px;
|
|
3153
|
+
column-gap:var(--size-lg);
|
|
3904
3154
|
row-gap:var(--size-sm);
|
|
3905
3155
|
align-items:self-start;
|
|
3906
3156
|
}
|
|
@@ -3913,30 +3163,19 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3913
3163
|
.mobius-cover-toggles-container.--is-desktop{
|
|
3914
3164
|
display:grid;
|
|
3915
3165
|
grid-template-columns:repeat(3, 1fr);
|
|
3916
|
-
|
|
3917
|
-
grid-column-gap:var(--size-lg);
|
|
3918
|
-
-moz-column-gap:32px;
|
|
3919
|
-
column-gap:32px;
|
|
3920
|
-
-moz-column-gap:var(--size-lg);
|
|
3921
|
-
column-gap:var(--size-lg);
|
|
3922
|
-
grid-row-gap:16px;
|
|
3923
|
-
grid-row-gap:var(--size-sm);
|
|
3924
|
-
row-gap:16px;
|
|
3166
|
+
column-gap:var(--size-lg);
|
|
3925
3167
|
row-gap:var(--size-sm);
|
|
3926
3168
|
align-items:end;
|
|
3927
3169
|
}
|
|
3928
3170
|
.mobius-cover-toggles-container.--is-collapsible{
|
|
3929
|
-
padding-top:8px;
|
|
3930
3171
|
padding-top:var(--size-xs);
|
|
3931
3172
|
}
|
|
3932
3173
|
.mobius-edit-limits__button{
|
|
3933
3174
|
display:flex;
|
|
3934
|
-
gap:8px;
|
|
3935
3175
|
gap:var(--size-xs);
|
|
3936
3176
|
align-items:center;
|
|
3937
3177
|
}
|
|
3938
3178
|
.mobius-edit-limits__modal.mobius-modal{
|
|
3939
|
-
width:calc(100% - (32px * 2));
|
|
3940
3179
|
width:calc(100% - (var(--size-lg) * 2));
|
|
3941
3180
|
max-width:560px;
|
|
3942
3181
|
border-radius:12px;
|
|
@@ -3947,12 +3186,10 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3947
3186
|
}
|
|
3948
3187
|
}
|
|
3949
3188
|
.mobius-edit-limits__modal.mobius-modal .mobius-modal__header{
|
|
3950
|
-
padding-bottom:8px;
|
|
3951
3189
|
padding-bottom:var(--size-xs);
|
|
3952
3190
|
}
|
|
3953
3191
|
@media (min-width: 600px){
|
|
3954
3192
|
.mobius-edit-limits__modal.mobius-modal .mobius-modal__header{
|
|
3955
|
-
padding:32px 32px 0;
|
|
3956
3193
|
padding:var(--size-lg) var(--size-lg) 0;
|
|
3957
3194
|
}
|
|
3958
3195
|
}
|
|
@@ -3966,17 +3203,14 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3966
3203
|
}
|
|
3967
3204
|
@media (min-width: 600px){
|
|
3968
3205
|
.mobius-edit-limits__modal.mobius-modal .mobius-modal__content{
|
|
3969
|
-
padding:0 32px 16px;
|
|
3970
3206
|
padding:0 var(--size-lg) var(--size-sm);
|
|
3971
3207
|
}
|
|
3972
3208
|
}
|
|
3973
3209
|
.mobius-edit-limits__toggle-container{
|
|
3974
3210
|
overflow-y:scroll;
|
|
3975
3211
|
flex-direction:column;
|
|
3976
|
-
gap:16px;
|
|
3977
3212
|
gap:var(--size-sm);
|
|
3978
3213
|
align-items:center;
|
|
3979
|
-
padding:0 0 32px;
|
|
3980
3214
|
padding:0 0 var(--size-lg);
|
|
3981
3215
|
width:100%;
|
|
3982
3216
|
max-height:400px;
|
|
@@ -4000,14 +3234,11 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4000
3234
|
}
|
|
4001
3235
|
@media (min-width: 600px){
|
|
4002
3236
|
.mobius-edit-limits__toggle-container .mobius-select__outer{
|
|
4003
|
-
width:calc(50% - 8px);
|
|
4004
3237
|
width:calc(50% - var(--size-xs));
|
|
4005
3238
|
}
|
|
4006
3239
|
}
|
|
4007
3240
|
.mobius-edit-limits__action-container{
|
|
4008
|
-
gap:8px;
|
|
4009
3241
|
gap:var(--size-xs);
|
|
4010
|
-
padding-top:32px;
|
|
4011
3242
|
padding-top:var(--size-lg);
|
|
4012
3243
|
position:relative;
|
|
4013
3244
|
}
|
|
@@ -4017,10 +3248,8 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4017
3248
|
top:0;
|
|
4018
3249
|
left:50%;
|
|
4019
3250
|
transform:translateX(-50%);
|
|
4020
|
-
width:calc(100% + 32px);
|
|
4021
3251
|
width:calc(100% + var(--size-lg));
|
|
4022
3252
|
height:0;
|
|
4023
|
-
border-top:1px solid #d1d1d2;
|
|
4024
3253
|
border-top:1px solid var(--color-border);
|
|
4025
3254
|
}
|
|
4026
3255
|
@media (min-width: 600px){
|
|
@@ -4032,21 +3261,17 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4032
3261
|
flex:1;
|
|
4033
3262
|
}
|
|
4034
3263
|
.mobius-quote-headline.--experiment-iterated-qcp{
|
|
4035
|
-
padding:32px;
|
|
4036
3264
|
padding:var(--size-lg);
|
|
4037
|
-
background-color:#f6f5fd;
|
|
4038
3265
|
background-color:var(--color-background-highlight);
|
|
4039
3266
|
}
|
|
4040
3267
|
.mobius-quote-headline__inner{
|
|
4041
3268
|
display:flex;
|
|
4042
3269
|
flex-direction:column;
|
|
4043
|
-
gap:16px;
|
|
4044
3270
|
gap:var(--size-sm);
|
|
4045
3271
|
}
|
|
4046
3272
|
@media (min-width: 600px){
|
|
4047
3273
|
.mobius-quote-headline__inner{
|
|
4048
3274
|
flex-direction:row;
|
|
4049
|
-
gap:32px;
|
|
4050
3275
|
gap:var(--size-lg);
|
|
4051
3276
|
}
|
|
4052
3277
|
}
|
|
@@ -4057,51 +3282,40 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4057
3282
|
display:flex;
|
|
4058
3283
|
justify-content:center;
|
|
4059
3284
|
align-items:center;
|
|
4060
|
-
gap:16px;
|
|
4061
3285
|
gap:var(--size-sm);
|
|
4062
3286
|
}
|
|
4063
3287
|
.mobius-quote-headline__highlight{
|
|
4064
|
-
color:#4632d8;
|
|
4065
3288
|
color:var(--color-primary);
|
|
4066
3289
|
}
|
|
4067
3290
|
.mobius-quote-headline__text.mobius-text{
|
|
4068
|
-
font-size:16px;
|
|
4069
3291
|
font-size:var(--font-size-3);
|
|
4070
3292
|
margin:0 4%;
|
|
4071
3293
|
text-align:center;
|
|
4072
3294
|
}
|
|
4073
3295
|
.mobius-quote-headline__title.mobius-text{
|
|
4074
|
-
font-size:32px;
|
|
4075
3296
|
font-size:var(--font-size-title);
|
|
4076
3297
|
margin:0;
|
|
4077
3298
|
}
|
|
4078
3299
|
.mobius-quote-headline__highlight{
|
|
4079
|
-
color:#4632d8;
|
|
4080
3300
|
color:var(--color-primary);
|
|
4081
3301
|
}
|
|
4082
3302
|
.mobius-quote-headline__link{
|
|
4083
3303
|
display:flex;
|
|
4084
3304
|
align-items:center;
|
|
4085
|
-
font-weight:700;
|
|
4086
3305
|
font-weight:var(--font-weight-bold);
|
|
4087
|
-
margin-bottom:16px;
|
|
4088
3306
|
margin-bottom:var(--size-sm);
|
|
4089
3307
|
-webkit-text-decoration:none;
|
|
4090
3308
|
text-decoration:none;
|
|
4091
3309
|
}
|
|
4092
3310
|
.mobius-quote-headline__back-icon{
|
|
4093
|
-
margin-right:8px;
|
|
4094
3311
|
margin-right:var(--size-xs);
|
|
4095
3312
|
}
|
|
4096
3313
|
.mobius-quote-headline__description{
|
|
4097
|
-
margin-top:8px;
|
|
4098
3314
|
margin-top:var(--size-xs);
|
|
4099
|
-
margin-bottom:32px;
|
|
4100
3315
|
margin-bottom:var(--size-lg);
|
|
4101
3316
|
}
|
|
4102
3317
|
@media (min-width: 850px){
|
|
4103
3318
|
.mobius-quote-headline .mobius-quote-headline__text{
|
|
4104
|
-
font-size:20px;
|
|
4105
3319
|
font-size:var(--font-size-4);
|
|
4106
3320
|
margin:20px 10%;
|
|
4107
3321
|
}
|
|
@@ -4111,7 +3325,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4111
3325
|
--duration:0.15s;
|
|
4112
3326
|
}
|
|
4113
3327
|
.mobius-payment-toggle__container{
|
|
4114
|
-
margin-bottom:24px;
|
|
4115
3328
|
margin-bottom:var(--size-md);
|
|
4116
3329
|
}
|
|
4117
3330
|
.mobius-payment-toggle{
|
|
@@ -4120,11 +3333,8 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4120
3333
|
grid-template-columns:repeat(2, 1fr);
|
|
4121
3334
|
justify-items:center;
|
|
4122
3335
|
margin-left:auto;
|
|
4123
|
-
font-family:museosans, Arial, sans-serif;
|
|
4124
3336
|
font-family:var(--font-family);
|
|
4125
|
-
font-size:16px;
|
|
4126
3337
|
font-size:var(--font-size-regular);
|
|
4127
|
-
border:2px solid #4632d8;
|
|
4128
3338
|
border:var(--size-border-width) solid var(--color-primary);
|
|
4129
3339
|
background-color:transparent;
|
|
4130
3340
|
border-radius:50px;
|
|
@@ -4138,45 +3348,36 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4138
3348
|
top:2px;
|
|
4139
3349
|
bottom:2px;
|
|
4140
3350
|
left:0;
|
|
4141
|
-
background-color:#4632d8;
|
|
4142
3351
|
background-color:var(--color-primary);
|
|
4143
3352
|
border-radius:50px;
|
|
4144
3353
|
transform:translateX(2px);
|
|
4145
|
-
transition:all 0.15s ease-in-out;
|
|
4146
3354
|
transition:all var(--duration) ease-in-out;
|
|
4147
3355
|
}
|
|
4148
3356
|
.mobius-payment-toggle:active,
|
|
4149
3357
|
.mobius-payment-toggle:hover,
|
|
4150
3358
|
.mobius-payment-toggle:focus-visible{
|
|
4151
|
-
border-color:#2a1e81;
|
|
4152
3359
|
border-color:var(--color-primary-hover);
|
|
4153
3360
|
}
|
|
4154
3361
|
.mobius-payment-toggle:active .mobius-payment-toggle__text.--yearly, .mobius-payment-toggle:hover .mobius-payment-toggle__text.--yearly, .mobius-payment-toggle:focus-visible .mobius-payment-toggle__text.--yearly{
|
|
4155
|
-
color:#2a1e81;
|
|
4156
3362
|
color:var(--color-primary-hover);
|
|
4157
3363
|
}
|
|
4158
3364
|
.mobius-payment-toggle:active::before, .mobius-payment-toggle:hover::before, .mobius-payment-toggle:focus-visible::before{
|
|
4159
|
-
background-color:#2a1e81;
|
|
4160
3365
|
background-color:var(--color-primary-hover);
|
|
4161
3366
|
}
|
|
4162
3367
|
.mobius-payment-toggle.--is-toggled:active .mobius-payment-toggle__text.--monthly, .mobius-payment-toggle.--is-toggled:hover .mobius-payment-toggle__text.--monthly, .mobius-payment-toggle.--is-toggled:focus-visible .mobius-payment-toggle__text.--monthly{
|
|
4163
|
-
color:#2a1e81;
|
|
4164
3368
|
color:var(--color-primary-hover);
|
|
4165
3369
|
}
|
|
4166
3370
|
.mobius-payment-toggle:focus-visible{
|
|
4167
3371
|
outline:none;
|
|
4168
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
4169
3372
|
box-shadow:var(--box-shadow-default);
|
|
4170
3373
|
}
|
|
4171
3374
|
.mobius-payment-toggle.--is-toggled::before{
|
|
4172
3375
|
transform:translate(100%);
|
|
4173
3376
|
}
|
|
4174
3377
|
.mobius-payment-toggle.--is-toggled .mobius-payment-toggle__text.--monthly{
|
|
4175
|
-
color:#4632d8;
|
|
4176
3378
|
color:var(--color-primary);
|
|
4177
3379
|
}
|
|
4178
3380
|
.mobius-payment-toggle.--is-toggled .mobius-payment-toggle__text.--yearly{
|
|
4179
|
-
color:#ffffff;
|
|
4180
3381
|
color:var(--color-text-inverted);
|
|
4181
3382
|
}
|
|
4182
3383
|
.mobius-payment-toggle__text{
|
|
@@ -4184,47 +3385,33 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4184
3385
|
display:flex;
|
|
4185
3386
|
align-items:center;
|
|
4186
3387
|
margin:2px;
|
|
4187
|
-
padding:calc(8px - 1px);
|
|
4188
3388
|
padding:calc(var(--size-xs) - 1px);
|
|
4189
|
-
font-weight:700;
|
|
4190
3389
|
font-weight:var(--font-weight-bold);
|
|
4191
|
-
color:#ffffff;
|
|
4192
3390
|
color:var(--color-text-inverted);
|
|
4193
|
-
transition:color 0.15s ease-in-out;
|
|
4194
3391
|
transition:color var(--duration) ease-in-out;
|
|
4195
3392
|
}
|
|
4196
3393
|
.mobius-payment-toggle__text.--yearly{
|
|
4197
|
-
color:#4632d8;
|
|
4198
3394
|
color:var(--color-primary);
|
|
4199
3395
|
}
|
|
4200
3396
|
.mobius-additional-coverage-info{
|
|
4201
|
-
color:#18181d;
|
|
4202
3397
|
color:var(--color-text);
|
|
4203
|
-
font-family:museosans, Arial, sans-serif;
|
|
4204
3398
|
font-family:var(--font-family);
|
|
4205
|
-
font-size:14px;
|
|
4206
3399
|
font-size:var(--font-size-small-paragraph);
|
|
4207
|
-
font-weight:500;
|
|
4208
3400
|
font-weight:var(--font-weight-normal);
|
|
4209
3401
|
line-height:150%;
|
|
4210
3402
|
}
|
|
4211
3403
|
.mobius-additional-coverage-info.--has-divider{
|
|
4212
|
-
border-top:1px solid #f3f3f3;
|
|
4213
3404
|
border-top:1px solid var(--color-border-light);
|
|
4214
|
-
margin-bottom:32px;
|
|
4215
3405
|
margin-bottom:var(--size-lg);
|
|
4216
3406
|
}
|
|
4217
3407
|
.mobius-additional-coverage-info ul{
|
|
4218
|
-
padding:0 0 0 24px;
|
|
4219
3408
|
padding:0 0 0 var(--size-md);
|
|
4220
3409
|
list-style:outside;
|
|
4221
3410
|
}
|
|
4222
3411
|
.mobius-additional-coverage-info ul li{
|
|
4223
|
-
margin:0 0 16px;
|
|
4224
3412
|
margin:0 0 var(--size-sm);
|
|
4225
3413
|
}
|
|
4226
3414
|
.mobius-additional-coverage-info__title.mobius-text{
|
|
4227
|
-
margin-top:32px;
|
|
4228
3415
|
margin-top:var(--size-lg);
|
|
4229
3416
|
}
|
|
4230
3417
|
.mobius-additional-coverage-info__text{
|
|
@@ -4232,40 +3419,27 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4232
3419
|
}
|
|
4233
3420
|
.mobius-certificate-of-insurance{
|
|
4234
3421
|
display:grid;
|
|
4235
|
-
grid-gap:8px;
|
|
4236
|
-
grid-gap:var(--size-xs);
|
|
4237
|
-
gap:8px;
|
|
4238
3422
|
gap:var(--size-xs);
|
|
4239
|
-
padding:24px;
|
|
4240
3423
|
padding:var(--size-md);
|
|
4241
|
-
background-color:#f6f5fd;
|
|
4242
3424
|
background-color:var(--color-background-highlight);
|
|
4243
|
-
border-radius:4px;
|
|
4244
3425
|
border-radius:var(--radius-1);
|
|
4245
3426
|
}
|
|
4246
3427
|
.mobius-certificate-of-insurance__icon.mobius-icon{
|
|
4247
|
-
color:#e943c9;
|
|
4248
3428
|
color:var(--color-accent);
|
|
4249
|
-
margin:16px 0 24px;
|
|
4250
3429
|
margin:var(--size-sm) 0 var(--size-md);
|
|
4251
3430
|
}
|
|
4252
3431
|
.mobius-certificate-of-insurance__title.mobius-text{
|
|
4253
|
-
color:#18181d;
|
|
4254
3432
|
color:var(--color-text);
|
|
4255
|
-
font-weight:700;
|
|
4256
3433
|
font-weight:var(--font-weight-bold);
|
|
4257
3434
|
margin:0;
|
|
4258
3435
|
}
|
|
4259
3436
|
.mobius-certificate-of-insurance__text.mobius-text{
|
|
4260
|
-
color:#5d5d60;
|
|
4261
3437
|
color:var(--color-text-medium);
|
|
4262
3438
|
margin:0;
|
|
4263
3439
|
}
|
|
4264
3440
|
.mobius-quote-details-drawer__footer{
|
|
4265
|
-
border-top:1px solid #d1d1d2;
|
|
4266
3441
|
border-top:1px solid var(--color-border);
|
|
4267
3442
|
position:sticky;
|
|
4268
|
-
min-height:-moz-min-content;
|
|
4269
3443
|
min-height:min-content;
|
|
4270
3444
|
}
|
|
4271
3445
|
@media (max-width: 450px){
|
|
@@ -4284,14 +3458,10 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4284
3458
|
}
|
|
4285
3459
|
.mobius-quote-details-drawer__footer-payment-info-link{
|
|
4286
3460
|
all:unset;
|
|
4287
|
-
color:#4632d8;
|
|
4288
3461
|
color:var(--color-primary);
|
|
4289
|
-
font-family:museosans, Arial, sans-serif;
|
|
4290
3462
|
font-family:var(--font-family);
|
|
4291
|
-
font-size:14px;
|
|
4292
3463
|
font-size:var(--font-size-small-paragraph);
|
|
4293
3464
|
font-style:normal;
|
|
4294
|
-
font-weight:500;
|
|
4295
3465
|
font-weight:var(--font-weight-normal);
|
|
4296
3466
|
line-height:120%;
|
|
4297
3467
|
cursor:pointer;
|
|
@@ -4303,26 +3473,19 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4303
3473
|
text-underline-offset:4px;
|
|
4304
3474
|
}
|
|
4305
3475
|
.mobius-quote-details-drawer__footer-payment-info-link:focus{
|
|
4306
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
4307
3476
|
box-shadow:var(--box-shadow-default);
|
|
4308
3477
|
}
|
|
4309
3478
|
.mobius-no-quotes-card{
|
|
4310
3479
|
margin:0;
|
|
4311
|
-
border:1px solid #d1d1d2;
|
|
4312
3480
|
border:1px solid var(--color-border);
|
|
4313
|
-
border-radius:8px;
|
|
4314
3481
|
border-radius:var(--radius-2);
|
|
4315
3482
|
overflow:hidden;
|
|
4316
|
-
background-color:#ffffff;
|
|
4317
3483
|
background-color:var(--color-background);
|
|
4318
|
-
margin-top:size(16px);
|
|
4319
|
-
margin-bottom:size(16px);
|
|
4320
3484
|
margin-top:size(var(--size-sm));
|
|
4321
3485
|
margin-bottom:size(var(--size-sm));
|
|
4322
3486
|
margin-bottom:56px;
|
|
4323
3487
|
}
|
|
4324
3488
|
.mobius-no-quotes-card__body{
|
|
4325
|
-
padding:32px;
|
|
4326
3489
|
padding:var(--size-lg);
|
|
4327
3490
|
padding-left:80px;
|
|
4328
3491
|
background-image:url("data:image/svg+xml,%3Csvg width%3D%2225%22 height%3D%2224%22 viewBox%3D%220 0 25 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M19.8748 9.812C19.8752 13.4778 17.6672 16.7829 14.2805 18.1859C10.8938 19.589 6.99542 18.8136 4.40329 16.2215C1.81116 13.6294 1.03583 9.73098 2.43887 6.34428C3.84191 2.95758 7.14698 0.749596 10.8128 0.75C13.2162 0.75 15.5211 1.70474 17.2206 3.4042C18.9201 5.10365 19.8748 7.40861 19.8748 9.812Z%22 stroke%3D%22%23111118%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 %2F%3E %3Cpath d%3D%22M7.56787 6.56787L13.9319 12.9319%22 stroke%3D%22%23111118%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 %2F%3E %3Cpath d%3D%22M7.56787 12.9319L13.9319 6.56787%22 stroke%3D%22%23111118%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 %2F%3E %3Cpath d%3D%22M17.2207 16.2202L24.2497 23.2502%22 stroke%3D%22%23111118%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 %2F%3E%3C%2Fsvg%3E");
|
|
@@ -4341,45 +3504,33 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4341
3504
|
display:flex;
|
|
4342
3505
|
flex-direction:column;
|
|
4343
3506
|
width:100%;
|
|
4344
|
-
margin-top:32px;
|
|
4345
3507
|
margin-top:var(--size-lg);
|
|
4346
|
-
border-top:1px solid #f3f3f3;
|
|
4347
3508
|
border-top:1px solid var(--color-border-light);
|
|
4348
3509
|
}
|
|
4349
3510
|
.mobius-payment-info.--has-divider{
|
|
4350
|
-
border-top:1px solid #f3f3f3;
|
|
4351
3511
|
border-top:1px solid var(--color-border-light);
|
|
4352
3512
|
}
|
|
4353
3513
|
.mobius-payment-info__title.mobius-text{
|
|
4354
|
-
margin-top:32px;
|
|
4355
3514
|
margin-top:var(--size-lg);
|
|
4356
|
-
margin-bottom:16px;
|
|
4357
3515
|
margin-bottom:var(--size-sm);
|
|
4358
3516
|
}
|
|
4359
3517
|
.mobius-payment-info__multi-product-text{
|
|
4360
|
-
margin-top:8px;
|
|
4361
3518
|
margin-top:var(--size-xs);
|
|
4362
|
-
margin-bottom:8px;
|
|
4363
3519
|
margin-bottom:var(--size-xs);
|
|
4364
3520
|
line-height:1em;
|
|
4365
3521
|
}
|
|
4366
3522
|
.mobius-payment-info__multi-product{
|
|
4367
|
-
border:1px solid #d1d1d2;
|
|
4368
3523
|
border:1px solid var(--color-border);
|
|
4369
|
-
border-radius:8px;
|
|
4370
3524
|
border-radius:var(--radius-2);
|
|
4371
3525
|
padding:1rem;
|
|
4372
3526
|
margin-top:1rem;
|
|
4373
3527
|
}
|
|
4374
3528
|
.mobius-payment-info__multi-product .mobius-payment-info__multi-product-text.--general-liability{
|
|
4375
|
-
padding-bottom:8px;
|
|
4376
3529
|
padding-bottom:var(--size-xs);
|
|
4377
3530
|
}
|
|
4378
3531
|
.mobius-payment-info__multi-product .mobius-payment-info__multi-product-text.--professional-liability{
|
|
4379
3532
|
position:relative;
|
|
4380
|
-
border:1px solid #f3f3f3;
|
|
4381
3533
|
border:1px solid var(--color-border-light);
|
|
4382
|
-
padding-top:8px;
|
|
4383
3534
|
padding-top:var(--size-xs);
|
|
4384
3535
|
}
|
|
4385
3536
|
.mobius-payment-info__start-date{
|
|
@@ -4391,12 +3542,10 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4391
3542
|
}
|
|
4392
3543
|
.mobius-payment-info__total-today{
|
|
4393
3544
|
padding:1rem;
|
|
4394
|
-
border-bottom:1px solid #d1d1d2;
|
|
4395
3545
|
border-bottom:1px solid var(--color-border);
|
|
4396
3546
|
}
|
|
4397
3547
|
.mobius-payment-info__installments{
|
|
4398
3548
|
padding:1rem;
|
|
4399
|
-
border-bottom:1px solid #d1d1d2;
|
|
4400
3549
|
border-bottom:1px solid var(--color-border);
|
|
4401
3550
|
}
|
|
4402
3551
|
.mobius-payment-info__total.mobius-segment{
|
|
@@ -4407,37 +3556,26 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4407
3556
|
width:100%;
|
|
4408
3557
|
}
|
|
4409
3558
|
.mobius-payment-info__multi-product-iterated{
|
|
4410
|
-
border-radius:8px;
|
|
4411
3559
|
border-radius:var(--radius-2);
|
|
4412
|
-
border:1px solid #d1d1d2;
|
|
4413
3560
|
border:1px solid var(--color-border);
|
|
4414
|
-
padding:16px;
|
|
4415
3561
|
padding:var(--size-sm);
|
|
4416
|
-
line-height:24px;
|
|
4417
3562
|
line-height:var(--size-md);
|
|
4418
3563
|
}
|
|
4419
3564
|
.mobius-payment-info__multi-product-iterated .mobius-payment-info__multi-product-text{
|
|
4420
3565
|
margin:0;
|
|
4421
3566
|
}
|
|
4422
3567
|
.mobius-payment-info__multi-product-iterated .mobius-payment-info__multi-product-text.--general-liability{
|
|
4423
|
-
padding-bottom:8px;
|
|
4424
3568
|
padding-bottom:var(--size-xs);
|
|
4425
3569
|
}
|
|
4426
3570
|
.mobius-payment-info__multi-product-iterated .mobius-payment-info__multi-product-text.--professional-liability{
|
|
4427
3571
|
position:relative;
|
|
4428
|
-
border-top:1px solid #f3f3f3;
|
|
4429
3572
|
border-top:1px solid var(--color-border-light);
|
|
4430
|
-
padding-top:8px;
|
|
4431
3573
|
padding-top:var(--size-xs);
|
|
4432
3574
|
}
|
|
4433
3575
|
.mobius-payment-info__total-outer-container{
|
|
4434
|
-
border-radius:8px;
|
|
4435
3576
|
border-radius:var(--radius-2);
|
|
4436
|
-
border:1px solid #d1d1d2;
|
|
4437
3577
|
border:1px solid var(--color-border);
|
|
4438
|
-
margin-top:16px;
|
|
4439
3578
|
margin-top:var(--size-sm);
|
|
4440
|
-
margin-bottom:16px;
|
|
4441
3579
|
margin-bottom:var(--size-sm);
|
|
4442
3580
|
}
|
|
4443
3581
|
.mobius-payment-info__total-outer-container span,
|
|
@@ -4446,28 +3584,21 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4446
3584
|
.mobius-payment-info__multi-product strong,
|
|
4447
3585
|
.mobius-payment-info__total-outer-container p,
|
|
4448
3586
|
.mobius-payment-info__multi-product p{
|
|
4449
|
-
font-size:14px;
|
|
4450
3587
|
font-size:var(--font-size-2);
|
|
4451
3588
|
}
|
|
4452
3589
|
.mobius-payment-info__total-container{
|
|
4453
|
-
padding:16px 16px 8px;
|
|
4454
3590
|
padding:var(--size-sm) var(--size-sm) var(--size-xs);
|
|
4455
3591
|
}
|
|
4456
3592
|
.mobius-payment-info__total-today-iterated{
|
|
4457
|
-
padding-bottom:8px;
|
|
4458
3593
|
padding-bottom:var(--size-xs);
|
|
4459
3594
|
}
|
|
4460
3595
|
.mobius-payment-info__installments-iterated{
|
|
4461
3596
|
position:relative;
|
|
4462
|
-
border-top:1px solid #f3f3f3;
|
|
4463
3597
|
border-top:1px solid var(--color-border-light);
|
|
4464
|
-
padding-top:8px;
|
|
4465
3598
|
padding-top:var(--size-xs);
|
|
4466
|
-
padding-bottom:8px;
|
|
4467
3599
|
padding-bottom:var(--size-xs);
|
|
4468
3600
|
}
|
|
4469
3601
|
.mobius-payment-info__total-iterated.mobius-segment{
|
|
4470
|
-
border-color:#4632d8;
|
|
4471
3602
|
border-color:var(--color-primary);
|
|
4472
3603
|
border-top-left-radius:0;
|
|
4473
3604
|
border-top-right-radius:0;
|
|
@@ -4477,18 +3608,14 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4477
3608
|
}
|
|
4478
3609
|
.price-details .card-modal__explainer-title{
|
|
4479
3610
|
text-decoration-style:solid;
|
|
4480
|
-
color:#4632d8;
|
|
4481
3611
|
color:var(--color-primary);
|
|
4482
|
-
padding-left:24px;
|
|
4483
3612
|
padding-left:var(--size-md);
|
|
4484
3613
|
margin:6px 0;
|
|
4485
3614
|
}
|
|
4486
3615
|
.price-details .card-modal__explainer-title .card-modal__info-icon{
|
|
4487
|
-
color:#4632d8;
|
|
4488
3616
|
color:var(--color-primary);
|
|
4489
3617
|
}
|
|
4490
3618
|
.price-details .info__popover .phone{
|
|
4491
|
-
color:#ffffff;
|
|
4492
3619
|
color:var(--color-text-inverted);
|
|
4493
3620
|
}
|
|
4494
3621
|
.price-details .info__popover-phone-icon{
|
|
@@ -4506,7 +3633,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4506
3633
|
}
|
|
4507
3634
|
@supports (-webkit-touch-callout: none) and (not (translate: none)){
|
|
4508
3635
|
.mobius-quote-actions :not(:last-child){
|
|
4509
|
-
margin-right:16px;
|
|
4510
3636
|
margin-right:var(--size-sm);
|
|
4511
3637
|
}
|
|
4512
3638
|
}
|
|
@@ -4514,25 +3640,18 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4514
3640
|
margin-top:1rem;
|
|
4515
3641
|
flex:1 1 0;
|
|
4516
3642
|
height:40px;
|
|
4517
|
-
font-size:16px;
|
|
4518
3643
|
font-size:var(--font-size-regular);
|
|
4519
|
-
font-weight:700;
|
|
4520
3644
|
font-weight:var(--font-weight-bold);
|
|
4521
3645
|
}
|
|
4522
3646
|
.mobius-quote-card{
|
|
4523
3647
|
margin:0;
|
|
4524
|
-
border:1px solid #d1d1d2;
|
|
4525
3648
|
border:1px solid var(--color-border);
|
|
4526
|
-
border-radius:8px;
|
|
4527
3649
|
border-radius:var(--radius-2);
|
|
4528
|
-
background-color:#ffffff;
|
|
4529
3650
|
background-color:var(--color-background);
|
|
4530
3651
|
list-style:none;
|
|
4531
3652
|
}
|
|
4532
3653
|
.mobius-quote-card__body{
|
|
4533
|
-
padding:32px 16px;
|
|
4534
3654
|
padding:var(--size-lg) var(--size-sm);
|
|
4535
|
-
font-size:16px;
|
|
4536
3655
|
font-size:var(--font-size-regular);
|
|
4537
3656
|
height:100%;
|
|
4538
3657
|
}
|
|
@@ -4542,9 +3661,7 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4542
3661
|
grid-template-areas:"header information pricing" "header information actions";
|
|
4543
3662
|
grid-template-columns:1fr 1fr 1fr;
|
|
4544
3663
|
grid-template-rows:auto auto;
|
|
4545
|
-
grid-row-gap:49px;
|
|
4546
3664
|
row-gap:49px;
|
|
4547
|
-
padding:32px;
|
|
4548
3665
|
padding:var(--size-lg);
|
|
4549
3666
|
}
|
|
4550
3667
|
}
|
|
@@ -4554,56 +3671,40 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4554
3671
|
}
|
|
4555
3672
|
}
|
|
4556
3673
|
.mobius-quote-card__no-quote{
|
|
4557
|
-
gap:32px;
|
|
4558
3674
|
gap:var(--size-lg);
|
|
4559
|
-
padding:16px;
|
|
4560
3675
|
padding:var(--size-sm);
|
|
4561
|
-
font-size:16px;
|
|
4562
3676
|
font-size:var(--font-size-regular);
|
|
4563
3677
|
}
|
|
4564
3678
|
@media (min-width: 850px){
|
|
4565
3679
|
.mobius-quote-card__no-quote{
|
|
4566
3680
|
display:grid;
|
|
4567
3681
|
grid-template-areas:"header information";
|
|
4568
|
-
grid-gap:49px;
|
|
4569
3682
|
gap:49px;
|
|
4570
|
-
padding:32px;
|
|
4571
3683
|
padding:var(--size-lg);
|
|
4572
3684
|
}
|
|
4573
3685
|
}
|
|
4574
3686
|
.mobius-quote-card__badges{
|
|
4575
3687
|
display:flex;
|
|
4576
3688
|
flex-wrap:wrap;
|
|
4577
|
-
gap:8px;
|
|
4578
3689
|
gap:var(--size-xs);
|
|
4579
|
-
margin-top:8px;
|
|
4580
3690
|
margin-top:var(--size-xs);
|
|
4581
|
-
margin-bottom:16px;
|
|
4582
3691
|
margin-bottom:var(--size-sm);
|
|
4583
3692
|
}
|
|
4584
3693
|
@supports (-webkit-touch-callout: none) and (not (translate: none)){
|
|
4585
3694
|
.mobius-quote-card__badges:not(:last-child){
|
|
4586
|
-
margin-bottom:8px;
|
|
4587
3695
|
margin-bottom:var(--size-xs);
|
|
4588
|
-
margin-right:8px;
|
|
4589
3696
|
margin-right:var(--size-xs);
|
|
4590
3697
|
}
|
|
4591
3698
|
}
|
|
4592
3699
|
.mobius-quote-card__badge{
|
|
4593
|
-
padding:8px;
|
|
4594
3700
|
padding:var(--size-xs);
|
|
4595
|
-
background-color:#f6f5fd;
|
|
4596
3701
|
background-color:var(--color-background-highlight);
|
|
4597
|
-
border-radius:4px;
|
|
4598
3702
|
border-radius:var(--radius-1);
|
|
4599
|
-
font-size:14px;
|
|
4600
3703
|
font-size:var(--font-size-small-paragraph);
|
|
4601
|
-
line-height:1.333;
|
|
4602
3704
|
line-height:var(--line-height-tight);
|
|
4603
3705
|
}
|
|
4604
3706
|
.mobius-quote-card__badge-icon{
|
|
4605
3707
|
display:inline-block;
|
|
4606
|
-
margin-right:8px;
|
|
4607
3708
|
margin-right:var(--size-xs);
|
|
4608
3709
|
width:1em;
|
|
4609
3710
|
}
|
|
@@ -4611,92 +3712,67 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4611
3712
|
margin-top:0;
|
|
4612
3713
|
}
|
|
4613
3714
|
.mobius-quote-card__badges-iterated .mobius-quote-card__badge-iterated{
|
|
4614
|
-
padding:4px 8px 4px 8px;
|
|
4615
3715
|
padding:var(--size-xxs) var(--size-xs) var(--size-xxs) var(--size-xs);
|
|
4616
|
-
background-color:#f6f5fd;
|
|
4617
3716
|
background-color:var(--color-background-highlight);
|
|
4618
|
-
border-radius:4px;
|
|
4619
3717
|
border-radius:var(--radius-1);
|
|
4620
|
-
font-size:14px;
|
|
4621
3718
|
font-size:var(--font-size-small-paragraph);
|
|
4622
|
-
line-height:1.333;
|
|
4623
3719
|
line-height:var(--line-height-tight);
|
|
4624
3720
|
}
|
|
4625
3721
|
.mobius-quote-card__cover{
|
|
4626
|
-
color:#5d5d60;
|
|
4627
3722
|
color:var(--color-text-medium);
|
|
4628
|
-
margin-top:4px;
|
|
4629
3723
|
margin-top:var(--size-xxs);
|
|
4630
|
-
margin-bottom:4px;
|
|
4631
3724
|
margin-bottom:var(--size-xxs);
|
|
4632
|
-
padding-left:24px;
|
|
4633
3725
|
padding-left:var(--size-md);
|
|
4634
3726
|
align-items:center;
|
|
4635
3727
|
}
|
|
4636
3728
|
.mobius-quote-card__cover-amount{
|
|
4637
|
-
color:#18181d;
|
|
4638
3729
|
color:var(--color-text);
|
|
4639
3730
|
}
|
|
4640
3731
|
.mobius-quote-card__coverage{
|
|
4641
3732
|
flex-grow:1;
|
|
4642
3733
|
grid-area:information;
|
|
4643
|
-
border-top:1px solid #f3f3f3;
|
|
4644
3734
|
border-top:1px solid var(--color-border-light);
|
|
4645
|
-
padding-top:16px;
|
|
4646
3735
|
padding-top:var(--size-sm);
|
|
4647
|
-
margin-bottom:24px;
|
|
4648
3736
|
margin-bottom:var(--size-md);
|
|
4649
3737
|
}
|
|
4650
3738
|
@media (min-width: 850px) and (max-width: 1023px){
|
|
4651
3739
|
.mobius-quote-card__coverage{
|
|
4652
3740
|
border-top:none;
|
|
4653
|
-
border-right:1px solid #f3f3f3;
|
|
4654
3741
|
border-right:1px solid var(--color-border-light);
|
|
4655
3742
|
padding-top:0;
|
|
4656
|
-
padding-right:16px;
|
|
4657
3743
|
padding-right:var(--size-sm);
|
|
4658
3744
|
margin-bottom:0;
|
|
4659
|
-
margin-right:16px;
|
|
4660
3745
|
margin-right:var(--size-sm);
|
|
4661
3746
|
}
|
|
4662
3747
|
}
|
|
4663
3748
|
.mobius-quote-card__coverage.--has-divider{
|
|
4664
|
-
border-top:1px solid #f3f3f3;
|
|
4665
3749
|
border-top:1px solid var(--color-border-light);
|
|
4666
|
-
margin-bottom:32px;
|
|
4667
3750
|
margin-bottom:var(--size-lg);
|
|
4668
3751
|
}
|
|
4669
3752
|
@supports (-webkit-touch-callout: none) and (not (translate: none)){
|
|
4670
3753
|
.mobius-quote-card__coverage .mobius-quote-card__coverage-item:not(:last-child){
|
|
4671
|
-
margin-bottom:16px;
|
|
4672
3754
|
margin-bottom:var(--size-sm);
|
|
4673
3755
|
}
|
|
4674
3756
|
}
|
|
4675
3757
|
.mobius-quote-card__coverage .mobius-quote-card__coverage-header-title{
|
|
4676
3758
|
margin:0;
|
|
4677
|
-
font-size:14px;
|
|
4678
3759
|
font-size:var(--font-size-small-paragraph);
|
|
4679
3760
|
}
|
|
4680
3761
|
.mobius-quote-card__coverage-title.mobius-text{
|
|
4681
3762
|
margin:0 0 16px 0;
|
|
4682
3763
|
text-transform:uppercase;
|
|
4683
|
-
font-size:12px;
|
|
4684
3764
|
font-size:var(--font-size-small-print);
|
|
4685
|
-
font-weight:500;
|
|
4686
3765
|
font-weight:var(--font-weight-normal);
|
|
4687
3766
|
line-height:1.2;
|
|
4688
|
-
color:#18181d;
|
|
4689
3767
|
color:var(--color-text);
|
|
4690
3768
|
}
|
|
4691
3769
|
.mobius-quote-card__extra-coverage-item strong{
|
|
4692
3770
|
text-align:right;
|
|
4693
3771
|
}
|
|
4694
3772
|
.mobius-quote-card__extra-coverage-item .mobius-quote-card__explainer-title{
|
|
4695
|
-
color:#18181d;
|
|
4696
3773
|
color:var(--color-text);
|
|
4697
3774
|
}
|
|
4698
3775
|
.mobius-quote-card__extra-coverage-item .mobius-quote-card__explainer-title .mobius-quote-card__explainer-icon{
|
|
4699
|
-
color:#18181d;
|
|
4700
3776
|
color:var(--color-text);
|
|
4701
3777
|
}
|
|
4702
3778
|
.mobius-quote-card__extra-coverage-item .mobius-quote-card__cover{
|
|
@@ -4711,35 +3787,24 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4711
3787
|
}
|
|
4712
3788
|
.mobius-quote-card__coverage-tick-icon{
|
|
4713
3789
|
margin-top:2px;
|
|
4714
|
-
width:16px;
|
|
4715
3790
|
width:var(--size-sm);
|
|
4716
|
-
color:#008744;
|
|
4717
3791
|
color:var(--color-valid);
|
|
4718
|
-
margin-right:8px;
|
|
4719
3792
|
margin-right:var(--size-xs);
|
|
4720
|
-
min-width:16px;
|
|
4721
3793
|
min-width:var(--size-sm);
|
|
4722
3794
|
}
|
|
4723
3795
|
.mobius-quote-card__included-by-insurer-icon{
|
|
4724
3796
|
margin-bottom:5px;
|
|
4725
|
-
width:16px;
|
|
4726
3797
|
width:var(--size-sm);
|
|
4727
|
-
color:#008744;
|
|
4728
3798
|
color:var(--color-valid);
|
|
4729
|
-
margin-right:8px;
|
|
4730
3799
|
margin-right:var(--size-xs);
|
|
4731
|
-
min-width:16px;
|
|
4732
3800
|
min-width:var(--size-sm);
|
|
4733
3801
|
}
|
|
4734
3802
|
.mobius-quote-card__coverage-items{
|
|
4735
|
-
font-size:14px;
|
|
4736
3803
|
font-size:var(--font-size-small-paragraph);
|
|
4737
3804
|
}
|
|
4738
3805
|
.mobius-quote-card__coverage-item .mobius-accordion{
|
|
4739
3806
|
align-items:flex-start;
|
|
4740
|
-
margin-top:8px;
|
|
4741
3807
|
margin-top:var(--size-xs);
|
|
4742
|
-
margin-bottom:4px;
|
|
4743
3808
|
margin-bottom:var(--size-xxs);
|
|
4744
3809
|
}
|
|
4745
3810
|
.mobius-quote-card__coverage-item .mobius-accordion div[aria-hidden]{
|
|
@@ -4748,19 +3813,15 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4748
3813
|
.mobius-quote-card__coverage-item .mobius-accordion__link{
|
|
4749
3814
|
display:flex;
|
|
4750
3815
|
align-items:center;
|
|
4751
|
-
font-weight:500;
|
|
4752
3816
|
font-weight:var(--font-weight-normal);
|
|
4753
3817
|
-webkit-text-decoration:underline;
|
|
4754
3818
|
text-decoration:underline;
|
|
4755
3819
|
text-underline-offset:6px;
|
|
4756
|
-
padding-left:24px;
|
|
4757
3820
|
padding-left:var(--size-md);
|
|
4758
|
-
border-radius:4px;
|
|
4759
3821
|
border-radius:var(--radius-1);
|
|
4760
3822
|
}
|
|
4761
3823
|
.mobius-quote-card__coverage-item .mobius-accordion__link .mobius-icon{
|
|
4762
3824
|
--transition-duration:500ms;
|
|
4763
|
-
transition:500ms;
|
|
4764
3825
|
transition:var(--transition-duration);
|
|
4765
3826
|
}
|
|
4766
3827
|
.mobius-quote-card__coverage-item .mobius-accordion__link.hide .mobius-icon{
|
|
@@ -4769,11 +3830,9 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4769
3830
|
.mobius-quote-card__coverage-item .mobius-accordion__link-text{
|
|
4770
3831
|
order:-1;
|
|
4771
3832
|
margin-left:0;
|
|
4772
|
-
margin-right:8px;
|
|
4773
3833
|
margin-right:var(--size-xs);
|
|
4774
3834
|
}
|
|
4775
3835
|
.mobius-quote-card__coverage-item .mobius-accordion__content{
|
|
4776
|
-
margin-top:4px;
|
|
4777
3836
|
margin-top:var(--size-xxs);
|
|
4778
3837
|
margin-bottom:0;
|
|
4779
3838
|
}
|
|
@@ -4783,70 +3842,52 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4783
3842
|
.mobius-quote-card__deductibles-title.--is-p{
|
|
4784
3843
|
margin-top:4px;
|
|
4785
3844
|
margin-bottom:0;
|
|
4786
|
-
padding-left:24px;
|
|
4787
3845
|
padding-left:var(--size-md);
|
|
4788
|
-
font-size:14px;
|
|
4789
3846
|
font-size:var(--font-size-small-paragraph);
|
|
4790
|
-
font-weight:500;
|
|
4791
3847
|
font-weight:var(--font-weight-normal);
|
|
4792
|
-
line-height:1.5;
|
|
4793
3848
|
line-height:var(--line-height-normal);
|
|
4794
3849
|
}
|
|
4795
3850
|
.mobius-quote-card__additional-insureds{
|
|
4796
|
-
margin-left:24px;
|
|
4797
3851
|
margin-left:var(--size-md);
|
|
4798
3852
|
padding:0.5rem;
|
|
4799
3853
|
border-radius:0.25rem;
|
|
4800
|
-
background:#f6f5fd;
|
|
4801
3854
|
background:var(--color-background-highlight);
|
|
4802
3855
|
}
|
|
4803
3856
|
.mobius-quote-card__additional-insureds p{
|
|
4804
3857
|
margin:0;
|
|
4805
|
-
color:#18181d;
|
|
4806
3858
|
color:var(--color-text);
|
|
4807
3859
|
}
|
|
4808
3860
|
.mobius-quote-card__header{
|
|
4809
3861
|
position:relative;
|
|
4810
3862
|
grid-area:header;
|
|
4811
|
-
border-bottom:1px solid #f3f3f3;
|
|
4812
3863
|
border-bottom:1px solid var(--color-border-light);
|
|
4813
|
-
margin-bottom:16px;
|
|
4814
3864
|
margin-bottom:var(--size-sm);
|
|
4815
3865
|
}
|
|
4816
3866
|
@media (min-width: 850px) and (max-width: 1023px){
|
|
4817
3867
|
.mobius-quote-card__header{
|
|
4818
|
-
border-right:1px solid #f3f3f3;
|
|
4819
3868
|
border-right:1px solid var(--color-border-light);
|
|
4820
3869
|
border-bottom:none;
|
|
4821
3870
|
margin-bottom:0;
|
|
4822
|
-
margin-right:16px;
|
|
4823
3871
|
margin-right:var(--size-sm);
|
|
4824
|
-
padding-right:16px;
|
|
4825
3872
|
padding-right:var(--size-sm);
|
|
4826
3873
|
}
|
|
4827
3874
|
}
|
|
4828
3875
|
@supports (-webkit-touch-callout: none) and (not (translate: none)){
|
|
4829
3876
|
.mobius-quote-card__header-logo{
|
|
4830
|
-
margin-bottom:4px;
|
|
4831
3877
|
margin-bottom:var(--size-xxs);
|
|
4832
3878
|
}
|
|
4833
3879
|
|
|
4834
3880
|
.mobius-quote-card__ratings-body{
|
|
4835
|
-
margin-top:4px;
|
|
4836
3881
|
margin-top:var(--size-xxs);
|
|
4837
3882
|
}
|
|
4838
3883
|
}
|
|
4839
3884
|
.mobius-quote-card__header-logo{
|
|
4840
3885
|
max-width:144px;
|
|
4841
|
-
max-height:40px;
|
|
4842
3886
|
max-height:var(--size-xl);
|
|
4843
|
-
|
|
4844
|
-
|
|
4845
|
-
-o-object-position:left;
|
|
4846
|
-
object-position:left;
|
|
3887
|
+
object-fit:contain;
|
|
3888
|
+
object-position:left;
|
|
4847
3889
|
}
|
|
4848
3890
|
.mobius-quote-card__explainer-title{
|
|
4849
|
-
color:#5d5d60;
|
|
4850
3891
|
color:var(--color-text-medium);
|
|
4851
3892
|
-webkit-text-decoration:underline;
|
|
4852
3893
|
text-decoration:underline;
|
|
@@ -4855,28 +3896,20 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4855
3896
|
text-align:left;
|
|
4856
3897
|
}
|
|
4857
3898
|
.mobius-quote-card__explainer-icon{
|
|
4858
|
-
color:#5d5d60;
|
|
4859
3899
|
color:var(--color-text-medium);
|
|
4860
3900
|
width:12px;
|
|
4861
|
-
margin-left:4px;
|
|
4862
3901
|
margin-left:var(--size-xxs);
|
|
4863
3902
|
}
|
|
4864
|
-
.mobius-quote-card .mobius-quote-card__modal-trigger,
|
|
4865
|
-
.mobius-quote-card__modal-container.mobius-drawer .mobius-
|
|
4866
|
-
.mobius-quote-card .mobius-popover__toggle,
|
|
4867
|
-
.mobius-quote-card__modal-container.mobius-drawer .mobius-popover__toggle{
|
|
3903
|
+
:is(.mobius-quote-card,.mobius-quote-card__modal-container.mobius-drawer) .mobius-quote-card__modal-trigger,
|
|
3904
|
+
:is(.mobius-quote-card,.mobius-quote-card__modal-container.mobius-drawer) .mobius-popover__toggle{
|
|
4868
3905
|
border:none;
|
|
4869
3906
|
padding:0;
|
|
4870
|
-
font-weight:500;
|
|
4871
3907
|
font-weight:var(--font-weight-normal);
|
|
4872
|
-
font-size:14px;
|
|
4873
3908
|
font-size:var(--font-size-small-paragraph);
|
|
4874
|
-
color:#18181d;
|
|
4875
3909
|
color:var(--color-text);
|
|
4876
3910
|
background-color:transparent;
|
|
4877
3911
|
}
|
|
4878
3912
|
.mobius-quote-card__modal-container.mobius-drawer{
|
|
4879
|
-
width:calc(100% - (32px * 2));
|
|
4880
3913
|
width:calc(100% - (var(--size-lg) * 2));
|
|
4881
3914
|
max-width:560px;
|
|
4882
3915
|
border-radius:12px;
|
|
@@ -4886,17 +3919,12 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4886
3919
|
}
|
|
4887
3920
|
.mobius-quote-card__modal-container.mobius-drawer .mobius-modal__header{
|
|
4888
3921
|
align-items:flex-start;
|
|
4889
|
-
line-height:1.5;
|
|
4890
3922
|
line-height:var(--line-height-normal);
|
|
4891
|
-
padding:16px 16px 8px 16px;
|
|
4892
3923
|
padding:var(--size-sm) var(--size-sm) var(--size-xs) var(--size-sm);
|
|
4893
|
-
font-size:20px;
|
|
4894
3924
|
font-size:var(--font-size-lead);
|
|
4895
3925
|
}
|
|
4896
3926
|
.mobius-quote-card__modal-container.mobius-drawer .mobius-modal__header button{
|
|
4897
|
-
font-size:16px;
|
|
4898
3927
|
font-size:var(--font-size-regular);
|
|
4899
|
-
padding:4px;
|
|
4900
3928
|
padding:var(--size-xxs);
|
|
4901
3929
|
scale:150%;
|
|
4902
3930
|
translate:4px -4px;
|
|
@@ -4904,7 +3932,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4904
3932
|
}
|
|
4905
3933
|
.mobius-quote-card__modal-container.mobius-drawer .mobius-modal__content{
|
|
4906
3934
|
padding-top:0;
|
|
4907
|
-
font-size:14px;
|
|
4908
3935
|
font-size:var(--font-size-small-paragraph);
|
|
4909
3936
|
line-height:1.2;
|
|
4910
3937
|
}
|
|
@@ -4915,24 +3942,19 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4915
3942
|
}
|
|
4916
3943
|
.mobius-quote-card__price-details .mobius-quote-card__explainer-title{
|
|
4917
3944
|
text-decoration-style:solid;
|
|
4918
|
-
color:#4632d8;
|
|
4919
3945
|
color:var(--color-secondary);
|
|
4920
|
-
padding-left:24px;
|
|
4921
3946
|
padding-left:var(--size-md);
|
|
4922
3947
|
margin:6px 0;
|
|
4923
3948
|
}
|
|
4924
3949
|
.mobius-quote-card__price-details .mobius-quote-card__explainer-title .mobius-quote-card__explainer-icon{
|
|
4925
|
-
color:#4632d8;
|
|
4926
3950
|
color:var(--color-primary);
|
|
4927
3951
|
}
|
|
4928
3952
|
.mobius-quote-card__price-details .mobius-quote-card__info-popover .mobius-quote-card__price-details-phone{
|
|
4929
|
-
color:#ffffff;
|
|
4930
3953
|
color:var(--color-text-inverted);
|
|
4931
3954
|
}
|
|
4932
3955
|
.mobius-quote-card__price-details .mobius-quote-card__price-details-icon{
|
|
4933
3956
|
display:inline-block;
|
|
4934
3957
|
vertical-align:middle;
|
|
4935
|
-
margin-right:4px;
|
|
4936
3958
|
margin-right:var(--size-xxs);
|
|
4937
3959
|
}
|
|
4938
3960
|
.mobius-quote-card__price-details .mobius-quote-card__price-details-phone{
|
|
@@ -4950,135 +3972,98 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4950
3972
|
width:100%;
|
|
4951
3973
|
}
|
|
4952
3974
|
.mobius-quote-card__pricing-primary-amount.mobius-text{
|
|
4953
|
-
font-size:32px;
|
|
4954
3975
|
font-size:var(--font-size-title);
|
|
4955
|
-
font-weight:700;
|
|
4956
3976
|
font-weight:var(--font-weight-bold);
|
|
4957
3977
|
line-height:1.2;
|
|
4958
3978
|
margin-top:0;
|
|
4959
3979
|
margin-bottom:0;
|
|
4960
3980
|
}
|
|
4961
3981
|
.mobius-quote-card__pricing-total-amount.mobius-text{
|
|
4962
|
-
font-weight:700;
|
|
4963
3982
|
font-weight:var(--font-weight-bold);
|
|
4964
3983
|
text-align:right;
|
|
4965
3984
|
}
|
|
4966
3985
|
.mobius-quote-card__pricing-amount-due.mobius-text, .mobius-quote-card__pricing-unavailable-installment.mobius-text{
|
|
4967
|
-
color:#18181d;
|
|
4968
3986
|
color:var(--color-text);
|
|
4969
3987
|
margin-top:0;
|
|
4970
|
-
margin-bottom:4px;
|
|
4971
3988
|
margin-bottom:var(--size-xxs);
|
|
4972
|
-
line-height:1.5;
|
|
4973
3989
|
line-height:var(--line-height-normal);
|
|
4974
3990
|
margin-right:var(--size-0);
|
|
4975
3991
|
}
|
|
4976
3992
|
.mobius-quote-card__pricing-unavailable-installment.mobius-text{
|
|
4977
|
-
font-weight:700;
|
|
4978
3993
|
font-weight:var(--font-weight-bold);
|
|
4979
3994
|
}
|
|
4980
3995
|
.mobius-quote-card__pricing-total > .--is-small{
|
|
4981
|
-
line-height:1.5;
|
|
4982
3996
|
line-height:var(--line-height-normal);
|
|
4983
|
-
color:#18181d;
|
|
4984
3997
|
color:var(--color-text);
|
|
4985
3998
|
}
|
|
4986
3999
|
@supports (-webkit-touch-callout: none) and (not (translate: none)){
|
|
4987
4000
|
.mobius-quote-card__pricing-primary-amount,
|
|
4988
4001
|
.mobius-quote-card__pricing-total-amount{
|
|
4989
|
-
margin-right:4px;
|
|
4990
4002
|
margin-right:var(--size-xxs);
|
|
4991
4003
|
}
|
|
4992
4004
|
}
|
|
4993
4005
|
.mobius-quote-card__pricing-amount-border{
|
|
4994
|
-
border-left:4px solid #e943c9;
|
|
4995
4006
|
border-left:var(--size-xxs) solid var(--color-accent);
|
|
4996
|
-
padding-left:8px;
|
|
4997
4007
|
padding-left:var(--size-xs);
|
|
4998
4008
|
}
|
|
4999
4009
|
.mobius-quote-card__amount-due-iterated.mobius-text{
|
|
5000
|
-
font-size:14px;
|
|
5001
4010
|
font-size:var(--font-size-small-paragraph);
|
|
5002
|
-
color:#5d5d60;
|
|
5003
4011
|
color:var(--color-text-medium);
|
|
5004
|
-
margin:8px 0;
|
|
5005
4012
|
margin:var(--size-xs) 0;
|
|
5006
4013
|
}
|
|
5007
4014
|
.mobius-quote-card__pricing-amount-iterated.mobius-text{
|
|
5008
|
-
font-size:32px;
|
|
5009
4015
|
font-size:var(--size-lg);
|
|
5010
|
-
font-weight:700;
|
|
5011
4016
|
font-weight:var(--font-weight-bold);
|
|
5012
4017
|
line-height:1.2;
|
|
5013
4018
|
margin-top:0;
|
|
5014
|
-
margin-bottom:4px;
|
|
5015
4019
|
margin-bottom:var(--size-xxs);
|
|
5016
4020
|
}
|
|
5017
4021
|
.mobius-quote-card__unavailable-installment-iterated{
|
|
5018
|
-
margin-bottom:16px;
|
|
5019
4022
|
margin-bottom:var(--size-sm);
|
|
5020
4023
|
}
|
|
5021
4024
|
.mobius-quote-card__pricing-period-suffix.mobius-text{
|
|
5022
|
-
font-weight:700;
|
|
5023
4025
|
font-weight:var(--font-weight-bold);
|
|
5024
|
-
color:#18181d;
|
|
5025
4026
|
color:var(--color-text);
|
|
5026
4027
|
}
|
|
5027
4028
|
.mobius-quote-card__ratings{
|
|
5028
4029
|
margin-top:0;
|
|
5029
|
-
margin-bottom:16px;
|
|
5030
4030
|
margin-bottom:var(--size-sm);
|
|
5031
4031
|
}
|
|
5032
4032
|
.mobius-quote-card__ratings.--has-reinsurer-text{
|
|
5033
|
-
padding-top:16px;
|
|
5034
4033
|
padding-top:var(--size-sm);
|
|
5035
4034
|
}
|
|
5036
4035
|
.mobius-quote-card__ratings .mobius-quote-card__explainer-title,
|
|
5037
4036
|
.mobius-quote-card__ratings .mobius-quote-card__explainer-icon{
|
|
5038
|
-
color:#18181d;
|
|
5039
4037
|
color:var(--color-text);
|
|
5040
4038
|
}
|
|
5041
4039
|
.mobius-quote-card__ratings-text.--is-p{
|
|
5042
|
-
margin:0 0 4px 0;
|
|
5043
4040
|
margin:0 0 var(--size-xxs) 0;
|
|
5044
|
-
color:#5d5d60;
|
|
5045
4041
|
color:var(--color-text-medium);
|
|
5046
|
-
font-size:14px;
|
|
5047
4042
|
font-size:var(--font-size-small-paragraph);
|
|
5048
4043
|
}
|
|
5049
4044
|
.mobius-quote-card__ratings-body{
|
|
5050
4045
|
display:flex;
|
|
5051
4046
|
justify-content:space-between;
|
|
5052
4047
|
align-items:center;
|
|
5053
|
-
gap:16px;
|
|
5054
4048
|
gap:var(--size-sm);
|
|
5055
4049
|
margin:0;
|
|
5056
4050
|
}
|
|
5057
4051
|
.mobius-quote-card__ratings-body .mobius-quote-card__ratings-value{
|
|
5058
4052
|
margin:0;
|
|
5059
|
-
font-weight:700;
|
|
5060
4053
|
font-weight:var(--font-weight-bold);
|
|
5061
|
-
color:#18181d;
|
|
5062
4054
|
color:var(--color-text);
|
|
5063
4055
|
}
|
|
5064
4056
|
.mobius-quote-card__ratings-qcp.mobius-text{
|
|
5065
|
-
color:#18181d;
|
|
5066
4057
|
color:var(--color-text);
|
|
5067
4058
|
margin:0;
|
|
5068
4059
|
}
|
|
5069
4060
|
.mobius-quote-cards__grid{
|
|
5070
4061
|
--column-count:1;
|
|
5071
4062
|
display:grid;
|
|
5072
|
-
grid-template-columns:repeat(1, 1fr);
|
|
5073
4063
|
grid-template-columns:repeat(var(--column-count), 1fr);
|
|
5074
|
-
grid-gap:16px;
|
|
5075
|
-
grid-gap:var(--size-sm);
|
|
5076
|
-
gap:16px;
|
|
5077
4064
|
gap:var(--size-sm);
|
|
5078
4065
|
padding-left:0;
|
|
5079
|
-
margin-top:16px;
|
|
5080
4066
|
margin-top:var(--size-sm);
|
|
5081
|
-
margin-bottom:32px;
|
|
5082
4067
|
margin-bottom:var(--size-lg);
|
|
5083
4068
|
list-style-type:none;
|
|
5084
4069
|
}
|
|
@@ -5093,15 +4078,12 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5093
4078
|
}
|
|
5094
4079
|
.mobius-quote-card__section{
|
|
5095
4080
|
position:relative;
|
|
5096
|
-
font-size:16px;
|
|
5097
4081
|
font-size:var(--font-size-regular);
|
|
5098
4082
|
}
|
|
5099
4083
|
.mobius-quote-card__section.--is-light{
|
|
5100
|
-
background-color:#f3f3f3;
|
|
5101
4084
|
background-color:var(--color-background-light);
|
|
5102
4085
|
}
|
|
5103
4086
|
.mobius-quote-card__section.--is-dark{
|
|
5104
|
-
background-color:#0e0a2b;
|
|
5105
4087
|
background-color:var(--color-azure-700);
|
|
5106
4088
|
}
|
|
5107
4089
|
.mobius-quote-card__section-container{
|
|
@@ -5116,18 +4098,14 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5116
4098
|
}
|
|
5117
4099
|
}
|
|
5118
4100
|
.mobius-quote-card__tag{
|
|
5119
|
-
padding-top:16px;
|
|
5120
4101
|
padding-top:var(--size-sm);
|
|
5121
|
-
border-top:1px solid #f3f3f3;
|
|
5122
4102
|
border-top:1px solid var(--color-border-light);
|
|
5123
4103
|
}
|
|
5124
4104
|
.mobius-quote-card__tag .--is-small{
|
|
5125
4105
|
margin:0;
|
|
5126
|
-
color:#18181d;
|
|
5127
4106
|
color:var(--color-text);
|
|
5128
4107
|
}
|
|
5129
4108
|
.mobius-quote-card__tag svg{
|
|
5130
|
-
margin-right:4px;
|
|
5131
4109
|
margin-right:var(--size-xxs);
|
|
5132
4110
|
}
|
|
5133
4111
|
.mobius-quote-details__drawer.mobius-drawer{
|
|
@@ -5145,14 +4123,12 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5145
4123
|
.mobius-quote-details__drawer.mobius-drawer .mobius-drawer__content,
|
|
5146
4124
|
.mobius-quote-details__drawer.mobius-drawer .mobius-drawer__header,
|
|
5147
4125
|
.mobius-quote-details__drawer.mobius-drawer .mobius-quote-details-drawer__footer{
|
|
5148
|
-
padding:16px;
|
|
5149
4126
|
padding:var(--size-sm);
|
|
5150
4127
|
}
|
|
5151
4128
|
@media (min-width: 850px){
|
|
5152
4129
|
.mobius-quote-details__drawer.mobius-drawer .mobius-drawer__content,
|
|
5153
4130
|
.mobius-quote-details__drawer.mobius-drawer .mobius-drawer__header,
|
|
5154
4131
|
.mobius-quote-details__drawer.mobius-drawer .mobius-quote-details-drawer__footer{
|
|
5155
|
-
padding:32px;
|
|
5156
4132
|
padding:var(--size-lg);
|
|
5157
4133
|
}
|
|
5158
4134
|
}
|
|
@@ -5160,56 +4136,40 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5160
4136
|
padding-top:0;
|
|
5161
4137
|
}
|
|
5162
4138
|
.mobius-quote-details__drawer.mobius-drawer .mobius-drawer__header{
|
|
5163
|
-
padding-bottom:16px;
|
|
5164
4139
|
padding-bottom:var(--size-sm);
|
|
5165
|
-
border-bottom:1px solid #d1d1d2;
|
|
5166
4140
|
border-bottom:1px solid var(--color-border);
|
|
5167
4141
|
}
|
|
5168
4142
|
.mobius-quote-details__drawer.mobius-drawer .mobius-quote-card__coverage{
|
|
5169
|
-
padding-top:32px;
|
|
5170
4143
|
padding-top:var(--size-lg);
|
|
5171
4144
|
border-right:none;
|
|
5172
4145
|
}
|
|
5173
4146
|
.mobius-quote-details__drawer.mobius-drawer .mobius-quote-card__coverage-title.mobius-text{
|
|
5174
4147
|
text-transform:none;
|
|
5175
|
-
font-size:20px;
|
|
5176
4148
|
font-size:var(--font-size-lead);
|
|
5177
|
-
font-weight:700;
|
|
5178
4149
|
font-weight:var(--font-weight-bold);
|
|
5179
|
-
line-height:1.5;
|
|
5180
4150
|
line-height:var(--line-height-normal);
|
|
5181
4151
|
}
|
|
5182
4152
|
.mobius-quote-details__insurer-container{
|
|
5183
|
-
margin-bottom:32px;
|
|
5184
4153
|
margin-bottom:var(--size-lg);
|
|
5185
4154
|
}
|
|
5186
4155
|
.mobius-quote-details__insurer-container p{
|
|
5187
4156
|
margin:0;
|
|
5188
4157
|
}
|
|
5189
4158
|
.mobius-quote-details__insurer-container span{
|
|
5190
|
-
font-size:14px;
|
|
5191
4159
|
font-size:var(--font-size-small-paragraph);
|
|
5192
4160
|
}
|
|
5193
4161
|
.mobius-quote-details__insurer{
|
|
5194
4162
|
display:grid;
|
|
5195
|
-
margin-top:16px;
|
|
5196
4163
|
margin-top:var(--size-sm);
|
|
5197
|
-
grid-gap:16px;
|
|
5198
|
-
grid-gap:var(--size-sm);
|
|
5199
|
-
gap:16px;
|
|
5200
4164
|
gap:var(--size-sm);
|
|
5201
|
-
color:#5d5d60;
|
|
5202
4165
|
color:var(--color-text-medium);
|
|
5203
|
-
font-size:14px;
|
|
5204
4166
|
font-size:var(--font-size-small-paragraph);
|
|
5205
4167
|
}
|
|
5206
4168
|
.mobius-quote-details__logo{
|
|
5207
4169
|
max-width:144px;
|
|
5208
4170
|
max-height:40px;
|
|
5209
|
-
|
|
5210
|
-
|
|
5211
|
-
-o-object-position:left;
|
|
5212
|
-
object-position:left;
|
|
4171
|
+
object-fit:contain;
|
|
4172
|
+
object-position:left;
|
|
5213
4173
|
}
|
|
5214
4174
|
.mobius-skeleton{
|
|
5215
4175
|
flex:1;
|
|
@@ -5229,29 +4189,22 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5229
4189
|
.mobius-quote-help__grid{
|
|
5230
4190
|
display:grid;
|
|
5231
4191
|
grid-template-columns:auto 1fr;
|
|
5232
|
-
grid-gap:16px;
|
|
5233
|
-
grid-gap:var(--size-sm);
|
|
5234
|
-
gap:16px;
|
|
5235
4192
|
gap:var(--size-sm);
|
|
5236
4193
|
margin-left:auto;
|
|
5237
4194
|
margin-right:auto;
|
|
5238
|
-
max-width:-moz-max-content;
|
|
5239
4195
|
max-width:max-content;
|
|
5240
4196
|
}
|
|
5241
4197
|
.mobius-quote-help__avatar{
|
|
5242
4198
|
width:var(--chopin-quote-help-avatar-size);
|
|
5243
4199
|
height:var(--chopin-quote-help-avatar-size);
|
|
5244
4200
|
border-radius:50%;
|
|
5245
|
-
|
|
5246
|
-
object-fit:cover;
|
|
4201
|
+
object-fit:cover;
|
|
5247
4202
|
}
|
|
5248
4203
|
.mobius-quote-help__message{
|
|
5249
4204
|
position:relative;
|
|
5250
4205
|
background-color:var(--chopin-quote-help-message-background);
|
|
5251
4206
|
border-radius:var(--chopin-quote-help-avatar-border-radius);
|
|
5252
|
-
padding:16px;
|
|
5253
4207
|
padding:var(--size-sm);
|
|
5254
|
-
max-width:-moz-fit-content;
|
|
5255
4208
|
max-width:fit-content;
|
|
5256
4209
|
}
|
|
5257
4210
|
.mobius-quote-help__message::before{
|
|
@@ -5269,25 +4222,19 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5269
4222
|
}
|
|
5270
4223
|
.mobius-quote-help__contact-container{
|
|
5271
4224
|
flex-direction:column;
|
|
5272
|
-
gap:16px;
|
|
5273
4225
|
gap:var(--size-sm);
|
|
5274
|
-
border-bottom:1px solid #ffffff;
|
|
5275
4226
|
border-bottom:1px solid var(--color-background);
|
|
5276
|
-
padding-bottom:8px;
|
|
5277
4227
|
padding-bottom:var(--size-xs);
|
|
5278
4228
|
}
|
|
5279
4229
|
@media (min-width: 640px){
|
|
5280
4230
|
.mobius-quote-help__contact-container{
|
|
5281
4231
|
flex-direction:row;
|
|
5282
|
-
gap:8px;
|
|
5283
4232
|
gap:var(--size-xs);
|
|
5284
4233
|
}
|
|
5285
4234
|
|
|
5286
4235
|
.mobius-quote-help__contact-container .mobius-quote-help__chat-link{
|
|
5287
|
-
border-left:1px solid #ffffff;
|
|
5288
4236
|
border-left:1px solid var(--color-background);
|
|
5289
4237
|
border-radius:0;
|
|
5290
|
-
padding-left:8px;
|
|
5291
4238
|
padding-left:var(--size-xs);
|
|
5292
4239
|
}
|
|
5293
4240
|
}
|
|
@@ -5297,17 +4244,8 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5297
4244
|
}
|
|
5298
4245
|
.mobius-referral{
|
|
5299
4246
|
display:grid;
|
|
5300
|
-
|
|
5301
|
-
grid-column-gap:var(--size-xl);
|
|
5302
|
-
-moz-column-gap:40px;
|
|
5303
|
-
column-gap:40px;
|
|
5304
|
-
-moz-column-gap:var(--size-xl);
|
|
5305
|
-
column-gap:var(--size-xl);
|
|
5306
|
-
grid-row-gap:16px;
|
|
5307
|
-
grid-row-gap:var(--size-sm);
|
|
5308
|
-
row-gap:16px;
|
|
4247
|
+
column-gap:var(--size-xl);
|
|
5309
4248
|
row-gap:var(--size-sm);
|
|
5310
|
-
margin-bottom:32px;
|
|
5311
4249
|
margin-bottom:var(--size-lg);
|
|
5312
4250
|
grid-template-areas:"referralText" "nextCoverage" "trustSection";
|
|
5313
4251
|
}
|
|
@@ -5332,7 +4270,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5332
4270
|
flex-direction:column;
|
|
5333
4271
|
max-width:var(--trade-selector-max-width);
|
|
5334
4272
|
width:100%;
|
|
5335
|
-
margin-bottom:16px;
|
|
5336
4273
|
margin-bottom:var(--size-sm);
|
|
5337
4274
|
}
|
|
5338
4275
|
.mobius-trade-selector__description{
|
|
@@ -5345,20 +4282,14 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5345
4282
|
.mobius-trade-selector__input-container.--is-editing{
|
|
5346
4283
|
display:grid;
|
|
5347
4284
|
grid-template-columns:1fr auto;
|
|
5348
|
-
grid-gap:16px;
|
|
5349
|
-
grid-gap:var(--size-sm);
|
|
5350
|
-
gap:16px;
|
|
5351
4285
|
gap:var(--size-sm);
|
|
5352
4286
|
}
|
|
5353
4287
|
.mobius-trade-selector__results{
|
|
5354
4288
|
position:relative;
|
|
5355
4289
|
z-index:99999;
|
|
5356
4290
|
width:100%;
|
|
5357
|
-
border:2px solid #9084e8;
|
|
5358
4291
|
border:var(--border-default);
|
|
5359
|
-
border-radius:4px;
|
|
5360
4292
|
border-radius:var(--radius-1);
|
|
5361
|
-
background-color:#ffffff;
|
|
5362
4293
|
background-color:var(--color-background);
|
|
5363
4294
|
margin-top:3px;
|
|
5364
4295
|
padding:0;
|
|
@@ -5368,18 +4299,13 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5368
4299
|
.mobius-trade-selector__list-title{
|
|
5369
4300
|
display:block;
|
|
5370
4301
|
padding:12px 20px;
|
|
5371
|
-
font-size:12px;
|
|
5372
4302
|
font-size:var(--font-size-small-print);
|
|
5373
|
-
line-height:1.333;
|
|
5374
4303
|
line-height:var(--line-height-tight);
|
|
5375
4304
|
text-transform:uppercase;
|
|
5376
|
-
background-color:#f3f3f3;
|
|
5377
4305
|
background-color:var(--color-background-light);
|
|
5378
|
-
color:#5d5d60;
|
|
5379
4306
|
color:var(--color-text-medium);
|
|
5380
4307
|
}
|
|
5381
4308
|
.mobius-trade-selector__list-title-link{
|
|
5382
|
-
color:#5d5d60;
|
|
5383
4309
|
color:var(--color-text-medium);
|
|
5384
4310
|
}
|
|
5385
4311
|
.mobius-trade-selector__list{
|
|
@@ -5392,12 +4318,9 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5392
4318
|
.mobius-trade-selector__button{
|
|
5393
4319
|
padding:0;
|
|
5394
4320
|
border:none;
|
|
5395
|
-
font-family:museosans, Arial, sans-serif;
|
|
5396
4321
|
font-family:var(--font-family);
|
|
5397
4322
|
font-size:inherit;
|
|
5398
|
-
|
|
5399
|
-
-moz-appearance:none;
|
|
5400
|
-
appearance:none;
|
|
4323
|
+
appearance:none;
|
|
5401
4324
|
text-align:left;
|
|
5402
4325
|
background-color:transparent;
|
|
5403
4326
|
}
|
|
@@ -5405,11 +4328,8 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5405
4328
|
display:block;
|
|
5406
4329
|
width:100%;
|
|
5407
4330
|
padding:12px 20px;
|
|
5408
|
-
color:#4632d8;
|
|
5409
4331
|
color:var(--color-primary);
|
|
5410
|
-
font-size:16px;
|
|
5411
4332
|
font-size:var(--font-size-regular);
|
|
5412
|
-
line-height:1.333;
|
|
5413
4333
|
line-height:var(--line-height-tight);
|
|
5414
4334
|
cursor:pointer;
|
|
5415
4335
|
outline:none;
|
|
@@ -5417,16 +4337,12 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5417
4337
|
text-decoration:underline;
|
|
5418
4338
|
}
|
|
5419
4339
|
.mobius-trade-selector__option:hover{
|
|
5420
|
-
border-color:#4632d8;
|
|
5421
4340
|
border-color:var(--color-primary);
|
|
5422
|
-
background-color:#f6f5fd;
|
|
5423
4341
|
background-color:var(--color-background-highlight);
|
|
5424
4342
|
}
|
|
5425
4343
|
.mobius-trade-selector__option:focus-visible,
|
|
5426
4344
|
.mobius-trade-selector__option.--is-selected{
|
|
5427
|
-
color:#4632d8;
|
|
5428
4345
|
color:var(--color-primary);
|
|
5429
|
-
background-color:#f6f5fd;
|
|
5430
4346
|
background-color:var(--color-background-highlight);
|
|
5431
4347
|
}
|
|
5432
4348
|
.mobius-trust-section__header{
|
|
@@ -5451,9 +4367,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5451
4367
|
display:grid;
|
|
5452
4368
|
grid-template-columns:1fr;
|
|
5453
4369
|
align-items:start;
|
|
5454
|
-
grid-gap:24px;
|
|
5455
|
-
grid-gap:var(--size-md);
|
|
5456
|
-
gap:24px;
|
|
5457
4370
|
gap:var(--size-md);
|
|
5458
4371
|
}
|
|
5459
4372
|
@media (min-width: 640px){
|
|
@@ -5462,9 +4375,7 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5462
4375
|
}
|
|
5463
4376
|
}
|
|
5464
4377
|
.mobius-main{
|
|
5465
|
-
padding-top:32px;
|
|
5466
4378
|
padding-top:var(--size-lg);
|
|
5467
|
-
padding-bottom:calc(32px + 48px);
|
|
5468
4379
|
padding-bottom:calc(var(--size-lg) + var(--size-xxl));
|
|
5469
4380
|
}
|
|
5470
4381
|
:root,
|
|
@@ -5481,42 +4392,32 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5481
4392
|
line-height:1;
|
|
5482
4393
|
}
|
|
5483
4394
|
.mobius-date-picker__field-button{
|
|
5484
|
-
min-width:48px;
|
|
5485
4395
|
min-width:var(--size-xxl);
|
|
5486
4396
|
transition:none;
|
|
5487
4397
|
border-top-left-radius:0;
|
|
5488
|
-
border-top-right-radius:4px;
|
|
5489
4398
|
border-top-right-radius:var(--radius-1);
|
|
5490
4399
|
border-bottom-left-radius:0;
|
|
5491
|
-
border-bottom-right-radius:4px;
|
|
5492
4400
|
border-bottom-right-radius:var(--radius-1);
|
|
5493
4401
|
}
|
|
5494
4402
|
.mobius-date-picker__field-button:hover:not(.--is-disabled):not(.mobius-date-picker__field-button.--is-valid):not(.mobius-date-picker__field-button.--is-invalid),
|
|
5495
4403
|
.mobius-date-picker__field-button:focus-visible:not(.--is-disabled):not(.mobius-date-picker__field-button.--is-valid):not(.mobius-date-picker__field-button.--is-invalid){
|
|
5496
|
-
background-color:#2a1e81;
|
|
5497
4404
|
background-color:var(--color-primary-hover);
|
|
5498
4405
|
}
|
|
5499
4406
|
.mobius-date-picker__field-button.--is-invalid:not(.--is-disabled){
|
|
5500
|
-
background-color:#b90909;
|
|
5501
4407
|
background-color:var(--color-error);
|
|
5502
|
-
border-color:#b90909;
|
|
5503
4408
|
border-color:var(--color-error);
|
|
5504
4409
|
}
|
|
5505
4410
|
.mobius-date-picker__modal{
|
|
5506
4411
|
position:absolute;
|
|
5507
4412
|
margin-top:14px;
|
|
5508
4413
|
display:none;
|
|
5509
|
-
font-family:museosans, Arial, sans-serif;
|
|
5510
4414
|
font-family:var(--font-family);
|
|
5511
4415
|
min-width:280px;
|
|
5512
|
-
background-color:#f3f3f3;
|
|
5513
4416
|
background-color:var(--color-background-light);
|
|
5514
|
-
border:2px solid #9084e8;
|
|
5515
4417
|
border:var(--border-default);
|
|
5516
|
-
border-radius:4px;
|
|
5517
4418
|
border-radius:var(--radius-1);
|
|
5518
4419
|
background-color:var(--color-background-light);
|
|
5519
|
-
box-shadow:0 1px 1px
|
|
4420
|
+
box-shadow:0 1px 1px hsl(0deg 0% 0% / 0.075), 0 2px 2px hsl(0deg 0% 0% / 0.075), 0 4px 4px hsl(0deg 0% 0% / 0.075), 0 8px 8px hsl(0deg 0% 0% / 0.075), 0 16px 16px hsl(0deg 0% 0% / 0.075);
|
|
5520
4421
|
}
|
|
5521
4422
|
.mobius-date-picker__modal.--is-open{
|
|
5522
4423
|
display:inline-block;
|
|
@@ -5531,38 +4432,29 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5531
4432
|
justify-content:space-between;
|
|
5532
4433
|
}
|
|
5533
4434
|
.mobius-date-picker__nav-button{
|
|
5534
|
-
|
|
5535
|
-
-moz-appearance:none;
|
|
5536
|
-
appearance:none;
|
|
4435
|
+
appearance:none;
|
|
5537
4436
|
cursor:pointer;
|
|
5538
4437
|
border:none;
|
|
5539
|
-
color:#4632d8;
|
|
5540
4438
|
color:var(--color-primary);
|
|
5541
4439
|
background-color:transparent;
|
|
5542
|
-
margin:8px;
|
|
5543
4440
|
margin:var(--size-xs);
|
|
5544
4441
|
padding:0;
|
|
5545
4442
|
}
|
|
5546
4443
|
.mobius-date-picker__nav-button .mobius-icon{
|
|
5547
|
-
padding:4px 6px;
|
|
5548
4444
|
padding:var(--size-xxs) 6px;
|
|
5549
|
-
border:2px solid #9084e8;
|
|
5550
4445
|
border:var(--border-default);
|
|
5551
4446
|
border-radius:50%;
|
|
5552
4447
|
}
|
|
5553
4448
|
.mobius-date-picker__nav-button:hover{
|
|
5554
|
-
color:#2a1e81;
|
|
5555
4449
|
color:var(--color-primary-hover);
|
|
5556
4450
|
}
|
|
5557
4451
|
.mobius-date-picker__nav-button:hover .mobius-icon{
|
|
5558
|
-
border-color:#2a1e81;
|
|
5559
4452
|
border-color:var(--color-primary-hover);
|
|
5560
4453
|
}
|
|
5561
4454
|
.mobius-date-picker__nav-button:focus-visible{
|
|
5562
4455
|
outline:none;
|
|
5563
4456
|
}
|
|
5564
4457
|
.mobius-date-picker__nav-button:focus-visible .mobius-icon{
|
|
5565
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
5566
4458
|
box-shadow:var(--box-shadow-default);
|
|
5567
4459
|
}
|
|
5568
4460
|
.mobius-date-picker__caption{
|
|
@@ -5572,18 +4464,13 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5572
4464
|
justify-content:center;
|
|
5573
4465
|
position:absolute;
|
|
5574
4466
|
top:0;
|
|
5575
|
-
left:calc(32px + 8px);
|
|
5576
4467
|
left:calc(var(--size-lg) + var(--size-xs));
|
|
5577
|
-
right:calc(32px + 8px);
|
|
5578
4468
|
right:calc(var(--size-lg) + var(--size-xs));
|
|
5579
|
-
margin:0 8px;
|
|
5580
4469
|
margin:0 var(--size-xs);
|
|
5581
4470
|
}
|
|
5582
4471
|
.mobius-date-picker__caption-label{
|
|
5583
4472
|
font-weight:normal;
|
|
5584
|
-
font-size:20px;
|
|
5585
4473
|
font-size:var(--font-size-lead);
|
|
5586
|
-
color:#4632d8;
|
|
5587
4474
|
color:var(--color-primary);
|
|
5588
4475
|
text-transform:uppercase;
|
|
5589
4476
|
}
|
|
@@ -5593,29 +4480,20 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5593
4480
|
border-spacing:0;
|
|
5594
4481
|
}
|
|
5595
4482
|
.mobius-date-picker__weekday{
|
|
5596
|
-
color:#5d5d60;
|
|
5597
4483
|
color:var(--color-text-medium);
|
|
5598
|
-
font-size:12px;
|
|
5599
4484
|
font-size:var(--font-size-small-print);
|
|
5600
|
-
padding:8px 4px;
|
|
5601
4485
|
padding:var(--size-xs) var(--size-xxs);
|
|
5602
4486
|
}
|
|
5603
4487
|
.mobius-date-picker__day:not(.mobius-date-picker__day.--is-outside):not(.mobius-date-picker__day.--is-disabled):not(.mobius-date-picker__day.--is-selected) .mobius-date-picker__day-button{
|
|
5604
|
-
background-color:#ffffff;
|
|
5605
4488
|
background-color:var(--color-background);
|
|
5606
4489
|
}
|
|
5607
4490
|
.mobius-date-picker__day.--is-focused .mobius-date-picker__day-button{
|
|
5608
|
-
border-radius:4px;
|
|
5609
4491
|
border-radius:var(--radius-1);
|
|
5610
|
-
outline:solid 2px #e943c9;
|
|
5611
4492
|
outline:solid var(--size-focus-ring) var(--color-focus);
|
|
5612
4493
|
}
|
|
5613
4494
|
.mobius-date-picker__day.--is-selected .mobius-date-picker__day-button{
|
|
5614
|
-
background-color:#4632d8;
|
|
5615
4495
|
background-color:var(--color-primary);
|
|
5616
|
-
color:#ffffff;
|
|
5617
4496
|
color:var(--color-text-inverted);
|
|
5618
|
-
border-radius:4px;
|
|
5619
4497
|
border-radius:var(--radius-1);
|
|
5620
4498
|
}
|
|
5621
4499
|
.mobius-date-picker__day.--is-outside .mobius-date-picker__day-button, .mobius-date-picker__day.--is-disabled .mobius-date-picker__day-button{
|
|
@@ -5625,18 +4503,11 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5625
4503
|
.mobius-date-picker__day-button{
|
|
5626
4504
|
display:flex;
|
|
5627
4505
|
justify-content:center;
|
|
5628
|
-
align-items:center;
|
|
5629
|
-
justify-items:center;
|
|
5630
4506
|
place-items:center;
|
|
5631
|
-
width:38px;
|
|
5632
4507
|
width:var(--date-picker-day-size);
|
|
5633
|
-
height:38px;
|
|
5634
4508
|
height:var(--date-picker-day-size);
|
|
5635
|
-
font-family:museosans, Arial, sans-serif;
|
|
5636
4509
|
font-family:var(--font-family);
|
|
5637
|
-
font-size:16px;
|
|
5638
4510
|
font-size:var(--font-size-3);
|
|
5639
|
-
color:#18181d;
|
|
5640
4511
|
color:var(--color-text);
|
|
5641
4512
|
border:none;
|
|
5642
4513
|
cursor:pointer;
|
|
@@ -5644,8 +4515,12 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5644
4515
|
:root,
|
|
5645
4516
|
:host{
|
|
5646
4517
|
}
|
|
4518
|
+
html,
|
|
4519
|
+
body{
|
|
4520
|
+
height:100%;
|
|
4521
|
+
margin:0;
|
|
4522
|
+
}
|
|
5647
4523
|
body{
|
|
5648
|
-
background-color:transparent;
|
|
5649
4524
|
background-color:var(--color-background-body);
|
|
5650
4525
|
}
|
|
5651
4526
|
|