@entur-partner/common 4.0.3 → 4.0.7

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.
Files changed (10) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/ExpandableMultiLanguageInput.d.ts +1 -3
  3. package/dist/common.cjs.development.js +159 -126
  4. package/dist/common.cjs.development.js.map +1 -1
  5. package/dist/common.cjs.production.min.js +1 -1
  6. package/dist/common.cjs.production.min.js.map +1 -1
  7. package/dist/common.esm.js +65 -40
  8. package/dist/common.esm.js.map +1 -1
  9. package/dist/styles.css +680 -680
  10. package/package.json +12 -12
package/dist/styles.css CHANGED
@@ -1,17 +1,52 @@
1
1
  :root {
2
2
  --eps-common: 1;
3
- }.multi-language-input:focus {
4
- outline: none;
5
- }.eps-unbutton, .eps-unbutton:hover, .eps-unbutton:focus, .eps-unbutton:active:focus, .eps-unbutton:active:hover, .eps-unbutton:active {
3
+ }/* DO NOT CHANGE!*/
4
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
5
+ button.eps-link-button {
6
+ cursor: pointer;
7
+ }
8
+ button.eps-link-button, button.eps-link-button:hover, button.eps-link-button:focus, button.eps-link-button:active:focus, button.eps-link-button:active:hover, button.eps-link-button:active {
6
9
  background: none;
7
10
  background-color: inherit;
8
- color: inherit;
9
11
  border: none;
10
12
  padding: 0;
11
- font: inherit;
12
- outline: inherit;
13
- height: inherit;
14
- min-width: inherit;
13
+ }
14
+ button.eps-link-button:hover {
15
+ color: #aeb7e2;
16
+ }/* DO NOT CHANGE!*/
17
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
18
+ /* DO NOT CHANGE!*/
19
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
20
+ .eps-action-bar {
21
+ position: fixed;
22
+ bottom: 0;
23
+ left: 0;
24
+ right: 0;
25
+ background-color: #f8f8f8;
26
+ border-top: 2px solid #e9e9e9;
27
+ padding: 15px 15px 15px 80px;
28
+ display: flex;
29
+ justify-content: space-between;
30
+ z-index: 1;
31
+ }
32
+ @media screen and (min-width: 50rem) {
33
+ .eps-action-bar {
34
+ left: 20rem;
35
+ }
36
+ }
37
+ .eps-action-bar-right {
38
+ display: flex;
39
+ align-items: flex-start;
40
+ }
41
+ .eps-action-bar-right > *:not(:first-child) {
42
+ margin-left: 1rem;
43
+ }
44
+ .eps-action-bar-left > *:not(:first-child) {
45
+ margin-left: 1rem;
46
+ }
47
+
48
+ .eps-action-bar-padding {
49
+ height: 100px;
15
50
  }/* DO NOT CHANGE!*/
16
51
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
17
52
  .eps-logo-wrapper {
@@ -22,27 +57,33 @@
22
57
  width: 170px;
23
58
  }/* DO NOT CHANGE!*/
24
59
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
25
- .eps-language-select {
26
- color: #181c56;
27
- }
28
- .eps-language-select label {
29
- flex: initial;
60
+ /* DO NOT CHANGE!*/
61
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
62
+ .eps-menu {
63
+ position: relative;
64
+ width: 100%;
65
+ z-index: 30;
30
66
  }
31
- .eps-language-select .asterisk-margin {
32
- margin-left: 0.125rem;
67
+ @media screen and (min-width: 50rem) {
68
+ .eps-menu {
69
+ left: 0;
70
+ top: 0;
71
+ position: fixed;
72
+ height: 100vh;
73
+ width: 20rem;
74
+ overflow-y: scroll;
75
+ }
33
76
  }/* DO NOT CHANGE!*/
34
77
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
35
- button.eps-link-button {
36
- cursor: pointer;
37
- }
38
- button.eps-link-button, button.eps-link-button:hover, button.eps-link-button:focus, button.eps-link-button:active:focus, button.eps-link-button:active:hover, button.eps-link-button:active {
39
- background: none;
40
- background-color: inherit;
41
- border: none;
42
- padding: 0;
78
+ /* DO NOT CHANGE!*/
79
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
80
+ .eps-content {
81
+ margin: 1rem;
43
82
  }
44
- button.eps-link-button:hover {
45
- color: #aeb7e2;
83
+ @media screen and (min-width: 50rem) {
84
+ .eps-content {
85
+ margin: 1.5rem 1.5rem 1.5rem 22rem;
86
+ }
46
87
  }/* DO NOT CHANGE!*/
47
88
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
48
89
  /**
@@ -134,71 +175,26 @@ button.eps-link-button:hover {
134
175
  border: solid 0.0625rem #54568c;
135
176
  }/* DO NOT CHANGE!*/
136
177
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
137
- /* DO NOT CHANGE!*/
138
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
139
- .eps-content {
140
- margin: 1rem;
141
- }
142
- @media screen and (min-width: 50rem) {
143
- .eps-content {
144
- margin: 1.5rem 1.5rem 1.5rem 22rem;
145
- }
146
- }/* DO NOT CHANGE!*/
147
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
148
- /* DO NOT CHANGE!*/
149
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
150
- .eps-menu {
151
- position: relative;
152
- width: 100%;
153
- z-index: 30;
154
- }
155
- @media screen and (min-width: 50rem) {
156
- .eps-menu {
157
- left: 0;
158
- top: 0;
159
- position: fixed;
160
- height: 100vh;
161
- width: 20rem;
162
- overflow-y: auto;
163
- }
164
- }/* DO NOT CHANGE!*/
165
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
166
- /* DO NOT CHANGE!*/
167
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
168
- .eps-action-bar {
169
- position: fixed;
170
- bottom: 0;
171
- left: 0;
172
- right: 0;
173
- background-color: #f8f8f8;
174
- border-top: 2px solid #e9e9e9;
175
- padding: 15px 15px 15px 80px;
176
- display: flex;
177
- justify-content: space-between;
178
- z-index: 1;
179
- }
180
- @media screen and (min-width: 50rem) {
181
- .eps-action-bar {
182
- left: 20rem;
183
- }
184
- }
185
- .eps-action-bar-right {
186
- display: flex;
187
- align-items: flex-start;
188
- }
189
- .eps-action-bar-right > *:not(:first-child) {
190
- margin-left: 1rem;
178
+ .eps-language-select {
179
+ color: #181c56;
191
180
  }
192
- .eps-action-bar-left > *:not(:first-child) {
193
- margin-left: 1rem;
181
+ .eps-language-select label {
182
+ flex: initial;
194
183
  }
195
-
196
- .eps-action-bar-padding {
197
- height: 100px;
198
- }/* DO NOT CHANGE!*/
199
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
200
- .eps-confirm-modal-content {
201
- margin-bottom: 1rem;
184
+ .eps-language-select .asterisk-margin {
185
+ margin-left: 0.125rem;
186
+ }.eps-unbutton, .eps-unbutton:hover, .eps-unbutton:focus, .eps-unbutton:active:focus, .eps-unbutton:active:hover, .eps-unbutton:active {
187
+ background: none;
188
+ background-color: inherit;
189
+ color: inherit;
190
+ border: none;
191
+ padding: 0;
192
+ font: inherit;
193
+ outline: inherit;
194
+ height: inherit;
195
+ min-width: inherit;
196
+ }.multi-language-input:focus {
197
+ outline: none;
202
198
  }/* DO NOT CHANGE!*/
203
199
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
204
200
  .ep-audit-info {
@@ -214,557 +210,262 @@ button.eps-link-button:hover {
214
210
  .ep-audit-info-label {
215
211
  margin-right: 3rem;
216
212
  font-weight: 600;
217
- }ol.eds-breadcrumbs {
218
- padding: 0;
219
213
  }/* DO NOT CHANGE!*/
220
214
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
221
- .eps-status-label {
222
- display: flex;
223
- align-items: center;
224
- }
225
- .eps-status-label.center {
226
- justify-content: center;
227
- }
228
- .eps-status-label__bullet {
229
- padding: 5px;
230
- margin-bottom: 4px;
231
- border-radius: 50%;
232
- background: #d1d3d3;
233
- margin-right: 10px;
234
- }
235
- .eps-status-label__bullet.aggressive {
236
- background: #ff5959;
237
- }
238
- .eps-status-label__bullet.active {
239
- background: #1a8e60;
215
+ .eps-confirm-modal-content {
216
+ margin-bottom: 1rem;
240
217
  }/* DO NOT CHANGE!*/
241
218
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
242
219
  /* DO NOT CHANGE!*/
243
220
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
244
- .eps-font-size-extraSmall {
245
- font-size: 0.625rem;
221
+ .eps-pt-none {
222
+ padding-top: 0rem;
246
223
  }
247
224
 
248
- .eps-font-size-small {
249
- font-size: 0.75rem;
225
+ .eps-pt-extraSmall2 {
226
+ padding-top: 0.25rem;
250
227
  }
251
228
 
252
- .eps-font-size-medium {
253
- font-size: 0.875rem;
229
+ .eps-pt-extraSmall {
230
+ padding-top: 0.5rem;
254
231
  }
255
232
 
256
- .eps-font-size-large {
257
- font-size: 1rem;
233
+ .eps-pt-small {
234
+ padding-top: 0.75rem;
258
235
  }
259
236
 
260
- .eps-font-size-extraLarge {
261
- font-size: 1.25rem;
237
+ .eps-pt-medium {
238
+ padding-top: 1rem;
262
239
  }
263
240
 
264
- .eps-font-size-extraLarge2 {
265
- font-size: 1.5rem;
241
+ .eps-pt-large {
242
+ padding-top: 1.5rem;
266
243
  }
267
244
 
268
- .eps-font-size-extraLarge3 {
269
- font-size: 1.75rem;
245
+ .eps-pt-extraLarge {
246
+ padding-top: 2rem;
270
247
  }
271
248
 
272
- .eps-font-size-extraLarge4 {
273
- font-size: 2rem;
249
+ .eps-pt-extraLarge2 {
250
+ padding-top: 2.5rem;
274
251
  }
275
252
 
276
- @media screen and (min-width: 50rem) {
277
- .eps-font-size-extraSmall-lg {
278
- font-size: 0.625rem;
279
- }
253
+ .eps-pt-extraLarge3 {
254
+ padding-top: 3rem;
280
255
  }
281
- @media screen and (min-width: 50rem) {
282
- .eps-font-size-small-lg {
283
- font-size: 0.75rem;
284
- }
256
+
257
+ .eps-pt-extraLarge4 {
258
+ padding-top: 3.5rem;
285
259
  }
286
- @media screen and (min-width: 50rem) {
287
- .eps-font-size-medium-lg {
288
- font-size: 0.875rem;
289
- }
260
+
261
+ .eps-pt-extraLarge5 {
262
+ padding-top: 4rem;
290
263
  }
291
- @media screen and (min-width: 50rem) {
292
- .eps-font-size-large-lg {
293
- font-size: 1rem;
294
- }
264
+
265
+ .eps-pt-extraLarge6 {
266
+ padding-top: 4.5rem;
295
267
  }
296
- @media screen and (min-width: 50rem) {
297
- .eps-font-size-extraLarge-lg {
298
- font-size: 1.25rem;
299
- }
268
+
269
+ .eps-pt-extraLarge7 {
270
+ padding-top: 5rem;
300
271
  }
301
- @media screen and (min-width: 50rem) {
302
- .eps-font-size-extraLarge2-lg {
303
- font-size: 1.5rem;
304
- }
272
+
273
+ .eps-pt-extraLarge8 {
274
+ padding-top: 5.5rem;
305
275
  }
306
- @media screen and (min-width: 50rem) {
307
- .eps-font-size-extraLarge3-lg {
308
- font-size: 1.75rem;
309
- }
276
+
277
+ .eps-pt-extraLarge9 {
278
+ padding-top: 6rem;
310
279
  }
280
+
311
281
  @media screen and (min-width: 50rem) {
312
- .eps-font-size-extraLarge4-lg {
313
- font-size: 2rem;
314
- }
315
- }
316
- @media screen and (min-width: 75rem) {
317
- .eps-font-size-extraSmall-xl {
318
- font-size: 0.625rem;
282
+ .eps-pt-none-lg {
283
+ padding-top: 0rem;
319
284
  }
320
285
  }
321
- @media screen and (min-width: 75rem) {
322
- .eps-font-size-small-xl {
323
- font-size: 0.75rem;
286
+ @media screen and (min-width: 50rem) {
287
+ .eps-pt-extraSmall2-lg {
288
+ padding-top: 0.25rem;
324
289
  }
325
290
  }
326
- @media screen and (min-width: 75rem) {
327
- .eps-font-size-medium-xl {
328
- font-size: 0.875rem;
291
+ @media screen and (min-width: 50rem) {
292
+ .eps-pt-extraSmall-lg {
293
+ padding-top: 0.5rem;
329
294
  }
330
295
  }
331
- @media screen and (min-width: 75rem) {
332
- .eps-font-size-large-xl {
333
- font-size: 1rem;
296
+ @media screen and (min-width: 50rem) {
297
+ .eps-pt-small-lg {
298
+ padding-top: 0.75rem;
334
299
  }
335
300
  }
336
- @media screen and (min-width: 75rem) {
337
- .eps-font-size-extraLarge-xl {
338
- font-size: 1.25rem;
301
+ @media screen and (min-width: 50rem) {
302
+ .eps-pt-medium-lg {
303
+ padding-top: 1rem;
339
304
  }
340
305
  }
341
- @media screen and (min-width: 75rem) {
342
- .eps-font-size-extraLarge2-xl {
343
- font-size: 1.5rem;
306
+ @media screen and (min-width: 50rem) {
307
+ .eps-pt-large-lg {
308
+ padding-top: 1.5rem;
344
309
  }
345
310
  }
346
- @media screen and (min-width: 75rem) {
347
- .eps-font-size-extraLarge3-xl {
348
- font-size: 1.75rem;
311
+ @media screen and (min-width: 50rem) {
312
+ .eps-pt-extraLarge-lg {
313
+ padding-top: 2rem;
349
314
  }
350
315
  }
351
- @media screen and (min-width: 75rem) {
352
- .eps-font-size-extraLarge4-xl {
353
- font-size: 2rem;
316
+ @media screen and (min-width: 50rem) {
317
+ .eps-pt-extraLarge2-lg {
318
+ padding-top: 2.5rem;
354
319
  }
355
320
  }
356
- .eps-line-height-extraSmall {
357
- line-height: 0.875rem;
358
- }
359
-
360
- .eps-line-height-small {
361
- line-height: 1rem;
362
- }
363
-
364
- .eps-line-height-medium {
365
- line-height: 1.25rem;
366
- }
367
-
368
- .eps-line-height-large {
369
- line-height: 1.375rem;
370
- }
371
-
372
- .eps-line-height-extraLarge {
373
- line-height: 1.5rem;
374
- }
375
-
376
- .eps-line-height-extraLarge2 {
377
- line-height: 1.75rem;
378
- }
379
-
380
- .eps-line-height-extraLarge3 {
381
- line-height: 1.875rem;
382
- }
383
-
384
- .eps-line-height-extraLarge4 {
385
- line-height: 2.25rem;
386
- }
387
-
388
- .eps-line-height-extraLarge5 {
389
- line-height: 2.625rem;
390
- }
391
-
392
- .eps-line-height-extraLarge6 {
393
- line-height: 3rem;
394
- }
395
-
396
- .eps-line-height-extraLarge7 {
397
- line-height: 3.75rem;
398
- }
399
-
400
321
  @media screen and (min-width: 50rem) {
401
- .eps-line-height-extraSmall-lg {
402
- line-height: 0.875rem;
322
+ .eps-pt-extraLarge3-lg {
323
+ padding-top: 3rem;
403
324
  }
404
325
  }
405
326
  @media screen and (min-width: 50rem) {
406
- .eps-line-height-small-lg {
407
- line-height: 1rem;
327
+ .eps-pt-extraLarge4-lg {
328
+ padding-top: 3.5rem;
408
329
  }
409
330
  }
410
331
  @media screen and (min-width: 50rem) {
411
- .eps-line-height-medium-lg {
412
- line-height: 1.25rem;
332
+ .eps-pt-extraLarge5-lg {
333
+ padding-top: 4rem;
413
334
  }
414
335
  }
415
336
  @media screen and (min-width: 50rem) {
416
- .eps-line-height-large-lg {
417
- line-height: 1.375rem;
337
+ .eps-pt-extraLarge6-lg {
338
+ padding-top: 4.5rem;
418
339
  }
419
340
  }
420
341
  @media screen and (min-width: 50rem) {
421
- .eps-line-height-extraLarge-lg {
422
- line-height: 1.5rem;
342
+ .eps-pt-extraLarge7-lg {
343
+ padding-top: 5rem;
423
344
  }
424
345
  }
425
346
  @media screen and (min-width: 50rem) {
426
- .eps-line-height-extraLarge2-lg {
427
- line-height: 1.75rem;
347
+ .eps-pt-extraLarge8-lg {
348
+ padding-top: 5.5rem;
428
349
  }
429
350
  }
430
351
  @media screen and (min-width: 50rem) {
431
- .eps-line-height-extraLarge3-lg {
432
- line-height: 1.875rem;
352
+ .eps-pt-extraLarge9-lg {
353
+ padding-top: 6rem;
433
354
  }
434
355
  }
435
- @media screen and (min-width: 50rem) {
436
- .eps-line-height-extraLarge4-lg {
437
- line-height: 2.25rem;
356
+ @media screen and (min-width: 75rem) {
357
+ .eps-pt-none-xl {
358
+ padding-top: 0rem;
438
359
  }
439
360
  }
440
- @media screen and (min-width: 50rem) {
441
- .eps-line-height-extraLarge5-lg {
442
- line-height: 2.625rem;
361
+ @media screen and (min-width: 75rem) {
362
+ .eps-pt-extraSmall2-xl {
363
+ padding-top: 0.25rem;
443
364
  }
444
365
  }
445
- @media screen and (min-width: 50rem) {
446
- .eps-line-height-extraLarge6-lg {
447
- line-height: 3rem;
366
+ @media screen and (min-width: 75rem) {
367
+ .eps-pt-extraSmall-xl {
368
+ padding-top: 0.5rem;
448
369
  }
449
370
  }
450
- @media screen and (min-width: 50rem) {
451
- .eps-line-height-extraLarge7-lg {
452
- line-height: 3.75rem;
371
+ @media screen and (min-width: 75rem) {
372
+ .eps-pt-small-xl {
373
+ padding-top: 0.75rem;
453
374
  }
454
375
  }
455
376
  @media screen and (min-width: 75rem) {
456
- .eps-line-height-extraSmall-xl {
457
- line-height: 0.875rem;
377
+ .eps-pt-medium-xl {
378
+ padding-top: 1rem;
458
379
  }
459
380
  }
460
381
  @media screen and (min-width: 75rem) {
461
- .eps-line-height-small-xl {
462
- line-height: 1rem;
382
+ .eps-pt-large-xl {
383
+ padding-top: 1.5rem;
463
384
  }
464
385
  }
465
386
  @media screen and (min-width: 75rem) {
466
- .eps-line-height-medium-xl {
467
- line-height: 1.25rem;
387
+ .eps-pt-extraLarge-xl {
388
+ padding-top: 2rem;
468
389
  }
469
390
  }
470
391
  @media screen and (min-width: 75rem) {
471
- .eps-line-height-large-xl {
472
- line-height: 1.375rem;
392
+ .eps-pt-extraLarge2-xl {
393
+ padding-top: 2.5rem;
473
394
  }
474
395
  }
475
396
  @media screen and (min-width: 75rem) {
476
- .eps-line-height-extraLarge-xl {
477
- line-height: 1.5rem;
397
+ .eps-pt-extraLarge3-xl {
398
+ padding-top: 3rem;
478
399
  }
479
400
  }
480
401
  @media screen and (min-width: 75rem) {
481
- .eps-line-height-extraLarge2-xl {
482
- line-height: 1.75rem;
402
+ .eps-pt-extraLarge4-xl {
403
+ padding-top: 3.5rem;
483
404
  }
484
405
  }
485
406
  @media screen and (min-width: 75rem) {
486
- .eps-line-height-extraLarge3-xl {
487
- line-height: 1.875rem;
407
+ .eps-pt-extraLarge5-xl {
408
+ padding-top: 4rem;
488
409
  }
489
410
  }
490
411
  @media screen and (min-width: 75rem) {
491
- .eps-line-height-extraLarge4-xl {
492
- line-height: 2.25rem;
412
+ .eps-pt-extraLarge6-xl {
413
+ padding-top: 4.5rem;
493
414
  }
494
415
  }
495
416
  @media screen and (min-width: 75rem) {
496
- .eps-line-height-extraLarge5-xl {
497
- line-height: 2.625rem;
417
+ .eps-pt-extraLarge7-xl {
418
+ padding-top: 5rem;
498
419
  }
499
420
  }
500
421
  @media screen and (min-width: 75rem) {
501
- .eps-line-height-extraLarge6-xl {
502
- line-height: 3rem;
422
+ .eps-pt-extraLarge8-xl {
423
+ padding-top: 5.5rem;
503
424
  }
504
425
  }
505
426
  @media screen and (min-width: 75rem) {
506
- .eps-line-height-extraLarge7-xl {
507
- line-height: 3.75rem;
427
+ .eps-pt-extraLarge9-xl {
428
+ padding-top: 6rem;
508
429
  }
509
430
  }
510
- .eps-font-weight-body {
511
- font-weight: 0.875rem;
431
+ .eps-pr-none {
432
+ padding-right: 0rem;
512
433
  }
513
434
 
514
- .eps-font-weight-heading {
515
- font-weight: 1rem;
516
- }/* DO NOT CHANGE!*/
517
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
518
- /* DO NOT CHANGE!*/
519
- /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
520
- .eps-pt-none {
521
- padding-top: 0rem;
435
+ .eps-pr-extraSmall2 {
436
+ padding-right: 0.25rem;
522
437
  }
523
438
 
524
- .eps-pt-extraSmall2 {
525
- padding-top: 0.25rem;
439
+ .eps-pr-extraSmall {
440
+ padding-right: 0.5rem;
526
441
  }
527
442
 
528
- .eps-pt-extraSmall {
529
- padding-top: 0.5rem;
443
+ .eps-pr-small {
444
+ padding-right: 0.75rem;
530
445
  }
531
446
 
532
- .eps-pt-small {
533
- padding-top: 0.75rem;
447
+ .eps-pr-medium {
448
+ padding-right: 1rem;
534
449
  }
535
450
 
536
- .eps-pt-medium {
537
- padding-top: 1rem;
451
+ .eps-pr-large {
452
+ padding-right: 1.5rem;
538
453
  }
539
454
 
540
- .eps-pt-large {
541
- padding-top: 1.5rem;
455
+ .eps-pr-extraLarge {
456
+ padding-right: 2rem;
542
457
  }
543
458
 
544
- .eps-pt-extraLarge {
545
- padding-top: 2rem;
459
+ .eps-pr-extraLarge2 {
460
+ padding-right: 2.5rem;
546
461
  }
547
462
 
548
- .eps-pt-extraLarge2 {
549
- padding-top: 2.5rem;
463
+ .eps-pr-extraLarge3 {
464
+ padding-right: 3rem;
550
465
  }
551
466
 
552
- .eps-pt-extraLarge3 {
553
- padding-top: 3rem;
554
- }
555
-
556
- .eps-pt-extraLarge4 {
557
- padding-top: 3.5rem;
558
- }
559
-
560
- .eps-pt-extraLarge5 {
561
- padding-top: 4rem;
562
- }
563
-
564
- .eps-pt-extraLarge6 {
565
- padding-top: 4.5rem;
566
- }
567
-
568
- .eps-pt-extraLarge7 {
569
- padding-top: 5rem;
570
- }
571
-
572
- .eps-pt-extraLarge8 {
573
- padding-top: 5.5rem;
574
- }
575
-
576
- .eps-pt-extraLarge9 {
577
- padding-top: 6rem;
578
- }
579
-
580
- @media screen and (min-width: 50rem) {
581
- .eps-pt-none-lg {
582
- padding-top: 0rem;
583
- }
584
- }
585
- @media screen and (min-width: 50rem) {
586
- .eps-pt-extraSmall2-lg {
587
- padding-top: 0.25rem;
588
- }
589
- }
590
- @media screen and (min-width: 50rem) {
591
- .eps-pt-extraSmall-lg {
592
- padding-top: 0.5rem;
593
- }
594
- }
595
- @media screen and (min-width: 50rem) {
596
- .eps-pt-small-lg {
597
- padding-top: 0.75rem;
598
- }
599
- }
600
- @media screen and (min-width: 50rem) {
601
- .eps-pt-medium-lg {
602
- padding-top: 1rem;
603
- }
604
- }
605
- @media screen and (min-width: 50rem) {
606
- .eps-pt-large-lg {
607
- padding-top: 1.5rem;
608
- }
609
- }
610
- @media screen and (min-width: 50rem) {
611
- .eps-pt-extraLarge-lg {
612
- padding-top: 2rem;
613
- }
614
- }
615
- @media screen and (min-width: 50rem) {
616
- .eps-pt-extraLarge2-lg {
617
- padding-top: 2.5rem;
618
- }
619
- }
620
- @media screen and (min-width: 50rem) {
621
- .eps-pt-extraLarge3-lg {
622
- padding-top: 3rem;
623
- }
624
- }
625
- @media screen and (min-width: 50rem) {
626
- .eps-pt-extraLarge4-lg {
627
- padding-top: 3.5rem;
628
- }
629
- }
630
- @media screen and (min-width: 50rem) {
631
- .eps-pt-extraLarge5-lg {
632
- padding-top: 4rem;
633
- }
634
- }
635
- @media screen and (min-width: 50rem) {
636
- .eps-pt-extraLarge6-lg {
637
- padding-top: 4.5rem;
638
- }
639
- }
640
- @media screen and (min-width: 50rem) {
641
- .eps-pt-extraLarge7-lg {
642
- padding-top: 5rem;
643
- }
644
- }
645
- @media screen and (min-width: 50rem) {
646
- .eps-pt-extraLarge8-lg {
647
- padding-top: 5.5rem;
648
- }
649
- }
650
- @media screen and (min-width: 50rem) {
651
- .eps-pt-extraLarge9-lg {
652
- padding-top: 6rem;
653
- }
654
- }
655
- @media screen and (min-width: 75rem) {
656
- .eps-pt-none-xl {
657
- padding-top: 0rem;
658
- }
659
- }
660
- @media screen and (min-width: 75rem) {
661
- .eps-pt-extraSmall2-xl {
662
- padding-top: 0.25rem;
663
- }
664
- }
665
- @media screen and (min-width: 75rem) {
666
- .eps-pt-extraSmall-xl {
667
- padding-top: 0.5rem;
668
- }
669
- }
670
- @media screen and (min-width: 75rem) {
671
- .eps-pt-small-xl {
672
- padding-top: 0.75rem;
673
- }
674
- }
675
- @media screen and (min-width: 75rem) {
676
- .eps-pt-medium-xl {
677
- padding-top: 1rem;
678
- }
679
- }
680
- @media screen and (min-width: 75rem) {
681
- .eps-pt-large-xl {
682
- padding-top: 1.5rem;
683
- }
684
- }
685
- @media screen and (min-width: 75rem) {
686
- .eps-pt-extraLarge-xl {
687
- padding-top: 2rem;
688
- }
689
- }
690
- @media screen and (min-width: 75rem) {
691
- .eps-pt-extraLarge2-xl {
692
- padding-top: 2.5rem;
693
- }
694
- }
695
- @media screen and (min-width: 75rem) {
696
- .eps-pt-extraLarge3-xl {
697
- padding-top: 3rem;
698
- }
699
- }
700
- @media screen and (min-width: 75rem) {
701
- .eps-pt-extraLarge4-xl {
702
- padding-top: 3.5rem;
703
- }
704
- }
705
- @media screen and (min-width: 75rem) {
706
- .eps-pt-extraLarge5-xl {
707
- padding-top: 4rem;
708
- }
709
- }
710
- @media screen and (min-width: 75rem) {
711
- .eps-pt-extraLarge6-xl {
712
- padding-top: 4.5rem;
713
- }
714
- }
715
- @media screen and (min-width: 75rem) {
716
- .eps-pt-extraLarge7-xl {
717
- padding-top: 5rem;
718
- }
719
- }
720
- @media screen and (min-width: 75rem) {
721
- .eps-pt-extraLarge8-xl {
722
- padding-top: 5.5rem;
723
- }
724
- }
725
- @media screen and (min-width: 75rem) {
726
- .eps-pt-extraLarge9-xl {
727
- padding-top: 6rem;
728
- }
729
- }
730
- .eps-pr-none {
731
- padding-right: 0rem;
732
- }
733
-
734
- .eps-pr-extraSmall2 {
735
- padding-right: 0.25rem;
736
- }
737
-
738
- .eps-pr-extraSmall {
739
- padding-right: 0.5rem;
740
- }
741
-
742
- .eps-pr-small {
743
- padding-right: 0.75rem;
744
- }
745
-
746
- .eps-pr-medium {
747
- padding-right: 1rem;
748
- }
749
-
750
- .eps-pr-large {
751
- padding-right: 1.5rem;
752
- }
753
-
754
- .eps-pr-extraLarge {
755
- padding-right: 2rem;
756
- }
757
-
758
- .eps-pr-extraLarge2 {
759
- padding-right: 2.5rem;
760
- }
761
-
762
- .eps-pr-extraLarge3 {
763
- padding-right: 3rem;
764
- }
765
-
766
- .eps-pr-extraLarge4 {
767
- padding-right: 3.5rem;
467
+ .eps-pr-extraLarge4 {
468
+ padding-right: 3.5rem;
768
469
  }
769
470
 
770
471
  .eps-pr-extraLarge5 {
@@ -2482,281 +2183,580 @@ button.eps-link-button:hover {
2482
2183
  }
2483
2184
  }
2484
2185
  @media screen and (min-width: 75rem) {
2485
- .eps-flex-row-reverse-xl {
2486
- flex-direction: row-reverse;
2186
+ .eps-flex-row-reverse-xl {
2187
+ flex-direction: row-reverse;
2188
+ }
2189
+ }
2190
+ @media screen and (min-width: 75rem) {
2191
+ .eps-flex-column-reverse-xl {
2192
+ flex-direction: column-reverse;
2193
+ }
2194
+ }
2195
+ .eps-flex-wrap-wrap {
2196
+ flex-wrap: wrap;
2197
+ }
2198
+
2199
+ .eps-flex-wrap-wrap-reverse {
2200
+ flex-wrap: wrap-reverse;
2201
+ }
2202
+
2203
+ .eps-flex-wrap-nowrap {
2204
+ flex-wrap: nowrap;
2205
+ }
2206
+
2207
+ @media screen and (min-width: 50rem) {
2208
+ .eps-flex-wrap-wrap-lg {
2209
+ flex-wrap: wrap;
2210
+ }
2211
+ }
2212
+ @media screen and (min-width: 50rem) {
2213
+ .eps-flex-wrap-wrap-reverse-lg {
2214
+ flex-wrap: wrap-reverse;
2215
+ }
2216
+ }
2217
+ @media screen and (min-width: 50rem) {
2218
+ .eps-flex-wrap-nowrap-lg {
2219
+ flex-wrap: nowrap;
2220
+ }
2221
+ }
2222
+ @media screen and (min-width: 75rem) {
2223
+ .eps-flex-wrap-wrap-xl {
2224
+ flex-wrap: wrap;
2225
+ }
2226
+ }
2227
+ @media screen and (min-width: 75rem) {
2228
+ .eps-flex-wrap-wrap-reverse-xl {
2229
+ flex-wrap: wrap-reverse;
2230
+ }
2231
+ }
2232
+ @media screen and (min-width: 75rem) {
2233
+ .eps-flex-wrap-nowrap-xl {
2234
+ flex-wrap: nowrap;
2235
+ }
2236
+ }
2237
+ .eps-max-w-none {
2238
+ max-width: 0;
2239
+ }
2240
+
2241
+ .eps-max-w-extraSmall {
2242
+ max-width: 20rem;
2243
+ }
2244
+
2245
+ .eps-max-w-small {
2246
+ max-width: 24rem;
2247
+ }
2248
+
2249
+ .eps-max-w-medium {
2250
+ max-width: 28rem;
2251
+ }
2252
+
2253
+ .eps-max-w-large {
2254
+ max-width: 32rem;
2255
+ }
2256
+
2257
+ .eps-max-w-extraLarge {
2258
+ max-width: 36rem;
2259
+ }
2260
+
2261
+ .eps-max-w-extraLarge2 {
2262
+ max-width: 42rem;
2263
+ }
2264
+
2265
+ .eps-max-w-extraLarge3 {
2266
+ max-width: 48rem;
2267
+ }
2268
+
2269
+ .eps-max-w-extraLarge4 {
2270
+ max-width: 56rem;
2271
+ }
2272
+
2273
+ .eps-max-w-extraLarge5 {
2274
+ max-width: 64rem;
2275
+ }
2276
+
2277
+ .eps-max-w-extraLarge6 {
2278
+ max-width: 72rem;
2279
+ }
2280
+
2281
+ .eps-max-w-full {
2282
+ max-width: 100%;
2283
+ }
2284
+
2285
+ @media screen and (min-width: 50rem) {
2286
+ .eps-max-w-none-lg {
2287
+ max-width: 0;
2288
+ }
2289
+ }
2290
+ @media screen and (min-width: 50rem) {
2291
+ .eps-max-w-extraSmall-lg {
2292
+ max-width: 20rem;
2293
+ }
2294
+ }
2295
+ @media screen and (min-width: 50rem) {
2296
+ .eps-max-w-small-lg {
2297
+ max-width: 24rem;
2298
+ }
2299
+ }
2300
+ @media screen and (min-width: 50rem) {
2301
+ .eps-max-w-medium-lg {
2302
+ max-width: 28rem;
2303
+ }
2304
+ }
2305
+ @media screen and (min-width: 50rem) {
2306
+ .eps-max-w-large-lg {
2307
+ max-width: 32rem;
2308
+ }
2309
+ }
2310
+ @media screen and (min-width: 50rem) {
2311
+ .eps-max-w-extraLarge-lg {
2312
+ max-width: 36rem;
2313
+ }
2314
+ }
2315
+ @media screen and (min-width: 50rem) {
2316
+ .eps-max-w-extraLarge2-lg {
2317
+ max-width: 42rem;
2318
+ }
2319
+ }
2320
+ @media screen and (min-width: 50rem) {
2321
+ .eps-max-w-extraLarge3-lg {
2322
+ max-width: 48rem;
2323
+ }
2324
+ }
2325
+ @media screen and (min-width: 50rem) {
2326
+ .eps-max-w-extraLarge4-lg {
2327
+ max-width: 56rem;
2328
+ }
2329
+ }
2330
+ @media screen and (min-width: 50rem) {
2331
+ .eps-max-w-extraLarge5-lg {
2332
+ max-width: 64rem;
2333
+ }
2334
+ }
2335
+ @media screen and (min-width: 50rem) {
2336
+ .eps-max-w-extraLarge6-lg {
2337
+ max-width: 72rem;
2338
+ }
2339
+ }
2340
+ @media screen and (min-width: 50rem) {
2341
+ .eps-max-w-full-lg {
2342
+ max-width: 100%;
2343
+ }
2344
+ }
2345
+ @media screen and (min-width: 75rem) {
2346
+ .eps-max-w-none-xl {
2347
+ max-width: 0;
2348
+ }
2349
+ }
2350
+ @media screen and (min-width: 75rem) {
2351
+ .eps-max-w-extraSmall-xl {
2352
+ max-width: 20rem;
2353
+ }
2354
+ }
2355
+ @media screen and (min-width: 75rem) {
2356
+ .eps-max-w-small-xl {
2357
+ max-width: 24rem;
2358
+ }
2359
+ }
2360
+ @media screen and (min-width: 75rem) {
2361
+ .eps-max-w-medium-xl {
2362
+ max-width: 28rem;
2363
+ }
2364
+ }
2365
+ @media screen and (min-width: 75rem) {
2366
+ .eps-max-w-large-xl {
2367
+ max-width: 32rem;
2368
+ }
2369
+ }
2370
+ @media screen and (min-width: 75rem) {
2371
+ .eps-max-w-extraLarge-xl {
2372
+ max-width: 36rem;
2373
+ }
2374
+ }
2375
+ @media screen and (min-width: 75rem) {
2376
+ .eps-max-w-extraLarge2-xl {
2377
+ max-width: 42rem;
2378
+ }
2379
+ }
2380
+ @media screen and (min-width: 75rem) {
2381
+ .eps-max-w-extraLarge3-xl {
2382
+ max-width: 48rem;
2383
+ }
2384
+ }
2385
+ @media screen and (min-width: 75rem) {
2386
+ .eps-max-w-extraLarge4-xl {
2387
+ max-width: 56rem;
2388
+ }
2389
+ }
2390
+ @media screen and (min-width: 75rem) {
2391
+ .eps-max-w-extraLarge5-xl {
2392
+ max-width: 64rem;
2393
+ }
2394
+ }
2395
+ @media screen and (min-width: 75rem) {
2396
+ .eps-max-w-extraLarge6-xl {
2397
+ max-width: 72rem;
2398
+ }
2399
+ }
2400
+ @media screen and (min-width: 75rem) {
2401
+ .eps-max-w-full-xl {
2402
+ max-width: 100%;
2403
+ }
2404
+ }
2405
+ .eps-w-full {
2406
+ width: 100%;
2407
+ }
2408
+
2409
+ .eps-w-auto {
2410
+ width: auto;
2411
+ }
2412
+
2413
+ @media screen and (min-width: 50rem) {
2414
+ .eps-w-full-lg {
2415
+ width: 100%;
2416
+ }
2417
+ }
2418
+ @media screen and (min-width: 50rem) {
2419
+ .eps-w-auto-lg {
2420
+ width: auto;
2421
+ }
2422
+ }
2423
+ @media screen and (min-width: 75rem) {
2424
+ .eps-w-full-xl {
2425
+ width: 100%;
2426
+ }
2427
+ }
2428
+ @media screen and (min-width: 75rem) {
2429
+ .eps-w-auto-xl {
2430
+ width: auto;
2431
+ }
2432
+ }
2433
+ .eps-color-black {
2434
+ color: #1a1a1a;
2435
+ }
2436
+
2437
+ .eps-color-white {
2438
+ color: #ffffff;
2439
+ }
2440
+
2441
+ .eps-color-blue {
2442
+ color: #181c56;
2443
+ }
2444
+
2445
+ .eps-color-lavender {
2446
+ color: #aeb7e2;
2447
+ }
2448
+
2449
+ .eps-bg-white {
2450
+ background-color: #ffffff;
2451
+ }
2452
+
2453
+ .eps-bg-blue {
2454
+ background-color: #181c56;
2455
+ }
2456
+
2457
+ .eps-bg-blue70 {
2458
+ background-color: #d1d4e3;
2459
+ }
2460
+
2461
+ .eps-bg-lavender {
2462
+ background-color: #aeb7e2;
2463
+ }/* DO NOT CHANGE!*/
2464
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
2465
+ .eps-status-label {
2466
+ display: flex;
2467
+ align-items: center;
2468
+ }
2469
+ .eps-status-label.center {
2470
+ justify-content: center;
2471
+ }
2472
+ .eps-status-label__bullet {
2473
+ padding: 5px;
2474
+ margin-bottom: 4px;
2475
+ border-radius: 50%;
2476
+ background: #d1d3d3;
2477
+ margin-right: 10px;
2478
+ }
2479
+ .eps-status-label__bullet.aggressive {
2480
+ background: #ff5959;
2481
+ }
2482
+ .eps-status-label__bullet.active {
2483
+ background: #1a8e60;
2484
+ }ol.eds-breadcrumbs {
2485
+ padding: 0;
2486
+ }/* DO NOT CHANGE!*/
2487
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
2488
+ /* DO NOT CHANGE!*/
2489
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
2490
+ .eps-font-size-extraSmall {
2491
+ font-size: 0.625rem;
2492
+ }
2493
+
2494
+ .eps-font-size-small {
2495
+ font-size: 0.75rem;
2496
+ }
2497
+
2498
+ .eps-font-size-medium {
2499
+ font-size: 0.875rem;
2500
+ }
2501
+
2502
+ .eps-font-size-large {
2503
+ font-size: 1rem;
2504
+ }
2505
+
2506
+ .eps-font-size-extraLarge {
2507
+ font-size: 1.25rem;
2508
+ }
2509
+
2510
+ .eps-font-size-extraLarge2 {
2511
+ font-size: 1.5rem;
2512
+ }
2513
+
2514
+ .eps-font-size-extraLarge3 {
2515
+ font-size: 1.75rem;
2516
+ }
2517
+
2518
+ .eps-font-size-extraLarge4 {
2519
+ font-size: 2rem;
2520
+ }
2521
+
2522
+ @media screen and (min-width: 50rem) {
2523
+ .eps-font-size-extraSmall-lg {
2524
+ font-size: 0.625rem;
2525
+ }
2526
+ }
2527
+ @media screen and (min-width: 50rem) {
2528
+ .eps-font-size-small-lg {
2529
+ font-size: 0.75rem;
2530
+ }
2531
+ }
2532
+ @media screen and (min-width: 50rem) {
2533
+ .eps-font-size-medium-lg {
2534
+ font-size: 0.875rem;
2535
+ }
2536
+ }
2537
+ @media screen and (min-width: 50rem) {
2538
+ .eps-font-size-large-lg {
2539
+ font-size: 1rem;
2540
+ }
2541
+ }
2542
+ @media screen and (min-width: 50rem) {
2543
+ .eps-font-size-extraLarge-lg {
2544
+ font-size: 1.25rem;
2545
+ }
2546
+ }
2547
+ @media screen and (min-width: 50rem) {
2548
+ .eps-font-size-extraLarge2-lg {
2549
+ font-size: 1.5rem;
2550
+ }
2551
+ }
2552
+ @media screen and (min-width: 50rem) {
2553
+ .eps-font-size-extraLarge3-lg {
2554
+ font-size: 1.75rem;
2555
+ }
2556
+ }
2557
+ @media screen and (min-width: 50rem) {
2558
+ .eps-font-size-extraLarge4-lg {
2559
+ font-size: 2rem;
2560
+ }
2561
+ }
2562
+ @media screen and (min-width: 75rem) {
2563
+ .eps-font-size-extraSmall-xl {
2564
+ font-size: 0.625rem;
2487
2565
  }
2488
2566
  }
2489
2567
  @media screen and (min-width: 75rem) {
2490
- .eps-flex-column-reverse-xl {
2491
- flex-direction: column-reverse;
2568
+ .eps-font-size-small-xl {
2569
+ font-size: 0.75rem;
2492
2570
  }
2493
2571
  }
2494
- .eps-flex-wrap-wrap {
2495
- flex-wrap: wrap;
2496
- }
2497
-
2498
- .eps-flex-wrap-wrap-reverse {
2499
- flex-wrap: wrap-reverse;
2500
- }
2501
-
2502
- .eps-flex-wrap-nowrap {
2503
- flex-wrap: nowrap;
2504
- }
2505
-
2506
- @media screen and (min-width: 50rem) {
2507
- .eps-flex-wrap-wrap-lg {
2508
- flex-wrap: wrap;
2572
+ @media screen and (min-width: 75rem) {
2573
+ .eps-font-size-medium-xl {
2574
+ font-size: 0.875rem;
2509
2575
  }
2510
2576
  }
2511
- @media screen and (min-width: 50rem) {
2512
- .eps-flex-wrap-wrap-reverse-lg {
2513
- flex-wrap: wrap-reverse;
2577
+ @media screen and (min-width: 75rem) {
2578
+ .eps-font-size-large-xl {
2579
+ font-size: 1rem;
2514
2580
  }
2515
2581
  }
2516
- @media screen and (min-width: 50rem) {
2517
- .eps-flex-wrap-nowrap-lg {
2518
- flex-wrap: nowrap;
2582
+ @media screen and (min-width: 75rem) {
2583
+ .eps-font-size-extraLarge-xl {
2584
+ font-size: 1.25rem;
2519
2585
  }
2520
2586
  }
2521
2587
  @media screen and (min-width: 75rem) {
2522
- .eps-flex-wrap-wrap-xl {
2523
- flex-wrap: wrap;
2588
+ .eps-font-size-extraLarge2-xl {
2589
+ font-size: 1.5rem;
2524
2590
  }
2525
2591
  }
2526
2592
  @media screen and (min-width: 75rem) {
2527
- .eps-flex-wrap-wrap-reverse-xl {
2528
- flex-wrap: wrap-reverse;
2593
+ .eps-font-size-extraLarge3-xl {
2594
+ font-size: 1.75rem;
2529
2595
  }
2530
2596
  }
2531
2597
  @media screen and (min-width: 75rem) {
2532
- .eps-flex-wrap-nowrap-xl {
2533
- flex-wrap: nowrap;
2598
+ .eps-font-size-extraLarge4-xl {
2599
+ font-size: 2rem;
2534
2600
  }
2535
2601
  }
2536
- .eps-max-w-none {
2537
- max-width: 0;
2538
- }
2539
-
2540
- .eps-max-w-extraSmall {
2541
- max-width: 20rem;
2602
+ .eps-line-height-extraSmall {
2603
+ line-height: 0.875rem;
2542
2604
  }
2543
2605
 
2544
- .eps-max-w-small {
2545
- max-width: 24rem;
2606
+ .eps-line-height-small {
2607
+ line-height: 1rem;
2546
2608
  }
2547
2609
 
2548
- .eps-max-w-medium {
2549
- max-width: 28rem;
2610
+ .eps-line-height-medium {
2611
+ line-height: 1.25rem;
2550
2612
  }
2551
2613
 
2552
- .eps-max-w-large {
2553
- max-width: 32rem;
2614
+ .eps-line-height-large {
2615
+ line-height: 1.375rem;
2554
2616
  }
2555
2617
 
2556
- .eps-max-w-extraLarge {
2557
- max-width: 36rem;
2618
+ .eps-line-height-extraLarge {
2619
+ line-height: 1.5rem;
2558
2620
  }
2559
2621
 
2560
- .eps-max-w-extraLarge2 {
2561
- max-width: 42rem;
2622
+ .eps-line-height-extraLarge2 {
2623
+ line-height: 1.75rem;
2562
2624
  }
2563
2625
 
2564
- .eps-max-w-extraLarge3 {
2565
- max-width: 48rem;
2626
+ .eps-line-height-extraLarge3 {
2627
+ line-height: 1.875rem;
2566
2628
  }
2567
2629
 
2568
- .eps-max-w-extraLarge4 {
2569
- max-width: 56rem;
2630
+ .eps-line-height-extraLarge4 {
2631
+ line-height: 2.25rem;
2570
2632
  }
2571
2633
 
2572
- .eps-max-w-extraLarge5 {
2573
- max-width: 64rem;
2634
+ .eps-line-height-extraLarge5 {
2635
+ line-height: 2.625rem;
2574
2636
  }
2575
2637
 
2576
- .eps-max-w-extraLarge6 {
2577
- max-width: 72rem;
2638
+ .eps-line-height-extraLarge6 {
2639
+ line-height: 3rem;
2578
2640
  }
2579
2641
 
2580
- .eps-max-w-full {
2581
- max-width: 100%;
2642
+ .eps-line-height-extraLarge7 {
2643
+ line-height: 3.75rem;
2582
2644
  }
2583
2645
 
2584
2646
  @media screen and (min-width: 50rem) {
2585
- .eps-max-w-none-lg {
2586
- max-width: 0;
2587
- }
2588
- }
2589
- @media screen and (min-width: 50rem) {
2590
- .eps-max-w-extraSmall-lg {
2591
- max-width: 20rem;
2647
+ .eps-line-height-extraSmall-lg {
2648
+ line-height: 0.875rem;
2592
2649
  }
2593
2650
  }
2594
2651
  @media screen and (min-width: 50rem) {
2595
- .eps-max-w-small-lg {
2596
- max-width: 24rem;
2652
+ .eps-line-height-small-lg {
2653
+ line-height: 1rem;
2597
2654
  }
2598
2655
  }
2599
2656
  @media screen and (min-width: 50rem) {
2600
- .eps-max-w-medium-lg {
2601
- max-width: 28rem;
2657
+ .eps-line-height-medium-lg {
2658
+ line-height: 1.25rem;
2602
2659
  }
2603
2660
  }
2604
2661
  @media screen and (min-width: 50rem) {
2605
- .eps-max-w-large-lg {
2606
- max-width: 32rem;
2662
+ .eps-line-height-large-lg {
2663
+ line-height: 1.375rem;
2607
2664
  }
2608
2665
  }
2609
2666
  @media screen and (min-width: 50rem) {
2610
- .eps-max-w-extraLarge-lg {
2611
- max-width: 36rem;
2667
+ .eps-line-height-extraLarge-lg {
2668
+ line-height: 1.5rem;
2612
2669
  }
2613
2670
  }
2614
2671
  @media screen and (min-width: 50rem) {
2615
- .eps-max-w-extraLarge2-lg {
2616
- max-width: 42rem;
2672
+ .eps-line-height-extraLarge2-lg {
2673
+ line-height: 1.75rem;
2617
2674
  }
2618
2675
  }
2619
2676
  @media screen and (min-width: 50rem) {
2620
- .eps-max-w-extraLarge3-lg {
2621
- max-width: 48rem;
2677
+ .eps-line-height-extraLarge3-lg {
2678
+ line-height: 1.875rem;
2622
2679
  }
2623
2680
  }
2624
2681
  @media screen and (min-width: 50rem) {
2625
- .eps-max-w-extraLarge4-lg {
2626
- max-width: 56rem;
2682
+ .eps-line-height-extraLarge4-lg {
2683
+ line-height: 2.25rem;
2627
2684
  }
2628
2685
  }
2629
2686
  @media screen and (min-width: 50rem) {
2630
- .eps-max-w-extraLarge5-lg {
2631
- max-width: 64rem;
2687
+ .eps-line-height-extraLarge5-lg {
2688
+ line-height: 2.625rem;
2632
2689
  }
2633
2690
  }
2634
2691
  @media screen and (min-width: 50rem) {
2635
- .eps-max-w-extraLarge6-lg {
2636
- max-width: 72rem;
2692
+ .eps-line-height-extraLarge6-lg {
2693
+ line-height: 3rem;
2637
2694
  }
2638
2695
  }
2639
2696
  @media screen and (min-width: 50rem) {
2640
- .eps-max-w-full-lg {
2641
- max-width: 100%;
2642
- }
2643
- }
2644
- @media screen and (min-width: 75rem) {
2645
- .eps-max-w-none-xl {
2646
- max-width: 0;
2647
- }
2648
- }
2649
- @media screen and (min-width: 75rem) {
2650
- .eps-max-w-extraSmall-xl {
2651
- max-width: 20rem;
2652
- }
2653
- }
2654
- @media screen and (min-width: 75rem) {
2655
- .eps-max-w-small-xl {
2656
- max-width: 24rem;
2697
+ .eps-line-height-extraLarge7-lg {
2698
+ line-height: 3.75rem;
2657
2699
  }
2658
2700
  }
2659
2701
  @media screen and (min-width: 75rem) {
2660
- .eps-max-w-medium-xl {
2661
- max-width: 28rem;
2702
+ .eps-line-height-extraSmall-xl {
2703
+ line-height: 0.875rem;
2662
2704
  }
2663
2705
  }
2664
2706
  @media screen and (min-width: 75rem) {
2665
- .eps-max-w-large-xl {
2666
- max-width: 32rem;
2707
+ .eps-line-height-small-xl {
2708
+ line-height: 1rem;
2667
2709
  }
2668
2710
  }
2669
2711
  @media screen and (min-width: 75rem) {
2670
- .eps-max-w-extraLarge-xl {
2671
- max-width: 36rem;
2712
+ .eps-line-height-medium-xl {
2713
+ line-height: 1.25rem;
2672
2714
  }
2673
2715
  }
2674
2716
  @media screen and (min-width: 75rem) {
2675
- .eps-max-w-extraLarge2-xl {
2676
- max-width: 42rem;
2717
+ .eps-line-height-large-xl {
2718
+ line-height: 1.375rem;
2677
2719
  }
2678
2720
  }
2679
2721
  @media screen and (min-width: 75rem) {
2680
- .eps-max-w-extraLarge3-xl {
2681
- max-width: 48rem;
2722
+ .eps-line-height-extraLarge-xl {
2723
+ line-height: 1.5rem;
2682
2724
  }
2683
2725
  }
2684
2726
  @media screen and (min-width: 75rem) {
2685
- .eps-max-w-extraLarge4-xl {
2686
- max-width: 56rem;
2727
+ .eps-line-height-extraLarge2-xl {
2728
+ line-height: 1.75rem;
2687
2729
  }
2688
2730
  }
2689
2731
  @media screen and (min-width: 75rem) {
2690
- .eps-max-w-extraLarge5-xl {
2691
- max-width: 64rem;
2732
+ .eps-line-height-extraLarge3-xl {
2733
+ line-height: 1.875rem;
2692
2734
  }
2693
2735
  }
2694
2736
  @media screen and (min-width: 75rem) {
2695
- .eps-max-w-extraLarge6-xl {
2696
- max-width: 72rem;
2737
+ .eps-line-height-extraLarge4-xl {
2738
+ line-height: 2.25rem;
2697
2739
  }
2698
2740
  }
2699
2741
  @media screen and (min-width: 75rem) {
2700
- .eps-max-w-full-xl {
2701
- max-width: 100%;
2702
- }
2703
- }
2704
- .eps-w-full {
2705
- width: 100%;
2706
- }
2707
-
2708
- .eps-w-auto {
2709
- width: auto;
2710
- }
2711
-
2712
- @media screen and (min-width: 50rem) {
2713
- .eps-w-full-lg {
2714
- width: 100%;
2715
- }
2716
- }
2717
- @media screen and (min-width: 50rem) {
2718
- .eps-w-auto-lg {
2719
- width: auto;
2742
+ .eps-line-height-extraLarge5-xl {
2743
+ line-height: 2.625rem;
2720
2744
  }
2721
2745
  }
2722
2746
  @media screen and (min-width: 75rem) {
2723
- .eps-w-full-xl {
2724
- width: 100%;
2747
+ .eps-line-height-extraLarge6-xl {
2748
+ line-height: 3rem;
2725
2749
  }
2726
2750
  }
2727
2751
  @media screen and (min-width: 75rem) {
2728
- .eps-w-auto-xl {
2729
- width: auto;
2752
+ .eps-line-height-extraLarge7-xl {
2753
+ line-height: 3.75rem;
2730
2754
  }
2731
2755
  }
2732
- .eps-color-black {
2733
- color: #1a1a1a;
2734
- }
2735
-
2736
- .eps-color-white {
2737
- color: #ffffff;
2738
- }
2739
-
2740
- .eps-color-blue {
2741
- color: #181c56;
2742
- }
2743
-
2744
- .eps-color-lavender {
2745
- color: #aeb7e2;
2746
- }
2747
-
2748
- .eps-bg-white {
2749
- background-color: #ffffff;
2750
- }
2751
-
2752
- .eps-bg-blue {
2753
- background-color: #181c56;
2754
- }
2755
-
2756
- .eps-bg-blue70 {
2757
- background-color: #d1d4e3;
2756
+ .eps-font-weight-body {
2757
+ font-weight: 0.875rem;
2758
2758
  }
2759
2759
 
2760
- .eps-bg-lavender {
2761
- background-color: #aeb7e2;
2760
+ .eps-font-weight-heading {
2761
+ font-weight: 1rem;
2762
2762
  }