@simplybusiness/theme-simplybusiness 0.3.0 → 0.4.1
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 +29 -0
- package/dist/index.css +78 -1190
- package/package.json +5 -5
- package/src/index.css +1 -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,
|
|
@@ -1020,17 +841,21 @@ a.mobius-button:focus-visible,
|
|
|
1020
841
|
position:fixed;
|
|
1021
842
|
display:flex;
|
|
1022
843
|
flex-direction:column;
|
|
1023
|
-
width:
|
|
1024
|
-
max-height:
|
|
844
|
+
width:min(90%, 600px);
|
|
845
|
+
max-height:90%;
|
|
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
|
}
|
|
853
|
+
@media (min-width: 768px){
|
|
854
|
+
|
|
855
|
+
.mobius-modal{
|
|
856
|
+
max-height:80%;
|
|
857
|
+
}
|
|
858
|
+
}
|
|
1034
859
|
.mobius-modal:not([open]){
|
|
1035
860
|
display:none;
|
|
1036
861
|
}
|
|
@@ -1038,10 +863,8 @@ a.mobius-button:focus-visible,
|
|
|
1038
863
|
outline:none;
|
|
1039
864
|
}
|
|
1040
865
|
.mobius-modal::backdrop{
|
|
1041
|
-
background-color:#18181d;
|
|
1042
866
|
background-color:var(--color-neutral-700);
|
|
1043
867
|
opacity:0;
|
|
1044
|
-
transition:opacity 0 ease-in-out;
|
|
1045
868
|
transition:opacity var(--modal-transition-duration) ease-in-out;
|
|
1046
869
|
}
|
|
1047
870
|
.mobius-modal + .backdrop{
|
|
@@ -1050,11 +873,10 @@ a.mobius-button:focus-visible,
|
|
|
1050
873
|
right:0;
|
|
1051
874
|
bottom:0;
|
|
1052
875
|
left:0;
|
|
1053
|
-
background-color:#18181d;
|
|
1054
876
|
background-color:var(--color-neutral-700);
|
|
1055
877
|
opacity:0.3;
|
|
1056
878
|
}
|
|
1057
|
-
.mobius-modal + .backdrop + ._dialog_overlay{
|
|
879
|
+
:is(.mobius-modal + .backdrop) + ._dialog_overlay{
|
|
1058
880
|
position:fixed;
|
|
1059
881
|
top:0;
|
|
1060
882
|
right:0;
|
|
@@ -1084,11 +906,9 @@ a.mobius-button:focus-visible,
|
|
|
1084
906
|
opacity:0.3;
|
|
1085
907
|
}
|
|
1086
908
|
.mobius-modal.--fade{
|
|
1087
|
-
transition:opacity 0 ease-in-out;
|
|
1088
909
|
transition:opacity var(--modal-transition-duration) ease-in-out;
|
|
1089
910
|
}
|
|
1090
911
|
.mobius-modal.--slide-up{
|
|
1091
|
-
transition:transform 0 ease-in-out;
|
|
1092
912
|
transition:transform var(--modal-transition-duration) ease-in-out;
|
|
1093
913
|
}
|
|
1094
914
|
.mobius-modal.--should-transition.--transition::backdrop{
|
|
@@ -1110,31 +930,43 @@ a.mobius-button:focus-visible,
|
|
|
1110
930
|
display:grid;
|
|
1111
931
|
grid-template-columns:1fr auto;
|
|
1112
932
|
justify-content:space-between;
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
gap:16px;
|
|
1116
|
-
gap:var(--size-sm);
|
|
1117
|
-
align-items:center;
|
|
1118
|
-
padding:8px;
|
|
933
|
+
gap:var(--size-md);
|
|
934
|
+
align-items:start;
|
|
1119
935
|
padding:var(--size-xs);
|
|
1120
|
-
padding-left:16px;
|
|
1121
936
|
padding-left:var(--size-sm);
|
|
1122
|
-
|
|
937
|
+
padding-right:var(--size-sm);
|
|
1123
938
|
font-family:var(--font-family);
|
|
1124
|
-
font-size:
|
|
1125
|
-
font-size:var(--font-size-small-title);
|
|
939
|
+
font-size:var(--font-size-4);
|
|
1126
940
|
margin:0;
|
|
1127
941
|
}
|
|
942
|
+
@media (min-width: 768px){
|
|
943
|
+
|
|
944
|
+
.mobius-modal__header{
|
|
945
|
+
padding:var(--size-sm);
|
|
946
|
+
padding-left:var(--size-md);
|
|
947
|
+
padding-right:var(--size-md);
|
|
948
|
+
font-size:var(--font-size-5);
|
|
949
|
+
}
|
|
950
|
+
}
|
|
951
|
+
.mobius-modal__close{
|
|
952
|
+
padding:calc(var(--size-sm) * -1);
|
|
953
|
+
font-size:var(--font-size-4);
|
|
954
|
+
flex-shrink:0;
|
|
955
|
+
}
|
|
1128
956
|
.mobius-modal__content{
|
|
1129
957
|
flex-grow:1;
|
|
1130
|
-
padding:0 16px;
|
|
1131
958
|
padding:0 var(--size-sm);
|
|
1132
|
-
margin:16px 0;
|
|
1133
959
|
margin:var(--size-sm) 0;
|
|
1134
|
-
font-family:museosans, Arial, sans-serif;
|
|
1135
960
|
font-family:var(--font-family);
|
|
1136
961
|
overflow-y:auto;
|
|
1137
962
|
}
|
|
963
|
+
@media (min-width: 768px){
|
|
964
|
+
|
|
965
|
+
.mobius-modal__content{
|
|
966
|
+
padding:0 var(--size-md);
|
|
967
|
+
margin:var(--size-md) 0;
|
|
968
|
+
}
|
|
969
|
+
}
|
|
1138
970
|
:root,
|
|
1139
971
|
:host{
|
|
1140
972
|
--number-input-max-width:none;
|
|
@@ -1151,137 +983,83 @@ a.mobius-button:focus-visible,
|
|
|
1151
983
|
}
|
|
1152
984
|
.mobius-number-field__input{
|
|
1153
985
|
box-sizing:border-box;
|
|
1154
|
-
border:2px solid #9084e8;
|
|
1155
986
|
border:var(--border-default);
|
|
1156
|
-
border-radius:4px;
|
|
1157
987
|
border-radius:var(--radius-1);
|
|
1158
|
-
background-color:#ffffff;
|
|
1159
988
|
background-color:var(--color-background-input);
|
|
1160
|
-
padding:17px 16px;
|
|
1161
989
|
padding:var(--input-field-padding);
|
|
1162
|
-
font-family:museosans, Arial, sans-serif;
|
|
1163
990
|
font-family:var(--font-family);
|
|
1164
|
-
font-size:16px;
|
|
1165
991
|
font-size:var(--font-size-regular);
|
|
1166
|
-
color:#18181d;
|
|
1167
992
|
color:var(--color-text);
|
|
1168
993
|
outline:none;
|
|
1169
994
|
margin:0;
|
|
1170
|
-
max-width:none;
|
|
1171
995
|
max-width:var(--text-input-max-width);
|
|
1172
996
|
width:100%;
|
|
1173
997
|
}
|
|
1174
|
-
.mobius-number-field__input::-moz-placeholder{
|
|
1175
|
-
color:#5d5d60;
|
|
1176
|
-
color:var(--color-text-medium);
|
|
1177
|
-
}
|
|
1178
998
|
.mobius-number-field__input::placeholder{
|
|
1179
|
-
color:#5d5d60;
|
|
1180
999
|
color:var(--color-text-medium);
|
|
1181
1000
|
}
|
|
1182
1001
|
.mobius-number-field__input:focus-visible:not(.--is-disabled){
|
|
1183
|
-
border-color:#4632d8;
|
|
1184
1002
|
border-color:var(--color-primary);
|
|
1185
|
-
background-color:#f6f5fd;
|
|
1186
1003
|
background-color:var(--color-background-input-active);
|
|
1187
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
1188
1004
|
box-shadow:var(--box-shadow-default);
|
|
1189
1005
|
}
|
|
1190
1006
|
.mobius-number-field__input:hover:not(.--is-disabled):not(.mobius-number-field__input.--is-invalid){
|
|
1191
|
-
border-color:#4632d8;
|
|
1192
1007
|
border-color:var(--color-primary);
|
|
1193
|
-
background-color:#f6f5fd;
|
|
1194
1008
|
background-color:var(--color-background-input-active);
|
|
1195
1009
|
}
|
|
1196
1010
|
.mobius-number-field__input.--is-disabled{
|
|
1197
|
-
background-color:#f3f3f3;
|
|
1198
1011
|
background-color:var(--color-background-light);
|
|
1199
|
-
border-color:#d1d1d2;
|
|
1200
1012
|
border-color:var(--color-border-medium);
|
|
1201
|
-
color:#d1d1d2;
|
|
1202
1013
|
color:var(--color-text-light);
|
|
1203
1014
|
cursor:not-allowed;
|
|
1204
1015
|
}
|
|
1205
1016
|
.mobius-number-field__input.--is-invalid:not(.--is-disabled){
|
|
1206
|
-
border-color:#b90909;
|
|
1207
1017
|
border-color:var(--color-error);
|
|
1208
|
-
background-color:#f8e7e7;
|
|
1209
1018
|
background-color:var(--color-error-background);
|
|
1210
|
-
color:#b90909;
|
|
1211
1019
|
color:var(--color-error);
|
|
1212
1020
|
}
|
|
1213
1021
|
.mobius-password-field .mobius-text-field--has-suffix-inside{
|
|
1214
1022
|
display:flex;
|
|
1215
1023
|
}
|
|
1216
1024
|
.mobius-password-field :where(.mobius-password-field__show-button){
|
|
1217
|
-
|
|
1218
|
-
-moz-appearance:none;
|
|
1219
|
-
appearance:none;
|
|
1220
|
-
font-size:16px;
|
|
1025
|
+
appearance:none;
|
|
1221
1026
|
font-size:var(--font-size-3);
|
|
1222
|
-
font-family:museosans, Arial, sans-serif;
|
|
1223
1027
|
font-family:var(--font-family);
|
|
1224
1028
|
align-self:center;
|
|
1225
1029
|
display:inline-block;
|
|
1226
1030
|
background-color:transparent;
|
|
1227
|
-
margin:0 8px 0 0;
|
|
1228
1031
|
margin:0 var(--size-xs) 0 0;
|
|
1229
|
-
padding:6px 8px;
|
|
1230
1032
|
padding:6px var(--size-xs);
|
|
1231
1033
|
cursor:pointer;
|
|
1232
1034
|
border:none;
|
|
1233
|
-
border-radius:8px;
|
|
1234
1035
|
border-radius:var(--radius-2);
|
|
1235
|
-
color:#4632d8;
|
|
1236
1036
|
color:var(--color-primary);
|
|
1237
|
-
transition:160ms ease-in-out;
|
|
1238
1037
|
transition:var(--transition-standard);
|
|
1239
|
-
|
|
1240
|
-
-moz-user-select:none;
|
|
1241
|
-
user-select:none;
|
|
1038
|
+
user-select:none;
|
|
1242
1039
|
}
|
|
1243
1040
|
.mobius-password-field :where(.mobius-password-field__show-button):focus-visible{
|
|
1244
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
1245
1041
|
box-shadow:var(--box-shadow-default);
|
|
1246
1042
|
outline:none;
|
|
1247
1043
|
}
|
|
1248
1044
|
.mobius-password-field :where(.mobius-password-field__show-button):hover{
|
|
1249
|
-
background-color:#f6f5fd;
|
|
1250
1045
|
background-color:var(--color-background-highlight);
|
|
1251
1046
|
}
|
|
1252
|
-
:root,
|
|
1253
|
-
:host{
|
|
1254
|
-
--popover-max-width:260px;
|
|
1255
|
-
--popover-z-index:2147483647;
|
|
1256
|
-
--color-background-popover:var(--color-azure-700);
|
|
1257
|
-
}
|
|
1258
1047
|
.mobius-popover__container{
|
|
1259
|
-
z-index:2147483647;
|
|
1260
1048
|
z-index:var(--popover-z-index);
|
|
1261
|
-
max-width:260px;
|
|
1262
1049
|
max-width:var(--popover-max-width);
|
|
1263
1050
|
}
|
|
1264
1051
|
.mobius-popover{
|
|
1265
|
-
padding:16px;
|
|
1266
1052
|
padding:var(--size-sm);
|
|
1267
|
-
background-color:#0e0a2b;
|
|
1268
1053
|
background-color:var(--color-background-popover);
|
|
1269
|
-
color
|
|
1270
|
-
color:var(--color-text-inverted);
|
|
1271
|
-
border-radius:8px;
|
|
1054
|
+
color:var(--color-text-popover);
|
|
1272
1055
|
border-radius:var(--radius-2);
|
|
1273
|
-
font-size:14px;
|
|
1274
1056
|
font-size:var(--font-size-2);
|
|
1275
|
-
font-weight:500;
|
|
1276
1057
|
font-weight:var(--font-weight-normal);
|
|
1277
|
-
font-family:museosans, Arial, sans-serif;
|
|
1278
1058
|
font-family:var(--font-family);
|
|
1279
|
-
line-height:1.333;
|
|
1280
1059
|
line-height:var(--line-height-tight);
|
|
1281
1060
|
}
|
|
1282
1061
|
.mobius-popover__header{
|
|
1283
1062
|
display:flex;
|
|
1284
|
-
padding-bottom:16px;
|
|
1285
1063
|
padding-bottom:var(--size-sm);
|
|
1286
1064
|
}
|
|
1287
1065
|
.mobius-popover__close-button{
|
|
@@ -1289,31 +1067,24 @@ a.mobius-button:focus-visible,
|
|
|
1289
1067
|
border:none;
|
|
1290
1068
|
margin-left:auto;
|
|
1291
1069
|
background-color:transparent;
|
|
1292
|
-
color
|
|
1293
|
-
color:var(--color-text-inverted);
|
|
1070
|
+
color:var(--color-text-popover);
|
|
1294
1071
|
}
|
|
1295
1072
|
.mobius-popover__close-icon{
|
|
1296
1073
|
height:1.1em;
|
|
1297
1074
|
}
|
|
1298
1075
|
.mobius-popover__arrow-icon path{
|
|
1299
|
-
fill:#0e0a2b;
|
|
1300
1076
|
fill:var(--color-background-popover);
|
|
1301
1077
|
}
|
|
1302
1078
|
.mobius-progress__track{
|
|
1303
|
-
background-color:#f3f3f3;
|
|
1304
1079
|
background-color:var(--color-background-light);
|
|
1305
|
-
margin-bottom:8px;
|
|
1306
1080
|
margin-bottom:var(--size-xs);
|
|
1307
|
-
height:8px;
|
|
1308
1081
|
height:var(--size-xs);
|
|
1309
1082
|
}
|
|
1310
1083
|
.mobius-progress__label{
|
|
1311
1084
|
display:block;
|
|
1312
|
-
margin-bottom:8px;
|
|
1313
1085
|
margin-bottom:var(--size-xs);
|
|
1314
1086
|
}
|
|
1315
1087
|
.mobius-progress__bar{
|
|
1316
|
-
background-color:#4632d8;
|
|
1317
1088
|
background-color:var(--color-primary);
|
|
1318
1089
|
height:100%;
|
|
1319
1090
|
}
|
|
@@ -1322,11 +1093,9 @@ a.mobius-button:focus-visible,
|
|
|
1322
1093
|
border-radius:999px;
|
|
1323
1094
|
}
|
|
1324
1095
|
.mobius-progress.--is-primary .mobius-progress__bar{
|
|
1325
|
-
background-color:#4632d8;
|
|
1326
1096
|
background-color:var(--color-primary);
|
|
1327
1097
|
}
|
|
1328
1098
|
.mobius-progress.--is-secondary .mobius-progress__bar{
|
|
1329
|
-
background-color:#4632d8;
|
|
1330
1099
|
background-color:var(--color-secondary);
|
|
1331
1100
|
}
|
|
1332
1101
|
.mobius-radio-group{
|
|
@@ -1334,11 +1103,9 @@ a.mobius-button:focus-visible,
|
|
|
1334
1103
|
width:100%;
|
|
1335
1104
|
}
|
|
1336
1105
|
.mobius-radio-group.--is-horizontal .mobius-radio__label:not(:last-child){
|
|
1337
|
-
margin-right:8px;
|
|
1338
1106
|
margin-right:var(--size-xs);
|
|
1339
1107
|
}
|
|
1340
1108
|
.mobius-radio-group.--is-vertical .mobius-radio__label:not(:last-child){
|
|
1341
|
-
margin-bottom:8px;
|
|
1342
1109
|
margin-bottom:var(--size-xs);
|
|
1343
1110
|
}
|
|
1344
1111
|
.mobius-radio-group:where(.--is-optional) > :where(.mobius-label)::after{
|
|
@@ -1355,13 +1122,9 @@ a.mobius-button:focus-visible,
|
|
|
1355
1122
|
}
|
|
1356
1123
|
.mobius-radio__input{
|
|
1357
1124
|
align-self:center;
|
|
1358
|
-
|
|
1359
|
-
-moz-appearance:none;
|
|
1360
|
-
appearance:none;
|
|
1361
|
-
margin:0 calc(8px + 2px) 0 0;
|
|
1125
|
+
appearance:none;
|
|
1362
1126
|
margin:0 calc(var(--size-xs) + 2px) 0 0;
|
|
1363
1127
|
padding:3px;
|
|
1364
|
-
outline:2px solid #9084e8;
|
|
1365
1128
|
outline:2px solid var(--color-primary-light);
|
|
1366
1129
|
border-radius:50%;
|
|
1367
1130
|
background-color:transparent;
|
|
@@ -1378,22 +1141,17 @@ a.mobius-button:focus-visible,
|
|
|
1378
1141
|
background-color:transparent;
|
|
1379
1142
|
}
|
|
1380
1143
|
.mobius-radio__input:checked::after{
|
|
1381
|
-
background-color:#4632d8;
|
|
1382
1144
|
background-color:var(--color-primary);
|
|
1383
1145
|
}
|
|
1384
1146
|
.mobius-radio__input:disabled{
|
|
1385
|
-
outline-color:#d1d1d2;
|
|
1386
1147
|
outline-color:var(--color-border-medium);
|
|
1387
1148
|
}
|
|
1388
1149
|
.mobius-radio__input:disabled:checked::after{
|
|
1389
|
-
background-color:#f3f3f3;
|
|
1390
1150
|
background-color:var(--color-background-light);
|
|
1391
1151
|
}
|
|
1392
1152
|
.mobius-radio__input.--is-multiline{
|
|
1393
1153
|
align-self:flex-start;
|
|
1394
|
-
margin-top:4px;
|
|
1395
1154
|
margin-top:var(--size-xxs);
|
|
1396
|
-
margin-right:calc(16px - 1px);
|
|
1397
1155
|
margin-right:calc(var(--size-sm) - 1px);
|
|
1398
1156
|
}
|
|
1399
1157
|
.mobius-radio__label{
|
|
@@ -1401,105 +1159,75 @@ a.mobius-button:focus-visible,
|
|
|
1401
1159
|
align-items:center;
|
|
1402
1160
|
box-sizing:border-box;
|
|
1403
1161
|
width:100%;
|
|
1404
|
-
padding:14px 16px;
|
|
1405
1162
|
padding:var(--input-field-padding-tight);
|
|
1406
|
-
font-family:museosans, Arial, sans-serif;
|
|
1407
1163
|
font-family:var(--font-family);
|
|
1408
|
-
font-size:16px;
|
|
1409
1164
|
font-size:var(--font-size-regular);
|
|
1410
|
-
font-weight:500;
|
|
1411
1165
|
font-weight:var(--font-weight-normal);
|
|
1412
|
-
border:2px solid #9084e8;
|
|
1413
1166
|
border:var(--border-default);
|
|
1414
|
-
border-radius:4px;
|
|
1415
1167
|
border-radius:var(--radius-1);
|
|
1416
|
-
color:#18181d;
|
|
1417
1168
|
color:var(--color-text);
|
|
1418
1169
|
outline:0;
|
|
1419
1170
|
position:relative;
|
|
1420
1171
|
cursor:pointer;
|
|
1421
|
-
background-color:#ffffff;
|
|
1422
1172
|
background-color:var(--color-background-input);
|
|
1423
1173
|
}
|
|
1424
1174
|
.mobius-radio__label.--is-disabled{
|
|
1425
|
-
background-color:#f3f3f3;
|
|
1426
1175
|
background-color:var(--color-background-light);
|
|
1427
|
-
border-color:#d1d1d2;
|
|
1428
1176
|
border-color:var(--color-border-medium);
|
|
1429
|
-
color:#d1d1d2;
|
|
1430
1177
|
color:var(--color-text-light);
|
|
1431
1178
|
cursor:not-allowed;
|
|
1432
1179
|
}
|
|
1433
1180
|
.mobius-radio__label.--is-disabled.--is-selected{
|
|
1434
|
-
border-color:#f3f3f3;
|
|
1435
1181
|
border-color:var(--color-border-light);
|
|
1436
1182
|
}
|
|
1437
1183
|
.mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled){
|
|
1438
|
-
border-color:#9084e8;
|
|
1439
1184
|
border-color:var(--color-primary-light);
|
|
1440
1185
|
}
|
|
1441
1186
|
.mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled) .mobius-radio__input{
|
|
1442
|
-
outline-color:#9084e8;
|
|
1443
1187
|
outline-color:var(--color-primary-light);
|
|
1444
1188
|
}
|
|
1445
1189
|
.mobius-radio__label.--is-selected:not(.--is-invalid .mobius-radio__label):not(.--is-disabled) .mobius-radio__input:checked::after{
|
|
1446
|
-
background-color:#9084e8;
|
|
1447
1190
|
background-color:var(--color-primary-light);
|
|
1448
1191
|
}
|
|
1449
1192
|
.mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label){
|
|
1450
|
-
border-color:#4632d8;
|
|
1451
1193
|
border-color:var(--color-primary);
|
|
1452
|
-
background-color:#f6f5fd;
|
|
1453
1194
|
background-color:var(--color-background-input-active);
|
|
1454
1195
|
}
|
|
1455
1196
|
.mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label) .mobius-radio__input{
|
|
1456
|
-
outline-color:#4632d8;
|
|
1457
1197
|
outline-color:var(--color-primary);
|
|
1458
1198
|
}
|
|
1459
1199
|
.mobius-radio__label:hover:not(.--is-disabled):not(.--is-invalid .mobius-radio__label) .mobius-radio__input:checked::after{
|
|
1460
|
-
background-color:#4632d8;
|
|
1461
1200
|
background-color:var(--color-primary);
|
|
1462
1201
|
}
|
|
1463
1202
|
.mobius-radio__label:focus-within:not(.--is-disabled){
|
|
1464
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
1465
1203
|
box-shadow:var(--box-shadow-default);
|
|
1466
1204
|
}
|
|
1467
1205
|
.mobius-radio__label:focus-within:not(.--is-disabled):not(.--is-invalid .mobius-radio__label:focus-within:not(.--is-disabled)){
|
|
1468
|
-
border-color:#4632d8;
|
|
1469
1206
|
border-color:var(--color-primary);
|
|
1470
|
-
background-color:#f6f5fd;
|
|
1471
1207
|
background-color:var(--color-background-input-active);
|
|
1472
1208
|
}
|
|
1473
1209
|
.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
1210
|
outline-color:var(--color-primary);
|
|
1476
1211
|
}
|
|
1477
1212
|
.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
1213
|
background-color:var(--color-primary);
|
|
1480
1214
|
}
|
|
1481
1215
|
.mobius-radio__label.--is-multiline{
|
|
1482
1216
|
width:100%;
|
|
1483
1217
|
}
|
|
1484
1218
|
.--is-invalid .mobius-radio__label:not(.--is-disabled){
|
|
1485
|
-
border-color:#b90909;
|
|
1486
1219
|
border-color:var(--color-error);
|
|
1487
|
-
color:#b90909;
|
|
1488
1220
|
color:var(--color-error);
|
|
1489
1221
|
}
|
|
1490
1222
|
.--is-invalid .mobius-radio__label:not(.--is-disabled):hover,
|
|
1491
1223
|
.--is-invalid .mobius-radio__label:not(.--is-disabled):focus-within{
|
|
1492
|
-
border-color:#b90909;
|
|
1493
1224
|
border-color:var(--color-error);
|
|
1494
|
-
background-color:#f8e7e7;
|
|
1495
1225
|
background-color:var(--color-error-background);
|
|
1496
1226
|
}
|
|
1497
1227
|
.--is-invalid .mobius-radio__label:not(.--is-disabled) .mobius-radio__input{
|
|
1498
|
-
outline-color:#b90909;
|
|
1499
1228
|
outline-color:var(--color-error);
|
|
1500
1229
|
}
|
|
1501
1230
|
.--is-invalid .mobius-radio__label:not(.--is-disabled) .mobius-radio__input:checked::after{
|
|
1502
|
-
background-color:#b90909;
|
|
1503
1231
|
background-color:var(--color-error);
|
|
1504
1232
|
}
|
|
1505
1233
|
.mobius-radio__content{
|
|
@@ -1510,11 +1238,8 @@ a.mobius-button:focus-visible,
|
|
|
1510
1238
|
flex:1;
|
|
1511
1239
|
}
|
|
1512
1240
|
.mobius-radio__content-first-line{
|
|
1513
|
-
font-weight:700;
|
|
1514
1241
|
font-weight:var(--font-weight-bold);
|
|
1515
|
-
margin-bottom:8px;
|
|
1516
1242
|
margin-bottom:var(--size-xs);
|
|
1517
|
-
padding-top:calc(4px - 1px);
|
|
1518
1243
|
padding-top:calc(var(--size-xxs) - 1px);
|
|
1519
1244
|
}
|
|
1520
1245
|
:root,
|
|
@@ -1525,11 +1250,8 @@ a.mobius-button:focus-visible,
|
|
|
1525
1250
|
box-sizing:border-box;
|
|
1526
1251
|
display:flex;
|
|
1527
1252
|
flex-direction:column;
|
|
1528
|
-
border:2px solid #f3f3f3;
|
|
1529
1253
|
border:var(--segment-border);
|
|
1530
|
-
border-radius:8px;
|
|
1531
1254
|
border-radius:var(--radius-2);
|
|
1532
|
-
margin-bottom:16px;
|
|
1533
1255
|
margin-bottom:var(--size-sm);
|
|
1534
1256
|
}
|
|
1535
1257
|
.mobius-segment-group.--is-horizontal{
|
|
@@ -1537,17 +1259,14 @@ a.mobius-button:focus-visible,
|
|
|
1537
1259
|
}
|
|
1538
1260
|
.mobius-segment-group .mobius-segment-group.gap-size-xs,
|
|
1539
1261
|
.mobius-segment-group.gap-size-xs{
|
|
1540
|
-
margin:8px;
|
|
1541
1262
|
margin:var(--size-xs);
|
|
1542
1263
|
}
|
|
1543
1264
|
.mobius-segment-group .mobius-segment-group.gap-size-s,
|
|
1544
1265
|
.mobius-segment-group.gap-size-s{
|
|
1545
|
-
margin:16px;
|
|
1546
1266
|
margin:var(--size-sm);
|
|
1547
1267
|
}
|
|
1548
1268
|
.mobius-segment-group .mobius-segment-group.gap-size-m,
|
|
1549
1269
|
.mobius-segment-group.gap-size-m{
|
|
1550
|
-
margin:24px;
|
|
1551
1270
|
margin:var(--size-md);
|
|
1552
1271
|
}
|
|
1553
1272
|
.mobius-segment-group .mobius-segment-group.gap-size-l,
|
|
@@ -1556,22 +1275,18 @@ a.mobius-button:focus-visible,
|
|
|
1556
1275
|
}
|
|
1557
1276
|
.mobius-segment-group .mobius-segment-group.gap-size-xl,
|
|
1558
1277
|
.mobius-segment-group.gap-size-xl{
|
|
1559
|
-
margin:40px;
|
|
1560
1278
|
margin:var(--size-xl);
|
|
1561
1279
|
}
|
|
1562
1280
|
.mobius-segment-group .mobius-segment-group.gap-size-xxl,
|
|
1563
1281
|
.mobius-segment-group.gap-size-xxl{
|
|
1564
|
-
margin:48px;
|
|
1565
1282
|
margin:var(--size-xxl);
|
|
1566
1283
|
}
|
|
1567
1284
|
.mobius-segment-group > .mobius-segment{
|
|
1568
1285
|
border:none;
|
|
1569
|
-
border-top:2px solid #f3f3f3;
|
|
1570
1286
|
border-top:var(--segment-border);
|
|
1571
1287
|
}
|
|
1572
1288
|
.mobius-segment-group:not(.--is-horizontal) > .mobius-segment:first-child{
|
|
1573
1289
|
border-top:none;
|
|
1574
|
-
border-radius:8px;
|
|
1575
1290
|
border-radius:var(--radius-2);
|
|
1576
1291
|
}
|
|
1577
1292
|
.mobius-segment-group:not(.--is-horizontal) > .mobius-segment:not(:first-child):not(:last-child){
|
|
@@ -1586,7 +1301,6 @@ a.mobius-button:focus-visible,
|
|
|
1586
1301
|
.mobius-segment-group.--is-horizontal > .mobius-segment-group{
|
|
1587
1302
|
border:none;
|
|
1588
1303
|
border-radius:0;
|
|
1589
|
-
border-left:2px solid #f3f3f3;
|
|
1590
1304
|
border-left:var(--segment-border);
|
|
1591
1305
|
}
|
|
1592
1306
|
.mobius-segment-group.--is-horizontal > .mobius-segment:first-child,
|
|
@@ -1612,14 +1326,12 @@ a.mobius-button:focus-visible,
|
|
|
1612
1326
|
.mobius-segment-group .mobius-segment-group > .mobius-segment-group.--is-horizontal{
|
|
1613
1327
|
border-radius:0;
|
|
1614
1328
|
border:0;
|
|
1615
|
-
border-top:2px solid #f3f3f3;
|
|
1616
1329
|
border-top:var(--segment-border);
|
|
1617
1330
|
margin:0;
|
|
1618
1331
|
}
|
|
1619
1332
|
.mobius-segment-group .mobius-segment-group:not(.--is-horizontal)
|
|
1620
1333
|
> .mobius-segment-group:not(.--is-horizontal)
|
|
1621
1334
|
.mobius-segment:first-child{
|
|
1622
|
-
border-top:2px solid #f3f3f3;
|
|
1623
1335
|
border-top:var(--segment-border);
|
|
1624
1336
|
}
|
|
1625
1337
|
.mobius-segment{
|
|
@@ -1628,11 +1340,8 @@ a.mobius-button:focus-visible,
|
|
|
1628
1340
|
flex-direction:column;
|
|
1629
1341
|
align-items:flex-start;
|
|
1630
1342
|
width:100%;
|
|
1631
|
-
border:2px solid #f3f3f3;
|
|
1632
1343
|
border:var(--segment-border);
|
|
1633
|
-
border-radius:8px;
|
|
1634
1344
|
border-radius:var(--radius-2);
|
|
1635
|
-
padding:16px;
|
|
1636
1345
|
padding:var(--size-sm);
|
|
1637
1346
|
}
|
|
1638
1347
|
.mobius-segment .mobius-text,
|
|
@@ -1650,27 +1359,21 @@ a.mobius-button:focus-visible,
|
|
|
1650
1359
|
margin:0;
|
|
1651
1360
|
}
|
|
1652
1361
|
.mobius-segment .mobius-text.--is-p{
|
|
1653
|
-
line-height:20px;
|
|
1654
1362
|
line-height:var(--font-size-lead);
|
|
1655
1363
|
}
|
|
1656
1364
|
.mobius-segment.subtle{
|
|
1657
|
-
background-color:#f6f5fd;
|
|
1658
1365
|
background-color:var(--color-background-highlight);
|
|
1659
1366
|
}
|
|
1660
1367
|
.mobius-segment.grey{
|
|
1661
|
-
background-color:#f3f3f3;
|
|
1662
1368
|
background-color:var(--color-background-light);
|
|
1663
1369
|
}
|
|
1664
1370
|
.mobius-segment.primary{
|
|
1665
|
-
background-color:#4632d8;
|
|
1666
1371
|
background-color:var(--color-primary);
|
|
1667
1372
|
}
|
|
1668
1373
|
.mobius-segment.secondary{
|
|
1669
|
-
background-color:#4632d8;
|
|
1670
1374
|
background-color:var(--color-secondary);
|
|
1671
1375
|
}
|
|
1672
1376
|
.mobius-segment.inverted{
|
|
1673
|
-
color:#ffffff;
|
|
1674
1377
|
color:var(--color-text-inverted);
|
|
1675
1378
|
}
|
|
1676
1379
|
.mobius-segment .mobius-text-field:last-child,
|
|
@@ -1686,10 +1389,8 @@ a.mobius-button:focus-visible,
|
|
|
1686
1389
|
}
|
|
1687
1390
|
.mobius-segment__heading{
|
|
1688
1391
|
box-sizing:border-box;
|
|
1689
|
-
font-size:16px;
|
|
1690
1392
|
font-size:var(--font-size-regular);
|
|
1691
1393
|
margin:0;
|
|
1692
|
-
margin-bottom:16px;
|
|
1693
1394
|
margin-bottom:var(--size-sm);
|
|
1694
1395
|
}
|
|
1695
1396
|
:root,
|
|
@@ -1708,60 +1409,39 @@ a.mobius-button:focus-visible,
|
|
|
1708
1409
|
display:flex;
|
|
1709
1410
|
align-items:center;
|
|
1710
1411
|
position:relative;
|
|
1711
|
-
max-width:none;
|
|
1712
1412
|
max-width:var(--select-wrapper-max-width);
|
|
1713
1413
|
}
|
|
1714
1414
|
.mobius-select{
|
|
1715
1415
|
box-sizing:border-box;
|
|
1716
1416
|
width:100%;
|
|
1717
|
-
padding:17px 16px;
|
|
1718
1417
|
padding:var(--input-field-padding);
|
|
1719
|
-
font-family:museosans, Arial, sans-serif;
|
|
1720
1418
|
font-family:var(--font-family);
|
|
1721
|
-
font-size:16px;
|
|
1722
1419
|
font-size:var(--font-size-regular);
|
|
1723
|
-
border:2px solid #9084e8;
|
|
1724
1420
|
border:var(--border-default);
|
|
1725
|
-
border-radius:4px;
|
|
1726
1421
|
border-radius:var(--radius-1);
|
|
1727
|
-
background-color:#ffffff;
|
|
1728
1422
|
background-color:var(--color-background-input);
|
|
1729
|
-
color:#5d5d60;
|
|
1730
1423
|
color:var(--color-text-medium);
|
|
1731
1424
|
outline:0;
|
|
1732
|
-
|
|
1733
|
-
-moz-appearance:none;
|
|
1734
|
-
appearance:none;
|
|
1425
|
+
appearance:none;
|
|
1735
1426
|
}
|
|
1736
1427
|
.mobius-select.--is-disabled{
|
|
1737
|
-
background-color:#f3f3f3;
|
|
1738
1428
|
background-color:var(--color-background-light);
|
|
1739
|
-
border-color:#d1d1d2;
|
|
1740
1429
|
border-color:var(--color-border-medium);
|
|
1741
|
-
color:#d1d1d2;
|
|
1742
1430
|
color:var(--color-text-light);
|
|
1743
1431
|
cursor:not-allowed;
|
|
1744
1432
|
}
|
|
1745
1433
|
.mobius-select:not(.--is-invalid):not(.--is-disabled):hover{
|
|
1746
|
-
border-color:#4632d8;
|
|
1747
1434
|
border-color:var(--color-primary);
|
|
1748
|
-
background-color:#f6f5fd;
|
|
1749
1435
|
background-color:var(--color-background-input-active);
|
|
1750
1436
|
}
|
|
1751
1437
|
.mobius-select:focus-visible{
|
|
1752
|
-
border-color:#4632d8;
|
|
1753
1438
|
border-color:var(--color-primary);
|
|
1754
|
-
background-color:#f6f5fd;
|
|
1755
1439
|
background-color:var(--color-background-input-active);
|
|
1756
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
1757
1440
|
box-shadow:var(--box-shadow-default);
|
|
1758
1441
|
}
|
|
1759
1442
|
.mobius-select.--is-invalid{
|
|
1760
|
-
border-color:#b90909;
|
|
1761
1443
|
border-color:var(--color-error);
|
|
1762
|
-
background-color:#f8e7e7;
|
|
1763
1444
|
background-color:var(--color-error-background);
|
|
1764
|
-
color:#b90909;
|
|
1765
1445
|
color:var(--color-error);
|
|
1766
1446
|
}
|
|
1767
1447
|
.mobius-select__icon{
|
|
@@ -1772,90 +1452,66 @@ a.mobius-button:focus-visible,
|
|
|
1772
1452
|
position:absolute;
|
|
1773
1453
|
right:2px;
|
|
1774
1454
|
height:100%;
|
|
1775
|
-
padding:24px;
|
|
1776
1455
|
padding:var(--size-md);
|
|
1777
|
-
border-radius:4px;
|
|
1778
1456
|
border-radius:var(--radius-1);
|
|
1779
1457
|
pointer-events:none;
|
|
1780
|
-
color:#5d5d60;
|
|
1781
1458
|
color:var(--color-text-medium);
|
|
1782
1459
|
}
|
|
1783
1460
|
.mobius-select__icon.--is-disabled{
|
|
1784
|
-
color:#d1d1d2;
|
|
1785
1461
|
color:var(--color-text-light);
|
|
1786
1462
|
}
|
|
1787
1463
|
.mobius-select__icon.--is-invalid{
|
|
1788
|
-
color:#b90909;
|
|
1789
1464
|
color:var(--color-error);
|
|
1790
1465
|
}
|
|
1791
1466
|
:root,
|
|
1792
1467
|
:host{
|
|
1793
|
-
--slider-primary-track-background
|
|
1468
|
+
--slider-primary-track-background:#4632d820;
|
|
1794
1469
|
--slider-primary-thumb-background:var(--color-primary);
|
|
1795
|
-
--slider-secondary-track-background
|
|
1470
|
+
--slider-secondary-track-background:#e943c920;
|
|
1796
1471
|
--slider-secondary-thumb-background:var(--color-accent);
|
|
1797
1472
|
--thumb-size:20px;
|
|
1798
1473
|
}
|
|
1799
1474
|
.mobius-slider{
|
|
1800
1475
|
position:relative;
|
|
1801
1476
|
display:grid;
|
|
1802
|
-
grid-gap:4px;
|
|
1803
|
-
grid-gap:var(--size-xxs);
|
|
1804
|
-
gap:4px;
|
|
1805
1477
|
gap:var(--size-xxs);
|
|
1806
1478
|
}
|
|
1807
1479
|
.mobius-slider.--is-primary .mobius-slider__track{
|
|
1808
|
-
background-color:rgba(70,50,216,0.12549);
|
|
1809
1480
|
background-color:var(--slider-primary-track-background);
|
|
1810
1481
|
}
|
|
1811
1482
|
.mobius-slider.--is-primary .mobius-slider__track::-webkit-slider-thumb{
|
|
1812
|
-
background-color:#4632d8;
|
|
1813
1483
|
background-color:var(--slider-primary-thumb-background);
|
|
1814
|
-
box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #4632d8;
|
|
1815
1484
|
box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-primary-thumb-background);
|
|
1816
1485
|
}
|
|
1817
1486
|
.mobius-slider.--is-primary .mobius-slider__track::-moz-range-thumb{
|
|
1818
|
-
background-color:#4632d8;
|
|
1819
1487
|
background-color:var(--slider-primary-thumb-background);
|
|
1820
|
-
box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #4632d8;
|
|
1821
1488
|
box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-primary-thumb-background);
|
|
1822
1489
|
}
|
|
1823
1490
|
.mobius-slider.--is-secondary .mobius-slider__track{
|
|
1824
|
-
background-color:rgba(233,67,201,0.12549);
|
|
1825
1491
|
background-color:var(--slider-secondary-track-background);
|
|
1826
1492
|
}
|
|
1827
1493
|
.mobius-slider.--is-secondary .mobius-slider__track::-webkit-slider-thumb{
|
|
1828
|
-
background-color:#e943c9;
|
|
1829
1494
|
background-color:var(--slider-secondary-thumb-background);
|
|
1830
|
-
box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #e943c9;
|
|
1831
1495
|
box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-secondary-thumb-background);
|
|
1832
1496
|
}
|
|
1833
1497
|
.mobius-slider.--is-secondary .mobius-slider__track::-moz-range-thumb{
|
|
1834
|
-
background-color:#e943c9;
|
|
1835
1498
|
background-color:var(--slider-secondary-thumb-background);
|
|
1836
|
-
box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #e943c9;
|
|
1837
1499
|
box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--slider-secondary-thumb-background);
|
|
1838
1500
|
}
|
|
1839
1501
|
.mobius-slider.--is-disabled{
|
|
1840
|
-
color:#d1d1d2;
|
|
1841
1502
|
color:var(--color-text-light);
|
|
1842
1503
|
cursor:not-allowed;
|
|
1843
1504
|
}
|
|
1844
1505
|
.mobius-slider.--is-disabled .mobius-slider__track{
|
|
1845
|
-
background-color:#f3f3f3;
|
|
1846
1506
|
background-color:var(--color-background-light);
|
|
1847
1507
|
}
|
|
1848
1508
|
.mobius-slider.--is-disabled .mobius-slider__track::-webkit-slider-thumb{
|
|
1849
|
-
background-color:#f3f3f3;
|
|
1850
1509
|
background-color:var(--color-background-light);
|
|
1851
|
-
box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #d1d1d2;
|
|
1852
1510
|
box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--color-border-medium);
|
|
1853
1511
|
cursor:not-allowed;
|
|
1854
1512
|
}
|
|
1855
1513
|
.mobius-slider.--is-disabled .mobius-slider__track::-moz-range-thumb{
|
|
1856
|
-
background-color:#f3f3f3;
|
|
1857
1514
|
background-color:var(--color-background-light);
|
|
1858
|
-
box-shadow:0 0 0 4px #ffffff, 0 0 0 5px #d1d1d2;
|
|
1859
1515
|
box-shadow:0 0 0 var(--size-xxs) var(--color-background), 0 0 0 5px var(--color-border-medium);
|
|
1860
1516
|
cursor:not-allowed;
|
|
1861
1517
|
}
|
|
@@ -1866,13 +1522,10 @@ a.mobius-button:focus-visible,
|
|
|
1866
1522
|
}
|
|
1867
1523
|
.mobius-slider__track{
|
|
1868
1524
|
position:absolute;
|
|
1869
|
-
|
|
1870
|
-
appearance:none;
|
|
1525
|
+
appearance:none;
|
|
1871
1526
|
-webkit-appearance:none;
|
|
1872
1527
|
width:100%;
|
|
1873
|
-
height:8px;
|
|
1874
1528
|
height:var(--size-xs);
|
|
1875
|
-
top:calc(8px + 2px);
|
|
1876
1529
|
top:calc(var(--size-xs) + 2px);
|
|
1877
1530
|
border-radius:999px;
|
|
1878
1531
|
touch-action:none;
|
|
@@ -1885,21 +1538,16 @@ a.mobius-button:focus-visible,
|
|
|
1885
1538
|
.mobius-slider__track::-webkit-slider-thumb{
|
|
1886
1539
|
appearance:none;
|
|
1887
1540
|
-webkit-appearance:none;
|
|
1888
|
-
width:20px;
|
|
1889
1541
|
width:var(--thumb-size);
|
|
1890
|
-
height:20px;
|
|
1891
1542
|
height:var(--thumb-size);
|
|
1892
1543
|
border:var(--thumb-border);
|
|
1893
1544
|
border-radius:50%;
|
|
1894
1545
|
cursor:pointer;
|
|
1895
1546
|
}
|
|
1896
1547
|
.mobius-slider__track::-moz-range-thumb{
|
|
1897
|
-
|
|
1898
|
-
appearance:none;
|
|
1548
|
+
appearance:none;
|
|
1899
1549
|
-webkit-appearance:none;
|
|
1900
|
-
width:20px;
|
|
1901
1550
|
width:var(--thumb-size);
|
|
1902
|
-
height:20px;
|
|
1903
1551
|
height:var(--thumb-size);
|
|
1904
1552
|
border:var(--thumb-border);
|
|
1905
1553
|
border-radius:50%;
|
|
@@ -1923,27 +1571,21 @@ a.mobius-button:focus-visible,
|
|
|
1923
1571
|
grid-auto-flow:row;
|
|
1924
1572
|
}
|
|
1925
1573
|
.mobius-stack.--gap-xxs{
|
|
1926
|
-
gap:4px;
|
|
1927
1574
|
gap:var(--size-xxs);
|
|
1928
1575
|
}
|
|
1929
1576
|
.mobius-stack.--gap-xs{
|
|
1930
|
-
gap:8px;
|
|
1931
1577
|
gap:var(--size-xs);
|
|
1932
1578
|
}
|
|
1933
1579
|
.mobius-stack.--gap-sm{
|
|
1934
|
-
gap:16px;
|
|
1935
1580
|
gap:var(--size-sm);
|
|
1936
1581
|
}
|
|
1937
1582
|
.mobius-stack.--gap-md{
|
|
1938
|
-
gap:24px;
|
|
1939
1583
|
gap:var(--size-md);
|
|
1940
1584
|
}
|
|
1941
1585
|
.mobius-stack.--gap-lg{
|
|
1942
|
-
gap:32px;
|
|
1943
1586
|
gap:var(--size-lg);
|
|
1944
1587
|
}
|
|
1945
1588
|
.mobius-stack.--gap-xl{
|
|
1946
|
-
gap:40px;
|
|
1947
1589
|
gap:var(--size-xl);
|
|
1948
1590
|
}
|
|
1949
1591
|
:root,
|
|
@@ -1958,10 +1600,8 @@ a.mobius-button:focus-visible,
|
|
|
1958
1600
|
border-collapse:collapse;
|
|
1959
1601
|
line-height:1.7;
|
|
1960
1602
|
box-sizing:border-box;
|
|
1961
|
-
text-indent:0;
|
|
1962
1603
|
text-indent:initial;
|
|
1963
1604
|
border-spacing:2px;
|
|
1964
|
-
border-color:#f3f3f3;
|
|
1965
1605
|
border-color:var(--color-border-light);
|
|
1966
1606
|
}
|
|
1967
1607
|
.mobius-table__head{
|
|
@@ -1969,23 +1609,17 @@ a.mobius-button:focus-visible,
|
|
|
1969
1609
|
box-sizing:border-box;
|
|
1970
1610
|
vertical-align:middle;
|
|
1971
1611
|
border-color:inherit;
|
|
1972
|
-
font-weight:700;
|
|
1973
1612
|
font-weight:var(--font-weight-bold);
|
|
1974
1613
|
}
|
|
1975
1614
|
.mobius-table__head-cell{
|
|
1976
1615
|
display:table-cell;
|
|
1977
|
-
font-weight:700;
|
|
1978
1616
|
font-weight:var(--font-weight-bold);
|
|
1979
1617
|
box-sizing:border-box;
|
|
1980
1618
|
vertical-align:baseline;
|
|
1981
|
-
padding-top:8px;
|
|
1982
1619
|
padding-top:var(--size-xs);
|
|
1983
|
-
padding-bottom:8px;
|
|
1984
1620
|
padding-bottom:var(--size-xs);
|
|
1985
|
-
padding-right:32px;
|
|
1986
1621
|
padding-right:var(--size-lg);
|
|
1987
1622
|
border-color:currentColor;
|
|
1988
|
-
border-width:1px;
|
|
1989
1623
|
border-width:var(--table-border-width);
|
|
1990
1624
|
border-bottom-style:solid;
|
|
1991
1625
|
}
|
|
@@ -1999,17 +1633,11 @@ a.mobius-button:focus-visible,
|
|
|
1999
1633
|
display:table-cell;
|
|
2000
1634
|
vertical-align:baseline;
|
|
2001
1635
|
box-sizing:border-box;
|
|
2002
|
-
color:#5d5d60;
|
|
2003
1636
|
color:var(--color-text-medium);
|
|
2004
|
-
padding-top:8px;
|
|
2005
1637
|
padding-top:var(--size-xs);
|
|
2006
|
-
padding-bottom:8px;
|
|
2007
1638
|
padding-bottom:var(--size-xs);
|
|
2008
|
-
padding-right:32px;
|
|
2009
1639
|
padding-right:var(--size-lg);
|
|
2010
|
-
border-color:#f3f3f3;
|
|
2011
1640
|
border-color:var(--color-border-light);
|
|
2012
|
-
border-width:1px;
|
|
2013
1641
|
border-width:var(--table-border-width);
|
|
2014
1642
|
border-bottom-style:solid;
|
|
2015
1643
|
}
|
|
@@ -2018,176 +1646,117 @@ a.mobius-button:focus-visible,
|
|
|
2018
1646
|
}
|
|
2019
1647
|
.mobius-text{
|
|
2020
1648
|
box-sizing:border-box;
|
|
2021
|
-
font-family:museosans, Arial, sans-serif;
|
|
2022
1649
|
font-family:var(--font-family);
|
|
2023
|
-
font-size:16px;
|
|
2024
1650
|
font-size:var(--font-size-regular);
|
|
2025
|
-
font-weight:500;
|
|
2026
1651
|
font-weight:var(--font-weight-normal);
|
|
2027
|
-
line-height:1.5;
|
|
2028
1652
|
line-height:var(--line-height-normal);
|
|
2029
1653
|
}
|
|
2030
1654
|
.mobius-text:where(.--is-p){
|
|
2031
1655
|
box-sizing:border-box;
|
|
2032
|
-
font-family:museosans, Arial, sans-serif;
|
|
2033
1656
|
font-family:var(--font-family);
|
|
2034
|
-
font-size:16px;
|
|
2035
1657
|
font-size:var(--font-size-regular);
|
|
2036
|
-
font-weight:500;
|
|
2037
1658
|
font-weight:var(--font-weight-normal);
|
|
2038
|
-
line-height:1.5;
|
|
2039
1659
|
line-height:var(--line-height-normal);
|
|
2040
1660
|
}
|
|
2041
1661
|
.mobius-text:where(.--is-h1){
|
|
2042
1662
|
box-sizing:border-box;
|
|
2043
|
-
font-family:museosans, Arial, sans-serif;
|
|
2044
1663
|
font-family:var(--font-family);
|
|
2045
|
-
font-size:32px;
|
|
2046
1664
|
font-size:var(--font-size-title);
|
|
2047
|
-
font-weight:700;
|
|
2048
1665
|
font-weight:var(--font-weight-bold);
|
|
2049
1666
|
line-height:1.25;
|
|
2050
1667
|
margin:0.35em 0;
|
|
2051
1668
|
}
|
|
2052
1669
|
.mobius-text:where(.--is-h2){
|
|
2053
1670
|
box-sizing:border-box;
|
|
2054
|
-
font-family:museosans, Arial, sans-serif;
|
|
2055
1671
|
font-family:var(--font-family);
|
|
2056
|
-
font-size:24px;
|
|
2057
1672
|
font-size:var(--font-size-small-title);
|
|
2058
|
-
font-weight:700;
|
|
2059
1673
|
font-weight:var(--font-weight-bold);
|
|
2060
|
-
line-height:1.333;
|
|
2061
1674
|
line-height:var(--line-height-tight);
|
|
2062
1675
|
margin:0.45em 0;
|
|
2063
1676
|
}
|
|
2064
1677
|
.mobius-text:where(.--is-h3){
|
|
2065
1678
|
box-sizing:border-box;
|
|
2066
|
-
font-family:museosans, Arial, sans-serif;
|
|
2067
1679
|
font-family:var(--font-family);
|
|
2068
|
-
font-size:20px;
|
|
2069
1680
|
font-size:var(--font-size-lead);
|
|
2070
|
-
font-weight:700;
|
|
2071
1681
|
font-weight:var(--font-weight-bold);
|
|
2072
1682
|
line-height:1.2;
|
|
2073
1683
|
margin:0.5em 0;
|
|
2074
1684
|
}
|
|
2075
1685
|
.mobius-text:where(.--is-h4){
|
|
2076
1686
|
box-sizing:border-box;
|
|
2077
|
-
font-family:museosans, Arial, sans-serif;
|
|
2078
1687
|
font-family:var(--font-family);
|
|
2079
|
-
font-size:16px;
|
|
2080
1688
|
font-size:var(--font-size-regular);
|
|
2081
|
-
font-weight:700;
|
|
2082
1689
|
font-weight:var(--font-weight-bold);
|
|
2083
|
-
line-height:1.5;
|
|
2084
1690
|
line-height:var(--line-height-normal);
|
|
2085
1691
|
margin:0.55em 0;
|
|
2086
1692
|
}
|
|
2087
1693
|
.mobius-text:where(.--is-span){
|
|
2088
1694
|
box-sizing:border-box;
|
|
2089
|
-
font-size:16px;
|
|
2090
1695
|
font-size:var(--font-size-regular);
|
|
2091
|
-
font-weight:500;
|
|
2092
1696
|
font-weight:var(--font-weight-normal);
|
|
2093
|
-
line-height:1.5;
|
|
2094
1697
|
line-height:var(--line-height-normal);
|
|
2095
1698
|
}
|
|
2096
1699
|
.mobius-text:where(.--is-body){
|
|
2097
1700
|
box-sizing:border-box;
|
|
2098
|
-
font-family:museosans, Arial, sans-serif;
|
|
2099
1701
|
font-family:var(--font-family);
|
|
2100
|
-
font-size:16px;
|
|
2101
1702
|
font-size:var(--font-size-regular);
|
|
2102
|
-
font-weight:500;
|
|
2103
1703
|
font-weight:var(--font-weight-normal);
|
|
2104
|
-
line-height:1.5;
|
|
2105
1704
|
line-height:var(--line-height-normal);
|
|
2106
|
-
color:#5d5d60;
|
|
2107
1705
|
color:var(--color-text-medium);
|
|
2108
1706
|
}
|
|
2109
1707
|
.mobius-text:where(.--is-small){
|
|
2110
1708
|
box-sizing:border-box;
|
|
2111
|
-
font-family:museosans, Arial, sans-serif;
|
|
2112
1709
|
font-family:var(--font-family);
|
|
2113
|
-
font-size:14px;
|
|
2114
1710
|
font-size:var(--font-size-small-paragraph);
|
|
2115
|
-
font-weight:500;
|
|
2116
1711
|
font-weight:var(--font-weight-normal);
|
|
2117
1712
|
line-height:1.428;
|
|
2118
|
-
color:#5d5d60;
|
|
2119
1713
|
color:var(--color-text-medium);
|
|
2120
1714
|
}
|
|
2121
1715
|
.mobius-text:where(.--is-legal){
|
|
2122
1716
|
box-sizing:border-box;
|
|
2123
|
-
font-family:museosans, Arial, sans-serif;
|
|
2124
1717
|
font-family:var(--font-family);
|
|
2125
|
-
font-size:12px;
|
|
2126
1718
|
font-size:var(--font-size-small-print);
|
|
2127
|
-
font-weight:500;
|
|
2128
1719
|
font-weight:var(--font-weight-normal);
|
|
2129
|
-
line-height:1.333;
|
|
2130
1720
|
line-height:var(--line-height-tight);
|
|
2131
|
-
color:#5d5d60;
|
|
2132
1721
|
color:var(--color-text-medium);
|
|
2133
1722
|
}
|
|
2134
1723
|
.mobius-text:where(.--has-line-height-tight){
|
|
2135
|
-
line-height:1.333;
|
|
2136
1724
|
line-height:var(--line-height-tight);
|
|
2137
1725
|
}
|
|
2138
1726
|
.mobius-text:where(.--has-line-height-loose){
|
|
2139
|
-
line-height:1.5;
|
|
2140
1727
|
line-height:var(--line-height-normal);
|
|
2141
1728
|
}
|
|
2142
1729
|
.mobius-text-area__input{
|
|
2143
1730
|
box-sizing:border-box;
|
|
2144
1731
|
flex:1 1 0%;
|
|
2145
|
-
border:2px solid #9084e8;
|
|
2146
1732
|
border:var(--border-default);
|
|
2147
|
-
border-radius:4px;
|
|
2148
1733
|
border-radius:var(--radius-1);
|
|
2149
|
-
padding:8px 16px;
|
|
2150
1734
|
padding:var(--size-xs) var(--size-sm);
|
|
2151
1735
|
margin:0px;
|
|
2152
|
-
font-family:museosans, Arial, sans-serif;
|
|
2153
1736
|
font-family:var(--font-family);
|
|
2154
|
-
font-size:16px;
|
|
2155
1737
|
font-size:var(--font-size-regular);
|
|
2156
|
-
color:#18181d;
|
|
2157
1738
|
color:var(--color-text);
|
|
2158
1739
|
outline:0px;
|
|
2159
|
-
background-color:#ffffff;
|
|
2160
1740
|
background-color:var(--color-background-input);
|
|
2161
1741
|
}
|
|
2162
1742
|
.mobius-text-area__input:hover:not(.--is-disabled):not(.mobius-text-area__input.--is-invalid){
|
|
2163
|
-
border-color:#4632d8;
|
|
2164
1743
|
border-color:var(--color-primary);
|
|
2165
|
-
background-color:#f6f5fd;
|
|
2166
1744
|
background-color:var(--color-background-input-active);
|
|
2167
1745
|
}
|
|
2168
1746
|
.mobius-text-area__input:focus-visible{
|
|
2169
|
-
border-color:#4632d8;
|
|
2170
1747
|
border-color:var(--color-primary);
|
|
2171
|
-
background-color:#f6f5fd;
|
|
2172
1748
|
background-color:var(--color-background-input-active);
|
|
2173
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
2174
1749
|
box-shadow:var(--box-shadow-default);
|
|
2175
1750
|
}
|
|
2176
1751
|
.mobius-text-area__input.--is-disabled{
|
|
2177
|
-
background-color:#f3f3f3;
|
|
2178
1752
|
background-color:var(--color-background-light);
|
|
2179
|
-
border-color:#d1d1d2;
|
|
2180
1753
|
border-color:var(--color-border-medium);
|
|
2181
|
-
color:#d1d1d2;
|
|
2182
1754
|
color:var(--color-text-light);
|
|
2183
1755
|
cursor:not-allowed;
|
|
2184
1756
|
}
|
|
2185
1757
|
.mobius-text-area__input.--is-invalid:not(.--is-disabled){
|
|
2186
|
-
border-color:#b90909;
|
|
2187
1758
|
border-color:var(--color-error);
|
|
2188
|
-
background-color:#f8e7e7;
|
|
2189
1759
|
background-color:var(--color-error-background);
|
|
2190
|
-
color:#b90909;
|
|
2191
1760
|
color:var(--color-error);
|
|
2192
1761
|
}
|
|
2193
1762
|
.mobius-text-area{
|
|
@@ -2227,7 +1796,6 @@ a.mobius-button:focus-visible,
|
|
|
2227
1796
|
border-bottom-left-radius:0;
|
|
2228
1797
|
}
|
|
2229
1798
|
.mobius-text-field__prefix-outside.mobius-text{
|
|
2230
|
-
padding-right:16px;
|
|
2231
1799
|
padding-right:var(--size-sm);
|
|
2232
1800
|
}
|
|
2233
1801
|
.mobius-text-field__suffix-outside.mobius-button{
|
|
@@ -2235,13 +1803,11 @@ a.mobius-button:focus-visible,
|
|
|
2235
1803
|
border-bottom-left-radius:0;
|
|
2236
1804
|
}
|
|
2237
1805
|
.mobius-text-field__suffix-outside.mobius-text{
|
|
2238
|
-
padding-left:16px;
|
|
2239
1806
|
padding-left:var(--size-sm);
|
|
2240
1807
|
}
|
|
2241
1808
|
.mobius-text-field__prefix-inside,
|
|
2242
1809
|
.mobius-text-field__suffix-inside{
|
|
2243
1810
|
display:flex;
|
|
2244
|
-
color:#9084e8;
|
|
2245
1811
|
color:var(--color-primary-light);
|
|
2246
1812
|
}
|
|
2247
1813
|
.mobius-text-field__prefix-inside.mobius-button, .mobius-text-field__suffix-inside.mobius-button{
|
|
@@ -2254,27 +1820,21 @@ a.mobius-button:focus-visible,
|
|
|
2254
1820
|
margin-bottom:0;
|
|
2255
1821
|
}
|
|
2256
1822
|
.mobius-text-field__prefix-inside{
|
|
2257
|
-
padding-left:16px;
|
|
2258
1823
|
padding-left:var(--size-sm);
|
|
2259
1824
|
}
|
|
2260
1825
|
.mobius-text-field__suffix-inside{
|
|
2261
|
-
padding-right:16px;
|
|
2262
1826
|
padding-right:var(--size-sm);
|
|
2263
1827
|
}
|
|
2264
1828
|
.mobius-text-field__input-wrapper{
|
|
2265
1829
|
display:flex;
|
|
2266
1830
|
flex:1 1 0;
|
|
2267
1831
|
align-items:center;
|
|
2268
|
-
border-radius:4px;
|
|
2269
1832
|
border-radius:var(--radius-1);
|
|
2270
|
-
color:#5d5d60;
|
|
2271
1833
|
color:var(--color-text-medium);
|
|
2272
1834
|
overflow:hidden;
|
|
2273
|
-
background-color:#ffffff;
|
|
2274
1835
|
background-color:var(--color-background-input);
|
|
2275
1836
|
}
|
|
2276
1837
|
.mobius-text-field__input-wrapper:not(.--is-hidden){
|
|
2277
|
-
border:2px solid #9084e8;
|
|
2278
1838
|
border:var(--border-default);
|
|
2279
1839
|
}
|
|
2280
1840
|
.mobius-text-field__input-wrapper:has(+ .mobius-button){
|
|
@@ -2282,69 +1842,47 @@ a.mobius-button:focus-visible,
|
|
|
2282
1842
|
border-bottom-right-radius:0;
|
|
2283
1843
|
}
|
|
2284
1844
|
.mobius-text-field__input-wrapper:focus-within{
|
|
2285
|
-
border-color:#4632d8;
|
|
2286
1845
|
border-color:var(--color-primary);
|
|
2287
|
-
background-color:#f6f5fd;
|
|
2288
1846
|
background-color:var(--color-background-input-active);
|
|
2289
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
2290
1847
|
box-shadow:var(--box-shadow-default);
|
|
2291
1848
|
}
|
|
2292
1849
|
.mobius-text-field__input-wrapper:focus-within .mobius-text-field__prefix-inside,
|
|
2293
1850
|
.mobius-text-field__input-wrapper:focus-within .mobius-text-field__suffix-inside{
|
|
2294
|
-
color:#4632d8;
|
|
2295
1851
|
color:var(--color-primary);
|
|
2296
1852
|
}
|
|
2297
1853
|
.mobius-text-field__input-wrapper:hover:not(.--is-disabled):not(.mobius-text-field__input-wrapper.--is-invalid){
|
|
2298
|
-
border-color:#4632d8;
|
|
2299
1854
|
border-color:var(--color-primary);
|
|
2300
|
-
background-color:#f6f5fd;
|
|
2301
1855
|
background-color:var(--color-background-input-active);
|
|
2302
1856
|
}
|
|
2303
1857
|
.mobius-text-field__input-wrapper:hover:not(.--is-disabled):not(.mobius-text-field__input-wrapper.--is-invalid) .mobius-text-field__prefix-inside,
|
|
2304
1858
|
.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
1859
|
color:var(--color-primary);
|
|
2307
1860
|
}
|
|
2308
1861
|
.mobius-text-field__input-wrapper.--is-disabled{
|
|
2309
|
-
background-color:#f3f3f3;
|
|
2310
1862
|
background-color:var(--color-background-light);
|
|
2311
|
-
border-color:#d1d1d2;
|
|
2312
1863
|
border-color:var(--color-border-medium);
|
|
2313
|
-
color:#d1d1d2;
|
|
2314
1864
|
color:var(--color-text-light);
|
|
2315
1865
|
cursor:not-allowed;
|
|
2316
1866
|
}
|
|
2317
1867
|
.mobius-text-field__input-wrapper.--is-invalid:not(.--is-disabled){
|
|
2318
|
-
border-color:#b90909;
|
|
2319
1868
|
border-color:var(--color-error);
|
|
2320
|
-
background-color:#f8e7e7;
|
|
2321
1869
|
background-color:var(--color-error-background);
|
|
2322
|
-
color:#b90909;
|
|
2323
1870
|
color:var(--color-error);
|
|
2324
1871
|
}
|
|
2325
1872
|
.mobius-text-field__input{
|
|
2326
1873
|
flex:1 1 0;
|
|
2327
|
-
padding:17px 16px;
|
|
2328
1874
|
padding:var(--input-field-padding);
|
|
2329
1875
|
border:none;
|
|
2330
1876
|
background-color:transparent;
|
|
2331
1877
|
box-sizing:border-box;
|
|
2332
|
-
font-family:museosans, Arial, sans-serif;
|
|
2333
1878
|
font-family:var(--font-family);
|
|
2334
|
-
font-size:16px;
|
|
2335
1879
|
font-size:var(--font-size-regular);
|
|
2336
1880
|
color:currentColor;
|
|
2337
1881
|
outline:0;
|
|
2338
1882
|
margin:0;
|
|
2339
|
-
max-width:none;
|
|
2340
1883
|
max-width:var(--text-input-max-width);
|
|
2341
1884
|
}
|
|
2342
|
-
.mobius-text-field__input::-moz-placeholder{
|
|
2343
|
-
color:#5d5d60;
|
|
2344
|
-
color:var(--color-text-medium);
|
|
2345
|
-
}
|
|
2346
1885
|
.mobius-text-field__input::placeholder{
|
|
2347
|
-
color:#5d5d60;
|
|
2348
1886
|
color:var(--color-text-medium);
|
|
2349
1887
|
}
|
|
2350
1888
|
.mobius-text-field__input.--is-disabled{
|
|
@@ -2356,47 +1894,34 @@ a.mobius-button:focus-visible,
|
|
|
2356
1894
|
}
|
|
2357
1895
|
.mobius-title{
|
|
2358
1896
|
display:flex;
|
|
2359
|
-
padding-left:16px;
|
|
2360
1897
|
padding-left:var(--size-sm);
|
|
2361
1898
|
}
|
|
2362
1899
|
.mobius-title__header{
|
|
2363
1900
|
margin:0;
|
|
2364
|
-
font-size:24px;
|
|
2365
1901
|
font-size:var(--font-size-small-title);
|
|
2366
|
-
color:#18181d;
|
|
2367
1902
|
color:var(--color-text);
|
|
2368
|
-
font-weight:700;
|
|
2369
1903
|
font-weight:var(--font-weight-bold);
|
|
2370
1904
|
}
|
|
2371
1905
|
.mobius-title__description{
|
|
2372
1906
|
margin:0;
|
|
2373
|
-
font-size:16px;
|
|
2374
1907
|
font-size:var(--font-size-regular);
|
|
2375
|
-
color:#5d5d60;
|
|
2376
1908
|
color:var(--color-text-medium);
|
|
2377
|
-
font-weight:500;
|
|
2378
1909
|
font-weight:var(--font-weight-normal);
|
|
2379
1910
|
}
|
|
2380
1911
|
.mobius-title__container{
|
|
2381
|
-
gap:8px;
|
|
2382
1912
|
gap:var(--size-xs);
|
|
2383
|
-
line-height:1.333;
|
|
2384
1913
|
line-height:var(--line-height-tight);
|
|
2385
1914
|
position:relative;
|
|
2386
|
-
padding-left:calc(16px + 8px);
|
|
2387
1915
|
padding-left:calc(var(--size-sm) + var(--title-decorator-width));
|
|
2388
1916
|
}
|
|
2389
1917
|
.mobius-title__container::before{
|
|
2390
1918
|
position:absolute;
|
|
2391
1919
|
content:"";
|
|
2392
1920
|
display:block;
|
|
2393
|
-
width:8px;
|
|
2394
1921
|
width:var(--title-decorator-width);
|
|
2395
1922
|
height:100%;
|
|
2396
|
-
border-radius:4px;
|
|
2397
1923
|
border-radius:var(--radius-1);
|
|
2398
1924
|
left:0;
|
|
2399
|
-
background-color:#4632d8;
|
|
2400
1925
|
background-color:var(--color-primary);
|
|
2401
1926
|
}
|
|
2402
1927
|
svg:not(:root).svg-inline--mobius-icon,
|
|
@@ -2405,7 +1930,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2405
1930
|
box-sizing:content-box;
|
|
2406
1931
|
}
|
|
2407
1932
|
.svg-inline--mobius-icon{
|
|
2408
|
-
display:inline-block;
|
|
2409
1933
|
display:var(--mobius-icon-display, inline-block);
|
|
2410
1934
|
height:1em;
|
|
2411
1935
|
overflow:visible;
|
|
@@ -2430,22 +1954,18 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2430
1954
|
vertical-align:-0.3125em;
|
|
2431
1955
|
}
|
|
2432
1956
|
.svg-inline--mobius-icon.mobius-icon-pull-left{
|
|
2433
|
-
margin-right:0.3em;
|
|
2434
1957
|
margin-right:var(--mobius-icon-pull-margin, 0.3em);
|
|
2435
1958
|
width:auto;
|
|
2436
1959
|
}
|
|
2437
1960
|
.svg-inline--mobius-icon.mobius-icon-pull-right{
|
|
2438
|
-
margin-left:0.3em;
|
|
2439
1961
|
margin-left:var(--mobius-icon-pull-margin, 0.3em);
|
|
2440
1962
|
width:auto;
|
|
2441
1963
|
}
|
|
2442
1964
|
.svg-inline--mobius-icon.mobius-icon-li{
|
|
2443
|
-
width:2em;
|
|
2444
1965
|
width:var(--mobius-icon-li-width, 2em);
|
|
2445
1966
|
top:0.25em;
|
|
2446
1967
|
}
|
|
2447
1968
|
.svg-inline--mobius-icon.mobius-icon-fw{
|
|
2448
|
-
width:1.25em;
|
|
2449
1969
|
width:var(--mobius-icon-fw-width, 1.25em);
|
|
2450
1970
|
}
|
|
2451
1971
|
.mobius-icon-layers svg.svg-inline--mobius-icon{
|
|
@@ -2480,68 +2000,46 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2480
2000
|
transform-origin:center center;
|
|
2481
2001
|
}
|
|
2482
2002
|
.mobius-icon-layers-counter{
|
|
2483
|
-
background-color:#ff253a;
|
|
2484
2003
|
background-color:var(--mobius-icon-counter-background-color, #ff253a);
|
|
2485
|
-
border-radius:1em;
|
|
2486
2004
|
border-radius:var(--mobius-icon-counter-border-radius, 1em);
|
|
2487
2005
|
box-sizing:border-box;
|
|
2488
|
-
color:#fff;
|
|
2489
2006
|
color:var(--mobius-icon-inverse, #fff);
|
|
2490
|
-
line-height:1;
|
|
2491
2007
|
line-height:var(--mobius-icon-counter-line-height, 1);
|
|
2492
|
-
max-width:5em;
|
|
2493
2008
|
max-width:var(--mobius-icon-counter-max-width, 5em);
|
|
2494
|
-
min-width:1.5em;
|
|
2495
2009
|
min-width:var(--mobius-icon-counter-min-width, 1.5em);
|
|
2496
2010
|
overflow:hidden;
|
|
2497
|
-
padding:0.25em 0.5em;
|
|
2498
2011
|
padding:var(--mobius-icon-counter-padding, 0.25em 0.5em);
|
|
2499
|
-
right:0;
|
|
2500
2012
|
right:var(--mobius-icon-right, 0);
|
|
2501
2013
|
text-overflow:ellipsis;
|
|
2502
|
-
top:0;
|
|
2503
2014
|
top:var(--mobius-icon-top, 0);
|
|
2504
|
-
transform:scale(0.25);
|
|
2505
2015
|
transform:scale(var(--mobius-icon-counter-scale, 0.25));
|
|
2506
2016
|
transform-origin:top right;
|
|
2507
2017
|
}
|
|
2508
2018
|
.mobius-icon-layers-bottom-right{
|
|
2509
|
-
bottom:0;
|
|
2510
2019
|
bottom:var(--mobius-icon-bottom, 0);
|
|
2511
|
-
right:0;
|
|
2512
2020
|
right:var(--mobius-icon-right, 0);
|
|
2513
2021
|
top:auto;
|
|
2514
|
-
transform:scale(0.25);
|
|
2515
2022
|
transform:scale(var(--mobius-icon-layers-scale, 0.25));
|
|
2516
2023
|
transform-origin:bottom right;
|
|
2517
2024
|
}
|
|
2518
2025
|
.mobius-icon-layers-bottom-left{
|
|
2519
|
-
bottom:0;
|
|
2520
2026
|
bottom:var(--mobius-icon-bottom, 0);
|
|
2521
|
-
left:0;
|
|
2522
2027
|
left:var(--mobius-icon-left, 0);
|
|
2523
2028
|
right:auto;
|
|
2524
2029
|
top:auto;
|
|
2525
|
-
transform:scale(0.25);
|
|
2526
2030
|
transform:scale(var(--mobius-icon-layers-scale, 0.25));
|
|
2527
2031
|
transform-origin:bottom left;
|
|
2528
2032
|
}
|
|
2529
2033
|
.mobius-icon-layers-top-right{
|
|
2530
|
-
top:0;
|
|
2531
2034
|
top:var(--mobius-icon-top, 0);
|
|
2532
|
-
right:0;
|
|
2533
2035
|
right:var(--mobius-icon-right, 0);
|
|
2534
|
-
transform:scale(0.25);
|
|
2535
2036
|
transform:scale(var(--mobius-icon-layers-scale, 0.25));
|
|
2536
2037
|
transform-origin:top right;
|
|
2537
2038
|
}
|
|
2538
2039
|
.mobius-icon-layers-top-left{
|
|
2539
|
-
left:0;
|
|
2540
2040
|
left:var(--mobius-icon-left, 0);
|
|
2541
2041
|
right:auto;
|
|
2542
|
-
top:0;
|
|
2543
2042
|
top:var(--mobius-icon-top, 0);
|
|
2544
|
-
transform:scale(0.25);
|
|
2545
2043
|
transform:scale(var(--mobius-icon-layers-scale, 0.25));
|
|
2546
2044
|
transform-origin:top left;
|
|
2547
2045
|
}
|
|
@@ -2611,7 +2109,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2611
2109
|
}
|
|
2612
2110
|
.mobius-icon-ul{
|
|
2613
2111
|
list-style-type:none;
|
|
2614
|
-
margin-left:2.5em;
|
|
2615
2112
|
margin-left:var(--mobius-icon-li-margin, 2.5em);
|
|
2616
2113
|
padding-left:0;
|
|
2617
2114
|
}
|
|
@@ -2619,50 +2116,36 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2619
2116
|
position:relative;
|
|
2620
2117
|
}
|
|
2621
2118
|
.mobius-icon-li{
|
|
2622
|
-
left:calc(2em * -1);
|
|
2623
2119
|
left:calc(var(--mobius-icon-li-width, 2em) * -1);
|
|
2624
2120
|
position:absolute;
|
|
2625
2121
|
text-align:center;
|
|
2626
|
-
width:2em;
|
|
2627
2122
|
width:var(--mobius-icon-li-width, 2em);
|
|
2628
2123
|
line-height:inherit;
|
|
2629
2124
|
}
|
|
2630
2125
|
.mobius-icon-border{
|
|
2631
|
-
border-color:#eee;
|
|
2632
2126
|
border-color:var(--mobius-icon-border-color, #eee);
|
|
2633
|
-
border-radius:0.1em;
|
|
2634
2127
|
border-radius:var(--mobius-icon-border-radius, 0.1em);
|
|
2635
|
-
border-style:solid;
|
|
2636
2128
|
border-style:var(--mobius-icon-border-style, solid);
|
|
2637
|
-
border-width:0.08em;
|
|
2638
2129
|
border-width:var(--mobius-icon-border-width, 0.08em);
|
|
2639
|
-
padding:0.2em 0.25em 0.15em;
|
|
2640
2130
|
padding:var(--mobius-icon-border-padding, 0.2em 0.25em 0.15em);
|
|
2641
2131
|
}
|
|
2642
2132
|
.mobius-icon-pull-left{
|
|
2643
2133
|
float:left;
|
|
2644
|
-
margin-right:0.3em;
|
|
2645
2134
|
margin-right:var(--mobius-icon-pull-margin, 0.3em);
|
|
2646
2135
|
}
|
|
2647
2136
|
.mobius-icon-pull-right{
|
|
2648
2137
|
float:right;
|
|
2649
|
-
margin-left:0.3em;
|
|
2650
2138
|
margin-left:var(--mobius-icon-pull-margin, 0.3em);
|
|
2651
2139
|
}
|
|
2652
2140
|
.mobius-icon-spin{
|
|
2653
2141
|
animation-name:mobius-icon-spin;
|
|
2654
|
-
animation-delay:0s;
|
|
2655
2142
|
animation-delay:var(--mobius-icon-animation-delay, 0s);
|
|
2656
|
-
animation-direction:normal;
|
|
2657
2143
|
animation-direction:var(--mobius-icon-animation-direction, normal);
|
|
2658
|
-
animation-duration:2s;
|
|
2659
2144
|
animation-duration:var(--mobius-icon-animation-duration, 2s);
|
|
2660
|
-
animation-iteration-count:infinite;
|
|
2661
2145
|
animation-iteration-count:var(
|
|
2662
2146
|
--mobius-icon-animation-iteration-count,
|
|
2663
2147
|
infinite
|
|
2664
2148
|
);
|
|
2665
|
-
animation-timing-function:linear;
|
|
2666
2149
|
animation-timing-function:var(--mobius-icon-animation-timing, linear);
|
|
2667
2150
|
}
|
|
2668
2151
|
.mobius-icon-spin-reverse{
|
|
@@ -2705,7 +2188,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2705
2188
|
transform:scale(-1, -1);
|
|
2706
2189
|
}
|
|
2707
2190
|
.mobius-icon-rotate-by{
|
|
2708
|
-
transform:rotate(none);
|
|
2709
2191
|
transform:rotate(var(--mobius-icon-rotate-angle, none));
|
|
2710
2192
|
}
|
|
2711
2193
|
.mobius-icon-stack{
|
|
@@ -2723,7 +2205,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2723
2205
|
position:absolute;
|
|
2724
2206
|
right:0;
|
|
2725
2207
|
top:0;
|
|
2726
|
-
z-index:auto;
|
|
2727
2208
|
z-index:var(--mobius-icon-stack-z-index, auto);
|
|
2728
2209
|
}
|
|
2729
2210
|
.svg-inline--mobius-icon.mobius-icon-stack-1x{
|
|
@@ -2735,7 +2216,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2735
2216
|
width:2.5em;
|
|
2736
2217
|
}
|
|
2737
2218
|
.mobius-icon-inverse{
|
|
2738
|
-
color:#fff;
|
|
2739
2219
|
color:var(--mobius-icon-inverse, #fff);
|
|
2740
2220
|
}
|
|
2741
2221
|
.sr-only,
|
|
@@ -2763,23 +2243,17 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2763
2243
|
border-width:0;
|
|
2764
2244
|
}
|
|
2765
2245
|
.svg-inline--mobius-icon .mobius-icon-primary{
|
|
2766
|
-
fill:currentColor;
|
|
2767
2246
|
fill:var(--mobius-icon-primary-color, currentColor);
|
|
2768
|
-
opacity:1;
|
|
2769
2247
|
opacity:var(--mobius-icon-primary-opacity, 1);
|
|
2770
2248
|
}
|
|
2771
2249
|
.svg-inline--mobius-icon .mobius-icon-secondary{
|
|
2772
|
-
fill:currentColor;
|
|
2773
2250
|
fill:var(--mobius-icon-secondary-color, currentColor);
|
|
2774
|
-
opacity:0.4;
|
|
2775
2251
|
opacity:var(--mobius-icon-secondary-opacity, 0.4);
|
|
2776
2252
|
}
|
|
2777
2253
|
.svg-inline--mobius-icon.mobius-icon-swap-opacity .mobius-icon-primary{
|
|
2778
|
-
opacity:0.4;
|
|
2779
2254
|
opacity:var(--mobius-icon-secondary-opacity, 0.4);
|
|
2780
2255
|
}
|
|
2781
2256
|
.svg-inline--mobius-icon.mobius-icon-swap-opacity .mobius-icon-secondary{
|
|
2782
|
-
opacity:1;
|
|
2783
2257
|
opacity:var(--mobius-icon-primary-opacity, 1);
|
|
2784
2258
|
}
|
|
2785
2259
|
.svg-inline--mobius-icon mask .mobius-icon-primary,
|
|
@@ -2788,7 +2262,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2788
2262
|
}
|
|
2789
2263
|
.fad.mobius-icon-inverse,
|
|
2790
2264
|
.mobius-icon-duotone.mobius-icon-inverse{
|
|
2791
|
-
color:#fff;
|
|
2792
2265
|
color:var(--mobius-icon-inverse, #fff);
|
|
2793
2266
|
}
|
|
2794
2267
|
@font-face{
|
|
@@ -2898,9 +2371,12 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2898
2371
|
--input-field-padding-tight:14px var(--size-sm);
|
|
2899
2372
|
--border-default:var(--size-border-width) solid var(--color-primary-light);
|
|
2900
2373
|
--box-shadow-default:0 0 0 var(--size-focus-ring) var(--color-focus);
|
|
2374
|
+
--popover-max-width:260px;
|
|
2375
|
+
--popover-z-index:2147483647;
|
|
2376
|
+
--color-background-popover:var(--color-neutral-700);
|
|
2377
|
+
--color-text-popover:#fff;
|
|
2901
2378
|
}
|
|
2902
2379
|
.mobius{
|
|
2903
|
-
font-family:museosans, Arial, sans-serif;
|
|
2904
2380
|
font-family:var(--font-family);
|
|
2905
2381
|
}
|
|
2906
2382
|
.mobius *,
|
|
@@ -2922,7 +2398,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2922
2398
|
}
|
|
2923
2399
|
.mobius-actions__back{
|
|
2924
2400
|
display:inline-flex;
|
|
2925
|
-
gap:8px;
|
|
2926
2401
|
gap:var(--size-xs);
|
|
2927
2402
|
}
|
|
2928
2403
|
.mobius-actions__next.--single-action{
|
|
@@ -2945,11 +2420,7 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2945
2420
|
}
|
|
2946
2421
|
.mobius-percentage-totals-question__items{
|
|
2947
2422
|
display:grid;
|
|
2948
|
-
grid-template-columns:minmax(0, 1fr) 110px;
|
|
2949
2423
|
grid-template-columns:minmax(0, 1fr) var(--percentage-max-width);
|
|
2950
|
-
grid-gap:8px;
|
|
2951
|
-
grid-gap:var(--size-xs);
|
|
2952
|
-
gap:8px;
|
|
2953
2424
|
gap:var(--size-xs);
|
|
2954
2425
|
}
|
|
2955
2426
|
.mobius-percentage-totals-question__items > *{
|
|
@@ -2957,22 +2428,17 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2957
2428
|
align-items:center;
|
|
2958
2429
|
}
|
|
2959
2430
|
.mobius-percentage-totals-question__items .mobius-number-field{
|
|
2960
|
-
max-width:110px;
|
|
2961
2431
|
max-width:var(--percentage-max-width);
|
|
2962
2432
|
margin-bottom:0;
|
|
2963
2433
|
}
|
|
2964
2434
|
.mobius-percentage-totals-question__items .mobius-number-field input{
|
|
2965
|
-
max-width:110px;
|
|
2966
2435
|
max-width:var(--percentage-max-width);
|
|
2967
2436
|
}
|
|
2968
2437
|
.mobius-percentage-totals-question__items .mobius-number-field__input{
|
|
2969
|
-
padding:calc(8px + 2px) 16px;
|
|
2970
2438
|
padding:calc(var(--size-xs) + 2px) var(--size-sm);
|
|
2971
|
-
border:1px solid #d1d1d2;
|
|
2972
2439
|
border:var(--percentage-number-field-border);
|
|
2973
2440
|
}
|
|
2974
2441
|
.mobius-percentage-totals-question__total{
|
|
2975
|
-
font-weight:700;
|
|
2976
2442
|
font-weight:var(--font-weight-bold);
|
|
2977
2443
|
height:40px;
|
|
2978
2444
|
}
|
|
@@ -2987,46 +2453,33 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
2987
2453
|
}
|
|
2988
2454
|
.mobius-question{
|
|
2989
2455
|
position:relative;
|
|
2990
|
-
margin-top:8px;
|
|
2991
2456
|
margin-top:var(--size-xs);
|
|
2992
|
-
padding:16px 32px;
|
|
2993
2457
|
padding:var(--size-sm) var(--size-lg);
|
|
2994
|
-
background-color:#f3f3f3;
|
|
2995
2458
|
background-color:var(--color-background-light);
|
|
2996
2459
|
}
|
|
2997
2460
|
.mobius-question:hover{
|
|
2998
|
-
background-color:#f6f5fd;
|
|
2999
2461
|
background-color:var(--color-background-highlight);
|
|
3000
2462
|
}
|
|
3001
2463
|
.mobius-question.--is-desktop{
|
|
3002
2464
|
box-sizing:border-box;
|
|
3003
|
-
width:100%;
|
|
3004
2465
|
width:var(--question-desktop-width);
|
|
3005
2466
|
}
|
|
3006
2467
|
.mobius-question.--has-help-open{
|
|
3007
|
-
background-color:#f6f5fd;
|
|
3008
2468
|
background-color:var(--color-background-highlight);
|
|
3009
2469
|
}
|
|
3010
2470
|
.mobius-question__label{
|
|
3011
2471
|
display:block;
|
|
3012
|
-
padding-right:8px;
|
|
3013
2472
|
padding-right:var(--size-xs);
|
|
3014
|
-
margin-bottom:16px;
|
|
3015
2473
|
margin-bottom:var(--size-sm);
|
|
3016
2474
|
}
|
|
3017
2475
|
.mobius-question__description{
|
|
3018
|
-
margin-top:8px;
|
|
3019
|
-
margin-bottom:8px;
|
|
3020
2476
|
margin-top:var(--size-xs);
|
|
3021
2477
|
margin-bottom:var(--size-xs);
|
|
3022
2478
|
}
|
|
3023
2479
|
.mobius-question-group{
|
|
3024
2480
|
position:relative;
|
|
3025
|
-
margin-top:8px;
|
|
3026
2481
|
margin-top:var(--size-xs);
|
|
3027
|
-
padding:16px 32px;
|
|
3028
2482
|
padding:var(--size-sm) var(--size-lg);
|
|
3029
|
-
background-color:#f3f3f3;
|
|
3030
2483
|
background-color:var(--color-background-light);
|
|
3031
2484
|
|
|
3032
2485
|
--chopin__help-trigger-size:1.7em;
|
|
@@ -3036,49 +2489,33 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3036
2489
|
--chopin__help-content-padding:var(--size-sm);
|
|
3037
2490
|
}
|
|
3038
2491
|
.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
2492
|
right:calc(
|
|
3049
2493
|
0px - var(--chopin__help-content-width) - calc(var(--size-lg))
|
|
3050
2494
|
);
|
|
3051
2495
|
}
|
|
3052
2496
|
.mobius-question-group.--is-md .mobius-question-group__question .mobius-question__help-content{
|
|
3053
2497
|
top:0;
|
|
3054
|
-
right:calc(0px - 250px - 32px);
|
|
3055
2498
|
right:calc(0px - var(--chopin__help-content-width) - var(--size-lg));
|
|
3056
2499
|
}
|
|
3057
2500
|
.mobius-question-group .mobius-question{
|
|
3058
2501
|
width:auto;
|
|
3059
|
-
background-color:#f3f3f3;
|
|
3060
2502
|
background-color:var(--color-background-light);
|
|
3061
|
-
padding:16px 16px 4px 32px;
|
|
3062
2503
|
padding:var(--size-sm) var(--size-sm) var(--size-xxs) var(--size-lg);
|
|
3063
2504
|
}
|
|
3064
2505
|
.mobius-question-group .mobius-question:hover{
|
|
3065
|
-
background-color:#f6f5fd;
|
|
3066
2506
|
background-color:var(--color-background-highlight);
|
|
3067
2507
|
}
|
|
3068
2508
|
.mobius-question-group .mobius-question .mobius-radio-group{
|
|
3069
2509
|
width:50%;
|
|
3070
2510
|
}
|
|
3071
2511
|
.mobius-question-group .mobius-question .mobius-question__label{
|
|
3072
|
-
padding-right:32px;
|
|
3073
2512
|
padding-right:var(--size-lg);
|
|
3074
2513
|
}
|
|
3075
2514
|
.mobius-question-group__header{
|
|
3076
|
-
margin-bottom:24px;
|
|
3077
2515
|
margin-bottom:var(--size-md);
|
|
3078
2516
|
}
|
|
3079
2517
|
.mobius-question-group__label{
|
|
3080
2518
|
display:block;
|
|
3081
|
-
padding-right:8px;
|
|
3082
2519
|
padding-right:var(--size-xs);
|
|
3083
2520
|
}
|
|
3084
2521
|
.mobius-question-group__list{
|
|
@@ -3102,26 +2539,20 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3102
2539
|
display:inline-block;
|
|
3103
2540
|
padding:0;
|
|
3104
2541
|
margin:0;
|
|
3105
|
-
width:1.7em;
|
|
3106
2542
|
width:var(--chopin__help-trigger-size);
|
|
3107
|
-
height:1.7em;
|
|
3108
2543
|
height:var(--chopin__help-trigger-size);
|
|
3109
2544
|
outline:none;
|
|
3110
|
-
background-color:#4632d8;
|
|
3111
2545
|
background-color:var(--color-primary);
|
|
3112
2546
|
border-radius:50%;
|
|
3113
|
-
color:#ffffff;
|
|
3114
2547
|
color:var(--color-text-inverted);
|
|
3115
2548
|
}
|
|
3116
2549
|
.mobius-question-help__trigger:hover,
|
|
3117
2550
|
.mobius-question-help__trigger:focus-visible{
|
|
3118
|
-
background-color:#2a1e81;
|
|
3119
2551
|
background-color:var(--color-primary-hover);
|
|
3120
2552
|
}
|
|
3121
2553
|
.mobius-question-help__trigger > span{
|
|
3122
2554
|
clip:rect(0 0 0 0);
|
|
3123
|
-
|
|
3124
|
-
clip-path:inset(50%);
|
|
2555
|
+
clip-path:inset(50%);
|
|
3125
2556
|
height:1px;
|
|
3126
2557
|
overflow:hidden;
|
|
3127
2558
|
position:absolute;
|
|
@@ -3134,21 +2565,13 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3134
2565
|
.mobius-question-help__content{
|
|
3135
2566
|
box-sizing:border-box;
|
|
3136
2567
|
display:none;
|
|
3137
|
-
background-color:#f6f5fd;
|
|
3138
2568
|
background-color:var(--color-background-highlight);
|
|
3139
|
-
margin-top:16px;
|
|
3140
|
-
margin-bottom:16px;
|
|
3141
2569
|
margin-top:var(--size-sm);
|
|
3142
2570
|
margin-bottom:var(--size-sm);
|
|
3143
|
-
border:2px solid #4632d8;
|
|
3144
2571
|
border:var(--size-border-width) solid var(--question-help-border-color);
|
|
3145
|
-
border-radius:4px;
|
|
3146
2572
|
border-radius:var(--radius-1);
|
|
3147
|
-
padding:16px;
|
|
3148
2573
|
padding:var(--chopin__help-content-padding);
|
|
3149
|
-
font-family:museosans, Arial, sans-serif;
|
|
3150
2574
|
font-family:var(--font-family);
|
|
3151
|
-
box-shadow:transparent;
|
|
3152
2575
|
box-shadow:var(--question-help-content-box-shadow);
|
|
3153
2576
|
}
|
|
3154
2577
|
.mobius-question-help__content > :first-child{
|
|
@@ -3159,32 +2582,22 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3159
2582
|
}
|
|
3160
2583
|
.mobius-section{
|
|
3161
2584
|
max-width:626px;
|
|
3162
|
-
margin:calc(32px + 16px) auto 0;
|
|
3163
2585
|
margin:calc(var(--size-lg) + var(--size-sm)) auto 0;
|
|
3164
2586
|
padding:0;
|
|
3165
2587
|
}
|
|
3166
2588
|
.mobius-section__title{
|
|
3167
2589
|
margin-top:0;
|
|
3168
|
-
margin-bottom:calc(16px + 4px);
|
|
3169
2590
|
margin-bottom:calc(var(--size-sm) + var(--size-xxs));
|
|
3170
|
-
font-weight:500;
|
|
3171
2591
|
font-weight:var(--font-weight-normal);
|
|
3172
2592
|
}
|
|
3173
2593
|
.mobius-testimonial{
|
|
3174
|
-
background-color:#f3f3f3;
|
|
3175
2594
|
background-color:var(--color-background-light);
|
|
3176
|
-
margin-top:24px;
|
|
3177
|
-
margin-bottom:24px;
|
|
3178
2595
|
margin-top:var(--size-md);
|
|
3179
2596
|
margin-bottom:var(--size-md);
|
|
3180
|
-
padding:24px 32px;
|
|
3181
2597
|
padding:var(--size-md) var(--size-lg);
|
|
3182
2598
|
position:relative;
|
|
3183
|
-
margin-left:32px;
|
|
3184
|
-
margin-right:32px;
|
|
3185
2599
|
margin-left:var(--size-lg);
|
|
3186
2600
|
margin-right:var(--size-lg);
|
|
3187
|
-
color:#5d5d60;
|
|
3188
2601
|
color:var(--color-text-medium);
|
|
3189
2602
|
}
|
|
3190
2603
|
.mobius-testimonial::before{
|
|
@@ -3199,7 +2612,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3199
2612
|
}
|
|
3200
2613
|
.mobius-testimonial__quote{
|
|
3201
2614
|
margin:0;
|
|
3202
|
-
margin-bottom:32px;
|
|
3203
2615
|
margin-bottom:var(--size-lg);
|
|
3204
2616
|
}
|
|
3205
2617
|
.mobius-testimonial :where(figcaption){
|
|
@@ -3208,20 +2620,13 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3208
2620
|
.mobius-testimonial__author::before{
|
|
3209
2621
|
content:"\2014 ";
|
|
3210
2622
|
display:inline-block;
|
|
3211
|
-
margin-right:8px;
|
|
3212
2623
|
margin-right:var(--size-xs);
|
|
3213
2624
|
}
|
|
3214
2625
|
.mobius-agent-resources{
|
|
3215
2626
|
display:grid;
|
|
3216
|
-
grid-gap:24px;
|
|
3217
|
-
grid-gap:var(--size-md);
|
|
3218
|
-
gap:24px;
|
|
3219
2627
|
gap:var(--size-md);
|
|
3220
|
-
padding:24px;
|
|
3221
2628
|
padding:var(--size-md);
|
|
3222
|
-
background-color:#f6f5fd;
|
|
3223
2629
|
background-color:var(--color-background-highlight);
|
|
3224
|
-
border-radius:4px;
|
|
3225
2630
|
border-radius:var(--radius-1);
|
|
3226
2631
|
}
|
|
3227
2632
|
.mobius-agent-resources__title.mobius-text{
|
|
@@ -3233,14 +2638,10 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3233
2638
|
position:absolute;
|
|
3234
2639
|
left:0;
|
|
3235
2640
|
right:0;
|
|
3236
|
-
color:#e943c9;
|
|
3237
2641
|
color:var(--color-accent);
|
|
3238
2642
|
}
|
|
3239
2643
|
.mobius-agent-resources__list{
|
|
3240
2644
|
display:grid;
|
|
3241
|
-
grid-gap:16px;
|
|
3242
|
-
grid-gap:var(--size-sm);
|
|
3243
|
-
gap:16px;
|
|
3244
2645
|
gap:var(--size-sm);
|
|
3245
2646
|
list-style:none;
|
|
3246
2647
|
margin:0;
|
|
@@ -3248,38 +2649,23 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3248
2649
|
}
|
|
3249
2650
|
.mobius-agent-resources__list-item{
|
|
3250
2651
|
display:grid;
|
|
3251
|
-
grid-gap:24px;
|
|
3252
|
-
grid-gap:var(--size-md);
|
|
3253
|
-
gap:24px;
|
|
3254
2652
|
gap:var(--size-md);
|
|
3255
|
-
grid-template-columns:24px 1fr;
|
|
3256
2653
|
grid-template-columns:var(--size-md) 1fr;
|
|
3257
2654
|
}
|
|
3258
2655
|
.mobius-agent-resources__list .mobius-icon{
|
|
3259
2656
|
margin:0 auto;
|
|
3260
|
-
color:#e943c9;
|
|
3261
2657
|
color:var(--color-accent);
|
|
3262
2658
|
}
|
|
3263
2659
|
.mobius-agent-resources .mobius-link-button{
|
|
3264
2660
|
text-align:center;
|
|
3265
2661
|
}
|
|
3266
2662
|
.mobius-footer{
|
|
3267
|
-
background-color:#f3f3f3;
|
|
3268
2663
|
background-color:var(--color-background-light);
|
|
3269
|
-
padding:64px 16px 32px;
|
|
3270
2664
|
padding:64px var(--size-sm) var(--size-lg);
|
|
3271
2665
|
}
|
|
3272
2666
|
.mobius-footer__content{
|
|
3273
2667
|
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;
|
|
2668
|
+
column-gap:var(--size-sm);
|
|
3283
2669
|
row-gap:var(--size-lg);
|
|
3284
2670
|
}
|
|
3285
2671
|
@media (min-width: 960px){
|
|
@@ -3297,9 +2683,7 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3297
2683
|
}
|
|
3298
2684
|
.mobius-footer__heading.mobius-text{
|
|
3299
2685
|
margin:0;
|
|
3300
|
-
padding-bottom:8px;
|
|
3301
2686
|
padding-bottom:var(--size-xs);
|
|
3302
|
-
font-weight:700;
|
|
3303
2687
|
font-weight:var(--font-weight-bold);
|
|
3304
2688
|
}
|
|
3305
2689
|
.mobius-footer__heading-partial{
|
|
@@ -3312,14 +2696,9 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3312
2696
|
}
|
|
3313
2697
|
.mobius-footer__call-us-link{
|
|
3314
2698
|
display:grid;
|
|
3315
|
-
grid-gap:8px;
|
|
3316
|
-
grid-gap:var(--size-xs);
|
|
3317
|
-
gap:8px;
|
|
3318
2699
|
gap:var(--size-xs);
|
|
3319
2700
|
grid-template-columns:auto auto;
|
|
3320
|
-
width:-moz-fit-content;
|
|
3321
2701
|
width:fit-content;
|
|
3322
|
-
margin-bottom:8px;
|
|
3323
2702
|
margin-bottom:var(--size-xs);
|
|
3324
2703
|
}
|
|
3325
2704
|
@media (min-width: 960px){
|
|
@@ -3341,11 +2720,9 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3341
2720
|
position:absolute;
|
|
3342
2721
|
left:0;
|
|
3343
2722
|
right:0;
|
|
3344
|
-
color:#e943c9;
|
|
3345
2723
|
color:var(--color-accent);
|
|
3346
2724
|
}
|
|
3347
2725
|
.mobius-footer__opening-hours-container .mobius-text.small{
|
|
3348
|
-
color:#5d5d60;
|
|
3349
2726
|
color:var(--color-text-medium);
|
|
3350
2727
|
}
|
|
3351
2728
|
.mobius-footer__opening-hours-container[open]
|
|
@@ -3355,15 +2732,10 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3355
2732
|
.mobius-footer__opening-hours-toggle{
|
|
3356
2733
|
display:grid;
|
|
3357
2734
|
grid-template-columns:max-content auto;
|
|
3358
|
-
grid-gap:8px;
|
|
3359
|
-
grid-gap:var(--size-xs);
|
|
3360
|
-
gap:8px;
|
|
3361
2735
|
gap:var(--size-xs);
|
|
3362
2736
|
align-items:center;
|
|
3363
2737
|
cursor:pointer;
|
|
3364
|
-
|
|
3365
|
-
-moz-user-select:none;
|
|
3366
|
-
user-select:none;
|
|
2738
|
+
user-select:none;
|
|
3367
2739
|
}
|
|
3368
2740
|
.mobius-footer__opening-hours-toggle span{
|
|
3369
2741
|
text-wrap:nowrap;
|
|
@@ -3372,22 +2744,15 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3372
2744
|
display:none;
|
|
3373
2745
|
}
|
|
3374
2746
|
.mobius-footer__opening-hours-toggle-icon{
|
|
3375
|
-
color:#4632d8;
|
|
3376
2747
|
color:var(--color-primary);
|
|
3377
|
-
transition:160ms ease-in-out;
|
|
3378
2748
|
transition:var(--transition-standard);
|
|
3379
2749
|
}
|
|
3380
2750
|
.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
2751
|
color:var(--color-primary-hover);
|
|
3383
2752
|
}
|
|
3384
2753
|
.mobius-footer__opening-hours-list{
|
|
3385
2754
|
display:grid;
|
|
3386
|
-
grid-gap:4px;
|
|
3387
|
-
grid-gap:var(--size-xxs);
|
|
3388
|
-
gap:4px;
|
|
3389
2755
|
gap:var(--size-xxs);
|
|
3390
|
-
margin:4px 0 0 0;
|
|
3391
2756
|
margin:var(--size-xxs) 0 0 0;
|
|
3392
2757
|
padding-left:0;
|
|
3393
2758
|
list-style:none;
|
|
@@ -3395,9 +2760,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3395
2760
|
.mobius-footer__opening-hours-list-item{
|
|
3396
2761
|
display:grid;
|
|
3397
2762
|
grid-template-columns:minmax(min-content, 50px) max-content auto;
|
|
3398
|
-
grid-gap:8px;
|
|
3399
|
-
grid-gap:var(--size-xs);
|
|
3400
|
-
gap:8px;
|
|
3401
2763
|
gap:var(--size-xs);
|
|
3402
2764
|
}
|
|
3403
2765
|
.mobius-footer__addresses{
|
|
@@ -3415,7 +2777,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3415
2777
|
}
|
|
3416
2778
|
}
|
|
3417
2779
|
.mobius-footer__address-entry.mobius-text.--is-small{
|
|
3418
|
-
color:#5d5d60;
|
|
3419
2780
|
color:var(--color-text-medium);
|
|
3420
2781
|
margin:0;
|
|
3421
2782
|
}
|
|
@@ -3428,7 +2789,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3428
2789
|
}
|
|
3429
2790
|
}
|
|
3430
2791
|
.mobius-footer__small-print a{
|
|
3431
|
-
color:#4632d8;
|
|
3432
2792
|
color:var(--color-primary);
|
|
3433
2793
|
}
|
|
3434
2794
|
.mobius-footer__small-print a:hover,
|
|
@@ -3436,7 +2796,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3436
2796
|
-webkit-text-decoration:underline;
|
|
3437
2797
|
text-decoration:underline;
|
|
3438
2798
|
cursor:pointer;
|
|
3439
|
-
color:#2a1e81;
|
|
3440
2799
|
color:var(--color-primary-hover);
|
|
3441
2800
|
}
|
|
3442
2801
|
.error-boundary__container{
|
|
@@ -3461,29 +2820,24 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3461
2820
|
--header-powered-by-icon-color:var(--color-text-medium);
|
|
3462
2821
|
}
|
|
3463
2822
|
.mobius-header{
|
|
3464
|
-
border-bottom:2px solid transparent;
|
|
3465
2823
|
border-bottom:var(--size-border-width) solid var(--header-border-color);
|
|
3466
|
-
background-color:#ffffff;
|
|
3467
2824
|
background-color:var(--header-background-color);
|
|
3468
|
-
padding:
|
|
2825
|
+
padding:var(--size-sm);
|
|
3469
2826
|
}
|
|
3470
2827
|
.mobius-header__content{
|
|
3471
2828
|
display:flex;
|
|
3472
2829
|
align-items:center;
|
|
3473
2830
|
justify-content:space-between;
|
|
3474
|
-
gap:8px;
|
|
3475
2831
|
gap:var(--size-xs);
|
|
3476
2832
|
}
|
|
3477
2833
|
.mobius-header__logo{
|
|
3478
2834
|
display:block;
|
|
3479
|
-
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");
|
|
3480
2835
|
background-image:var(--header-logo);
|
|
3481
2836
|
background-size:contain;
|
|
3482
2837
|
background-repeat:no-repeat;
|
|
3483
2838
|
background-position:left center;
|
|
3484
2839
|
width:115px;
|
|
3485
2840
|
height:32px;
|
|
3486
|
-
margin-left:10px;
|
|
3487
2841
|
text-indent:-999px;
|
|
3488
2842
|
}
|
|
3489
2843
|
@media screen and (min-width: 641px){
|
|
@@ -3494,19 +2848,14 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3494
2848
|
}
|
|
3495
2849
|
}
|
|
3496
2850
|
.mobius-header__phone-number{
|
|
3497
|
-
font-size:20px;
|
|
3498
2851
|
font-size:var(--font-size-lead);
|
|
3499
|
-
color:#18181d;
|
|
3500
2852
|
color:var(--header-text-color);
|
|
3501
2853
|
}
|
|
3502
2854
|
.mobius-header__phone-icon{
|
|
3503
|
-
color:#4632d8;
|
|
3504
2855
|
color:var(--header-phone-icon-color);
|
|
3505
2856
|
}
|
|
3506
2857
|
.mobius-header__contact-link{
|
|
3507
|
-
font-size:12px;
|
|
3508
2858
|
font-size:var(--font-size-small-print);
|
|
3509
|
-
line-height:1.5;
|
|
3510
2859
|
line-height:var(--line-height-normal);
|
|
3511
2860
|
}
|
|
3512
2861
|
.mobius-header__contact.--is-desktop{
|
|
@@ -3524,9 +2873,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3524
2873
|
}
|
|
3525
2874
|
.mobius-header__contact.--is-mobile .mobius-link-button{
|
|
3526
2875
|
display:grid;
|
|
3527
|
-
grid-gap:8px;
|
|
3528
|
-
grid-gap:var(--size-xs);
|
|
3529
|
-
gap:8px;
|
|
3530
2876
|
gap:var(--size-xs);
|
|
3531
2877
|
grid-template-columns:repeat(2, auto);
|
|
3532
2878
|
}
|
|
@@ -3535,16 +2881,13 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3535
2881
|
}
|
|
3536
2882
|
.mobius-header__powered-by-icon{
|
|
3537
2883
|
height:23px;
|
|
3538
|
-
margin-right:24px;
|
|
3539
2884
|
margin-right:var(--size-md);
|
|
3540
|
-
fill:#5d5d60;
|
|
3541
2885
|
fill:var(--header-powered-by-icon-color);
|
|
3542
2886
|
}
|
|
3543
2887
|
@media screen and (min-width: 641px){
|
|
3544
2888
|
.mobius-header__powered-by-icon{
|
|
3545
2889
|
width:153px;
|
|
3546
2890
|
height:43px;
|
|
3547
|
-
margin-left:32px;
|
|
3548
2891
|
margin-left:var(--size-lg);
|
|
3549
2892
|
margin-right:0;
|
|
3550
2893
|
order:1;
|
|
@@ -3559,17 +2902,13 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3559
2902
|
}
|
|
3560
2903
|
}
|
|
3561
2904
|
.mobius-header .mobius-header__dropdown .mobius-dropdown-menu__trigger{
|
|
3562
|
-
color:#4632d8;
|
|
3563
2905
|
color:var(--header-link-color);
|
|
3564
|
-
font-size:12px;
|
|
3565
2906
|
font-size:var(--font-size-small-print);
|
|
3566
|
-
font-weight:500;
|
|
3567
2907
|
font-weight:var(--font-weight-normal);
|
|
3568
2908
|
line-height:1;
|
|
3569
2909
|
padding:0;
|
|
3570
2910
|
}
|
|
3571
2911
|
.mobius-header .mobius-header__dropdown ul{
|
|
3572
|
-
padding:16px;
|
|
3573
2912
|
padding:var(--size-sm);
|
|
3574
2913
|
overflow:visible;
|
|
3575
2914
|
}
|
|
@@ -3582,14 +2921,11 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3582
2921
|
width:0;
|
|
3583
2922
|
border-style:solid;
|
|
3584
2923
|
border-width:0 10px 10px;
|
|
3585
|
-
border-color:transparent transparent #ffffff;
|
|
3586
2924
|
border-color:transparent transparent var(--color-background);
|
|
3587
2925
|
}
|
|
3588
2926
|
.mobius-header .mobius-header__dropdown .mobius-dropdown-menu__item{
|
|
3589
2927
|
cursor:auto;
|
|
3590
|
-
padding:4px 0;
|
|
3591
2928
|
padding:var(--size-xxs) 0;
|
|
3592
|
-
font-size:12px;
|
|
3593
2929
|
font-size:var(--font-size-small-print);
|
|
3594
2930
|
}
|
|
3595
2931
|
.mobius-header .mobius-header__dropdown .mobius-dropdown-menu__item:hover,
|
|
@@ -3603,52 +2939,42 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3603
2939
|
}
|
|
3604
2940
|
.mobius-info-card{
|
|
3605
2941
|
align-items:center;
|
|
3606
|
-
font-size:16px;
|
|
3607
2942
|
font-size:var(--font-size-regular);
|
|
3608
|
-
color:#18181d;
|
|
3609
2943
|
color:var(--color-text);
|
|
3610
|
-
border:1px solid #d1d1d2;
|
|
3611
2944
|
border:1px solid var(--color-border);
|
|
3612
|
-
border-radius:8px;
|
|
3613
2945
|
border-radius:var(--radius-2);
|
|
3614
|
-
padding:16px;
|
|
3615
2946
|
padding:var(--size-sm);
|
|
3616
|
-
margin:16px 0;
|
|
3617
2947
|
margin:var(--size-sm) 0;
|
|
3618
2948
|
}
|
|
3619
2949
|
.mobius-info-card.--has-header{
|
|
3620
2950
|
align-items:start;
|
|
3621
2951
|
}
|
|
3622
2952
|
.mobius-info-card__icon{
|
|
3623
|
-
margin-right:16px;
|
|
3624
2953
|
margin-right:var(--size-sm);
|
|
3625
2954
|
}
|
|
3626
2955
|
.mobius-info-card__icon .mobius-icon{
|
|
3627
|
-
color:#e943c9;
|
|
3628
2956
|
color:var(--color-accent);
|
|
3629
2957
|
}
|
|
3630
2958
|
.mobius-info-card__header{
|
|
3631
|
-
margin:0 0 16px;
|
|
3632
2959
|
margin:0 0 var(--size-sm);
|
|
3633
|
-
font-weight:700;
|
|
3634
2960
|
font-weight:var(--font-weight-bold);
|
|
3635
2961
|
}
|
|
3636
2962
|
.mobius-next-coverage{
|
|
3637
|
-
border:1px solid #d1d1d2;
|
|
3638
2963
|
border:1px solid var(--color-border);
|
|
3639
|
-
border-radius:8px;
|
|
3640
2964
|
border-radius:var(--radius-2);
|
|
3641
|
-
padding:32px 16px;
|
|
3642
2965
|
padding:var(--size-lg) var(--size-sm);
|
|
3643
2966
|
}
|
|
3644
2967
|
.mobius-next-coverage__text{
|
|
3645
|
-
margin-bottom:32px;
|
|
3646
2968
|
margin-bottom:var(--size-lg);
|
|
3647
2969
|
}
|
|
2970
|
+
.mobius-payment-summary .mobius-flex{
|
|
2971
|
+
width:100%;
|
|
2972
|
+
}
|
|
2973
|
+
.mobius-payment-summary__total strong{
|
|
2974
|
+
font-size:var(--font-size-lead);
|
|
2975
|
+
}
|
|
3648
2976
|
.mobius-insurance-benefits{
|
|
3649
|
-
padding:32px 16px;
|
|
3650
2977
|
padding:var(--size-lg) var(--size-sm);
|
|
3651
|
-
background-color:#f6f5fd;
|
|
3652
2978
|
background-color:var(--color-background-highlight);
|
|
3653
2979
|
}
|
|
3654
2980
|
.mobius-insurance-benefits__title.mobius-text{
|
|
@@ -3656,13 +2982,9 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3656
2982
|
}
|
|
3657
2983
|
.mobius-insurance-benefits__list{
|
|
3658
2984
|
display:grid;
|
|
3659
|
-
grid-gap:32px;
|
|
3660
|
-
grid-gap:var(--size-lg);
|
|
3661
|
-
gap:32px;
|
|
3662
2985
|
gap:var(--size-lg);
|
|
3663
2986
|
list-style-type:none;
|
|
3664
2987
|
margin:0;
|
|
3665
|
-
padding:32px 0 0 0;
|
|
3666
2988
|
padding:var(--size-lg) 0 0 0;
|
|
3667
2989
|
}
|
|
3668
2990
|
@media (min-width: 960px){
|
|
@@ -3671,32 +2993,25 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3671
2993
|
}
|
|
3672
2994
|
}
|
|
3673
2995
|
.mobius-insurance-benefits__item-icon{
|
|
3674
|
-
color:#e943c9;
|
|
3675
2996
|
color:var(--color-focus);
|
|
3676
2997
|
}
|
|
3677
2998
|
.mobius-insurance-benefits__item-title.mobius-text{
|
|
3678
|
-
padding-top:16px;
|
|
3679
2999
|
padding-top:var(--size-sm);
|
|
3680
3000
|
margin:0;
|
|
3681
3001
|
}
|
|
3682
3002
|
.mobius-insurance-benefits__item-description.mobius-text{
|
|
3683
|
-
padding-top:8px;
|
|
3684
3003
|
padding-top:var(--size-xs);
|
|
3685
3004
|
margin:0;
|
|
3686
|
-
color:#5d5d60;
|
|
3687
3005
|
color:var(--color-text-medium);
|
|
3688
3006
|
}
|
|
3689
3007
|
.mobius-pre-footer{
|
|
3690
|
-
background-color:#4632d8;
|
|
3691
3008
|
background-color:var(--color-primary);
|
|
3692
|
-
padding:32px 16px;
|
|
3693
3009
|
padding:var(--size-lg) var(--size-sm);
|
|
3694
3010
|
}
|
|
3695
3011
|
.mobius-pre-footer__content{
|
|
3696
3012
|
display:flex;
|
|
3697
3013
|
align-items:center;
|
|
3698
3014
|
flex-direction:column;
|
|
3699
|
-
gap:16px;
|
|
3700
3015
|
gap:var(--size-sm);
|
|
3701
3016
|
}
|
|
3702
3017
|
@media (min-width: 960px){
|
|
@@ -3709,7 +3024,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3709
3024
|
width:100%;
|
|
3710
3025
|
}
|
|
3711
3026
|
.mobius-pre-footer__wideget .mobius-trust__link{
|
|
3712
|
-
color:#ffffff;
|
|
3713
3027
|
color:var(--color-text-inverted);
|
|
3714
3028
|
}
|
|
3715
3029
|
@media (min-width: 452px){
|
|
@@ -3724,11 +3038,8 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3724
3038
|
}
|
|
3725
3039
|
}
|
|
3726
3040
|
.mobius-pre-footer__text{
|
|
3727
|
-
font-size:14px;
|
|
3728
3041
|
font-size:var(--font-size-small-paragraph);
|
|
3729
|
-
line-height:1.5;
|
|
3730
3042
|
line-height:var(--line-height-normal);
|
|
3731
|
-
color:#ffffff;
|
|
3732
3043
|
color:var(--color-text-inverted);
|
|
3733
3044
|
margin:0 0 0 auto;
|
|
3734
3045
|
}
|
|
@@ -3744,7 +3055,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3744
3055
|
width:100%;
|
|
3745
3056
|
display:grid;
|
|
3746
3057
|
list-style-type:none;
|
|
3747
|
-
padding:24px 0;
|
|
3748
3058
|
padding:var(--size-md) 0;
|
|
3749
3059
|
margin-top:0;
|
|
3750
3060
|
margin-bottom:0;
|
|
@@ -3757,73 +3067,54 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3757
3067
|
display:none;
|
|
3758
3068
|
}
|
|
3759
3069
|
.mobius-progress-steps__item.--is-active::before{
|
|
3760
|
-
color:#ffffff;
|
|
3761
3070
|
color:var(--color-text-inverted);
|
|
3762
|
-
background-color:#2a1e81;
|
|
3763
3071
|
background-color:var(--progress-steps-primary-color);
|
|
3764
3072
|
}
|
|
3765
3073
|
.mobius-progress-steps__item.--is-active .mobius-progress-steps__item-name.mobius-text{
|
|
3766
|
-
color:#2a1e81;
|
|
3767
3074
|
color:var(--progress-steps-tertiary-color);
|
|
3768
3075
|
}
|
|
3769
3076
|
.mobius-progress-steps__item.--is-active .mobius-progress-steps__item-shape{
|
|
3770
|
-
background-color:#2a1e81;
|
|
3771
3077
|
background-color:var(--progress-steps-tertiary-color);
|
|
3772
|
-
border-color:#2a1e81;
|
|
3773
3078
|
border-color:var(--progress-steps-tertiary-color);
|
|
3774
3079
|
}
|
|
3775
3080
|
.mobius-progress-steps__item.--is-active .mobius-progress-steps__item-shape::after{
|
|
3776
|
-
background-color:#f3f3f3;
|
|
3777
3081
|
background-color:var(--progress-steps-secondary-color);
|
|
3778
3082
|
}
|
|
3779
3083
|
.mobius-progress-steps__item.--is-active .mobius-progress-steps__item-number{
|
|
3780
|
-
color:#ffffff;
|
|
3781
3084
|
color:var(--color-text-inverted);
|
|
3782
3085
|
}
|
|
3783
3086
|
.mobius-progress-steps__item.--is-complete::after{
|
|
3784
|
-
background-color:#2a1e81;
|
|
3785
3087
|
background-color:var(--progress-steps-primary-color);
|
|
3786
3088
|
}
|
|
3787
3089
|
.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{
|
|
3788
|
-
background-color:#2a1e81;
|
|
3789
3090
|
background-color:var(--progress-steps-primary-color);
|
|
3790
3091
|
}
|
|
3791
3092
|
.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{
|
|
3792
|
-
color:#ffffff;
|
|
3793
3093
|
color:var(--color-text-inverted);
|
|
3794
3094
|
}
|
|
3795
3095
|
.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-shape{
|
|
3796
|
-
border-color:#2a1e81;
|
|
3797
3096
|
border-color:var(--progress-steps-primary-color);
|
|
3798
|
-
background-color:#ffffff;
|
|
3799
3097
|
background-color:var(--color-background);
|
|
3800
3098
|
}
|
|
3801
3099
|
.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-shape::after{
|
|
3802
|
-
background-color:#2a1e81;
|
|
3803
3100
|
background-color:var(--progress-steps-primary-color);
|
|
3804
3101
|
}
|
|
3805
3102
|
.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-number{
|
|
3806
|
-
color:#4632d8;
|
|
3807
3103
|
color:var(--color-primary);
|
|
3808
3104
|
}
|
|
3809
3105
|
.mobius-progress-steps__item.--is-complete .mobius-progress-steps__item-icon{
|
|
3810
|
-
color:#2a1e81;
|
|
3811
3106
|
color:var(--progress-steps-primary-color);
|
|
3812
3107
|
}
|
|
3813
3108
|
.mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-name.mobius-text{
|
|
3814
|
-
color:#18181d;
|
|
3815
3109
|
color:var(--color-text);
|
|
3816
3110
|
}
|
|
3817
3111
|
.mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-shape{
|
|
3818
|
-
border-color:#f3f3f3;
|
|
3819
3112
|
border-color:var(--progress-steps-secondary-color);
|
|
3820
3113
|
}
|
|
3821
3114
|
.mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-shape::after{
|
|
3822
|
-
background-color:#f3f3f3;
|
|
3823
3115
|
background-color:var(--progress-steps-secondary-color);
|
|
3824
3116
|
}
|
|
3825
3117
|
.mobius-progress-steps__item.--is-incomplete .mobius-progress-steps__item-number{
|
|
3826
|
-
color:#5d5d60;
|
|
3827
3118
|
color:var(--progress-steps-incomplete-number-text-color);
|
|
3828
3119
|
}
|
|
3829
3120
|
.mobius-progress-steps__item-link{
|
|
@@ -3834,42 +3125,29 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3834
3125
|
}
|
|
3835
3126
|
.mobius-progress-steps__item-shape{
|
|
3836
3127
|
display:grid;
|
|
3837
|
-
align-items:center;
|
|
3838
|
-
justify-items:center;
|
|
3839
3128
|
place-items:center;
|
|
3840
|
-
width:44px;
|
|
3841
3129
|
width:var(--progress-steps-shape-size);
|
|
3842
|
-
height:44px;
|
|
3843
3130
|
height:var(--progress-steps-shape-size);
|
|
3844
3131
|
margin:0 auto;
|
|
3845
3132
|
border-radius:50%;
|
|
3846
|
-
border:2px solid currentColor;
|
|
3847
3133
|
border:var(--size-border-width) solid currentColor;
|
|
3848
|
-
font-size:24px;
|
|
3849
3134
|
font-size:var(--font-size-small-title);
|
|
3850
|
-
font-weight:700;
|
|
3851
3135
|
font-weight:var(--font-weight-bold);
|
|
3852
|
-
background-color:#f3f3f3;
|
|
3853
3136
|
background-color:var(--progress-steps-secondary-color);
|
|
3854
3137
|
}
|
|
3855
3138
|
.mobius-progress-steps__item-shape::after{
|
|
3856
3139
|
content:"";
|
|
3857
3140
|
position:absolute;
|
|
3858
3141
|
z-index:-1;
|
|
3859
|
-
top:calc(44px / 2 - 1px);
|
|
3860
3142
|
top:calc(var(--progress-steps-shape-size) / 2 - 1px);
|
|
3861
3143
|
left:50%;
|
|
3862
3144
|
width:100%;
|
|
3863
|
-
height:2px;
|
|
3864
3145
|
height:var(--size-border-width);
|
|
3865
3146
|
}
|
|
3866
3147
|
.mobius-progress-steps__item-name.mobius-text{
|
|
3867
3148
|
display:none;
|
|
3868
|
-
margin:4px 0 0 0;
|
|
3869
3149
|
margin:var(--size-xxs) 0 0 0;
|
|
3870
|
-
font-family:museosans, Arial, sans-serif;
|
|
3871
3150
|
font-family:var(--font-family-heading);
|
|
3872
|
-
font-weight:700;
|
|
3873
3151
|
font-weight:var(--font-weight-bold);
|
|
3874
3152
|
color:inherit;
|
|
3875
3153
|
text-align:center;
|
|
@@ -3884,34 +3162,22 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3884
3162
|
}
|
|
3885
3163
|
}
|
|
3886
3164
|
.mobius-cover-summary .mobius-cover-summary__text{
|
|
3887
|
-
font-size:14px;
|
|
3888
3165
|
font-size:var(--font-size-2);
|
|
3889
|
-
margin:8px 4% 32px;
|
|
3890
3166
|
margin:var(--size-xs) 4% var(--size-lg);
|
|
3891
3167
|
text-align:center;
|
|
3892
3168
|
}
|
|
3893
3169
|
@media (min-width: 850px){
|
|
3894
3170
|
.mobius-cover-summary .mobius-cover-summary__text{
|
|
3895
|
-
margin:8px 0 32px;
|
|
3896
3171
|
margin:var(--size-xs) 0 var(--size-lg);
|
|
3897
3172
|
}
|
|
3898
3173
|
}
|
|
3899
3174
|
.mobius-cover-toggles-container__outer{
|
|
3900
|
-
margin-bottom:24px;
|
|
3901
3175
|
margin-bottom:var(--size-md);
|
|
3902
3176
|
}
|
|
3903
3177
|
.mobius-cover-toggles-container__outer.--is-payment-aside{
|
|
3904
3178
|
display:grid;
|
|
3905
3179
|
grid-template-columns:1fr auto;
|
|
3906
|
-
|
|
3907
|
-
grid-column-gap:var(--size-lg);
|
|
3908
|
-
-moz-column-gap:32px;
|
|
3909
|
-
column-gap:32px;
|
|
3910
|
-
-moz-column-gap:var(--size-lg);
|
|
3911
|
-
column-gap:var(--size-lg);
|
|
3912
|
-
grid-row-gap:16px;
|
|
3913
|
-
grid-row-gap:var(--size-sm);
|
|
3914
|
-
row-gap:16px;
|
|
3180
|
+
column-gap:var(--size-lg);
|
|
3915
3181
|
row-gap:var(--size-sm);
|
|
3916
3182
|
align-items:self-start;
|
|
3917
3183
|
}
|
|
@@ -3924,30 +3190,19 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3924
3190
|
.mobius-cover-toggles-container.--is-desktop{
|
|
3925
3191
|
display:grid;
|
|
3926
3192
|
grid-template-columns:repeat(3, 1fr);
|
|
3927
|
-
|
|
3928
|
-
grid-column-gap:var(--size-lg);
|
|
3929
|
-
-moz-column-gap:32px;
|
|
3930
|
-
column-gap:32px;
|
|
3931
|
-
-moz-column-gap:var(--size-lg);
|
|
3932
|
-
column-gap:var(--size-lg);
|
|
3933
|
-
grid-row-gap:16px;
|
|
3934
|
-
grid-row-gap:var(--size-sm);
|
|
3935
|
-
row-gap:16px;
|
|
3193
|
+
column-gap:var(--size-lg);
|
|
3936
3194
|
row-gap:var(--size-sm);
|
|
3937
3195
|
align-items:end;
|
|
3938
3196
|
}
|
|
3939
3197
|
.mobius-cover-toggles-container.--is-collapsible{
|
|
3940
|
-
padding-top:8px;
|
|
3941
3198
|
padding-top:var(--size-xs);
|
|
3942
3199
|
}
|
|
3943
3200
|
.mobius-edit-limits__button{
|
|
3944
3201
|
display:flex;
|
|
3945
|
-
gap:8px;
|
|
3946
3202
|
gap:var(--size-xs);
|
|
3947
3203
|
align-items:center;
|
|
3948
3204
|
}
|
|
3949
3205
|
.mobius-edit-limits__modal.mobius-modal{
|
|
3950
|
-
width:calc(100% - (32px * 2));
|
|
3951
3206
|
width:calc(100% - (var(--size-lg) * 2));
|
|
3952
3207
|
max-width:560px;
|
|
3953
3208
|
border-radius:12px;
|
|
@@ -3958,12 +3213,10 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3958
3213
|
}
|
|
3959
3214
|
}
|
|
3960
3215
|
.mobius-edit-limits__modal.mobius-modal .mobius-modal__header{
|
|
3961
|
-
padding-bottom:8px;
|
|
3962
3216
|
padding-bottom:var(--size-xs);
|
|
3963
3217
|
}
|
|
3964
3218
|
@media (min-width: 600px){
|
|
3965
3219
|
.mobius-edit-limits__modal.mobius-modal .mobius-modal__header{
|
|
3966
|
-
padding:32px 32px 0;
|
|
3967
3220
|
padding:var(--size-lg) var(--size-lg) 0;
|
|
3968
3221
|
}
|
|
3969
3222
|
}
|
|
@@ -3977,17 +3230,14 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
3977
3230
|
}
|
|
3978
3231
|
@media (min-width: 600px){
|
|
3979
3232
|
.mobius-edit-limits__modal.mobius-modal .mobius-modal__content{
|
|
3980
|
-
padding:0 32px 16px;
|
|
3981
3233
|
padding:0 var(--size-lg) var(--size-sm);
|
|
3982
3234
|
}
|
|
3983
3235
|
}
|
|
3984
3236
|
.mobius-edit-limits__toggle-container{
|
|
3985
3237
|
overflow-y:scroll;
|
|
3986
3238
|
flex-direction:column;
|
|
3987
|
-
gap:16px;
|
|
3988
3239
|
gap:var(--size-sm);
|
|
3989
3240
|
align-items:center;
|
|
3990
|
-
padding:0 0 32px;
|
|
3991
3241
|
padding:0 0 var(--size-lg);
|
|
3992
3242
|
width:100%;
|
|
3993
3243
|
max-height:400px;
|
|
@@ -4011,14 +3261,11 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4011
3261
|
}
|
|
4012
3262
|
@media (min-width: 600px){
|
|
4013
3263
|
.mobius-edit-limits__toggle-container .mobius-select__outer{
|
|
4014
|
-
width:calc(50% - 8px);
|
|
4015
3264
|
width:calc(50% - var(--size-xs));
|
|
4016
3265
|
}
|
|
4017
3266
|
}
|
|
4018
3267
|
.mobius-edit-limits__action-container{
|
|
4019
|
-
gap:8px;
|
|
4020
3268
|
gap:var(--size-xs);
|
|
4021
|
-
padding-top:32px;
|
|
4022
3269
|
padding-top:var(--size-lg);
|
|
4023
3270
|
position:relative;
|
|
4024
3271
|
}
|
|
@@ -4028,10 +3275,8 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4028
3275
|
top:0;
|
|
4029
3276
|
left:50%;
|
|
4030
3277
|
transform:translateX(-50%);
|
|
4031
|
-
width:calc(100% + 32px);
|
|
4032
3278
|
width:calc(100% + var(--size-lg));
|
|
4033
3279
|
height:0;
|
|
4034
|
-
border-top:1px solid #d1d1d2;
|
|
4035
3280
|
border-top:1px solid var(--color-border);
|
|
4036
3281
|
}
|
|
4037
3282
|
@media (min-width: 600px){
|
|
@@ -4043,21 +3288,17 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4043
3288
|
flex:1;
|
|
4044
3289
|
}
|
|
4045
3290
|
.mobius-quote-headline.--experiment-iterated-qcp{
|
|
4046
|
-
padding:32px;
|
|
4047
3291
|
padding:var(--size-lg);
|
|
4048
|
-
background-color:#f6f5fd;
|
|
4049
3292
|
background-color:var(--color-background-highlight);
|
|
4050
3293
|
}
|
|
4051
3294
|
.mobius-quote-headline__inner{
|
|
4052
3295
|
display:flex;
|
|
4053
3296
|
flex-direction:column;
|
|
4054
|
-
gap:16px;
|
|
4055
3297
|
gap:var(--size-sm);
|
|
4056
3298
|
}
|
|
4057
3299
|
@media (min-width: 600px){
|
|
4058
3300
|
.mobius-quote-headline__inner{
|
|
4059
3301
|
flex-direction:row;
|
|
4060
|
-
gap:32px;
|
|
4061
3302
|
gap:var(--size-lg);
|
|
4062
3303
|
}
|
|
4063
3304
|
}
|
|
@@ -4068,51 +3309,40 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4068
3309
|
display:flex;
|
|
4069
3310
|
justify-content:center;
|
|
4070
3311
|
align-items:center;
|
|
4071
|
-
gap:16px;
|
|
4072
3312
|
gap:var(--size-sm);
|
|
4073
3313
|
}
|
|
4074
3314
|
.mobius-quote-headline__highlight{
|
|
4075
|
-
color:#4632d8;
|
|
4076
3315
|
color:var(--color-primary);
|
|
4077
3316
|
}
|
|
4078
3317
|
.mobius-quote-headline__text.mobius-text{
|
|
4079
|
-
font-size:16px;
|
|
4080
3318
|
font-size:var(--font-size-3);
|
|
4081
3319
|
margin:0 4%;
|
|
4082
3320
|
text-align:center;
|
|
4083
3321
|
}
|
|
4084
3322
|
.mobius-quote-headline__title.mobius-text{
|
|
4085
|
-
font-size:32px;
|
|
4086
3323
|
font-size:var(--font-size-title);
|
|
4087
3324
|
margin:0;
|
|
4088
3325
|
}
|
|
4089
3326
|
.mobius-quote-headline__highlight{
|
|
4090
|
-
color:#4632d8;
|
|
4091
3327
|
color:var(--color-primary);
|
|
4092
3328
|
}
|
|
4093
3329
|
.mobius-quote-headline__link{
|
|
4094
3330
|
display:flex;
|
|
4095
3331
|
align-items:center;
|
|
4096
|
-
font-weight:700;
|
|
4097
3332
|
font-weight:var(--font-weight-bold);
|
|
4098
|
-
margin-bottom:16px;
|
|
4099
3333
|
margin-bottom:var(--size-sm);
|
|
4100
3334
|
-webkit-text-decoration:none;
|
|
4101
3335
|
text-decoration:none;
|
|
4102
3336
|
}
|
|
4103
3337
|
.mobius-quote-headline__back-icon{
|
|
4104
|
-
margin-right:8px;
|
|
4105
3338
|
margin-right:var(--size-xs);
|
|
4106
3339
|
}
|
|
4107
3340
|
.mobius-quote-headline__description{
|
|
4108
|
-
margin-top:8px;
|
|
4109
3341
|
margin-top:var(--size-xs);
|
|
4110
|
-
margin-bottom:32px;
|
|
4111
3342
|
margin-bottom:var(--size-lg);
|
|
4112
3343
|
}
|
|
4113
3344
|
@media (min-width: 850px){
|
|
4114
3345
|
.mobius-quote-headline .mobius-quote-headline__text{
|
|
4115
|
-
font-size:20px;
|
|
4116
3346
|
font-size:var(--font-size-4);
|
|
4117
3347
|
margin:20px 10%;
|
|
4118
3348
|
}
|
|
@@ -4122,7 +3352,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4122
3352
|
--duration:0.15s;
|
|
4123
3353
|
}
|
|
4124
3354
|
.mobius-payment-toggle__container{
|
|
4125
|
-
margin-bottom:24px;
|
|
4126
3355
|
margin-bottom:var(--size-md);
|
|
4127
3356
|
}
|
|
4128
3357
|
.mobius-payment-toggle{
|
|
@@ -4131,11 +3360,8 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4131
3360
|
grid-template-columns:repeat(2, 1fr);
|
|
4132
3361
|
justify-items:center;
|
|
4133
3362
|
margin-left:auto;
|
|
4134
|
-
font-family:museosans, Arial, sans-serif;
|
|
4135
3363
|
font-family:var(--font-family);
|
|
4136
|
-
font-size:16px;
|
|
4137
3364
|
font-size:var(--font-size-regular);
|
|
4138
|
-
border:2px solid #4632d8;
|
|
4139
3365
|
border:var(--size-border-width) solid var(--color-primary);
|
|
4140
3366
|
background-color:transparent;
|
|
4141
3367
|
border-radius:50px;
|
|
@@ -4149,45 +3375,36 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4149
3375
|
top:2px;
|
|
4150
3376
|
bottom:2px;
|
|
4151
3377
|
left:0;
|
|
4152
|
-
background-color:#4632d8;
|
|
4153
3378
|
background-color:var(--color-primary);
|
|
4154
3379
|
border-radius:50px;
|
|
4155
3380
|
transform:translateX(2px);
|
|
4156
|
-
transition:all 0.15s ease-in-out;
|
|
4157
3381
|
transition:all var(--duration) ease-in-out;
|
|
4158
3382
|
}
|
|
4159
3383
|
.mobius-payment-toggle:active,
|
|
4160
3384
|
.mobius-payment-toggle:hover,
|
|
4161
3385
|
.mobius-payment-toggle:focus-visible{
|
|
4162
|
-
border-color:#2a1e81;
|
|
4163
3386
|
border-color:var(--color-primary-hover);
|
|
4164
3387
|
}
|
|
4165
3388
|
.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{
|
|
4166
|
-
color:#2a1e81;
|
|
4167
3389
|
color:var(--color-primary-hover);
|
|
4168
3390
|
}
|
|
4169
3391
|
.mobius-payment-toggle:active::before, .mobius-payment-toggle:hover::before, .mobius-payment-toggle:focus-visible::before{
|
|
4170
|
-
background-color:#2a1e81;
|
|
4171
3392
|
background-color:var(--color-primary-hover);
|
|
4172
3393
|
}
|
|
4173
3394
|
.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{
|
|
4174
|
-
color:#2a1e81;
|
|
4175
3395
|
color:var(--color-primary-hover);
|
|
4176
3396
|
}
|
|
4177
3397
|
.mobius-payment-toggle:focus-visible{
|
|
4178
3398
|
outline:none;
|
|
4179
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
4180
3399
|
box-shadow:var(--box-shadow-default);
|
|
4181
3400
|
}
|
|
4182
3401
|
.mobius-payment-toggle.--is-toggled::before{
|
|
4183
3402
|
transform:translate(100%);
|
|
4184
3403
|
}
|
|
4185
3404
|
.mobius-payment-toggle.--is-toggled .mobius-payment-toggle__text.--monthly{
|
|
4186
|
-
color:#4632d8;
|
|
4187
3405
|
color:var(--color-primary);
|
|
4188
3406
|
}
|
|
4189
3407
|
.mobius-payment-toggle.--is-toggled .mobius-payment-toggle__text.--yearly{
|
|
4190
|
-
color:#ffffff;
|
|
4191
3408
|
color:var(--color-text-inverted);
|
|
4192
3409
|
}
|
|
4193
3410
|
.mobius-payment-toggle__text{
|
|
@@ -4195,47 +3412,33 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4195
3412
|
display:flex;
|
|
4196
3413
|
align-items:center;
|
|
4197
3414
|
margin:2px;
|
|
4198
|
-
padding:calc(8px - 1px);
|
|
4199
3415
|
padding:calc(var(--size-xs) - 1px);
|
|
4200
|
-
font-weight:700;
|
|
4201
3416
|
font-weight:var(--font-weight-bold);
|
|
4202
|
-
color:#ffffff;
|
|
4203
3417
|
color:var(--color-text-inverted);
|
|
4204
|
-
transition:color 0.15s ease-in-out;
|
|
4205
3418
|
transition:color var(--duration) ease-in-out;
|
|
4206
3419
|
}
|
|
4207
3420
|
.mobius-payment-toggle__text.--yearly{
|
|
4208
|
-
color:#4632d8;
|
|
4209
3421
|
color:var(--color-primary);
|
|
4210
3422
|
}
|
|
4211
3423
|
.mobius-additional-coverage-info{
|
|
4212
|
-
color:#18181d;
|
|
4213
3424
|
color:var(--color-text);
|
|
4214
|
-
font-family:museosans, Arial, sans-serif;
|
|
4215
3425
|
font-family:var(--font-family);
|
|
4216
|
-
font-size:14px;
|
|
4217
3426
|
font-size:var(--font-size-small-paragraph);
|
|
4218
|
-
font-weight:500;
|
|
4219
3427
|
font-weight:var(--font-weight-normal);
|
|
4220
3428
|
line-height:150%;
|
|
4221
3429
|
}
|
|
4222
3430
|
.mobius-additional-coverage-info.--has-divider{
|
|
4223
|
-
border-top:1px solid #f3f3f3;
|
|
4224
3431
|
border-top:1px solid var(--color-border-light);
|
|
4225
|
-
margin-bottom:32px;
|
|
4226
3432
|
margin-bottom:var(--size-lg);
|
|
4227
3433
|
}
|
|
4228
3434
|
.mobius-additional-coverage-info ul{
|
|
4229
|
-
padding:0 0 0 24px;
|
|
4230
3435
|
padding:0 0 0 var(--size-md);
|
|
4231
3436
|
list-style:outside;
|
|
4232
3437
|
}
|
|
4233
3438
|
.mobius-additional-coverage-info ul li{
|
|
4234
|
-
margin:0 0 16px;
|
|
4235
3439
|
margin:0 0 var(--size-sm);
|
|
4236
3440
|
}
|
|
4237
3441
|
.mobius-additional-coverage-info__title.mobius-text{
|
|
4238
|
-
margin-top:32px;
|
|
4239
3442
|
margin-top:var(--size-lg);
|
|
4240
3443
|
}
|
|
4241
3444
|
.mobius-additional-coverage-info__text{
|
|
@@ -4243,40 +3446,27 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4243
3446
|
}
|
|
4244
3447
|
.mobius-certificate-of-insurance{
|
|
4245
3448
|
display:grid;
|
|
4246
|
-
grid-gap:8px;
|
|
4247
|
-
grid-gap:var(--size-xs);
|
|
4248
|
-
gap:8px;
|
|
4249
3449
|
gap:var(--size-xs);
|
|
4250
|
-
padding:24px;
|
|
4251
3450
|
padding:var(--size-md);
|
|
4252
|
-
background-color:#f6f5fd;
|
|
4253
3451
|
background-color:var(--color-background-highlight);
|
|
4254
|
-
border-radius:4px;
|
|
4255
3452
|
border-radius:var(--radius-1);
|
|
4256
3453
|
}
|
|
4257
3454
|
.mobius-certificate-of-insurance__icon.mobius-icon{
|
|
4258
|
-
color:#e943c9;
|
|
4259
3455
|
color:var(--color-accent);
|
|
4260
|
-
margin:16px 0 24px;
|
|
4261
3456
|
margin:var(--size-sm) 0 var(--size-md);
|
|
4262
3457
|
}
|
|
4263
3458
|
.mobius-certificate-of-insurance__title.mobius-text{
|
|
4264
|
-
color:#18181d;
|
|
4265
3459
|
color:var(--color-text);
|
|
4266
|
-
font-weight:700;
|
|
4267
3460
|
font-weight:var(--font-weight-bold);
|
|
4268
3461
|
margin:0;
|
|
4269
3462
|
}
|
|
4270
3463
|
.mobius-certificate-of-insurance__text.mobius-text{
|
|
4271
|
-
color:#5d5d60;
|
|
4272
3464
|
color:var(--color-text-medium);
|
|
4273
3465
|
margin:0;
|
|
4274
3466
|
}
|
|
4275
3467
|
.mobius-quote-details-drawer__footer{
|
|
4276
|
-
border-top:1px solid #d1d1d2;
|
|
4277
3468
|
border-top:1px solid var(--color-border);
|
|
4278
3469
|
position:sticky;
|
|
4279
|
-
min-height:-moz-min-content;
|
|
4280
3470
|
min-height:min-content;
|
|
4281
3471
|
}
|
|
4282
3472
|
@media (max-width: 450px){
|
|
@@ -4295,14 +3485,10 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4295
3485
|
}
|
|
4296
3486
|
.mobius-quote-details-drawer__footer-payment-info-link{
|
|
4297
3487
|
all:unset;
|
|
4298
|
-
color:#4632d8;
|
|
4299
3488
|
color:var(--color-primary);
|
|
4300
|
-
font-family:museosans, Arial, sans-serif;
|
|
4301
3489
|
font-family:var(--font-family);
|
|
4302
|
-
font-size:14px;
|
|
4303
3490
|
font-size:var(--font-size-small-paragraph);
|
|
4304
3491
|
font-style:normal;
|
|
4305
|
-
font-weight:500;
|
|
4306
3492
|
font-weight:var(--font-weight-normal);
|
|
4307
3493
|
line-height:120%;
|
|
4308
3494
|
cursor:pointer;
|
|
@@ -4314,26 +3500,19 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4314
3500
|
text-underline-offset:4px;
|
|
4315
3501
|
}
|
|
4316
3502
|
.mobius-quote-details-drawer__footer-payment-info-link:focus{
|
|
4317
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
4318
3503
|
box-shadow:var(--box-shadow-default);
|
|
4319
3504
|
}
|
|
4320
3505
|
.mobius-no-quotes-card{
|
|
4321
3506
|
margin:0;
|
|
4322
|
-
border:1px solid #d1d1d2;
|
|
4323
3507
|
border:1px solid var(--color-border);
|
|
4324
|
-
border-radius:8px;
|
|
4325
3508
|
border-radius:var(--radius-2);
|
|
4326
3509
|
overflow:hidden;
|
|
4327
|
-
background-color:#ffffff;
|
|
4328
3510
|
background-color:var(--color-background);
|
|
4329
|
-
margin-top:size(16px);
|
|
4330
|
-
margin-bottom:size(16px);
|
|
4331
3511
|
margin-top:size(var(--size-sm));
|
|
4332
3512
|
margin-bottom:size(var(--size-sm));
|
|
4333
3513
|
margin-bottom:56px;
|
|
4334
3514
|
}
|
|
4335
3515
|
.mobius-no-quotes-card__body{
|
|
4336
|
-
padding:32px;
|
|
4337
3516
|
padding:var(--size-lg);
|
|
4338
3517
|
padding-left:80px;
|
|
4339
3518
|
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");
|
|
@@ -4352,45 +3531,33 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4352
3531
|
display:flex;
|
|
4353
3532
|
flex-direction:column;
|
|
4354
3533
|
width:100%;
|
|
4355
|
-
margin-top:32px;
|
|
4356
3534
|
margin-top:var(--size-lg);
|
|
4357
|
-
border-top:1px solid #f3f3f3;
|
|
4358
3535
|
border-top:1px solid var(--color-border-light);
|
|
4359
3536
|
}
|
|
4360
3537
|
.mobius-payment-info.--has-divider{
|
|
4361
|
-
border-top:1px solid #f3f3f3;
|
|
4362
3538
|
border-top:1px solid var(--color-border-light);
|
|
4363
3539
|
}
|
|
4364
3540
|
.mobius-payment-info__title.mobius-text{
|
|
4365
|
-
margin-top:32px;
|
|
4366
3541
|
margin-top:var(--size-lg);
|
|
4367
|
-
margin-bottom:16px;
|
|
4368
3542
|
margin-bottom:var(--size-sm);
|
|
4369
3543
|
}
|
|
4370
3544
|
.mobius-payment-info__multi-product-text{
|
|
4371
|
-
margin-top:8px;
|
|
4372
3545
|
margin-top:var(--size-xs);
|
|
4373
|
-
margin-bottom:8px;
|
|
4374
3546
|
margin-bottom:var(--size-xs);
|
|
4375
3547
|
line-height:1em;
|
|
4376
3548
|
}
|
|
4377
3549
|
.mobius-payment-info__multi-product{
|
|
4378
|
-
border:1px solid #d1d1d2;
|
|
4379
3550
|
border:1px solid var(--color-border);
|
|
4380
|
-
border-radius:8px;
|
|
4381
3551
|
border-radius:var(--radius-2);
|
|
4382
3552
|
padding:1rem;
|
|
4383
3553
|
margin-top:1rem;
|
|
4384
3554
|
}
|
|
4385
3555
|
.mobius-payment-info__multi-product .mobius-payment-info__multi-product-text.--general-liability{
|
|
4386
|
-
padding-bottom:8px;
|
|
4387
3556
|
padding-bottom:var(--size-xs);
|
|
4388
3557
|
}
|
|
4389
3558
|
.mobius-payment-info__multi-product .mobius-payment-info__multi-product-text.--professional-liability{
|
|
4390
3559
|
position:relative;
|
|
4391
|
-
border:1px solid #f3f3f3;
|
|
4392
3560
|
border:1px solid var(--color-border-light);
|
|
4393
|
-
padding-top:8px;
|
|
4394
3561
|
padding-top:var(--size-xs);
|
|
4395
3562
|
}
|
|
4396
3563
|
.mobius-payment-info__start-date{
|
|
@@ -4402,12 +3569,10 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4402
3569
|
}
|
|
4403
3570
|
.mobius-payment-info__total-today{
|
|
4404
3571
|
padding:1rem;
|
|
4405
|
-
border-bottom:1px solid #d1d1d2;
|
|
4406
3572
|
border-bottom:1px solid var(--color-border);
|
|
4407
3573
|
}
|
|
4408
3574
|
.mobius-payment-info__installments{
|
|
4409
3575
|
padding:1rem;
|
|
4410
|
-
border-bottom:1px solid #d1d1d2;
|
|
4411
3576
|
border-bottom:1px solid var(--color-border);
|
|
4412
3577
|
}
|
|
4413
3578
|
.mobius-payment-info__total.mobius-segment{
|
|
@@ -4418,37 +3583,26 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4418
3583
|
width:100%;
|
|
4419
3584
|
}
|
|
4420
3585
|
.mobius-payment-info__multi-product-iterated{
|
|
4421
|
-
border-radius:8px;
|
|
4422
3586
|
border-radius:var(--radius-2);
|
|
4423
|
-
border:1px solid #d1d1d2;
|
|
4424
3587
|
border:1px solid var(--color-border);
|
|
4425
|
-
padding:16px;
|
|
4426
3588
|
padding:var(--size-sm);
|
|
4427
|
-
line-height:24px;
|
|
4428
3589
|
line-height:var(--size-md);
|
|
4429
3590
|
}
|
|
4430
3591
|
.mobius-payment-info__multi-product-iterated .mobius-payment-info__multi-product-text{
|
|
4431
3592
|
margin:0;
|
|
4432
3593
|
}
|
|
4433
3594
|
.mobius-payment-info__multi-product-iterated .mobius-payment-info__multi-product-text.--general-liability{
|
|
4434
|
-
padding-bottom:8px;
|
|
4435
3595
|
padding-bottom:var(--size-xs);
|
|
4436
3596
|
}
|
|
4437
3597
|
.mobius-payment-info__multi-product-iterated .mobius-payment-info__multi-product-text.--professional-liability{
|
|
4438
3598
|
position:relative;
|
|
4439
|
-
border-top:1px solid #f3f3f3;
|
|
4440
3599
|
border-top:1px solid var(--color-border-light);
|
|
4441
|
-
padding-top:8px;
|
|
4442
3600
|
padding-top:var(--size-xs);
|
|
4443
3601
|
}
|
|
4444
3602
|
.mobius-payment-info__total-outer-container{
|
|
4445
|
-
border-radius:8px;
|
|
4446
3603
|
border-radius:var(--radius-2);
|
|
4447
|
-
border:1px solid #d1d1d2;
|
|
4448
3604
|
border:1px solid var(--color-border);
|
|
4449
|
-
margin-top:16px;
|
|
4450
3605
|
margin-top:var(--size-sm);
|
|
4451
|
-
margin-bottom:16px;
|
|
4452
3606
|
margin-bottom:var(--size-sm);
|
|
4453
3607
|
}
|
|
4454
3608
|
.mobius-payment-info__total-outer-container span,
|
|
@@ -4457,28 +3611,21 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4457
3611
|
.mobius-payment-info__multi-product strong,
|
|
4458
3612
|
.mobius-payment-info__total-outer-container p,
|
|
4459
3613
|
.mobius-payment-info__multi-product p{
|
|
4460
|
-
font-size:14px;
|
|
4461
3614
|
font-size:var(--font-size-2);
|
|
4462
3615
|
}
|
|
4463
3616
|
.mobius-payment-info__total-container{
|
|
4464
|
-
padding:16px 16px 8px;
|
|
4465
3617
|
padding:var(--size-sm) var(--size-sm) var(--size-xs);
|
|
4466
3618
|
}
|
|
4467
3619
|
.mobius-payment-info__total-today-iterated{
|
|
4468
|
-
padding-bottom:8px;
|
|
4469
3620
|
padding-bottom:var(--size-xs);
|
|
4470
3621
|
}
|
|
4471
3622
|
.mobius-payment-info__installments-iterated{
|
|
4472
3623
|
position:relative;
|
|
4473
|
-
border-top:1px solid #f3f3f3;
|
|
4474
3624
|
border-top:1px solid var(--color-border-light);
|
|
4475
|
-
padding-top:8px;
|
|
4476
3625
|
padding-top:var(--size-xs);
|
|
4477
|
-
padding-bottom:8px;
|
|
4478
3626
|
padding-bottom:var(--size-xs);
|
|
4479
3627
|
}
|
|
4480
3628
|
.mobius-payment-info__total-iterated.mobius-segment{
|
|
4481
|
-
border-color:#4632d8;
|
|
4482
3629
|
border-color:var(--color-primary);
|
|
4483
3630
|
border-top-left-radius:0;
|
|
4484
3631
|
border-top-right-radius:0;
|
|
@@ -4488,18 +3635,14 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4488
3635
|
}
|
|
4489
3636
|
.price-details .card-modal__explainer-title{
|
|
4490
3637
|
text-decoration-style:solid;
|
|
4491
|
-
color:#4632d8;
|
|
4492
3638
|
color:var(--color-primary);
|
|
4493
|
-
padding-left:24px;
|
|
4494
3639
|
padding-left:var(--size-md);
|
|
4495
3640
|
margin:6px 0;
|
|
4496
3641
|
}
|
|
4497
3642
|
.price-details .card-modal__explainer-title .card-modal__info-icon{
|
|
4498
|
-
color:#4632d8;
|
|
4499
3643
|
color:var(--color-primary);
|
|
4500
3644
|
}
|
|
4501
3645
|
.price-details .info__popover .phone{
|
|
4502
|
-
color:#ffffff;
|
|
4503
3646
|
color:var(--color-text-inverted);
|
|
4504
3647
|
}
|
|
4505
3648
|
.price-details .info__popover-phone-icon{
|
|
@@ -4517,7 +3660,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4517
3660
|
}
|
|
4518
3661
|
@supports (-webkit-touch-callout: none) and (not (translate: none)){
|
|
4519
3662
|
.mobius-quote-actions :not(:last-child){
|
|
4520
|
-
margin-right:16px;
|
|
4521
3663
|
margin-right:var(--size-sm);
|
|
4522
3664
|
}
|
|
4523
3665
|
}
|
|
@@ -4525,25 +3667,18 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4525
3667
|
margin-top:1rem;
|
|
4526
3668
|
flex:1 1 0;
|
|
4527
3669
|
height:40px;
|
|
4528
|
-
font-size:16px;
|
|
4529
3670
|
font-size:var(--font-size-regular);
|
|
4530
|
-
font-weight:700;
|
|
4531
3671
|
font-weight:var(--font-weight-bold);
|
|
4532
3672
|
}
|
|
4533
3673
|
.mobius-quote-card{
|
|
4534
3674
|
margin:0;
|
|
4535
|
-
border:1px solid #d1d1d2;
|
|
4536
3675
|
border:1px solid var(--color-border);
|
|
4537
|
-
border-radius:8px;
|
|
4538
3676
|
border-radius:var(--radius-2);
|
|
4539
|
-
background-color:#ffffff;
|
|
4540
3677
|
background-color:var(--color-background);
|
|
4541
3678
|
list-style:none;
|
|
4542
3679
|
}
|
|
4543
3680
|
.mobius-quote-card__body{
|
|
4544
|
-
padding:32px 16px;
|
|
4545
3681
|
padding:var(--size-lg) var(--size-sm);
|
|
4546
|
-
font-size:16px;
|
|
4547
3682
|
font-size:var(--font-size-regular);
|
|
4548
3683
|
height:100%;
|
|
4549
3684
|
}
|
|
@@ -4553,9 +3688,7 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4553
3688
|
grid-template-areas:"header information pricing" "header information actions";
|
|
4554
3689
|
grid-template-columns:1fr 1fr 1fr;
|
|
4555
3690
|
grid-template-rows:auto auto;
|
|
4556
|
-
grid-row-gap:49px;
|
|
4557
3691
|
row-gap:49px;
|
|
4558
|
-
padding:32px;
|
|
4559
3692
|
padding:var(--size-lg);
|
|
4560
3693
|
}
|
|
4561
3694
|
}
|
|
@@ -4565,56 +3698,40 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4565
3698
|
}
|
|
4566
3699
|
}
|
|
4567
3700
|
.mobius-quote-card__no-quote{
|
|
4568
|
-
gap:32px;
|
|
4569
3701
|
gap:var(--size-lg);
|
|
4570
|
-
padding:16px;
|
|
4571
3702
|
padding:var(--size-sm);
|
|
4572
|
-
font-size:16px;
|
|
4573
3703
|
font-size:var(--font-size-regular);
|
|
4574
3704
|
}
|
|
4575
3705
|
@media (min-width: 850px){
|
|
4576
3706
|
.mobius-quote-card__no-quote{
|
|
4577
3707
|
display:grid;
|
|
4578
3708
|
grid-template-areas:"header information";
|
|
4579
|
-
grid-gap:49px;
|
|
4580
3709
|
gap:49px;
|
|
4581
|
-
padding:32px;
|
|
4582
3710
|
padding:var(--size-lg);
|
|
4583
3711
|
}
|
|
4584
3712
|
}
|
|
4585
3713
|
.mobius-quote-card__badges{
|
|
4586
3714
|
display:flex;
|
|
4587
3715
|
flex-wrap:wrap;
|
|
4588
|
-
gap:8px;
|
|
4589
3716
|
gap:var(--size-xs);
|
|
4590
|
-
margin-top:8px;
|
|
4591
3717
|
margin-top:var(--size-xs);
|
|
4592
|
-
margin-bottom:16px;
|
|
4593
3718
|
margin-bottom:var(--size-sm);
|
|
4594
3719
|
}
|
|
4595
3720
|
@supports (-webkit-touch-callout: none) and (not (translate: none)){
|
|
4596
3721
|
.mobius-quote-card__badges:not(:last-child){
|
|
4597
|
-
margin-bottom:8px;
|
|
4598
3722
|
margin-bottom:var(--size-xs);
|
|
4599
|
-
margin-right:8px;
|
|
4600
3723
|
margin-right:var(--size-xs);
|
|
4601
3724
|
}
|
|
4602
3725
|
}
|
|
4603
3726
|
.mobius-quote-card__badge{
|
|
4604
|
-
padding:8px;
|
|
4605
3727
|
padding:var(--size-xs);
|
|
4606
|
-
background-color:#f6f5fd;
|
|
4607
3728
|
background-color:var(--color-background-highlight);
|
|
4608
|
-
border-radius:4px;
|
|
4609
3729
|
border-radius:var(--radius-1);
|
|
4610
|
-
font-size:14px;
|
|
4611
3730
|
font-size:var(--font-size-small-paragraph);
|
|
4612
|
-
line-height:1.333;
|
|
4613
3731
|
line-height:var(--line-height-tight);
|
|
4614
3732
|
}
|
|
4615
3733
|
.mobius-quote-card__badge-icon{
|
|
4616
3734
|
display:inline-block;
|
|
4617
|
-
margin-right:8px;
|
|
4618
3735
|
margin-right:var(--size-xs);
|
|
4619
3736
|
width:1em;
|
|
4620
3737
|
}
|
|
@@ -4622,92 +3739,67 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4622
3739
|
margin-top:0;
|
|
4623
3740
|
}
|
|
4624
3741
|
.mobius-quote-card__badges-iterated .mobius-quote-card__badge-iterated{
|
|
4625
|
-
padding:4px 8px 4px 8px;
|
|
4626
3742
|
padding:var(--size-xxs) var(--size-xs) var(--size-xxs) var(--size-xs);
|
|
4627
|
-
background-color:#f6f5fd;
|
|
4628
3743
|
background-color:var(--color-background-highlight);
|
|
4629
|
-
border-radius:4px;
|
|
4630
3744
|
border-radius:var(--radius-1);
|
|
4631
|
-
font-size:14px;
|
|
4632
3745
|
font-size:var(--font-size-small-paragraph);
|
|
4633
|
-
line-height:1.333;
|
|
4634
3746
|
line-height:var(--line-height-tight);
|
|
4635
3747
|
}
|
|
4636
3748
|
.mobius-quote-card__cover{
|
|
4637
|
-
color:#5d5d60;
|
|
4638
3749
|
color:var(--color-text-medium);
|
|
4639
|
-
margin-top:4px;
|
|
4640
3750
|
margin-top:var(--size-xxs);
|
|
4641
|
-
margin-bottom:4px;
|
|
4642
3751
|
margin-bottom:var(--size-xxs);
|
|
4643
|
-
padding-left:24px;
|
|
4644
3752
|
padding-left:var(--size-md);
|
|
4645
3753
|
align-items:center;
|
|
4646
3754
|
}
|
|
4647
3755
|
.mobius-quote-card__cover-amount{
|
|
4648
|
-
color:#18181d;
|
|
4649
3756
|
color:var(--color-text);
|
|
4650
3757
|
}
|
|
4651
3758
|
.mobius-quote-card__coverage{
|
|
4652
3759
|
flex-grow:1;
|
|
4653
3760
|
grid-area:information;
|
|
4654
|
-
border-top:1px solid #f3f3f3;
|
|
4655
3761
|
border-top:1px solid var(--color-border-light);
|
|
4656
|
-
padding-top:16px;
|
|
4657
3762
|
padding-top:var(--size-sm);
|
|
4658
|
-
margin-bottom:24px;
|
|
4659
3763
|
margin-bottom:var(--size-md);
|
|
4660
3764
|
}
|
|
4661
3765
|
@media (min-width: 850px) and (max-width: 1023px){
|
|
4662
3766
|
.mobius-quote-card__coverage{
|
|
4663
3767
|
border-top:none;
|
|
4664
|
-
border-right:1px solid #f3f3f3;
|
|
4665
3768
|
border-right:1px solid var(--color-border-light);
|
|
4666
3769
|
padding-top:0;
|
|
4667
|
-
padding-right:16px;
|
|
4668
3770
|
padding-right:var(--size-sm);
|
|
4669
3771
|
margin-bottom:0;
|
|
4670
|
-
margin-right:16px;
|
|
4671
3772
|
margin-right:var(--size-sm);
|
|
4672
3773
|
}
|
|
4673
3774
|
}
|
|
4674
3775
|
.mobius-quote-card__coverage.--has-divider{
|
|
4675
|
-
border-top:1px solid #f3f3f3;
|
|
4676
3776
|
border-top:1px solid var(--color-border-light);
|
|
4677
|
-
margin-bottom:32px;
|
|
4678
3777
|
margin-bottom:var(--size-lg);
|
|
4679
3778
|
}
|
|
4680
3779
|
@supports (-webkit-touch-callout: none) and (not (translate: none)){
|
|
4681
3780
|
.mobius-quote-card__coverage .mobius-quote-card__coverage-item:not(:last-child){
|
|
4682
|
-
margin-bottom:16px;
|
|
4683
3781
|
margin-bottom:var(--size-sm);
|
|
4684
3782
|
}
|
|
4685
3783
|
}
|
|
4686
3784
|
.mobius-quote-card__coverage .mobius-quote-card__coverage-header-title{
|
|
4687
3785
|
margin:0;
|
|
4688
|
-
font-size:14px;
|
|
4689
3786
|
font-size:var(--font-size-small-paragraph);
|
|
4690
3787
|
}
|
|
4691
3788
|
.mobius-quote-card__coverage-title.mobius-text{
|
|
4692
3789
|
margin:0 0 16px 0;
|
|
4693
3790
|
text-transform:uppercase;
|
|
4694
|
-
font-size:12px;
|
|
4695
3791
|
font-size:var(--font-size-small-print);
|
|
4696
|
-
font-weight:500;
|
|
4697
3792
|
font-weight:var(--font-weight-normal);
|
|
4698
3793
|
line-height:1.2;
|
|
4699
|
-
color:#18181d;
|
|
4700
3794
|
color:var(--color-text);
|
|
4701
3795
|
}
|
|
4702
3796
|
.mobius-quote-card__extra-coverage-item strong{
|
|
4703
3797
|
text-align:right;
|
|
4704
3798
|
}
|
|
4705
3799
|
.mobius-quote-card__extra-coverage-item .mobius-quote-card__explainer-title{
|
|
4706
|
-
color:#18181d;
|
|
4707
3800
|
color:var(--color-text);
|
|
4708
3801
|
}
|
|
4709
3802
|
.mobius-quote-card__extra-coverage-item .mobius-quote-card__explainer-title .mobius-quote-card__explainer-icon{
|
|
4710
|
-
color:#18181d;
|
|
4711
3803
|
color:var(--color-text);
|
|
4712
3804
|
}
|
|
4713
3805
|
.mobius-quote-card__extra-coverage-item .mobius-quote-card__cover{
|
|
@@ -4722,35 +3814,24 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4722
3814
|
}
|
|
4723
3815
|
.mobius-quote-card__coverage-tick-icon{
|
|
4724
3816
|
margin-top:2px;
|
|
4725
|
-
width:16px;
|
|
4726
3817
|
width:var(--size-sm);
|
|
4727
|
-
color:#008744;
|
|
4728
3818
|
color:var(--color-valid);
|
|
4729
|
-
margin-right:8px;
|
|
4730
3819
|
margin-right:var(--size-xs);
|
|
4731
|
-
min-width:16px;
|
|
4732
3820
|
min-width:var(--size-sm);
|
|
4733
3821
|
}
|
|
4734
3822
|
.mobius-quote-card__included-by-insurer-icon{
|
|
4735
3823
|
margin-bottom:5px;
|
|
4736
|
-
width:16px;
|
|
4737
3824
|
width:var(--size-sm);
|
|
4738
|
-
color:#008744;
|
|
4739
3825
|
color:var(--color-valid);
|
|
4740
|
-
margin-right:8px;
|
|
4741
3826
|
margin-right:var(--size-xs);
|
|
4742
|
-
min-width:16px;
|
|
4743
3827
|
min-width:var(--size-sm);
|
|
4744
3828
|
}
|
|
4745
3829
|
.mobius-quote-card__coverage-items{
|
|
4746
|
-
font-size:14px;
|
|
4747
3830
|
font-size:var(--font-size-small-paragraph);
|
|
4748
3831
|
}
|
|
4749
3832
|
.mobius-quote-card__coverage-item .mobius-accordion{
|
|
4750
3833
|
align-items:flex-start;
|
|
4751
|
-
margin-top:8px;
|
|
4752
3834
|
margin-top:var(--size-xs);
|
|
4753
|
-
margin-bottom:4px;
|
|
4754
3835
|
margin-bottom:var(--size-xxs);
|
|
4755
3836
|
}
|
|
4756
3837
|
.mobius-quote-card__coverage-item .mobius-accordion div[aria-hidden]{
|
|
@@ -4759,19 +3840,15 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4759
3840
|
.mobius-quote-card__coverage-item .mobius-accordion__link{
|
|
4760
3841
|
display:flex;
|
|
4761
3842
|
align-items:center;
|
|
4762
|
-
font-weight:500;
|
|
4763
3843
|
font-weight:var(--font-weight-normal);
|
|
4764
3844
|
-webkit-text-decoration:underline;
|
|
4765
3845
|
text-decoration:underline;
|
|
4766
3846
|
text-underline-offset:6px;
|
|
4767
|
-
padding-left:24px;
|
|
4768
3847
|
padding-left:var(--size-md);
|
|
4769
|
-
border-radius:4px;
|
|
4770
3848
|
border-radius:var(--radius-1);
|
|
4771
3849
|
}
|
|
4772
3850
|
.mobius-quote-card__coverage-item .mobius-accordion__link .mobius-icon{
|
|
4773
3851
|
--transition-duration:500ms;
|
|
4774
|
-
transition:500ms;
|
|
4775
3852
|
transition:var(--transition-duration);
|
|
4776
3853
|
}
|
|
4777
3854
|
.mobius-quote-card__coverage-item .mobius-accordion__link.hide .mobius-icon{
|
|
@@ -4780,11 +3857,9 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4780
3857
|
.mobius-quote-card__coverage-item .mobius-accordion__link-text{
|
|
4781
3858
|
order:-1;
|
|
4782
3859
|
margin-left:0;
|
|
4783
|
-
margin-right:8px;
|
|
4784
3860
|
margin-right:var(--size-xs);
|
|
4785
3861
|
}
|
|
4786
3862
|
.mobius-quote-card__coverage-item .mobius-accordion__content{
|
|
4787
|
-
margin-top:4px;
|
|
4788
3863
|
margin-top:var(--size-xxs);
|
|
4789
3864
|
margin-bottom:0;
|
|
4790
3865
|
}
|
|
@@ -4794,70 +3869,52 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4794
3869
|
.mobius-quote-card__deductibles-title.--is-p{
|
|
4795
3870
|
margin-top:4px;
|
|
4796
3871
|
margin-bottom:0;
|
|
4797
|
-
padding-left:24px;
|
|
4798
3872
|
padding-left:var(--size-md);
|
|
4799
|
-
font-size:14px;
|
|
4800
3873
|
font-size:var(--font-size-small-paragraph);
|
|
4801
|
-
font-weight:500;
|
|
4802
3874
|
font-weight:var(--font-weight-normal);
|
|
4803
|
-
line-height:1.5;
|
|
4804
3875
|
line-height:var(--line-height-normal);
|
|
4805
3876
|
}
|
|
4806
3877
|
.mobius-quote-card__additional-insureds{
|
|
4807
|
-
margin-left:24px;
|
|
4808
3878
|
margin-left:var(--size-md);
|
|
4809
3879
|
padding:0.5rem;
|
|
4810
3880
|
border-radius:0.25rem;
|
|
4811
|
-
background:#f6f5fd;
|
|
4812
3881
|
background:var(--color-background-highlight);
|
|
4813
3882
|
}
|
|
4814
3883
|
.mobius-quote-card__additional-insureds p{
|
|
4815
3884
|
margin:0;
|
|
4816
|
-
color:#18181d;
|
|
4817
3885
|
color:var(--color-text);
|
|
4818
3886
|
}
|
|
4819
3887
|
.mobius-quote-card__header{
|
|
4820
3888
|
position:relative;
|
|
4821
3889
|
grid-area:header;
|
|
4822
|
-
border-bottom:1px solid #f3f3f3;
|
|
4823
3890
|
border-bottom:1px solid var(--color-border-light);
|
|
4824
|
-
margin-bottom:16px;
|
|
4825
3891
|
margin-bottom:var(--size-sm);
|
|
4826
3892
|
}
|
|
4827
3893
|
@media (min-width: 850px) and (max-width: 1023px){
|
|
4828
3894
|
.mobius-quote-card__header{
|
|
4829
|
-
border-right:1px solid #f3f3f3;
|
|
4830
3895
|
border-right:1px solid var(--color-border-light);
|
|
4831
3896
|
border-bottom:none;
|
|
4832
3897
|
margin-bottom:0;
|
|
4833
|
-
margin-right:16px;
|
|
4834
3898
|
margin-right:var(--size-sm);
|
|
4835
|
-
padding-right:16px;
|
|
4836
3899
|
padding-right:var(--size-sm);
|
|
4837
3900
|
}
|
|
4838
3901
|
}
|
|
4839
3902
|
@supports (-webkit-touch-callout: none) and (not (translate: none)){
|
|
4840
3903
|
.mobius-quote-card__header-logo{
|
|
4841
|
-
margin-bottom:4px;
|
|
4842
3904
|
margin-bottom:var(--size-xxs);
|
|
4843
3905
|
}
|
|
4844
3906
|
|
|
4845
3907
|
.mobius-quote-card__ratings-body{
|
|
4846
|
-
margin-top:4px;
|
|
4847
3908
|
margin-top:var(--size-xxs);
|
|
4848
3909
|
}
|
|
4849
3910
|
}
|
|
4850
3911
|
.mobius-quote-card__header-logo{
|
|
4851
3912
|
max-width:144px;
|
|
4852
|
-
max-height:40px;
|
|
4853
3913
|
max-height:var(--size-xl);
|
|
4854
|
-
|
|
4855
|
-
|
|
4856
|
-
-o-object-position:left;
|
|
4857
|
-
object-position:left;
|
|
3914
|
+
object-fit:contain;
|
|
3915
|
+
object-position:left;
|
|
4858
3916
|
}
|
|
4859
3917
|
.mobius-quote-card__explainer-title{
|
|
4860
|
-
color:#5d5d60;
|
|
4861
3918
|
color:var(--color-text-medium);
|
|
4862
3919
|
-webkit-text-decoration:underline;
|
|
4863
3920
|
text-decoration:underline;
|
|
@@ -4866,28 +3923,20 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4866
3923
|
text-align:left;
|
|
4867
3924
|
}
|
|
4868
3925
|
.mobius-quote-card__explainer-icon{
|
|
4869
|
-
color:#5d5d60;
|
|
4870
3926
|
color:var(--color-text-medium);
|
|
4871
3927
|
width:12px;
|
|
4872
|
-
margin-left:4px;
|
|
4873
3928
|
margin-left:var(--size-xxs);
|
|
4874
3929
|
}
|
|
4875
|
-
.mobius-quote-card .mobius-quote-card__modal-trigger,
|
|
4876
|
-
.mobius-quote-card__modal-container.mobius-drawer .mobius-
|
|
4877
|
-
.mobius-quote-card .mobius-popover__toggle,
|
|
4878
|
-
.mobius-quote-card__modal-container.mobius-drawer .mobius-popover__toggle{
|
|
3930
|
+
:is(.mobius-quote-card,.mobius-quote-card__modal-container.mobius-drawer) .mobius-quote-card__modal-trigger,
|
|
3931
|
+
:is(.mobius-quote-card,.mobius-quote-card__modal-container.mobius-drawer) .mobius-popover__toggle{
|
|
4879
3932
|
border:none;
|
|
4880
3933
|
padding:0;
|
|
4881
|
-
font-weight:500;
|
|
4882
3934
|
font-weight:var(--font-weight-normal);
|
|
4883
|
-
font-size:14px;
|
|
4884
3935
|
font-size:var(--font-size-small-paragraph);
|
|
4885
|
-
color:#18181d;
|
|
4886
3936
|
color:var(--color-text);
|
|
4887
3937
|
background-color:transparent;
|
|
4888
3938
|
}
|
|
4889
3939
|
.mobius-quote-card__modal-container.mobius-drawer{
|
|
4890
|
-
width:calc(100% - (32px * 2));
|
|
4891
3940
|
width:calc(100% - (var(--size-lg) * 2));
|
|
4892
3941
|
max-width:560px;
|
|
4893
3942
|
border-radius:12px;
|
|
@@ -4897,17 +3946,12 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4897
3946
|
}
|
|
4898
3947
|
.mobius-quote-card__modal-container.mobius-drawer .mobius-modal__header{
|
|
4899
3948
|
align-items:flex-start;
|
|
4900
|
-
line-height:1.5;
|
|
4901
3949
|
line-height:var(--line-height-normal);
|
|
4902
|
-
padding:16px 16px 8px 16px;
|
|
4903
3950
|
padding:var(--size-sm) var(--size-sm) var(--size-xs) var(--size-sm);
|
|
4904
|
-
font-size:20px;
|
|
4905
3951
|
font-size:var(--font-size-lead);
|
|
4906
3952
|
}
|
|
4907
3953
|
.mobius-quote-card__modal-container.mobius-drawer .mobius-modal__header button{
|
|
4908
|
-
font-size:16px;
|
|
4909
3954
|
font-size:var(--font-size-regular);
|
|
4910
|
-
padding:4px;
|
|
4911
3955
|
padding:var(--size-xxs);
|
|
4912
3956
|
scale:150%;
|
|
4913
3957
|
translate:4px -4px;
|
|
@@ -4915,7 +3959,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4915
3959
|
}
|
|
4916
3960
|
.mobius-quote-card__modal-container.mobius-drawer .mobius-modal__content{
|
|
4917
3961
|
padding-top:0;
|
|
4918
|
-
font-size:14px;
|
|
4919
3962
|
font-size:var(--font-size-small-paragraph);
|
|
4920
3963
|
line-height:1.2;
|
|
4921
3964
|
}
|
|
@@ -4926,24 +3969,19 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4926
3969
|
}
|
|
4927
3970
|
.mobius-quote-card__price-details .mobius-quote-card__explainer-title{
|
|
4928
3971
|
text-decoration-style:solid;
|
|
4929
|
-
color:#4632d8;
|
|
4930
3972
|
color:var(--color-secondary);
|
|
4931
|
-
padding-left:24px;
|
|
4932
3973
|
padding-left:var(--size-md);
|
|
4933
3974
|
margin:6px 0;
|
|
4934
3975
|
}
|
|
4935
3976
|
.mobius-quote-card__price-details .mobius-quote-card__explainer-title .mobius-quote-card__explainer-icon{
|
|
4936
|
-
color:#4632d8;
|
|
4937
3977
|
color:var(--color-primary);
|
|
4938
3978
|
}
|
|
4939
3979
|
.mobius-quote-card__price-details .mobius-quote-card__info-popover .mobius-quote-card__price-details-phone{
|
|
4940
|
-
color:#ffffff;
|
|
4941
3980
|
color:var(--color-text-inverted);
|
|
4942
3981
|
}
|
|
4943
3982
|
.mobius-quote-card__price-details .mobius-quote-card__price-details-icon{
|
|
4944
3983
|
display:inline-block;
|
|
4945
3984
|
vertical-align:middle;
|
|
4946
|
-
margin-right:4px;
|
|
4947
3985
|
margin-right:var(--size-xxs);
|
|
4948
3986
|
}
|
|
4949
3987
|
.mobius-quote-card__price-details .mobius-quote-card__price-details-phone{
|
|
@@ -4961,135 +3999,98 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
4961
3999
|
width:100%;
|
|
4962
4000
|
}
|
|
4963
4001
|
.mobius-quote-card__pricing-primary-amount.mobius-text{
|
|
4964
|
-
font-size:32px;
|
|
4965
4002
|
font-size:var(--font-size-title);
|
|
4966
|
-
font-weight:700;
|
|
4967
4003
|
font-weight:var(--font-weight-bold);
|
|
4968
4004
|
line-height:1.2;
|
|
4969
4005
|
margin-top:0;
|
|
4970
4006
|
margin-bottom:0;
|
|
4971
4007
|
}
|
|
4972
4008
|
.mobius-quote-card__pricing-total-amount.mobius-text{
|
|
4973
|
-
font-weight:700;
|
|
4974
4009
|
font-weight:var(--font-weight-bold);
|
|
4975
4010
|
text-align:right;
|
|
4976
4011
|
}
|
|
4977
4012
|
.mobius-quote-card__pricing-amount-due.mobius-text, .mobius-quote-card__pricing-unavailable-installment.mobius-text{
|
|
4978
|
-
color:#18181d;
|
|
4979
4013
|
color:var(--color-text);
|
|
4980
4014
|
margin-top:0;
|
|
4981
|
-
margin-bottom:4px;
|
|
4982
4015
|
margin-bottom:var(--size-xxs);
|
|
4983
|
-
line-height:1.5;
|
|
4984
4016
|
line-height:var(--line-height-normal);
|
|
4985
4017
|
margin-right:var(--size-0);
|
|
4986
4018
|
}
|
|
4987
4019
|
.mobius-quote-card__pricing-unavailable-installment.mobius-text{
|
|
4988
|
-
font-weight:700;
|
|
4989
4020
|
font-weight:var(--font-weight-bold);
|
|
4990
4021
|
}
|
|
4991
4022
|
.mobius-quote-card__pricing-total > .--is-small{
|
|
4992
|
-
line-height:1.5;
|
|
4993
4023
|
line-height:var(--line-height-normal);
|
|
4994
|
-
color:#18181d;
|
|
4995
4024
|
color:var(--color-text);
|
|
4996
4025
|
}
|
|
4997
4026
|
@supports (-webkit-touch-callout: none) and (not (translate: none)){
|
|
4998
4027
|
.mobius-quote-card__pricing-primary-amount,
|
|
4999
4028
|
.mobius-quote-card__pricing-total-amount{
|
|
5000
|
-
margin-right:4px;
|
|
5001
4029
|
margin-right:var(--size-xxs);
|
|
5002
4030
|
}
|
|
5003
4031
|
}
|
|
5004
4032
|
.mobius-quote-card__pricing-amount-border{
|
|
5005
|
-
border-left:4px solid #e943c9;
|
|
5006
4033
|
border-left:var(--size-xxs) solid var(--color-accent);
|
|
5007
|
-
padding-left:8px;
|
|
5008
4034
|
padding-left:var(--size-xs);
|
|
5009
4035
|
}
|
|
5010
4036
|
.mobius-quote-card__amount-due-iterated.mobius-text{
|
|
5011
|
-
font-size:14px;
|
|
5012
4037
|
font-size:var(--font-size-small-paragraph);
|
|
5013
|
-
color:#5d5d60;
|
|
5014
4038
|
color:var(--color-text-medium);
|
|
5015
|
-
margin:8px 0;
|
|
5016
4039
|
margin:var(--size-xs) 0;
|
|
5017
4040
|
}
|
|
5018
4041
|
.mobius-quote-card__pricing-amount-iterated.mobius-text{
|
|
5019
|
-
font-size:32px;
|
|
5020
4042
|
font-size:var(--size-lg);
|
|
5021
|
-
font-weight:700;
|
|
5022
4043
|
font-weight:var(--font-weight-bold);
|
|
5023
4044
|
line-height:1.2;
|
|
5024
4045
|
margin-top:0;
|
|
5025
|
-
margin-bottom:4px;
|
|
5026
4046
|
margin-bottom:var(--size-xxs);
|
|
5027
4047
|
}
|
|
5028
4048
|
.mobius-quote-card__unavailable-installment-iterated{
|
|
5029
|
-
margin-bottom:16px;
|
|
5030
4049
|
margin-bottom:var(--size-sm);
|
|
5031
4050
|
}
|
|
5032
4051
|
.mobius-quote-card__pricing-period-suffix.mobius-text{
|
|
5033
|
-
font-weight:700;
|
|
5034
4052
|
font-weight:var(--font-weight-bold);
|
|
5035
|
-
color:#18181d;
|
|
5036
4053
|
color:var(--color-text);
|
|
5037
4054
|
}
|
|
5038
4055
|
.mobius-quote-card__ratings{
|
|
5039
4056
|
margin-top:0;
|
|
5040
|
-
margin-bottom:16px;
|
|
5041
4057
|
margin-bottom:var(--size-sm);
|
|
5042
4058
|
}
|
|
5043
4059
|
.mobius-quote-card__ratings.--has-reinsurer-text{
|
|
5044
|
-
padding-top:16px;
|
|
5045
4060
|
padding-top:var(--size-sm);
|
|
5046
4061
|
}
|
|
5047
4062
|
.mobius-quote-card__ratings .mobius-quote-card__explainer-title,
|
|
5048
4063
|
.mobius-quote-card__ratings .mobius-quote-card__explainer-icon{
|
|
5049
|
-
color:#18181d;
|
|
5050
4064
|
color:var(--color-text);
|
|
5051
4065
|
}
|
|
5052
4066
|
.mobius-quote-card__ratings-text.--is-p{
|
|
5053
|
-
margin:0 0 4px 0;
|
|
5054
4067
|
margin:0 0 var(--size-xxs) 0;
|
|
5055
|
-
color:#5d5d60;
|
|
5056
4068
|
color:var(--color-text-medium);
|
|
5057
|
-
font-size:14px;
|
|
5058
4069
|
font-size:var(--font-size-small-paragraph);
|
|
5059
4070
|
}
|
|
5060
4071
|
.mobius-quote-card__ratings-body{
|
|
5061
4072
|
display:flex;
|
|
5062
4073
|
justify-content:space-between;
|
|
5063
4074
|
align-items:center;
|
|
5064
|
-
gap:16px;
|
|
5065
4075
|
gap:var(--size-sm);
|
|
5066
4076
|
margin:0;
|
|
5067
4077
|
}
|
|
5068
4078
|
.mobius-quote-card__ratings-body .mobius-quote-card__ratings-value{
|
|
5069
4079
|
margin:0;
|
|
5070
|
-
font-weight:700;
|
|
5071
4080
|
font-weight:var(--font-weight-bold);
|
|
5072
|
-
color:#18181d;
|
|
5073
4081
|
color:var(--color-text);
|
|
5074
4082
|
}
|
|
5075
4083
|
.mobius-quote-card__ratings-qcp.mobius-text{
|
|
5076
|
-
color:#18181d;
|
|
5077
4084
|
color:var(--color-text);
|
|
5078
4085
|
margin:0;
|
|
5079
4086
|
}
|
|
5080
4087
|
.mobius-quote-cards__grid{
|
|
5081
4088
|
--column-count:1;
|
|
5082
4089
|
display:grid;
|
|
5083
|
-
grid-template-columns:repeat(1, 1fr);
|
|
5084
4090
|
grid-template-columns:repeat(var(--column-count), 1fr);
|
|
5085
|
-
grid-gap:16px;
|
|
5086
|
-
grid-gap:var(--size-sm);
|
|
5087
|
-
gap:16px;
|
|
5088
4091
|
gap:var(--size-sm);
|
|
5089
4092
|
padding-left:0;
|
|
5090
|
-
margin-top:16px;
|
|
5091
4093
|
margin-top:var(--size-sm);
|
|
5092
|
-
margin-bottom:32px;
|
|
5093
4094
|
margin-bottom:var(--size-lg);
|
|
5094
4095
|
list-style-type:none;
|
|
5095
4096
|
}
|
|
@@ -5104,15 +4105,12 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5104
4105
|
}
|
|
5105
4106
|
.mobius-quote-card__section{
|
|
5106
4107
|
position:relative;
|
|
5107
|
-
font-size:16px;
|
|
5108
4108
|
font-size:var(--font-size-regular);
|
|
5109
4109
|
}
|
|
5110
4110
|
.mobius-quote-card__section.--is-light{
|
|
5111
|
-
background-color:#f3f3f3;
|
|
5112
4111
|
background-color:var(--color-background-light);
|
|
5113
4112
|
}
|
|
5114
4113
|
.mobius-quote-card__section.--is-dark{
|
|
5115
|
-
background-color:#0e0a2b;
|
|
5116
4114
|
background-color:var(--color-azure-700);
|
|
5117
4115
|
}
|
|
5118
4116
|
.mobius-quote-card__section-container{
|
|
@@ -5127,18 +4125,14 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5127
4125
|
}
|
|
5128
4126
|
}
|
|
5129
4127
|
.mobius-quote-card__tag{
|
|
5130
|
-
padding-top:16px;
|
|
5131
4128
|
padding-top:var(--size-sm);
|
|
5132
|
-
border-top:1px solid #f3f3f3;
|
|
5133
4129
|
border-top:1px solid var(--color-border-light);
|
|
5134
4130
|
}
|
|
5135
4131
|
.mobius-quote-card__tag .--is-small{
|
|
5136
4132
|
margin:0;
|
|
5137
|
-
color:#18181d;
|
|
5138
4133
|
color:var(--color-text);
|
|
5139
4134
|
}
|
|
5140
4135
|
.mobius-quote-card__tag svg{
|
|
5141
|
-
margin-right:4px;
|
|
5142
4136
|
margin-right:var(--size-xxs);
|
|
5143
4137
|
}
|
|
5144
4138
|
.mobius-quote-details__drawer.mobius-drawer{
|
|
@@ -5156,14 +4150,12 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5156
4150
|
.mobius-quote-details__drawer.mobius-drawer .mobius-drawer__content,
|
|
5157
4151
|
.mobius-quote-details__drawer.mobius-drawer .mobius-drawer__header,
|
|
5158
4152
|
.mobius-quote-details__drawer.mobius-drawer .mobius-quote-details-drawer__footer{
|
|
5159
|
-
padding:16px;
|
|
5160
4153
|
padding:var(--size-sm);
|
|
5161
4154
|
}
|
|
5162
4155
|
@media (min-width: 850px){
|
|
5163
4156
|
.mobius-quote-details__drawer.mobius-drawer .mobius-drawer__content,
|
|
5164
4157
|
.mobius-quote-details__drawer.mobius-drawer .mobius-drawer__header,
|
|
5165
4158
|
.mobius-quote-details__drawer.mobius-drawer .mobius-quote-details-drawer__footer{
|
|
5166
|
-
padding:32px;
|
|
5167
4159
|
padding:var(--size-lg);
|
|
5168
4160
|
}
|
|
5169
4161
|
}
|
|
@@ -5171,56 +4163,40 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5171
4163
|
padding-top:0;
|
|
5172
4164
|
}
|
|
5173
4165
|
.mobius-quote-details__drawer.mobius-drawer .mobius-drawer__header{
|
|
5174
|
-
padding-bottom:16px;
|
|
5175
4166
|
padding-bottom:var(--size-sm);
|
|
5176
|
-
border-bottom:1px solid #d1d1d2;
|
|
5177
4167
|
border-bottom:1px solid var(--color-border);
|
|
5178
4168
|
}
|
|
5179
4169
|
.mobius-quote-details__drawer.mobius-drawer .mobius-quote-card__coverage{
|
|
5180
|
-
padding-top:32px;
|
|
5181
4170
|
padding-top:var(--size-lg);
|
|
5182
4171
|
border-right:none;
|
|
5183
4172
|
}
|
|
5184
4173
|
.mobius-quote-details__drawer.mobius-drawer .mobius-quote-card__coverage-title.mobius-text{
|
|
5185
4174
|
text-transform:none;
|
|
5186
|
-
font-size:20px;
|
|
5187
4175
|
font-size:var(--font-size-lead);
|
|
5188
|
-
font-weight:700;
|
|
5189
4176
|
font-weight:var(--font-weight-bold);
|
|
5190
|
-
line-height:1.5;
|
|
5191
4177
|
line-height:var(--line-height-normal);
|
|
5192
4178
|
}
|
|
5193
4179
|
.mobius-quote-details__insurer-container{
|
|
5194
|
-
margin-bottom:32px;
|
|
5195
4180
|
margin-bottom:var(--size-lg);
|
|
5196
4181
|
}
|
|
5197
4182
|
.mobius-quote-details__insurer-container p{
|
|
5198
4183
|
margin:0;
|
|
5199
4184
|
}
|
|
5200
4185
|
.mobius-quote-details__insurer-container span{
|
|
5201
|
-
font-size:14px;
|
|
5202
4186
|
font-size:var(--font-size-small-paragraph);
|
|
5203
4187
|
}
|
|
5204
4188
|
.mobius-quote-details__insurer{
|
|
5205
4189
|
display:grid;
|
|
5206
|
-
margin-top:16px;
|
|
5207
4190
|
margin-top:var(--size-sm);
|
|
5208
|
-
grid-gap:16px;
|
|
5209
|
-
grid-gap:var(--size-sm);
|
|
5210
|
-
gap:16px;
|
|
5211
4191
|
gap:var(--size-sm);
|
|
5212
|
-
color:#5d5d60;
|
|
5213
4192
|
color:var(--color-text-medium);
|
|
5214
|
-
font-size:14px;
|
|
5215
4193
|
font-size:var(--font-size-small-paragraph);
|
|
5216
4194
|
}
|
|
5217
4195
|
.mobius-quote-details__logo{
|
|
5218
4196
|
max-width:144px;
|
|
5219
4197
|
max-height:40px;
|
|
5220
|
-
|
|
5221
|
-
|
|
5222
|
-
-o-object-position:left;
|
|
5223
|
-
object-position:left;
|
|
4198
|
+
object-fit:contain;
|
|
4199
|
+
object-position:left;
|
|
5224
4200
|
}
|
|
5225
4201
|
.mobius-skeleton{
|
|
5226
4202
|
flex:1;
|
|
@@ -5240,29 +4216,22 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5240
4216
|
.mobius-quote-help__grid{
|
|
5241
4217
|
display:grid;
|
|
5242
4218
|
grid-template-columns:auto 1fr;
|
|
5243
|
-
grid-gap:16px;
|
|
5244
|
-
grid-gap:var(--size-sm);
|
|
5245
|
-
gap:16px;
|
|
5246
4219
|
gap:var(--size-sm);
|
|
5247
4220
|
margin-left:auto;
|
|
5248
4221
|
margin-right:auto;
|
|
5249
|
-
max-width:-moz-max-content;
|
|
5250
4222
|
max-width:max-content;
|
|
5251
4223
|
}
|
|
5252
4224
|
.mobius-quote-help__avatar{
|
|
5253
4225
|
width:var(--chopin-quote-help-avatar-size);
|
|
5254
4226
|
height:var(--chopin-quote-help-avatar-size);
|
|
5255
4227
|
border-radius:50%;
|
|
5256
|
-
|
|
5257
|
-
object-fit:cover;
|
|
4228
|
+
object-fit:cover;
|
|
5258
4229
|
}
|
|
5259
4230
|
.mobius-quote-help__message{
|
|
5260
4231
|
position:relative;
|
|
5261
4232
|
background-color:var(--chopin-quote-help-message-background);
|
|
5262
4233
|
border-radius:var(--chopin-quote-help-avatar-border-radius);
|
|
5263
|
-
padding:16px;
|
|
5264
4234
|
padding:var(--size-sm);
|
|
5265
|
-
max-width:-moz-fit-content;
|
|
5266
4235
|
max-width:fit-content;
|
|
5267
4236
|
}
|
|
5268
4237
|
.mobius-quote-help__message::before{
|
|
@@ -5280,25 +4249,19 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5280
4249
|
}
|
|
5281
4250
|
.mobius-quote-help__contact-container{
|
|
5282
4251
|
flex-direction:column;
|
|
5283
|
-
gap:16px;
|
|
5284
4252
|
gap:var(--size-sm);
|
|
5285
|
-
border-bottom:1px solid #ffffff;
|
|
5286
4253
|
border-bottom:1px solid var(--color-background);
|
|
5287
|
-
padding-bottom:8px;
|
|
5288
4254
|
padding-bottom:var(--size-xs);
|
|
5289
4255
|
}
|
|
5290
4256
|
@media (min-width: 640px){
|
|
5291
4257
|
.mobius-quote-help__contact-container{
|
|
5292
4258
|
flex-direction:row;
|
|
5293
|
-
gap:8px;
|
|
5294
4259
|
gap:var(--size-xs);
|
|
5295
4260
|
}
|
|
5296
4261
|
|
|
5297
4262
|
.mobius-quote-help__contact-container .mobius-quote-help__chat-link{
|
|
5298
|
-
border-left:1px solid #ffffff;
|
|
5299
4263
|
border-left:1px solid var(--color-background);
|
|
5300
4264
|
border-radius:0;
|
|
5301
|
-
padding-left:8px;
|
|
5302
4265
|
padding-left:var(--size-xs);
|
|
5303
4266
|
}
|
|
5304
4267
|
}
|
|
@@ -5308,17 +4271,8 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5308
4271
|
}
|
|
5309
4272
|
.mobius-referral{
|
|
5310
4273
|
display:grid;
|
|
5311
|
-
|
|
5312
|
-
grid-column-gap:var(--size-xl);
|
|
5313
|
-
-moz-column-gap:40px;
|
|
5314
|
-
column-gap:40px;
|
|
5315
|
-
-moz-column-gap:var(--size-xl);
|
|
5316
|
-
column-gap:var(--size-xl);
|
|
5317
|
-
grid-row-gap:16px;
|
|
5318
|
-
grid-row-gap:var(--size-sm);
|
|
5319
|
-
row-gap:16px;
|
|
4274
|
+
column-gap:var(--size-xl);
|
|
5320
4275
|
row-gap:var(--size-sm);
|
|
5321
|
-
margin-bottom:32px;
|
|
5322
4276
|
margin-bottom:var(--size-lg);
|
|
5323
4277
|
grid-template-areas:"referralText" "nextCoverage" "trustSection";
|
|
5324
4278
|
}
|
|
@@ -5343,7 +4297,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5343
4297
|
flex-direction:column;
|
|
5344
4298
|
max-width:var(--trade-selector-max-width);
|
|
5345
4299
|
width:100%;
|
|
5346
|
-
margin-bottom:16px;
|
|
5347
4300
|
margin-bottom:var(--size-sm);
|
|
5348
4301
|
}
|
|
5349
4302
|
.mobius-trade-selector__description{
|
|
@@ -5356,20 +4309,14 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5356
4309
|
.mobius-trade-selector__input-container.--is-editing{
|
|
5357
4310
|
display:grid;
|
|
5358
4311
|
grid-template-columns:1fr auto;
|
|
5359
|
-
grid-gap:16px;
|
|
5360
|
-
grid-gap:var(--size-sm);
|
|
5361
|
-
gap:16px;
|
|
5362
4312
|
gap:var(--size-sm);
|
|
5363
4313
|
}
|
|
5364
4314
|
.mobius-trade-selector__results{
|
|
5365
4315
|
position:relative;
|
|
5366
4316
|
z-index:99999;
|
|
5367
4317
|
width:100%;
|
|
5368
|
-
border:2px solid #9084e8;
|
|
5369
4318
|
border:var(--border-default);
|
|
5370
|
-
border-radius:4px;
|
|
5371
4319
|
border-radius:var(--radius-1);
|
|
5372
|
-
background-color:#ffffff;
|
|
5373
4320
|
background-color:var(--color-background);
|
|
5374
4321
|
margin-top:3px;
|
|
5375
4322
|
padding:0;
|
|
@@ -5379,18 +4326,13 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5379
4326
|
.mobius-trade-selector__list-title{
|
|
5380
4327
|
display:block;
|
|
5381
4328
|
padding:12px 20px;
|
|
5382
|
-
font-size:12px;
|
|
5383
4329
|
font-size:var(--font-size-small-print);
|
|
5384
|
-
line-height:1.333;
|
|
5385
4330
|
line-height:var(--line-height-tight);
|
|
5386
4331
|
text-transform:uppercase;
|
|
5387
|
-
background-color:#f3f3f3;
|
|
5388
4332
|
background-color:var(--color-background-light);
|
|
5389
|
-
color:#5d5d60;
|
|
5390
4333
|
color:var(--color-text-medium);
|
|
5391
4334
|
}
|
|
5392
4335
|
.mobius-trade-selector__list-title-link{
|
|
5393
|
-
color:#5d5d60;
|
|
5394
4336
|
color:var(--color-text-medium);
|
|
5395
4337
|
}
|
|
5396
4338
|
.mobius-trade-selector__list{
|
|
@@ -5403,12 +4345,9 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5403
4345
|
.mobius-trade-selector__button{
|
|
5404
4346
|
padding:0;
|
|
5405
4347
|
border:none;
|
|
5406
|
-
font-family:museosans, Arial, sans-serif;
|
|
5407
4348
|
font-family:var(--font-family);
|
|
5408
4349
|
font-size:inherit;
|
|
5409
|
-
|
|
5410
|
-
-moz-appearance:none;
|
|
5411
|
-
appearance:none;
|
|
4350
|
+
appearance:none;
|
|
5412
4351
|
text-align:left;
|
|
5413
4352
|
background-color:transparent;
|
|
5414
4353
|
}
|
|
@@ -5416,11 +4355,8 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5416
4355
|
display:block;
|
|
5417
4356
|
width:100%;
|
|
5418
4357
|
padding:12px 20px;
|
|
5419
|
-
color:#4632d8;
|
|
5420
4358
|
color:var(--color-primary);
|
|
5421
|
-
font-size:16px;
|
|
5422
4359
|
font-size:var(--font-size-regular);
|
|
5423
|
-
line-height:1.333;
|
|
5424
4360
|
line-height:var(--line-height-tight);
|
|
5425
4361
|
cursor:pointer;
|
|
5426
4362
|
outline:none;
|
|
@@ -5428,16 +4364,12 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5428
4364
|
text-decoration:underline;
|
|
5429
4365
|
}
|
|
5430
4366
|
.mobius-trade-selector__option:hover{
|
|
5431
|
-
border-color:#4632d8;
|
|
5432
4367
|
border-color:var(--color-primary);
|
|
5433
|
-
background-color:#f6f5fd;
|
|
5434
4368
|
background-color:var(--color-background-highlight);
|
|
5435
4369
|
}
|
|
5436
4370
|
.mobius-trade-selector__option:focus-visible,
|
|
5437
4371
|
.mobius-trade-selector__option.--is-selected{
|
|
5438
|
-
color:#4632d8;
|
|
5439
4372
|
color:var(--color-primary);
|
|
5440
|
-
background-color:#f6f5fd;
|
|
5441
4373
|
background-color:var(--color-background-highlight);
|
|
5442
4374
|
}
|
|
5443
4375
|
.mobius-trust-section__header{
|
|
@@ -5462,9 +4394,6 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5462
4394
|
display:grid;
|
|
5463
4395
|
grid-template-columns:1fr;
|
|
5464
4396
|
align-items:start;
|
|
5465
|
-
grid-gap:24px;
|
|
5466
|
-
grid-gap:var(--size-md);
|
|
5467
|
-
gap:24px;
|
|
5468
4397
|
gap:var(--size-md);
|
|
5469
4398
|
}
|
|
5470
4399
|
@media (min-width: 640px){
|
|
@@ -5473,10 +4402,10 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5473
4402
|
}
|
|
5474
4403
|
}
|
|
5475
4404
|
.mobius-main{
|
|
5476
|
-
padding-top:32px;
|
|
5477
4405
|
padding-top:var(--size-lg);
|
|
5478
|
-
padding-bottom:calc(32px + 48px);
|
|
5479
4406
|
padding-bottom:calc(var(--size-lg) + var(--size-xxl));
|
|
4407
|
+
padding-left:var(--size-sm);
|
|
4408
|
+
padding-right:var(--size-sm);
|
|
5480
4409
|
}
|
|
5481
4410
|
:root,
|
|
5482
4411
|
:host{
|
|
@@ -5492,42 +4421,32 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5492
4421
|
line-height:1;
|
|
5493
4422
|
}
|
|
5494
4423
|
.mobius-date-picker__field-button{
|
|
5495
|
-
min-width:48px;
|
|
5496
4424
|
min-width:var(--size-xxl);
|
|
5497
4425
|
transition:none;
|
|
5498
4426
|
border-top-left-radius:0;
|
|
5499
|
-
border-top-right-radius:4px;
|
|
5500
4427
|
border-top-right-radius:var(--radius-1);
|
|
5501
4428
|
border-bottom-left-radius:0;
|
|
5502
|
-
border-bottom-right-radius:4px;
|
|
5503
4429
|
border-bottom-right-radius:var(--radius-1);
|
|
5504
4430
|
}
|
|
5505
4431
|
.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),
|
|
5506
4432
|
.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){
|
|
5507
|
-
background-color:#2a1e81;
|
|
5508
4433
|
background-color:var(--color-primary-hover);
|
|
5509
4434
|
}
|
|
5510
4435
|
.mobius-date-picker__field-button.--is-invalid:not(.--is-disabled){
|
|
5511
|
-
background-color:#b90909;
|
|
5512
4436
|
background-color:var(--color-error);
|
|
5513
|
-
border-color:#b90909;
|
|
5514
4437
|
border-color:var(--color-error);
|
|
5515
4438
|
}
|
|
5516
4439
|
.mobius-date-picker__modal{
|
|
5517
4440
|
position:absolute;
|
|
5518
4441
|
margin-top:14px;
|
|
5519
4442
|
display:none;
|
|
5520
|
-
font-family:museosans, Arial, sans-serif;
|
|
5521
4443
|
font-family:var(--font-family);
|
|
5522
4444
|
min-width:280px;
|
|
5523
|
-
background-color:#f3f3f3;
|
|
5524
4445
|
background-color:var(--color-background-light);
|
|
5525
|
-
border:2px solid #9084e8;
|
|
5526
4446
|
border:var(--border-default);
|
|
5527
|
-
border-radius:4px;
|
|
5528
4447
|
border-radius:var(--radius-1);
|
|
5529
4448
|
background-color:var(--color-background-light);
|
|
5530
|
-
box-shadow:0 1px 1px
|
|
4449
|
+
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);
|
|
5531
4450
|
}
|
|
5532
4451
|
.mobius-date-picker__modal.--is-open{
|
|
5533
4452
|
display:inline-block;
|
|
@@ -5542,38 +4461,29 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5542
4461
|
justify-content:space-between;
|
|
5543
4462
|
}
|
|
5544
4463
|
.mobius-date-picker__nav-button{
|
|
5545
|
-
|
|
5546
|
-
-moz-appearance:none;
|
|
5547
|
-
appearance:none;
|
|
4464
|
+
appearance:none;
|
|
5548
4465
|
cursor:pointer;
|
|
5549
4466
|
border:none;
|
|
5550
|
-
color:#4632d8;
|
|
5551
4467
|
color:var(--color-primary);
|
|
5552
4468
|
background-color:transparent;
|
|
5553
|
-
margin:8px;
|
|
5554
4469
|
margin:var(--size-xs);
|
|
5555
4470
|
padding:0;
|
|
5556
4471
|
}
|
|
5557
4472
|
.mobius-date-picker__nav-button .mobius-icon{
|
|
5558
|
-
padding:4px 6px;
|
|
5559
4473
|
padding:var(--size-xxs) 6px;
|
|
5560
|
-
border:2px solid #9084e8;
|
|
5561
4474
|
border:var(--border-default);
|
|
5562
4475
|
border-radius:50%;
|
|
5563
4476
|
}
|
|
5564
4477
|
.mobius-date-picker__nav-button:hover{
|
|
5565
|
-
color:#2a1e81;
|
|
5566
4478
|
color:var(--color-primary-hover);
|
|
5567
4479
|
}
|
|
5568
4480
|
.mobius-date-picker__nav-button:hover .mobius-icon{
|
|
5569
|
-
border-color:#2a1e81;
|
|
5570
4481
|
border-color:var(--color-primary-hover);
|
|
5571
4482
|
}
|
|
5572
4483
|
.mobius-date-picker__nav-button:focus-visible{
|
|
5573
4484
|
outline:none;
|
|
5574
4485
|
}
|
|
5575
4486
|
.mobius-date-picker__nav-button:focus-visible .mobius-icon{
|
|
5576
|
-
box-shadow:0 0 0 2px #e943c9;
|
|
5577
4487
|
box-shadow:var(--box-shadow-default);
|
|
5578
4488
|
}
|
|
5579
4489
|
.mobius-date-picker__caption{
|
|
@@ -5583,18 +4493,13 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5583
4493
|
justify-content:center;
|
|
5584
4494
|
position:absolute;
|
|
5585
4495
|
top:0;
|
|
5586
|
-
left:calc(32px + 8px);
|
|
5587
4496
|
left:calc(var(--size-lg) + var(--size-xs));
|
|
5588
|
-
right:calc(32px + 8px);
|
|
5589
4497
|
right:calc(var(--size-lg) + var(--size-xs));
|
|
5590
|
-
margin:0 8px;
|
|
5591
4498
|
margin:0 var(--size-xs);
|
|
5592
4499
|
}
|
|
5593
4500
|
.mobius-date-picker__caption-label{
|
|
5594
4501
|
font-weight:normal;
|
|
5595
|
-
font-size:20px;
|
|
5596
4502
|
font-size:var(--font-size-lead);
|
|
5597
|
-
color:#4632d8;
|
|
5598
4503
|
color:var(--color-primary);
|
|
5599
4504
|
text-transform:uppercase;
|
|
5600
4505
|
}
|
|
@@ -5604,29 +4509,20 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5604
4509
|
border-spacing:0;
|
|
5605
4510
|
}
|
|
5606
4511
|
.mobius-date-picker__weekday{
|
|
5607
|
-
color:#5d5d60;
|
|
5608
4512
|
color:var(--color-text-medium);
|
|
5609
|
-
font-size:12px;
|
|
5610
4513
|
font-size:var(--font-size-small-print);
|
|
5611
|
-
padding:8px 4px;
|
|
5612
4514
|
padding:var(--size-xs) var(--size-xxs);
|
|
5613
4515
|
}
|
|
5614
4516
|
.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{
|
|
5615
|
-
background-color:#ffffff;
|
|
5616
4517
|
background-color:var(--color-background);
|
|
5617
4518
|
}
|
|
5618
4519
|
.mobius-date-picker__day.--is-focused .mobius-date-picker__day-button{
|
|
5619
|
-
border-radius:4px;
|
|
5620
4520
|
border-radius:var(--radius-1);
|
|
5621
|
-
outline:solid 2px #e943c9;
|
|
5622
4521
|
outline:solid var(--size-focus-ring) var(--color-focus);
|
|
5623
4522
|
}
|
|
5624
4523
|
.mobius-date-picker__day.--is-selected .mobius-date-picker__day-button{
|
|
5625
|
-
background-color:#4632d8;
|
|
5626
4524
|
background-color:var(--color-primary);
|
|
5627
|
-
color:#ffffff;
|
|
5628
4525
|
color:var(--color-text-inverted);
|
|
5629
|
-
border-radius:4px;
|
|
5630
4526
|
border-radius:var(--radius-1);
|
|
5631
4527
|
}
|
|
5632
4528
|
.mobius-date-picker__day.--is-outside .mobius-date-picker__day-button, .mobius-date-picker__day.--is-disabled .mobius-date-picker__day-button{
|
|
@@ -5636,18 +4532,11 @@ svg:not(:host).svg-inline--mobius-icon{
|
|
|
5636
4532
|
.mobius-date-picker__day-button{
|
|
5637
4533
|
display:flex;
|
|
5638
4534
|
justify-content:center;
|
|
5639
|
-
align-items:center;
|
|
5640
|
-
justify-items:center;
|
|
5641
4535
|
place-items:center;
|
|
5642
|
-
width:38px;
|
|
5643
4536
|
width:var(--date-picker-day-size);
|
|
5644
|
-
height:38px;
|
|
5645
4537
|
height:var(--date-picker-day-size);
|
|
5646
|
-
font-family:museosans, Arial, sans-serif;
|
|
5647
4538
|
font-family:var(--font-family);
|
|
5648
|
-
font-size:16px;
|
|
5649
4539
|
font-size:var(--font-size-3);
|
|
5650
|
-
color:#18181d;
|
|
5651
4540
|
color:var(--color-text);
|
|
5652
4541
|
border:none;
|
|
5653
4542
|
cursor:pointer;
|
|
@@ -5661,7 +4550,6 @@ body{
|
|
|
5661
4550
|
margin:0;
|
|
5662
4551
|
}
|
|
5663
4552
|
body{
|
|
5664
|
-
background-color:transparent;
|
|
5665
4553
|
background-color:var(--color-background-body);
|
|
5666
4554
|
}
|
|
5667
4555
|
|