@madgex/design-system 1.22.2 → 1.22.4

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.
@@ -1,4833 +0,0 @@
1
- /*
2
- Do not edit directly
3
- Generated on Wed, 04 Sep 2019 15:10:32 GMT
4
- */
5
- html,
6
- body,
7
- div,
8
- span,
9
- applet,
10
- object,
11
- iframe,
12
- h1,
13
- h2,
14
- h3,
15
- h4,
16
- h5,
17
- h6,
18
- p,
19
- blockquote,
20
- pre,
21
- a,
22
- abbr,
23
- acronym,
24
- address,
25
- big,
26
- cite,
27
- code,
28
- del,
29
- dfn,
30
- em,
31
- img,
32
- ins,
33
- kbd,
34
- q,
35
- s,
36
- samp,
37
- small,
38
- strike,
39
- strong,
40
- sub,
41
- sup,
42
- tt,
43
- var,
44
- b,
45
- u,
46
- i,
47
- center,
48
- dl,
49
- dt,
50
- dd,
51
- ol,
52
- ul,
53
- li,
54
- fieldset,
55
- form,
56
- label,
57
- legend,
58
- table,
59
- caption,
60
- tbody,
61
- tfoot,
62
- thead,
63
- tr,
64
- th,
65
- td,
66
- article,
67
- aside,
68
- canvas,
69
- details,
70
- embed,
71
- figure,
72
- figcaption,
73
- footer,
74
- header,
75
- hgroup,
76
- menu,
77
- nav,
78
- output,
79
- ruby,
80
- section,
81
- summary,
82
- time,
83
- mark,
84
- audio,
85
- video {
86
- margin: 0;
87
- padding: 0;
88
- border: 0;
89
- font: inherit;
90
- }
91
-
92
- *,
93
- *::before,
94
- *::after {
95
- box-sizing: border-box;
96
- }
97
-
98
- ol,
99
- ul {
100
- list-style-type: none;
101
- list-style-position: outside;
102
- }
103
-
104
- /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
105
- /* Document
106
- ========================================================================== */
107
- /**
108
- * 1. Correct the line height in all browsers.
109
- * 2. Prevent adjustments of font size after orientation changes in iOS.
110
- */
111
- html {
112
- line-height: 1.15;
113
- /* 1 */
114
- -webkit-text-size-adjust: 100%;
115
- /* 2 */
116
- }
117
-
118
- /* Sections
119
- ========================================================================== */
120
- /**
121
- * Remove the margin in all browsers.
122
- */
123
- body {
124
- margin: 0;
125
- }
126
-
127
- /**
128
- * Render the `main` element consistently in IE.
129
- */
130
- main {
131
- display: block;
132
- }
133
-
134
- /* Grouping content
135
- ========================================================================== */
136
- /**
137
- * 1. Add the correct box sizing in Firefox.
138
- * 2. Show the overflow in Edge and IE.
139
- */
140
- hr {
141
- box-sizing: content-box;
142
- /* 1 */
143
- height: 0;
144
- /* 1 */
145
- overflow: visible;
146
- /* 2 */
147
- }
148
-
149
- /**
150
- * 1. Correct the inheritance and scaling of font size in all browsers.
151
- * 2. Correct the odd `em` font sizing in all browsers.
152
- */
153
- pre {
154
- font-family: monospace, monospace;
155
- /* 1 */
156
- font-size: 1em;
157
- /* 2 */
158
- }
159
-
160
- /* Text-level semantics
161
- ========================================================================== */
162
- /**
163
- * Remove the gray background on active links in IE 10.
164
- */
165
- a {
166
- background-color: transparent;
167
- }
168
-
169
- /**
170
- * 1. Remove the bottom border in Chrome 57-
171
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
172
- */
173
- abbr[title] {
174
- border-bottom: none;
175
- /* 1 */
176
- text-decoration: underline;
177
- /* 2 */
178
- text-decoration: underline dotted;
179
- /* 2 */
180
- }
181
-
182
- /**
183
- * Add the correct font weight in Chrome, Edge, and Safari.
184
- */
185
- b,
186
- strong {
187
- font-weight: bolder;
188
- }
189
-
190
- /**
191
- * 1. Correct the inheritance and scaling of font size in all browsers.
192
- * 2. Correct the odd `em` font sizing in all browsers.
193
- */
194
- code,
195
- kbd,
196
- samp {
197
- font-family: monospace, monospace;
198
- /* 1 */
199
- font-size: 1em;
200
- /* 2 */
201
- }
202
-
203
- /**
204
- * Add the correct font size in all browsers.
205
- */
206
- small {
207
- font-size: 80%;
208
- }
209
-
210
- /**
211
- * Prevent `sub` and `sup` elements from affecting the line height in
212
- * all browsers.
213
- */
214
- sub,
215
- sup {
216
- font-size: 75%;
217
- line-height: 0;
218
- position: relative;
219
- vertical-align: baseline;
220
- }
221
-
222
- sub {
223
- bottom: -0.25em;
224
- }
225
-
226
- sup {
227
- top: -0.5em;
228
- }
229
-
230
- /* Embedded content
231
- ========================================================================== */
232
- /**
233
- * Remove the border on images inside links in IE 10.
234
- */
235
- img {
236
- border-style: none;
237
- }
238
-
239
- /* Forms
240
- ========================================================================== */
241
- /**
242
- * 1. Change the font styles in all browsers.
243
- * 2. Remove the margin in Firefox and Safari.
244
- */
245
- button,
246
- input,
247
- optgroup,
248
- select,
249
- textarea {
250
- font-family: inherit;
251
- /* 1 */
252
- font-size: 100%;
253
- /* 1 */
254
- line-height: 1.15;
255
- /* 1 */
256
- margin: 0;
257
- /* 2 */
258
- }
259
-
260
- /**
261
- * Show the overflow in IE.
262
- * 1. Show the overflow in Edge.
263
- */
264
- button,
265
- input {
266
- /* 1 */
267
- overflow: visible;
268
- }
269
-
270
- /**
271
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
272
- * 1. Remove the inheritance of text transform in Firefox.
273
- */
274
- button,
275
- select {
276
- /* 1 */
277
- text-transform: none;
278
- }
279
-
280
- /**
281
- * Correct the inability to style clickable types in iOS and Safari.
282
- */
283
- button,
284
- [type='button'],
285
- [type='reset'],
286
- [type='submit'] {
287
- -webkit-appearance: button;
288
- }
289
-
290
- /**
291
- * Remove the inner border and padding in Firefox.
292
- */
293
- button::-moz-focus-inner,
294
- [type='button']::-moz-focus-inner,
295
- [type='reset']::-moz-focus-inner,
296
- [type='submit']::-moz-focus-inner {
297
- border-style: none;
298
- padding: 0;
299
- }
300
-
301
- /**
302
- * Restore the focus styles unset by the previous rule.
303
- */
304
- button:-moz-focusring,
305
- [type='button']:-moz-focusring,
306
- [type='reset']:-moz-focusring,
307
- [type='submit']:-moz-focusring {
308
- outline: 1px dotted ButtonText;
309
- }
310
-
311
- /**
312
- * Correct the padding in Firefox.
313
- */
314
- fieldset {
315
- padding: 0.35em 0.75em 0.625em;
316
- }
317
-
318
- /**
319
- * 1. Correct the text wrapping in Edge and IE.
320
- * 2. Correct the color inheritance from `fieldset` elements in IE.
321
- * 3. Remove the padding so developers are not caught out when they zero out
322
- * `fieldset` elements in all browsers.
323
- */
324
- legend {
325
- box-sizing: border-box;
326
- /* 1 */
327
- color: inherit;
328
- /* 2 */
329
- display: table;
330
- /* 1 */
331
- max-width: 100%;
332
- /* 1 */
333
- padding: 0;
334
- /* 3 */
335
- white-space: normal;
336
- /* 1 */
337
- }
338
-
339
- /**
340
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
341
- */
342
- progress {
343
- vertical-align: baseline;
344
- }
345
-
346
- /**
347
- * Remove the default vertical scrollbar in IE 10+.
348
- */
349
- textarea {
350
- overflow: auto;
351
- }
352
-
353
- /**
354
- * 1. Add the correct box sizing in IE 10.
355
- * 2. Remove the padding in IE 10.
356
- */
357
- [type='checkbox'],
358
- [type='radio'] {
359
- box-sizing: border-box;
360
- /* 1 */
361
- padding: 0;
362
- /* 2 */
363
- }
364
-
365
- /**
366
- * Correct the cursor style of increment and decrement buttons in Chrome.
367
- */
368
- [type='number']::-webkit-inner-spin-button,
369
- [type='number']::-webkit-outer-spin-button {
370
- height: auto;
371
- }
372
-
373
- /**
374
- * 1. Correct the odd appearance in Chrome and Safari.
375
- * 2. Correct the outline style in Safari.
376
- */
377
- [type='search'] {
378
- -webkit-appearance: textfield;
379
- /* 1 */
380
- outline-offset: -2px;
381
- /* 2 */
382
- }
383
-
384
- /**
385
- * Remove the inner padding in Chrome and Safari on macOS.
386
- */
387
- [type='search']::-webkit-search-decoration {
388
- -webkit-appearance: none;
389
- }
390
-
391
- /**
392
- * 1. Correct the inability to style clickable types in iOS and Safari.
393
- * 2. Change font properties to `inherit` in Safari.
394
- */
395
- ::-webkit-file-upload-button {
396
- -webkit-appearance: button;
397
- /* 1 */
398
- font: inherit;
399
- /* 2 */
400
- }
401
-
402
- /* Interactive
403
- ========================================================================== */
404
- /*
405
- * Add the correct display in Edge, IE 10+, and Firefox.
406
- */
407
- details {
408
- display: block;
409
- }
410
-
411
- /*
412
- * Add the correct display in all browsers.
413
- */
414
- summary {
415
- display: list-item;
416
- }
417
-
418
- /* Misc
419
- ========================================================================== */
420
- /**
421
- * Add the correct display in IE 10+.
422
- */
423
- template {
424
- display: none;
425
- }
426
-
427
- /**
428
- * Add the correct display in IE 10.
429
- */
430
- [hidden] {
431
- display: none;
432
- }
433
-
434
- .mds-visually-hidden {
435
- position: absolute;
436
- width: 1px;
437
- height: 1px;
438
- margin: 0;
439
- padding: 0;
440
- overflow: hidden;
441
- clip: rect(0 0 0 0);
442
- clip-path: inset(50%);
443
- border: 0;
444
- white-space: nowrap;
445
- }
446
-
447
- h1 {
448
- margin-bottom: 24px;
449
- }
450
-
451
- h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote, pre {
452
- margin-bottom: 12px;
453
- }
454
-
455
- a {
456
- color: #1b75bb;
457
- text-decoration: none;
458
- }
459
-
460
- a:hover, a:focus {
461
- color: #15598e;
462
- text-decoration: underline;
463
- }
464
-
465
- img {
466
- max-width: 100%;
467
- }
468
-
469
- body {
470
- font-family: "Helvetica", Arial, sans-serif;
471
- color: #343433;
472
- }
473
-
474
- h1,
475
- h2,
476
- h3,
477
- h4,
478
- h5,
479
- h6,
480
- dl dt {
481
- color: #222222;
482
- }
483
-
484
- html,
485
- body {
486
- background: #ffffff;
487
- -moz-osx-font-smoothing: grayscale;
488
- -webkit-font-smoothing: antialiased;
489
- }
490
-
491
- .mds-site-container {
492
- width: 100%;
493
- max-width: 100%;
494
- min-width: 0;
495
- margin: 0 auto;
496
- background: #f8f8f8;
497
- }
498
-
499
- .mds-wrapper {
500
- width: calc(100% - 20px);
501
- max-width: 1280px;
502
- margin: 0 auto;
503
- padding: 0 1.5%;
504
- }
505
-
506
- .mds-surface {
507
- background: #ffffff;
508
- }
509
-
510
- .mds-surface__inner, .js .mds-tabs__tab, .js .mds-tabs__panel {
511
- padding: 16px;
512
- }
513
-
514
- @media (min-width: 37.5em) {
515
- .mds-surface__inner, .js .mds-tabs__tab, .js .mds-tabs__panel {
516
- padding: calc(16px * 2);
517
- }
518
- }
519
-
520
- .mds-fixed-container {
521
- width: 100%;
522
- background: #f8f8f8;
523
- position: fixed;
524
- left: 0;
525
- bottom: 0;
526
- z-index: 5;
527
- }
528
-
529
- .mds-fixed-container--top {
530
- bottom: auto;
531
- top: 0;
532
- }
533
-
534
- .mds-list {
535
- margin: 0 0 20px 0;
536
- padding: 0;
537
- list-style-type: none;
538
- list-style-position: inside;
539
- }
540
-
541
- .mds-list__item {
542
- margin-bottom: 4px;
543
- margin-left: 16px;
544
- }
545
-
546
- .mds-list__item:last-child {
547
- margin-bottom: 0;
548
- }
549
-
550
- .mds-list--bullet,
551
- .mds-list--number {
552
- margin-left: 12px;
553
- }
554
-
555
- .mds-list--bullet {
556
- list-style-type: disc;
557
- }
558
-
559
- .mds-list--number {
560
- list-style-type: decimal;
561
- }
562
-
563
- .mds-list--border {
564
- border-left: 5px solid #f8f8f8;
565
- padding-left: 20px;
566
- margin-left: 0;
567
- }
568
-
569
- .mds-list__key,
570
- .mds-list__value {
571
- margin: 0;
572
- }
573
-
574
- .mds-list__key {
575
- font-weight: bold;
576
- margin-bottom: 4px;
577
- }
578
-
579
- .mds-list__value {
580
- margin-bottom: 12px;
581
- }
582
-
583
- .mds-list__value:last-child {
584
- margin-bottom: 0;
585
- }
586
-
587
- .mds-list--inline {
588
- margin-left: 0;
589
- }
590
-
591
- .mds-list--inline li {
592
- display: inline-block;
593
- margin-bottom: 0;
594
- margin-left: 0;
595
- margin-right: 8px;
596
- }
597
-
598
- .mds-list--multilevel .mds-list {
599
- margin: 8px 0 0 0;
600
- }
601
-
602
- /* Source: https://github.com/kristoferjoseph/flexboxgrid */
603
- .mds-grid-row {
604
- box-sizing: border-box;
605
- display: flex;
606
- flex: 0 1 auto;
607
- flex-direction: row;
608
- flex-wrap: wrap;
609
- margin-right: -10px;
610
- margin-left: -10px;
611
- }
612
-
613
- .mds-grid-row.mds-grid-reverse {
614
- flex-direction: row-reverse;
615
- }
616
-
617
- .mds-grid-col.mds-grid-reverse {
618
- flex-direction: column-reverse;
619
- }
620
-
621
- .mds-grid-col,
622
- .mds-grid-col-1,
623
- .mds-grid-col-2,
624
- .mds-grid-col-3,
625
- .mds-grid-col-4,
626
- .mds-grid-col-5,
627
- .mds-grid-col-6,
628
- .mds-grid-col-7,
629
- .mds-grid-col-8,
630
- .mds-grid-col-9,
631
- .mds-grid-col-10,
632
- .mds-grid-col-11,
633
- .mds-grid-col-12,
634
- .mds-grid-col-offset-0,
635
- .mds-grid-col-offset-1,
636
- .mds-grid-col-offset-2,
637
- .mds-grid-col-offset-3,
638
- .mds-grid-col-offset-4,
639
- .mds-grid-col-offset-5,
640
- .mds-grid-col-offset-6,
641
- .mds-grid-col-offset-7,
642
- .mds-grid-col-offset-8,
643
- .mds-grid-col-offset-9,
644
- .mds-grid-col-offset-10,
645
- .mds-grid-col-offset-11,
646
- .mds-grid-col-offset-12 {
647
- box-sizing: border-box;
648
- flex: 0 0 auto;
649
- padding-right: 10px;
650
- padding-left: 10px;
651
- }
652
-
653
- .mds-grid-col {
654
- flex-grow: 1;
655
- flex-basis: 0;
656
- max-width: 100%;
657
- }
658
-
659
- .mds-grid-col-1 {
660
- flex-basis: 8.33333333%;
661
- max-width: 8.33333333%;
662
- }
663
-
664
- .mds-grid-col-2 {
665
- flex-basis: 16.66666667%;
666
- max-width: 16.66666667%;
667
- }
668
-
669
- .mds-grid-col-3 {
670
- flex-basis: 25%;
671
- max-width: 25%;
672
- }
673
-
674
- .mds-grid-col-4 {
675
- flex-basis: 33.33333333%;
676
- max-width: 33.33333333%;
677
- }
678
-
679
- .mds-grid-col-5 {
680
- flex-basis: 41.66666667%;
681
- max-width: 41.66666667%;
682
- }
683
-
684
- .mds-grid-col-6 {
685
- flex-basis: 50%;
686
- max-width: 50%;
687
- }
688
-
689
- .mds-grid-col-7 {
690
- flex-basis: 58.33333333%;
691
- max-width: 58.33333333%;
692
- }
693
-
694
- .mds-grid-col-8 {
695
- flex-basis: 66.66666667%;
696
- max-width: 66.66666667%;
697
- }
698
-
699
- .mds-grid-col-9 {
700
- flex-basis: 75%;
701
- max-width: 75%;
702
- }
703
-
704
- .mds-grid-col-10 {
705
- flex-basis: 83.33333333%;
706
- max-width: 83.33333333%;
707
- }
708
-
709
- .mds-grid-col-11 {
710
- flex-basis: 91.66666667%;
711
- max-width: 91.66666667%;
712
- }
713
-
714
- .mds-grid-col-12 {
715
- flex-basis: 100%;
716
- max-width: 100%;
717
- }
718
-
719
- .mds-grid-col-offset-0 {
720
- margin-left: 0;
721
- }
722
-
723
- .mds-grid-col-offset-1 {
724
- margin-left: 8.33333333%;
725
- }
726
-
727
- .mds-grid-col-offset-2 {
728
- margin-left: 16.66666667%;
729
- }
730
-
731
- .mds-grid-col-offset-3 {
732
- margin-left: 25%;
733
- }
734
-
735
- .mds-grid-col-offset-4 {
736
- margin-left: 33.33333333%;
737
- }
738
-
739
- .mds-grid-col-offset-5 {
740
- margin-left: 41.66666667%;
741
- }
742
-
743
- .mds-grid-col-offset-6 {
744
- margin-left: 50%;
745
- }
746
-
747
- .mds-grid-col-offset-7 {
748
- margin-left: 58.33333333%;
749
- }
750
-
751
- .mds-grid-col-offset-8 {
752
- margin-left: 66.66666667%;
753
- }
754
-
755
- .mds-grid-col-offset-9 {
756
- margin-left: 75%;
757
- }
758
-
759
- .mds-grid-col-offset-10 {
760
- margin-left: 83.33333333%;
761
- }
762
-
763
- .mds-grid-col-offset-11 {
764
- margin-left: 91.66666667%;
765
- }
766
-
767
- .mds-grid-start {
768
- justify-content: flex-start;
769
- text-align: start;
770
- }
771
-
772
- .mds-grid-center {
773
- justify-content: center;
774
- text-align: center;
775
- }
776
-
777
- .mds-grid-end {
778
- justify-content: flex-end;
779
- text-align: end;
780
- }
781
-
782
- .mds-grid-top {
783
- align-items: flex-start;
784
- }
785
-
786
- .mds-grid-middle {
787
- align-items: center;
788
- }
789
-
790
- .mds-grid-bottom {
791
- align-items: flex-end;
792
- }
793
-
794
- .mds-grid-around {
795
- justify-content: space-around;
796
- }
797
-
798
- .mds-grid-between {
799
- justify-content: space-between;
800
- }
801
-
802
- .mds-grid-first {
803
- order: -1;
804
- }
805
-
806
- .mds-grid-last {
807
- order: 1;
808
- }
809
-
810
- @media only screen and (min-width: 400px) {
811
- .mds-grid-col-sm,
812
- .mds-grid-col-sm-1,
813
- .mds-grid-col-sm-2,
814
- .mds-grid-col-sm-3,
815
- .mds-grid-col-sm-4,
816
- .mds-grid-col-sm-5,
817
- .mds-grid-col-sm-6,
818
- .mds-grid-col-sm-7,
819
- .mds-grid-col-sm-8,
820
- .mds-grid-col-sm-9,
821
- .mds-grid-col-sm-10,
822
- .mds-grid-col-sm-11,
823
- .mds-grid-col-sm-12,
824
- .mds-grid-col-sm-offset-0,
825
- .mds-grid-col-sm-offset-1,
826
- .mds-grid-col-sm-offset-2,
827
- .mds-grid-col-sm-offset-3,
828
- .mds-grid-col-sm-offset-4,
829
- .mds-grid-col-sm-offset-5,
830
- .mds-grid-col-sm-offset-6,
831
- .mds-grid-col-sm-offset-7,
832
- .mds-grid-col-sm-offset-8,
833
- .mds-grid-col-sm-offset-9,
834
- .mds-grid-col-sm-offset-10,
835
- .mds-grid-col-sm-offset-11,
836
- .mds-grid-col-sm-offset-12 {
837
- box-sizing: border-box;
838
- flex: 0 0 auto;
839
- padding-right: 10px;
840
- padding-left: 10px;
841
- }
842
- .mds-grid-col-sm {
843
- flex-grow: 1;
844
- flex-basis: 0;
845
- max-width: 100%;
846
- }
847
- .mds-grid-col-sm-1 {
848
- flex-basis: 8.33333333%;
849
- max-width: 8.33333333%;
850
- }
851
- .mds-grid-col-sm-2 {
852
- flex-basis: 16.66666667%;
853
- max-width: 16.66666667%;
854
- }
855
- .mds-grid-col-sm-3 {
856
- flex-basis: 25%;
857
- max-width: 25%;
858
- }
859
- .mds-grid-col-sm-4 {
860
- flex-basis: 33.33333333%;
861
- max-width: 33.33333333%;
862
- }
863
- .mds-grid-col-sm-5 {
864
- flex-basis: 41.66666667%;
865
- max-width: 41.66666667%;
866
- }
867
- .mds-grid-col-sm-6 {
868
- flex-basis: 50%;
869
- max-width: 50%;
870
- }
871
- .mds-grid-col-sm-7 {
872
- flex-basis: 58.33333333%;
873
- max-width: 58.33333333%;
874
- }
875
- .mds-grid-col-sm-8 {
876
- flex-basis: 66.66666667%;
877
- max-width: 66.66666667%;
878
- }
879
- .mds-grid-col-sm-9 {
880
- flex-basis: 75%;
881
- max-width: 75%;
882
- }
883
- .mds-grid-col-sm-10 {
884
- flex-basis: 83.33333333%;
885
- max-width: 83.33333333%;
886
- }
887
- .mds-grid-col-sm-11 {
888
- flex-basis: 91.66666667%;
889
- max-width: 91.66666667%;
890
- }
891
- .mds-grid-col-sm-12 {
892
- flex-basis: 100%;
893
- max-width: 100%;
894
- }
895
- .mds-grid-col-sm-offset-0 {
896
- margin-left: 0;
897
- }
898
- .mds-grid-col-sm-offset-1 {
899
- margin-left: 8.33333333%;
900
- }
901
- .mds-grid-col-sm-offset-2 {
902
- margin-left: 16.66666667%;
903
- }
904
- .mds-grid-col-sm-offset-3 {
905
- margin-left: 25%;
906
- }
907
- .mds-grid-col-sm-offset-4 {
908
- margin-left: 33.33333333%;
909
- }
910
- .mds-grid-col-sm-offset-5 {
911
- margin-left: 41.66666667%;
912
- }
913
- .mds-grid-col-sm-offset-6 {
914
- margin-left: 50%;
915
- }
916
- .mds-grid-col-sm-offset-7 {
917
- margin-left: 58.33333333%;
918
- }
919
- .mds-grid-col-sm-offset-8 {
920
- margin-left: 66.66666667%;
921
- }
922
- .mds-grid-col-sm-offset-9 {
923
- margin-left: 75%;
924
- }
925
- .mds-grid-col-sm-offset-10 {
926
- margin-left: 83.33333333%;
927
- }
928
- .mds-grid-col-sm-offset-11 {
929
- margin-left: 91.66666667%;
930
- }
931
- .mds-grid-start-sm {
932
- justify-content: flex-start;
933
- text-align: start;
934
- }
935
- .mds-grid-center-sm {
936
- justify-content: center;
937
- text-align: center;
938
- }
939
- .mds-grid-end-sm {
940
- justify-content: flex-end;
941
- text-align: end;
942
- }
943
- .mds-grid-top-sm {
944
- align-items: flex-start;
945
- }
946
- .mds-grid-middle-sm {
947
- align-items: center;
948
- }
949
- .mds-grid-bottom-sm {
950
- align-items: flex-end;
951
- }
952
- .mds-grid-around-sm {
953
- justify-content: space-around;
954
- }
955
- .mds-grid-between-sm {
956
- justify-content: space-between;
957
- }
958
- .mds-grid-first-sm {
959
- order: -1;
960
- }
961
- .mds-grid-last-sm {
962
- order: 1;
963
- }
964
- }
965
-
966
- @media only screen and (min-width: 600px) {
967
- .mds-grid-col-md,
968
- .mds-grid-col-md-1,
969
- .mds-grid-col-md-2,
970
- .mds-grid-col-md-3,
971
- .mds-grid-col-md-4,
972
- .mds-grid-col-md-5,
973
- .mds-grid-col-md-6,
974
- .mds-grid-col-md-7,
975
- .mds-grid-col-md-8,
976
- .mds-grid-col-md-9,
977
- .mds-grid-col-md-10,
978
- .mds-grid-col-md-11,
979
- .mds-grid-col-md-12,
980
- .mds-grid-col-md-offset-0,
981
- .mds-grid-col-md-offset-1,
982
- .mds-grid-col-md-offset-2,
983
- .mds-grid-col-md-offset-3,
984
- .mds-grid-col-md-offset-4,
985
- .mds-grid-col-md-offset-5,
986
- .mds-grid-col-md-offset-6,
987
- .mds-grid-col-md-offset-7,
988
- .mds-grid-col-md-offset-8,
989
- .mds-grid-col-md-offset-9,
990
- .mds-grid-col-md-offset-10,
991
- .mds-grid-col-md-offset-11,
992
- .mds-grid-col-md-offset-12 {
993
- box-sizing: border-box;
994
- flex: 0 0 auto;
995
- padding-right: 10px;
996
- padding-left: 10px;
997
- }
998
- .mds-grid-col-md {
999
- flex-grow: 1;
1000
- flex-basis: 0;
1001
- max-width: 100%;
1002
- }
1003
- .mds-grid-col-md-1 {
1004
- flex-basis: 8.33333333%;
1005
- max-width: 8.33333333%;
1006
- }
1007
- .mds-grid-col-md-2 {
1008
- flex-basis: 16.66666667%;
1009
- max-width: 16.66666667%;
1010
- }
1011
- .mds-grid-col-md-3 {
1012
- flex-basis: 25%;
1013
- max-width: 25%;
1014
- }
1015
- .mds-grid-col-md-4 {
1016
- flex-basis: 33.33333333%;
1017
- max-width: 33.33333333%;
1018
- }
1019
- .mds-grid-col-md-5 {
1020
- flex-basis: 41.66666667%;
1021
- max-width: 41.66666667%;
1022
- }
1023
- .mds-grid-col-md-6 {
1024
- flex-basis: 50%;
1025
- max-width: 50%;
1026
- }
1027
- .mds-grid-col-md-7 {
1028
- flex-basis: 58.33333333%;
1029
- max-width: 58.33333333%;
1030
- }
1031
- .mds-grid-col-md-8 {
1032
- flex-basis: 66.66666667%;
1033
- max-width: 66.66666667%;
1034
- }
1035
- .mds-grid-col-md-9 {
1036
- flex-basis: 75%;
1037
- max-width: 75%;
1038
- }
1039
- .mds-grid-col-md-10 {
1040
- flex-basis: 83.33333333%;
1041
- max-width: 83.33333333%;
1042
- }
1043
- .mds-grid-col-md-11 {
1044
- flex-basis: 91.66666667%;
1045
- max-width: 91.66666667%;
1046
- }
1047
- .mds-grid-col-md-12 {
1048
- flex-basis: 100%;
1049
- max-width: 100%;
1050
- }
1051
- .mds-grid-col-md-offset-0 {
1052
- margin-left: 0;
1053
- }
1054
- .mds-grid-col-md-offset-1 {
1055
- margin-left: 8.33333333%;
1056
- }
1057
- .mds-grid-col-md-offset-2 {
1058
- margin-left: 16.66666667%;
1059
- }
1060
- .mds-grid-col-md-offset-3 {
1061
- margin-left: 25%;
1062
- }
1063
- .mds-grid-col-md-offset-4 {
1064
- margin-left: 33.33333333%;
1065
- }
1066
- .mds-grid-col-md-offset-5 {
1067
- margin-left: 41.66666667%;
1068
- }
1069
- .mds-grid-col-md-offset-6 {
1070
- margin-left: 50%;
1071
- }
1072
- .mds-grid-col-md-offset-7 {
1073
- margin-left: 58.33333333%;
1074
- }
1075
- .mds-grid-col-md-offset-8 {
1076
- margin-left: 66.66666667%;
1077
- }
1078
- .mds-grid-col-md-offset-9 {
1079
- margin-left: 75%;
1080
- }
1081
- .mds-grid-col-md-offset-10 {
1082
- margin-left: 83.33333333%;
1083
- }
1084
- .mds-grid-col-md-offset-11 {
1085
- margin-left: 91.66666667%;
1086
- }
1087
- .mds-grid-start-md {
1088
- justify-content: flex-start;
1089
- text-align: start;
1090
- }
1091
- .mds-grid-center-md {
1092
- justify-content: center;
1093
- text-align: center;
1094
- }
1095
- .mds-grid-end-md {
1096
- justify-content: flex-end;
1097
- text-align: end;
1098
- }
1099
- .mds-grid-top-md {
1100
- align-items: flex-start;
1101
- }
1102
- .mds-grid-middle-md {
1103
- align-items: center;
1104
- }
1105
- .mds-grid-bottom-md {
1106
- align-items: flex-end;
1107
- }
1108
- .mds-grid-around-md {
1109
- justify-content: space-around;
1110
- }
1111
- .mds-grid-between-md {
1112
- justify-content: space-between;
1113
- }
1114
- .mds-grid-first-md {
1115
- order: -1;
1116
- }
1117
- .mds-grid-last-md {
1118
- order: 1;
1119
- }
1120
- }
1121
-
1122
- @media only screen and (min-width: 1008px) {
1123
- .mds-grid-col-lg,
1124
- .mds-grid-col-lg-1,
1125
- .mds-grid-col-lg-2,
1126
- .mds-grid-col-lg-3,
1127
- .mds-grid-col-lg-4,
1128
- .mds-grid-col-lg-5,
1129
- .mds-grid-col-lg-6,
1130
- .mds-grid-col-lg-7,
1131
- .mds-grid-col-lg-8,
1132
- .mds-grid-col-lg-9,
1133
- .mds-grid-col-lg-10,
1134
- .mds-grid-col-lg-11,
1135
- .mds-grid-col-lg-12,
1136
- .mds-grid-col-lg-offset-0,
1137
- .mds-grid-col-lg-offset-1,
1138
- .mds-grid-col-lg-offset-2,
1139
- .mds-grid-col-lg-offset-3,
1140
- .mds-grid-col-lg-offset-4,
1141
- .mds-grid-col-lg-offset-5,
1142
- .mds-grid-col-lg-offset-6,
1143
- .mds-grid-col-lg-offset-7,
1144
- .mds-grid-col-lg-offset-8,
1145
- .mds-grid-col-lg-offset-9,
1146
- .mds-grid-col-lg-offset-10,
1147
- .mds-grid-col-lg-offset-11,
1148
- .mds-grid-col-lg-offset-12 {
1149
- box-sizing: border-box;
1150
- flex: 0 0 auto;
1151
- padding-right: 10px;
1152
- padding-left: 10px;
1153
- }
1154
- .mds-grid-col-lg {
1155
- flex-grow: 1;
1156
- flex-basis: 0;
1157
- max-width: 100%;
1158
- }
1159
- .mds-grid-col-lg-1 {
1160
- flex-basis: 8.33333333%;
1161
- max-width: 8.33333333%;
1162
- }
1163
- .mds-grid-col-lg-2 {
1164
- flex-basis: 16.66666667%;
1165
- max-width: 16.66666667%;
1166
- }
1167
- .mds-grid-col-lg-3 {
1168
- flex-basis: 25%;
1169
- max-width: 25%;
1170
- }
1171
- .mds-grid-col-lg-4 {
1172
- flex-basis: 33.33333333%;
1173
- max-width: 33.33333333%;
1174
- }
1175
- .mds-grid-col-lg-5 {
1176
- flex-basis: 41.66666667%;
1177
- max-width: 41.66666667%;
1178
- }
1179
- .mds-grid-col-lg-6 {
1180
- flex-basis: 50%;
1181
- max-width: 50%;
1182
- }
1183
- .mds-grid-col-lg-7 {
1184
- flex-basis: 58.33333333%;
1185
- max-width: 58.33333333%;
1186
- }
1187
- .mds-grid-col-lg-8 {
1188
- flex-basis: 66.66666667%;
1189
- max-width: 66.66666667%;
1190
- }
1191
- .mds-grid-col-lg-9 {
1192
- flex-basis: 75%;
1193
- max-width: 75%;
1194
- }
1195
- .mds-grid-col-lg-10 {
1196
- flex-basis: 83.33333333%;
1197
- max-width: 83.33333333%;
1198
- }
1199
- .mds-grid-col-lg-11 {
1200
- flex-basis: 91.66666667%;
1201
- max-width: 91.66666667%;
1202
- }
1203
- .mds-grid-col-lg-12 {
1204
- flex-basis: 100%;
1205
- max-width: 100%;
1206
- }
1207
- .mds-grid-col-lg-offset-0 {
1208
- margin-left: 0;
1209
- }
1210
- .mds-grid-col-lg-offset-1 {
1211
- margin-left: 8.33333333%;
1212
- }
1213
- .mds-grid-col-lg-offset-2 {
1214
- margin-left: 16.66666667%;
1215
- }
1216
- .mds-grid-col-lg-offset-3 {
1217
- margin-left: 25%;
1218
- }
1219
- .mds-grid-col-lg-offset-4 {
1220
- margin-left: 33.33333333%;
1221
- }
1222
- .mds-grid-col-lg-offset-5 {
1223
- margin-left: 41.66666667%;
1224
- }
1225
- .mds-grid-col-lg-offset-6 {
1226
- margin-left: 50%;
1227
- }
1228
- .mds-grid-col-lg-offset-7 {
1229
- margin-left: 58.33333333%;
1230
- }
1231
- .mds-grid-col-lg-offset-8 {
1232
- margin-left: 66.66666667%;
1233
- }
1234
- .mds-grid-col-lg-offset-9 {
1235
- margin-left: 75%;
1236
- }
1237
- .mds-grid-col-lg-offset-10 {
1238
- margin-left: 83.33333333%;
1239
- }
1240
- .mds-grid-col-lg-offset-11 {
1241
- margin-left: 91.66666667%;
1242
- }
1243
- .mds-grid-start-lg {
1244
- justify-content: flex-start;
1245
- text-align: start;
1246
- }
1247
- .mds-grid-center-lg {
1248
- justify-content: center;
1249
- text-align: center;
1250
- }
1251
- .mds-grid-end-lg {
1252
- justify-content: flex-end;
1253
- text-align: end;
1254
- }
1255
- .mds-grid-top-lg {
1256
- align-items: flex-start;
1257
- }
1258
- .mds-grid-middle-lg {
1259
- align-items: center;
1260
- }
1261
- .mds-grid-bottom-lg {
1262
- align-items: flex-end;
1263
- }
1264
- .mds-grid-around-lg {
1265
- justify-content: space-around;
1266
- }
1267
- .mds-grid-between-lg {
1268
- justify-content: space-between;
1269
- }
1270
- .mds-grid-first-lg {
1271
- order: -1;
1272
- }
1273
- .mds-grid-last-lg {
1274
- order: 1;
1275
- }
1276
- }
1277
-
1278
- @media only screen and (min-width: 1280px) {
1279
- .mds-grid-col-xl,
1280
- .mds-grid-col-xl-1,
1281
- .mds-grid-col-xl-2,
1282
- .mds-grid-col-xl-3,
1283
- .mds-grid-col-xl-4,
1284
- .mds-grid-col-xl-5,
1285
- .mds-grid-col-xl-6,
1286
- .mds-grid-col-xl-7,
1287
- .mds-grid-col-xl-8,
1288
- .mds-grid-col-xl-9,
1289
- .mds-grid-col-xl-10,
1290
- .mds-grid-col-xl-11,
1291
- .mds-grid-col-xl-12,
1292
- .mds-grid-col-xl-offset-0,
1293
- .mds-grid-col-xl-offset-1,
1294
- .mds-grid-col-xl-offset-2,
1295
- .mds-grid-col-xl-offset-3,
1296
- .mds-grid-col-xl-offset-4,
1297
- .mds-grid-col-xl-offset-5,
1298
- .mds-grid-col-xl-offset-6,
1299
- .mds-grid-col-xl-offset-7,
1300
- .mds-grid-col-xl-offset-8,
1301
- .mds-grid-col-xl-offset-9,
1302
- .mds-grid-col-xl-offset-10,
1303
- .mds-grid-col-xl-offset-11,
1304
- .mds-grid-col-xl-offset-12 {
1305
- box-sizing: border-box;
1306
- flex: 0 0 auto;
1307
- padding-right: 10px;
1308
- padding-left: 10px;
1309
- }
1310
- .mds-grid-col-xl {
1311
- flex-grow: 1;
1312
- flex-basis: 0;
1313
- max-width: 100%;
1314
- }
1315
- .mds-grid-col-xl-1 {
1316
- flex-basis: 8.33333333%;
1317
- max-width: 8.33333333%;
1318
- }
1319
- .mds-grid-col-xl-2 {
1320
- flex-basis: 16.66666667%;
1321
- max-width: 16.66666667%;
1322
- }
1323
- .mds-grid-col-xl-3 {
1324
- flex-basis: 25%;
1325
- max-width: 25%;
1326
- }
1327
- .mds-grid-col-xl-4 {
1328
- flex-basis: 33.33333333%;
1329
- max-width: 33.33333333%;
1330
- }
1331
- .mds-grid-col-xl-5 {
1332
- flex-basis: 41.66666667%;
1333
- max-width: 41.66666667%;
1334
- }
1335
- .mds-grid-col-xl-6 {
1336
- flex-basis: 50%;
1337
- max-width: 50%;
1338
- }
1339
- .mds-grid-col-xl-7 {
1340
- flex-basis: 58.33333333%;
1341
- max-width: 58.33333333%;
1342
- }
1343
- .mds-grid-col-xl-8 {
1344
- flex-basis: 66.66666667%;
1345
- max-width: 66.66666667%;
1346
- }
1347
- .mds-grid-col-xl-9 {
1348
- flex-basis: 75%;
1349
- max-width: 75%;
1350
- }
1351
- .mds-grid-col-xl-10 {
1352
- flex-basis: 83.33333333%;
1353
- max-width: 83.33333333%;
1354
- }
1355
- .mds-grid-col-xl-11 {
1356
- flex-basis: 91.66666667%;
1357
- max-width: 91.66666667%;
1358
- }
1359
- .mds-grid-col-xl-12 {
1360
- flex-basis: 100%;
1361
- max-width: 100%;
1362
- }
1363
- .mds-grid-col-xl-offset-0 {
1364
- margin-left: 0;
1365
- }
1366
- .mds-grid-col-xl-offset-1 {
1367
- margin-left: 8.33333333%;
1368
- }
1369
- .mds-grid-col-xl-offset-2 {
1370
- margin-left: 16.66666667%;
1371
- }
1372
- .mds-grid-col-xl-offset-3 {
1373
- margin-left: 25%;
1374
- }
1375
- .mds-grid-col-xl-offset-4 {
1376
- margin-left: 33.33333333%;
1377
- }
1378
- .mds-grid-col-xl-offset-5 {
1379
- margin-left: 41.66666667%;
1380
- }
1381
- .mds-grid-col-xl-offset-6 {
1382
- margin-left: 50%;
1383
- }
1384
- .mds-grid-col-xl-offset-7 {
1385
- margin-left: 58.33333333%;
1386
- }
1387
- .mds-grid-col-xl-offset-8 {
1388
- margin-left: 66.66666667%;
1389
- }
1390
- .mds-grid-col-xl-offset-9 {
1391
- margin-left: 75%;
1392
- }
1393
- .mds-grid-col-xl-offset-10 {
1394
- margin-left: 83.33333333%;
1395
- }
1396
- .mds-grid-col-xl-offset-11 {
1397
- margin-left: 91.66666667%;
1398
- }
1399
- .mds-grid-start-xl {
1400
- justify-content: flex-start;
1401
- text-align: start;
1402
- }
1403
- .mds-grid-center-xl {
1404
- justify-content: center;
1405
- text-align: center;
1406
- }
1407
- .mds-grid-end-xl {
1408
- justify-content: flex-end;
1409
- text-align: end;
1410
- }
1411
- .mds-grid-top-xl {
1412
- align-items: flex-start;
1413
- }
1414
- .mds-grid-middle-xl {
1415
- align-items: center;
1416
- }
1417
- .mds-grid-bottom-xl {
1418
- align-items: flex-end;
1419
- }
1420
- .mds-grid-around-xl {
1421
- justify-content: space-around;
1422
- }
1423
- .mds-grid-between-xl {
1424
- justify-content: space-between;
1425
- }
1426
- .mds-grid-first-xl {
1427
- order: -1;
1428
- }
1429
- .mds-grid-last-xl {
1430
- order: 1;
1431
- }
1432
- }
1433
-
1434
- .mds-message.mds-message--error {
1435
- color: #3d0108;
1436
- background-color: #ffe6e9;
1437
- border-color: #e1021d;
1438
- }
1439
-
1440
- .mds-message.mds-message--success {
1441
- color: #1b320b;
1442
- background-color: #f1faea;
1443
- border-color: #5ba927;
1444
- }
1445
-
1446
- .mds-message.mds-message--info {
1447
- color: #3d2a00;
1448
- background-color: #fff7e6;
1449
- border-color: #ffb411;
1450
- }
1451
-
1452
- .mds-icon {
1453
- display: inline-block;
1454
- fill: currentColor;
1455
- width: 1em;
1456
- height: 1em;
1457
- position: relative;
1458
- top: 0.125em;
1459
- }
1460
-
1461
- .mds-icon--sm {
1462
- width: 16px;
1463
- height: 16px;
1464
- }
1465
-
1466
- .mds-icon--md {
1467
- width: 24px;
1468
- height: 24px;
1469
- }
1470
-
1471
- .mds-icon--lg {
1472
- width: 32px;
1473
- height: 32px;
1474
- }
1475
-
1476
- .mds-icon--before {
1477
- margin-right: 0.66em;
1478
- }
1479
-
1480
- .mds-icon--after {
1481
- margin-left: 0.66em;
1482
- }
1483
-
1484
- .mds-button {
1485
- cursor: pointer;
1486
- user-select: none;
1487
- vertical-align: middle;
1488
- -webkit-appearance: none;
1489
- width: auto;
1490
- border: 1px solid transparent;
1491
- border-radius: 4px;
1492
- background-color: #f0af11;
1493
- padding: 12px 20px;
1494
- display: inline-block;
1495
- text-align: center;
1496
- color: #343433;
1497
- }
1498
-
1499
- @media (min-width: 37.5em) {
1500
- .mds-button {
1501
- padding: 8px 20px;
1502
- }
1503
- }
1504
-
1505
- .mds-button:link, .mds-button:visited, .mds-button:active {
1506
- text-decoration: none;
1507
- color: #343433;
1508
- }
1509
-
1510
- .mds-button:hover, .mds-button:focus {
1511
- background-color: #f3bf41;
1512
- text-decoration: none;
1513
- color: #343433;
1514
- }
1515
-
1516
- .mds-button--small {
1517
- padding: 8px 12px;
1518
- }
1519
-
1520
- @media (min-width: 37.5em) {
1521
- .mds-button--small {
1522
- padding: 4px 12px;
1523
- }
1524
- }
1525
-
1526
- .mds-button--large {
1527
- padding: 20px 24px;
1528
- }
1529
-
1530
- @media (min-width: 37.5em) {
1531
- .mds-button--large {
1532
- padding: 16px 24px;
1533
- }
1534
- }
1535
-
1536
- .mds-card {
1537
- padding: 12px 16px;
1538
- border: 1px solid #dddddd;
1539
- }
1540
-
1541
- .mds-card > *:last-child {
1542
- margin-bottom: 0;
1543
- }
1544
-
1545
- .mds-card--highlighted {
1546
- background: #f8f8f8;
1547
- }
1548
-
1549
- .mds-section-title {
1550
- border-bottom: 1px solid #dddddd;
1551
- }
1552
-
1553
- .js .mds-tabs__panel--hidden {
1554
- display: none;
1555
- }
1556
-
1557
- .mds-tabs__list {
1558
- margin-bottom: 8px;
1559
- }
1560
-
1561
- .js .mds-tabs__list {
1562
- margin-bottom: 0;
1563
- }
1564
-
1565
- .js .mds-tabs__list-item {
1566
- display: inline-block;
1567
- width: 50%;
1568
- }
1569
-
1570
- @media (min-width: 37.5em) {
1571
- .js .mds-tabs__list-item {
1572
- width: auto;
1573
- }
1574
- }
1575
-
1576
- .mds-tabs__tab {
1577
- display: inline-block;
1578
- margin-bottom: 8px;
1579
- }
1580
-
1581
- .js .mds-tabs__tab {
1582
- width: 100%;
1583
- text-decoration: none;
1584
- text-align: center;
1585
- margin-right: 4px;
1586
- margin-bottom: 0;
1587
- padding-top: 24px;
1588
- padding-bottom: 20px;
1589
- }
1590
-
1591
- @media (min-width: 37.5em) {
1592
- .js .mds-tabs__tab {
1593
- text-align: left;
1594
- }
1595
- }
1596
-
1597
- .js .mds-tabs__tab.mds-tabs__tab--selected {
1598
- border-bottom: 6px solid #1b75bb;
1599
- color: #222222;
1600
- }
1601
-
1602
- .mds-input {
1603
- width: 100%;
1604
- background-color: #f8f8f8;
1605
- height: 2rem;
1606
- margin: 4px 0;
1607
- padding: 4px;
1608
- }
1609
-
1610
- .mds-input__label {
1611
- font-weight: 600;
1612
- }
1613
-
1614
- .mds-input__label--hint {
1615
- font-weight: normal;
1616
- color: #979797;
1617
- }
1618
-
1619
- .mds-input__validation-message {
1620
- display: block;
1621
- text-align: right;
1622
- }
1623
-
1624
- .mds-input__validation-message--error {
1625
- color: #e1021d;
1626
- }
1627
-
1628
- .mds-input--error {
1629
- border-color: #e1021d;
1630
- }
1631
-
1632
- .mds-textarea {
1633
- resize: none;
1634
- width: 100%;
1635
- background-color: #f8f8f8;
1636
- margin: 4px 0;
1637
- padding: 8px;
1638
- }
1639
-
1640
- .mds-font-canon {
1641
- font-size: 1.75rem;
1642
- line-height: 1.15;
1643
- }
1644
-
1645
- @media (min-width: 25em) {
1646
- .mds-font-canon {
1647
- font-size: 2rem;
1648
- line-height: 1.13;
1649
- }
1650
- }
1651
-
1652
- @media (min-width: 37.5em) {
1653
- .mds-font-canon {
1654
- font-size: 3.25rem;
1655
- line-height: 1.08;
1656
- }
1657
- }
1658
-
1659
- @media (min-width: 63em) {
1660
- .mds-font-canon {
1661
- font-size: 2.75rem;
1662
- line-height: 1.1;
1663
- }
1664
- }
1665
-
1666
- .mds-font-trafalgar, h1 {
1667
- font-size: 1.25rem;
1668
- line-height: 1.2;
1669
- }
1670
-
1671
- @media (min-width: 25em) {
1672
- .mds-font-trafalgar, h1 {
1673
- font-size: 1.5rem;
1674
- line-height: 1.17;
1675
- }
1676
- }
1677
-
1678
- @media (min-width: 37.5em) {
1679
- .mds-font-trafalgar, h1 {
1680
- font-size: 2.25rem;
1681
- line-height: 1.12;
1682
- }
1683
- }
1684
-
1685
- @media (min-width: 63em) {
1686
- .mds-font-trafalgar, h1 {
1687
- font-size: 2rem;
1688
- line-height: 1.13;
1689
- }
1690
- }
1691
-
1692
- .mds-font-paragon {
1693
- font-size: 1.25rem;
1694
- line-height: 1.2;
1695
- }
1696
-
1697
- @media (min-width: 25em) {
1698
- .mds-font-paragon {
1699
- font-size: 1.375rem;
1700
- line-height: 1.19;
1701
- }
1702
- }
1703
-
1704
- @media (min-width: 37.5em) {
1705
- .mds-font-paragon {
1706
- font-size: 1.75rem;
1707
- line-height: 1.15;
1708
- }
1709
- }
1710
-
1711
- @media (min-width: 63em) {
1712
- .mds-font-paragon {
1713
- font-size: 1.75rem;
1714
- line-height: 1.15;
1715
- }
1716
- }
1717
-
1718
- .mds-font-double-pica, h2 {
1719
- font-size: 1.25rem;
1720
- line-height: 1.2;
1721
- }
1722
-
1723
- @media (min-width: 25em) {
1724
- .mds-font-double-pica, h2 {
1725
- font-size: 1.25rem;
1726
- line-height: 1.2;
1727
- }
1728
- }
1729
-
1730
- @media (min-width: 37.5em) {
1731
- .mds-font-double-pica, h2 {
1732
- font-size: 1.625rem;
1733
- line-height: 1.16;
1734
- }
1735
- }
1736
-
1737
- @media (min-width: 63em) {
1738
- .mds-font-double-pica, h2 {
1739
- font-size: 1.5rem;
1740
- line-height: 1.17;
1741
- }
1742
- }
1743
-
1744
- .mds-font-great-primer, h3, .js .mds-tabs__list-item {
1745
- font-size: 1.125rem;
1746
- line-height: 1.23;
1747
- }
1748
-
1749
- @media (min-width: 25em) {
1750
- .mds-font-great-primer, h3, .js .mds-tabs__list-item {
1751
- font-size: 1.125rem;
1752
- line-height: 1.23;
1753
- }
1754
- }
1755
-
1756
- @media (min-width: 37.5em) {
1757
- .mds-font-great-primer, h3, .js .mds-tabs__list-item {
1758
- font-size: 1.3125rem;
1759
- line-height: 1.15;
1760
- }
1761
- }
1762
-
1763
- @media (min-width: 63em) {
1764
- .mds-font-great-primer, h3, .js .mds-tabs__list-item {
1765
- font-size: 1.25rem;
1766
- line-height: 1.2;
1767
- }
1768
- }
1769
-
1770
- .mds-font-body-copy, body, h4, .mds-button {
1771
- font-size: 1rem;
1772
- line-height: 1.38;
1773
- }
1774
-
1775
- @media (min-width: 25em) {
1776
- .mds-font-body-copy, body, h4, .mds-button {
1777
- font-size: 1rem;
1778
- line-height: 1.38;
1779
- }
1780
- }
1781
-
1782
- @media (min-width: 37.5em) {
1783
- .mds-font-body-copy, body, h4, .mds-button {
1784
- font-size: 1.125rem;
1785
- line-height: 1.34;
1786
- }
1787
- }
1788
-
1789
- @media (min-width: 63em) {
1790
- .mds-font-body-copy, body, h4, .mds-button {
1791
- font-size: 1rem;
1792
- line-height: 1.38;
1793
- }
1794
- }
1795
-
1796
- .mds-font-body-copy-bulk {
1797
- font-size: 1rem;
1798
- line-height: 1.75;
1799
- }
1800
-
1801
- @media (min-width: 25em) {
1802
- .mds-font-body-copy-bulk {
1803
- font-size: 1rem;
1804
- line-height: 1.75;
1805
- }
1806
- }
1807
-
1808
- @media (min-width: 37.5em) {
1809
- .mds-font-body-copy-bulk {
1810
- font-size: 1.125rem;
1811
- line-height: 1.67;
1812
- }
1813
- }
1814
-
1815
- @media (min-width: 63em) {
1816
- .mds-font-body-copy-bulk {
1817
- font-size: 1rem;
1818
- line-height: 1.75;
1819
- }
1820
- }
1821
-
1822
- .mds-font-pica {
1823
- font-size: 0.9375rem;
1824
- line-height: 1.34;
1825
- }
1826
-
1827
- @media (min-width: 25em) {
1828
- .mds-font-pica {
1829
- font-size: 1rem;
1830
- line-height: 1.25;
1831
- }
1832
- }
1833
-
1834
- @media (min-width: 37.5em) {
1835
- .mds-font-pica {
1836
- font-size: 1.125rem;
1837
- line-height: 1.23;
1838
- }
1839
- }
1840
-
1841
- @media (min-width: 63em) {
1842
- .mds-font-pica {
1843
- font-size: 1rem;
1844
- line-height: 1.25;
1845
- }
1846
- }
1847
-
1848
- .mds-font-long-primer {
1849
- font-size: 0.9375rem;
1850
- line-height: 1.2;
1851
- }
1852
-
1853
- @media (min-width: 25em) {
1854
- .mds-font-long-primer {
1855
- font-size: 0.9375rem;
1856
- line-height: 1.2;
1857
- }
1858
- }
1859
-
1860
- @media (min-width: 37.5em) {
1861
- .mds-font-long-primer {
1862
- font-size: 0.9375rem;
1863
- line-height: 1.34;
1864
- }
1865
- }
1866
-
1867
- @media (min-width: 63em) {
1868
- .mds-font-long-primer {
1869
- font-size: 0.875rem;
1870
- line-height: 1.29;
1871
- }
1872
- }
1873
-
1874
- .mds-font-brevier {
1875
- font-size: 0.875rem;
1876
- line-height: 1.15;
1877
- }
1878
-
1879
- @media (min-width: 25em) {
1880
- .mds-font-brevier {
1881
- font-size: 0.875rem;
1882
- line-height: 1.29;
1883
- }
1884
- }
1885
-
1886
- @media (min-width: 37.5em) {
1887
- .mds-font-brevier {
1888
- font-size: 0.875rem;
1889
- line-height: 1.29;
1890
- }
1891
- }
1892
-
1893
- @media (min-width: 63em) {
1894
- .mds-font-brevier {
1895
- font-size: 0.8125rem;
1896
- line-height: 1.24;
1897
- }
1898
- }
1899
-
1900
- .mds-font-minion, .mds-list__key {
1901
- font-size: 0.75rem;
1902
- line-height: 1.34;
1903
- }
1904
-
1905
- @media (min-width: 25em) {
1906
- .mds-font-minion, .mds-list__key {
1907
- font-size: 0.75rem;
1908
- line-height: 1.34;
1909
- }
1910
- }
1911
-
1912
- @media (min-width: 37.5em) {
1913
- .mds-font-minion, .mds-list__key {
1914
- font-size: 0.8125rem;
1915
- line-height: 1.24;
1916
- }
1917
- }
1918
-
1919
- @media (min-width: 63em) {
1920
- .mds-font-minion, .mds-list__key {
1921
- font-size: 0.75rem;
1922
- line-height: 1.34;
1923
- }
1924
- }
1925
-
1926
- .mds-padding-b0 {
1927
- padding: 0px;
1928
- }
1929
-
1930
- .mds-margin-b0 {
1931
- margin: 0px;
1932
- }
1933
-
1934
- .mds-padding-b1 {
1935
- padding: 4px;
1936
- }
1937
-
1938
- .mds-margin-b1 {
1939
- margin: 4px;
1940
- }
1941
-
1942
- .mds-padding-b2 {
1943
- padding: 8px;
1944
- }
1945
-
1946
- .mds-margin-b2 {
1947
- margin: 8px;
1948
- }
1949
-
1950
- .mds-padding-b3, .mds-message {
1951
- padding: 12px;
1952
- }
1953
-
1954
- .mds-margin-b3 {
1955
- margin: 12px;
1956
- }
1957
-
1958
- .mds-padding-b4 {
1959
- padding: 16px;
1960
- }
1961
-
1962
- .mds-margin-b4 {
1963
- margin: 16px;
1964
- }
1965
-
1966
- .mds-padding-b5 {
1967
- padding: 20px;
1968
- }
1969
-
1970
- .mds-margin-b5 {
1971
- margin: 20px;
1972
- }
1973
-
1974
- .mds-padding-b6 {
1975
- padding: 24px;
1976
- }
1977
-
1978
- .mds-margin-b6 {
1979
- margin: 24px;
1980
- }
1981
-
1982
- .mds-padding-b7 {
1983
- padding: 28px;
1984
- }
1985
-
1986
- .mds-margin-b7 {
1987
- margin: 28px;
1988
- }
1989
-
1990
- .mds-padding-b8 {
1991
- padding: 32px;
1992
- }
1993
-
1994
- .mds-margin-b8 {
1995
- margin: 32px;
1996
- }
1997
-
1998
- .mds-padding-b9 {
1999
- padding: 36px;
2000
- }
2001
-
2002
- .mds-margin-b9 {
2003
- margin: 36px;
2004
- }
2005
-
2006
- .mds-padding-b10 {
2007
- padding: 40px;
2008
- }
2009
-
2010
- .mds-margin-b10 {
2011
- margin: 40px;
2012
- }
2013
-
2014
- @media (min-width: 25em) {
2015
- .mds-padding-sm-b0 {
2016
- padding: 0px;
2017
- }
2018
- .mds-margin-sm-b0 {
2019
- margin: 0px;
2020
- }
2021
- }
2022
-
2023
- @media (min-width: 37.5em) {
2024
- .mds-padding-md-b0 {
2025
- padding: 0px;
2026
- }
2027
- .mds-margin-md-b0 {
2028
- margin: 0px;
2029
- }
2030
- }
2031
-
2032
- @media (min-width: 63em) {
2033
- .mds-padding-lg-b0 {
2034
- padding: 0px;
2035
- }
2036
- .mds-margin-lg-b0 {
2037
- margin: 0px;
2038
- }
2039
- }
2040
-
2041
- @media (min-width: 80em) {
2042
- .mds-padding-xl-b0 {
2043
- padding: 0px;
2044
- }
2045
- .mds-margin-xl-b0 {
2046
- margin: 0px;
2047
- }
2048
- }
2049
-
2050
- @media (min-width: 25em) {
2051
- .mds-padding-sm-b1 {
2052
- padding: 4px;
2053
- }
2054
- .mds-margin-sm-b1 {
2055
- margin: 4px;
2056
- }
2057
- }
2058
-
2059
- @media (min-width: 37.5em) {
2060
- .mds-padding-md-b1 {
2061
- padding: 4px;
2062
- }
2063
- .mds-margin-md-b1 {
2064
- margin: 4px;
2065
- }
2066
- }
2067
-
2068
- @media (min-width: 63em) {
2069
- .mds-padding-lg-b1 {
2070
- padding: 4px;
2071
- }
2072
- .mds-margin-lg-b1 {
2073
- margin: 4px;
2074
- }
2075
- }
2076
-
2077
- @media (min-width: 80em) {
2078
- .mds-padding-xl-b1 {
2079
- padding: 4px;
2080
- }
2081
- .mds-margin-xl-b1 {
2082
- margin: 4px;
2083
- }
2084
- }
2085
-
2086
- @media (min-width: 25em) {
2087
- .mds-padding-sm-b2 {
2088
- padding: 8px;
2089
- }
2090
- .mds-margin-sm-b2 {
2091
- margin: 8px;
2092
- }
2093
- }
2094
-
2095
- @media (min-width: 37.5em) {
2096
- .mds-padding-md-b2 {
2097
- padding: 8px;
2098
- }
2099
- .mds-margin-md-b2 {
2100
- margin: 8px;
2101
- }
2102
- }
2103
-
2104
- @media (min-width: 63em) {
2105
- .mds-padding-lg-b2 {
2106
- padding: 8px;
2107
- }
2108
- .mds-margin-lg-b2 {
2109
- margin: 8px;
2110
- }
2111
- }
2112
-
2113
- @media (min-width: 80em) {
2114
- .mds-padding-xl-b2 {
2115
- padding: 8px;
2116
- }
2117
- .mds-margin-xl-b2 {
2118
- margin: 8px;
2119
- }
2120
- }
2121
-
2122
- @media (min-width: 25em) {
2123
- .mds-padding-sm-b3 {
2124
- padding: 12px;
2125
- }
2126
- .mds-margin-sm-b3 {
2127
- margin: 12px;
2128
- }
2129
- }
2130
-
2131
- @media (min-width: 37.5em) {
2132
- .mds-padding-md-b3 {
2133
- padding: 12px;
2134
- }
2135
- .mds-margin-md-b3 {
2136
- margin: 12px;
2137
- }
2138
- }
2139
-
2140
- @media (min-width: 63em) {
2141
- .mds-padding-lg-b3 {
2142
- padding: 12px;
2143
- }
2144
- .mds-margin-lg-b3 {
2145
- margin: 12px;
2146
- }
2147
- }
2148
-
2149
- @media (min-width: 80em) {
2150
- .mds-padding-xl-b3 {
2151
- padding: 12px;
2152
- }
2153
- .mds-margin-xl-b3 {
2154
- margin: 12px;
2155
- }
2156
- }
2157
-
2158
- @media (min-width: 25em) {
2159
- .mds-padding-sm-b4 {
2160
- padding: 16px;
2161
- }
2162
- .mds-margin-sm-b4 {
2163
- margin: 16px;
2164
- }
2165
- }
2166
-
2167
- @media (min-width: 37.5em) {
2168
- .mds-padding-md-b4 {
2169
- padding: 16px;
2170
- }
2171
- .mds-margin-md-b4 {
2172
- margin: 16px;
2173
- }
2174
- }
2175
-
2176
- @media (min-width: 63em) {
2177
- .mds-padding-lg-b4 {
2178
- padding: 16px;
2179
- }
2180
- .mds-margin-lg-b4 {
2181
- margin: 16px;
2182
- }
2183
- }
2184
-
2185
- @media (min-width: 80em) {
2186
- .mds-padding-xl-b4 {
2187
- padding: 16px;
2188
- }
2189
- .mds-margin-xl-b4 {
2190
- margin: 16px;
2191
- }
2192
- }
2193
-
2194
- @media (min-width: 25em) {
2195
- .mds-padding-sm-b5 {
2196
- padding: 20px;
2197
- }
2198
- .mds-margin-sm-b5 {
2199
- margin: 20px;
2200
- }
2201
- }
2202
-
2203
- @media (min-width: 37.5em) {
2204
- .mds-padding-md-b5 {
2205
- padding: 20px;
2206
- }
2207
- .mds-margin-md-b5 {
2208
- margin: 20px;
2209
- }
2210
- }
2211
-
2212
- @media (min-width: 63em) {
2213
- .mds-padding-lg-b5 {
2214
- padding: 20px;
2215
- }
2216
- .mds-margin-lg-b5 {
2217
- margin: 20px;
2218
- }
2219
- }
2220
-
2221
- @media (min-width: 80em) {
2222
- .mds-padding-xl-b5 {
2223
- padding: 20px;
2224
- }
2225
- .mds-margin-xl-b5 {
2226
- margin: 20px;
2227
- }
2228
- }
2229
-
2230
- @media (min-width: 25em) {
2231
- .mds-padding-sm-b6 {
2232
- padding: 24px;
2233
- }
2234
- .mds-margin-sm-b6 {
2235
- margin: 24px;
2236
- }
2237
- }
2238
-
2239
- @media (min-width: 37.5em) {
2240
- .mds-padding-md-b6 {
2241
- padding: 24px;
2242
- }
2243
- .mds-margin-md-b6 {
2244
- margin: 24px;
2245
- }
2246
- }
2247
-
2248
- @media (min-width: 63em) {
2249
- .mds-padding-lg-b6 {
2250
- padding: 24px;
2251
- }
2252
- .mds-margin-lg-b6 {
2253
- margin: 24px;
2254
- }
2255
- }
2256
-
2257
- @media (min-width: 80em) {
2258
- .mds-padding-xl-b6 {
2259
- padding: 24px;
2260
- }
2261
- .mds-margin-xl-b6 {
2262
- margin: 24px;
2263
- }
2264
- }
2265
-
2266
- @media (min-width: 25em) {
2267
- .mds-padding-sm-b7 {
2268
- padding: 28px;
2269
- }
2270
- .mds-margin-sm-b7 {
2271
- margin: 28px;
2272
- }
2273
- }
2274
-
2275
- @media (min-width: 37.5em) {
2276
- .mds-padding-md-b7 {
2277
- padding: 28px;
2278
- }
2279
- .mds-margin-md-b7 {
2280
- margin: 28px;
2281
- }
2282
- }
2283
-
2284
- @media (min-width: 63em) {
2285
- .mds-padding-lg-b7 {
2286
- padding: 28px;
2287
- }
2288
- .mds-margin-lg-b7 {
2289
- margin: 28px;
2290
- }
2291
- }
2292
-
2293
- @media (min-width: 80em) {
2294
- .mds-padding-xl-b7 {
2295
- padding: 28px;
2296
- }
2297
- .mds-margin-xl-b7 {
2298
- margin: 28px;
2299
- }
2300
- }
2301
-
2302
- @media (min-width: 25em) {
2303
- .mds-padding-sm-b8 {
2304
- padding: 32px;
2305
- }
2306
- .mds-margin-sm-b8 {
2307
- margin: 32px;
2308
- }
2309
- }
2310
-
2311
- @media (min-width: 37.5em) {
2312
- .mds-padding-md-b8 {
2313
- padding: 32px;
2314
- }
2315
- .mds-margin-md-b8 {
2316
- margin: 32px;
2317
- }
2318
- }
2319
-
2320
- @media (min-width: 63em) {
2321
- .mds-padding-lg-b8 {
2322
- padding: 32px;
2323
- }
2324
- .mds-margin-lg-b8 {
2325
- margin: 32px;
2326
- }
2327
- }
2328
-
2329
- @media (min-width: 80em) {
2330
- .mds-padding-xl-b8 {
2331
- padding: 32px;
2332
- }
2333
- .mds-margin-xl-b8 {
2334
- margin: 32px;
2335
- }
2336
- }
2337
-
2338
- @media (min-width: 25em) {
2339
- .mds-padding-sm-b9 {
2340
- padding: 36px;
2341
- }
2342
- .mds-margin-sm-b9 {
2343
- margin: 36px;
2344
- }
2345
- }
2346
-
2347
- @media (min-width: 37.5em) {
2348
- .mds-padding-md-b9 {
2349
- padding: 36px;
2350
- }
2351
- .mds-margin-md-b9 {
2352
- margin: 36px;
2353
- }
2354
- }
2355
-
2356
- @media (min-width: 63em) {
2357
- .mds-padding-lg-b9 {
2358
- padding: 36px;
2359
- }
2360
- .mds-margin-lg-b9 {
2361
- margin: 36px;
2362
- }
2363
- }
2364
-
2365
- @media (min-width: 80em) {
2366
- .mds-padding-xl-b9 {
2367
- padding: 36px;
2368
- }
2369
- .mds-margin-xl-b9 {
2370
- margin: 36px;
2371
- }
2372
- }
2373
-
2374
- @media (min-width: 25em) {
2375
- .mds-padding-sm-b10 {
2376
- padding: 40px;
2377
- }
2378
- .mds-margin-sm-b10 {
2379
- margin: 40px;
2380
- }
2381
- }
2382
-
2383
- @media (min-width: 37.5em) {
2384
- .mds-padding-md-b10 {
2385
- padding: 40px;
2386
- }
2387
- .mds-margin-md-b10 {
2388
- margin: 40px;
2389
- }
2390
- }
2391
-
2392
- @media (min-width: 63em) {
2393
- .mds-padding-lg-b10 {
2394
- padding: 40px;
2395
- }
2396
- .mds-margin-lg-b10 {
2397
- margin: 40px;
2398
- }
2399
- }
2400
-
2401
- @media (min-width: 80em) {
2402
- .mds-padding-xl-b10 {
2403
- padding: 40px;
2404
- }
2405
- .mds-margin-xl-b10 {
2406
- margin: 40px;
2407
- }
2408
- }
2409
-
2410
- .mds-padding-top-b0 {
2411
- padding-top: 0px;
2412
- }
2413
-
2414
- .mds-margin-top-b0 {
2415
- margin-top: 0px;
2416
- }
2417
-
2418
- .mds-padding-right-b0 {
2419
- padding-right: 0px;
2420
- }
2421
-
2422
- .mds-margin-right-b0 {
2423
- margin-right: 0px;
2424
- }
2425
-
2426
- .mds-padding-bottom-b0 {
2427
- padding-bottom: 0px;
2428
- }
2429
-
2430
- .mds-margin-bottom-b0 {
2431
- margin-bottom: 0px;
2432
- }
2433
-
2434
- .mds-padding-left-b0 {
2435
- padding-left: 0px;
2436
- }
2437
-
2438
- .mds-margin-left-b0 {
2439
- margin-left: 0px;
2440
- }
2441
-
2442
- .mds-padding-top-b1 {
2443
- padding-top: 4px;
2444
- }
2445
-
2446
- .mds-margin-top-b1 {
2447
- margin-top: 4px;
2448
- }
2449
-
2450
- .mds-padding-right-b1 {
2451
- padding-right: 4px;
2452
- }
2453
-
2454
- .mds-margin-right-b1 {
2455
- margin-right: 4px;
2456
- }
2457
-
2458
- .mds-padding-bottom-b1 {
2459
- padding-bottom: 4px;
2460
- }
2461
-
2462
- .mds-margin-bottom-b1 {
2463
- margin-bottom: 4px;
2464
- }
2465
-
2466
- .mds-padding-left-b1 {
2467
- padding-left: 4px;
2468
- }
2469
-
2470
- .mds-margin-left-b1 {
2471
- margin-left: 4px;
2472
- }
2473
-
2474
- .mds-padding-top-b2 {
2475
- padding-top: 8px;
2476
- }
2477
-
2478
- .mds-margin-top-b2 {
2479
- margin-top: 8px;
2480
- }
2481
-
2482
- .mds-padding-right-b2 {
2483
- padding-right: 8px;
2484
- }
2485
-
2486
- .mds-margin-right-b2 {
2487
- margin-right: 8px;
2488
- }
2489
-
2490
- .mds-padding-bottom-b2 {
2491
- padding-bottom: 8px;
2492
- }
2493
-
2494
- .mds-margin-bottom-b2 {
2495
- margin-bottom: 8px;
2496
- }
2497
-
2498
- .mds-padding-left-b2 {
2499
- padding-left: 8px;
2500
- }
2501
-
2502
- .mds-margin-left-b2 {
2503
- margin-left: 8px;
2504
- }
2505
-
2506
- .mds-padding-top-b3 {
2507
- padding-top: 12px;
2508
- }
2509
-
2510
- .mds-margin-top-b3 {
2511
- margin-top: 12px;
2512
- }
2513
-
2514
- .mds-padding-right-b3 {
2515
- padding-right: 12px;
2516
- }
2517
-
2518
- .mds-margin-right-b3 {
2519
- margin-right: 12px;
2520
- }
2521
-
2522
- .mds-padding-bottom-b3 {
2523
- padding-bottom: 12px;
2524
- }
2525
-
2526
- .mds-margin-bottom-b3 {
2527
- margin-bottom: 12px;
2528
- }
2529
-
2530
- .mds-padding-left-b3 {
2531
- padding-left: 12px;
2532
- }
2533
-
2534
- .mds-margin-left-b3 {
2535
- margin-left: 12px;
2536
- }
2537
-
2538
- .mds-padding-top-b4 {
2539
- padding-top: 16px;
2540
- }
2541
-
2542
- .mds-margin-top-b4 {
2543
- margin-top: 16px;
2544
- }
2545
-
2546
- .mds-padding-right-b4 {
2547
- padding-right: 16px;
2548
- }
2549
-
2550
- .mds-margin-right-b4 {
2551
- margin-right: 16px;
2552
- }
2553
-
2554
- .mds-padding-bottom-b4 {
2555
- padding-bottom: 16px;
2556
- }
2557
-
2558
- .mds-margin-bottom-b4 {
2559
- margin-bottom: 16px;
2560
- }
2561
-
2562
- .mds-padding-left-b4 {
2563
- padding-left: 16px;
2564
- }
2565
-
2566
- .mds-margin-left-b4 {
2567
- margin-left: 16px;
2568
- }
2569
-
2570
- .mds-padding-top-b5 {
2571
- padding-top: 20px;
2572
- }
2573
-
2574
- .mds-margin-top-b5 {
2575
- margin-top: 20px;
2576
- }
2577
-
2578
- .mds-padding-right-b5 {
2579
- padding-right: 20px;
2580
- }
2581
-
2582
- .mds-margin-right-b5 {
2583
- margin-right: 20px;
2584
- }
2585
-
2586
- .mds-padding-bottom-b5 {
2587
- padding-bottom: 20px;
2588
- }
2589
-
2590
- .mds-margin-bottom-b5 {
2591
- margin-bottom: 20px;
2592
- }
2593
-
2594
- .mds-padding-left-b5 {
2595
- padding-left: 20px;
2596
- }
2597
-
2598
- .mds-margin-left-b5 {
2599
- margin-left: 20px;
2600
- }
2601
-
2602
- .mds-padding-top-b6 {
2603
- padding-top: 24px;
2604
- }
2605
-
2606
- .mds-margin-top-b6 {
2607
- margin-top: 24px;
2608
- }
2609
-
2610
- .mds-padding-right-b6 {
2611
- padding-right: 24px;
2612
- }
2613
-
2614
- .mds-margin-right-b6 {
2615
- margin-right: 24px;
2616
- }
2617
-
2618
- .mds-padding-bottom-b6 {
2619
- padding-bottom: 24px;
2620
- }
2621
-
2622
- .mds-margin-bottom-b6 {
2623
- margin-bottom: 24px;
2624
- }
2625
-
2626
- .mds-padding-left-b6 {
2627
- padding-left: 24px;
2628
- }
2629
-
2630
- .mds-margin-left-b6 {
2631
- margin-left: 24px;
2632
- }
2633
-
2634
- .mds-padding-top-b7 {
2635
- padding-top: 28px;
2636
- }
2637
-
2638
- .mds-margin-top-b7 {
2639
- margin-top: 28px;
2640
- }
2641
-
2642
- .mds-padding-right-b7 {
2643
- padding-right: 28px;
2644
- }
2645
-
2646
- .mds-margin-right-b7 {
2647
- margin-right: 28px;
2648
- }
2649
-
2650
- .mds-padding-bottom-b7 {
2651
- padding-bottom: 28px;
2652
- }
2653
-
2654
- .mds-margin-bottom-b7 {
2655
- margin-bottom: 28px;
2656
- }
2657
-
2658
- .mds-padding-left-b7 {
2659
- padding-left: 28px;
2660
- }
2661
-
2662
- .mds-margin-left-b7 {
2663
- margin-left: 28px;
2664
- }
2665
-
2666
- .mds-padding-top-b8 {
2667
- padding-top: 32px;
2668
- }
2669
-
2670
- .mds-margin-top-b8 {
2671
- margin-top: 32px;
2672
- }
2673
-
2674
- .mds-padding-right-b8 {
2675
- padding-right: 32px;
2676
- }
2677
-
2678
- .mds-margin-right-b8 {
2679
- margin-right: 32px;
2680
- }
2681
-
2682
- .mds-padding-bottom-b8 {
2683
- padding-bottom: 32px;
2684
- }
2685
-
2686
- .mds-margin-bottom-b8 {
2687
- margin-bottom: 32px;
2688
- }
2689
-
2690
- .mds-padding-left-b8 {
2691
- padding-left: 32px;
2692
- }
2693
-
2694
- .mds-margin-left-b8 {
2695
- margin-left: 32px;
2696
- }
2697
-
2698
- .mds-padding-top-b9 {
2699
- padding-top: 36px;
2700
- }
2701
-
2702
- .mds-margin-top-b9 {
2703
- margin-top: 36px;
2704
- }
2705
-
2706
- .mds-padding-right-b9 {
2707
- padding-right: 36px;
2708
- }
2709
-
2710
- .mds-margin-right-b9 {
2711
- margin-right: 36px;
2712
- }
2713
-
2714
- .mds-padding-bottom-b9 {
2715
- padding-bottom: 36px;
2716
- }
2717
-
2718
- .mds-margin-bottom-b9 {
2719
- margin-bottom: 36px;
2720
- }
2721
-
2722
- .mds-padding-left-b9 {
2723
- padding-left: 36px;
2724
- }
2725
-
2726
- .mds-margin-left-b9 {
2727
- margin-left: 36px;
2728
- }
2729
-
2730
- .mds-padding-top-b10 {
2731
- padding-top: 40px;
2732
- }
2733
-
2734
- .mds-margin-top-b10 {
2735
- margin-top: 40px;
2736
- }
2737
-
2738
- .mds-padding-right-b10 {
2739
- padding-right: 40px;
2740
- }
2741
-
2742
- .mds-margin-right-b10 {
2743
- margin-right: 40px;
2744
- }
2745
-
2746
- .mds-padding-bottom-b10 {
2747
- padding-bottom: 40px;
2748
- }
2749
-
2750
- .mds-margin-bottom-b10 {
2751
- margin-bottom: 40px;
2752
- }
2753
-
2754
- .mds-padding-left-b10 {
2755
- padding-left: 40px;
2756
- }
2757
-
2758
- .mds-margin-left-b10 {
2759
- margin-left: 40px;
2760
- }
2761
-
2762
- @media (min-width: 25em) {
2763
- .mds-padding-top-sm-b0 {
2764
- padding-top: 0px;
2765
- }
2766
- .mds-margin-top-sm-b0 {
2767
- margin-top: 0px;
2768
- }
2769
- }
2770
-
2771
- @media (min-width: 37.5em) {
2772
- .mds-padding-top-md-b0 {
2773
- padding-top: 0px;
2774
- }
2775
- .mds-margin-top-md-b0 {
2776
- margin-top: 0px;
2777
- }
2778
- }
2779
-
2780
- @media (min-width: 63em) {
2781
- .mds-padding-top-lg-b0 {
2782
- padding-top: 0px;
2783
- }
2784
- .mds-margin-top-lg-b0 {
2785
- margin-top: 0px;
2786
- }
2787
- }
2788
-
2789
- @media (min-width: 80em) {
2790
- .mds-padding-top-xl-b0 {
2791
- padding-top: 0px;
2792
- }
2793
- .mds-margin-top-xl-b0 {
2794
- margin-top: 0px;
2795
- }
2796
- }
2797
-
2798
- @media (min-width: 25em) {
2799
- .mds-padding-right-sm-b0 {
2800
- padding-right: 0px;
2801
- }
2802
- .mds-margin-right-sm-b0 {
2803
- margin-right: 0px;
2804
- }
2805
- }
2806
-
2807
- @media (min-width: 37.5em) {
2808
- .mds-padding-right-md-b0 {
2809
- padding-right: 0px;
2810
- }
2811
- .mds-margin-right-md-b0 {
2812
- margin-right: 0px;
2813
- }
2814
- }
2815
-
2816
- @media (min-width: 63em) {
2817
- .mds-padding-right-lg-b0 {
2818
- padding-right: 0px;
2819
- }
2820
- .mds-margin-right-lg-b0 {
2821
- margin-right: 0px;
2822
- }
2823
- }
2824
-
2825
- @media (min-width: 80em) {
2826
- .mds-padding-right-xl-b0 {
2827
- padding-right: 0px;
2828
- }
2829
- .mds-margin-right-xl-b0 {
2830
- margin-right: 0px;
2831
- }
2832
- }
2833
-
2834
- @media (min-width: 25em) {
2835
- .mds-padding-bottom-sm-b0 {
2836
- padding-bottom: 0px;
2837
- }
2838
- .mds-margin-bottom-sm-b0 {
2839
- margin-bottom: 0px;
2840
- }
2841
- }
2842
-
2843
- @media (min-width: 37.5em) {
2844
- .mds-padding-bottom-md-b0 {
2845
- padding-bottom: 0px;
2846
- }
2847
- .mds-margin-bottom-md-b0 {
2848
- margin-bottom: 0px;
2849
- }
2850
- }
2851
-
2852
- @media (min-width: 63em) {
2853
- .mds-padding-bottom-lg-b0 {
2854
- padding-bottom: 0px;
2855
- }
2856
- .mds-margin-bottom-lg-b0 {
2857
- margin-bottom: 0px;
2858
- }
2859
- }
2860
-
2861
- @media (min-width: 80em) {
2862
- .mds-padding-bottom-xl-b0 {
2863
- padding-bottom: 0px;
2864
- }
2865
- .mds-margin-bottom-xl-b0 {
2866
- margin-bottom: 0px;
2867
- }
2868
- }
2869
-
2870
- @media (min-width: 25em) {
2871
- .mds-padding-left-sm-b0 {
2872
- padding-left: 0px;
2873
- }
2874
- .mds-margin-left-sm-b0 {
2875
- margin-left: 0px;
2876
- }
2877
- }
2878
-
2879
- @media (min-width: 37.5em) {
2880
- .mds-padding-left-md-b0 {
2881
- padding-left: 0px;
2882
- }
2883
- .mds-margin-left-md-b0 {
2884
- margin-left: 0px;
2885
- }
2886
- }
2887
-
2888
- @media (min-width: 63em) {
2889
- .mds-padding-left-lg-b0 {
2890
- padding-left: 0px;
2891
- }
2892
- .mds-margin-left-lg-b0 {
2893
- margin-left: 0px;
2894
- }
2895
- }
2896
-
2897
- @media (min-width: 80em) {
2898
- .mds-padding-left-xl-b0 {
2899
- padding-left: 0px;
2900
- }
2901
- .mds-margin-left-xl-b0 {
2902
- margin-left: 0px;
2903
- }
2904
- }
2905
-
2906
- @media (min-width: 25em) {
2907
- .mds-padding-top-sm-b1 {
2908
- padding-top: 4px;
2909
- }
2910
- .mds-margin-top-sm-b1 {
2911
- margin-top: 4px;
2912
- }
2913
- }
2914
-
2915
- @media (min-width: 37.5em) {
2916
- .mds-padding-top-md-b1 {
2917
- padding-top: 4px;
2918
- }
2919
- .mds-margin-top-md-b1 {
2920
- margin-top: 4px;
2921
- }
2922
- }
2923
-
2924
- @media (min-width: 63em) {
2925
- .mds-padding-top-lg-b1 {
2926
- padding-top: 4px;
2927
- }
2928
- .mds-margin-top-lg-b1 {
2929
- margin-top: 4px;
2930
- }
2931
- }
2932
-
2933
- @media (min-width: 80em) {
2934
- .mds-padding-top-xl-b1 {
2935
- padding-top: 4px;
2936
- }
2937
- .mds-margin-top-xl-b1 {
2938
- margin-top: 4px;
2939
- }
2940
- }
2941
-
2942
- @media (min-width: 25em) {
2943
- .mds-padding-right-sm-b1 {
2944
- padding-right: 4px;
2945
- }
2946
- .mds-margin-right-sm-b1 {
2947
- margin-right: 4px;
2948
- }
2949
- }
2950
-
2951
- @media (min-width: 37.5em) {
2952
- .mds-padding-right-md-b1 {
2953
- padding-right: 4px;
2954
- }
2955
- .mds-margin-right-md-b1 {
2956
- margin-right: 4px;
2957
- }
2958
- }
2959
-
2960
- @media (min-width: 63em) {
2961
- .mds-padding-right-lg-b1 {
2962
- padding-right: 4px;
2963
- }
2964
- .mds-margin-right-lg-b1 {
2965
- margin-right: 4px;
2966
- }
2967
- }
2968
-
2969
- @media (min-width: 80em) {
2970
- .mds-padding-right-xl-b1 {
2971
- padding-right: 4px;
2972
- }
2973
- .mds-margin-right-xl-b1 {
2974
- margin-right: 4px;
2975
- }
2976
- }
2977
-
2978
- @media (min-width: 25em) {
2979
- .mds-padding-bottom-sm-b1 {
2980
- padding-bottom: 4px;
2981
- }
2982
- .mds-margin-bottom-sm-b1 {
2983
- margin-bottom: 4px;
2984
- }
2985
- }
2986
-
2987
- @media (min-width: 37.5em) {
2988
- .mds-padding-bottom-md-b1 {
2989
- padding-bottom: 4px;
2990
- }
2991
- .mds-margin-bottom-md-b1 {
2992
- margin-bottom: 4px;
2993
- }
2994
- }
2995
-
2996
- @media (min-width: 63em) {
2997
- .mds-padding-bottom-lg-b1 {
2998
- padding-bottom: 4px;
2999
- }
3000
- .mds-margin-bottom-lg-b1 {
3001
- margin-bottom: 4px;
3002
- }
3003
- }
3004
-
3005
- @media (min-width: 80em) {
3006
- .mds-padding-bottom-xl-b1 {
3007
- padding-bottom: 4px;
3008
- }
3009
- .mds-margin-bottom-xl-b1 {
3010
- margin-bottom: 4px;
3011
- }
3012
- }
3013
-
3014
- @media (min-width: 25em) {
3015
- .mds-padding-left-sm-b1 {
3016
- padding-left: 4px;
3017
- }
3018
- .mds-margin-left-sm-b1 {
3019
- margin-left: 4px;
3020
- }
3021
- }
3022
-
3023
- @media (min-width: 37.5em) {
3024
- .mds-padding-left-md-b1 {
3025
- padding-left: 4px;
3026
- }
3027
- .mds-margin-left-md-b1 {
3028
- margin-left: 4px;
3029
- }
3030
- }
3031
-
3032
- @media (min-width: 63em) {
3033
- .mds-padding-left-lg-b1 {
3034
- padding-left: 4px;
3035
- }
3036
- .mds-margin-left-lg-b1 {
3037
- margin-left: 4px;
3038
- }
3039
- }
3040
-
3041
- @media (min-width: 80em) {
3042
- .mds-padding-left-xl-b1 {
3043
- padding-left: 4px;
3044
- }
3045
- .mds-margin-left-xl-b1 {
3046
- margin-left: 4px;
3047
- }
3048
- }
3049
-
3050
- @media (min-width: 25em) {
3051
- .mds-padding-top-sm-b2 {
3052
- padding-top: 8px;
3053
- }
3054
- .mds-margin-top-sm-b2 {
3055
- margin-top: 8px;
3056
- }
3057
- }
3058
-
3059
- @media (min-width: 37.5em) {
3060
- .mds-padding-top-md-b2 {
3061
- padding-top: 8px;
3062
- }
3063
- .mds-margin-top-md-b2 {
3064
- margin-top: 8px;
3065
- }
3066
- }
3067
-
3068
- @media (min-width: 63em) {
3069
- .mds-padding-top-lg-b2 {
3070
- padding-top: 8px;
3071
- }
3072
- .mds-margin-top-lg-b2 {
3073
- margin-top: 8px;
3074
- }
3075
- }
3076
-
3077
- @media (min-width: 80em) {
3078
- .mds-padding-top-xl-b2 {
3079
- padding-top: 8px;
3080
- }
3081
- .mds-margin-top-xl-b2 {
3082
- margin-top: 8px;
3083
- }
3084
- }
3085
-
3086
- @media (min-width: 25em) {
3087
- .mds-padding-right-sm-b2 {
3088
- padding-right: 8px;
3089
- }
3090
- .mds-margin-right-sm-b2 {
3091
- margin-right: 8px;
3092
- }
3093
- }
3094
-
3095
- @media (min-width: 37.5em) {
3096
- .mds-padding-right-md-b2 {
3097
- padding-right: 8px;
3098
- }
3099
- .mds-margin-right-md-b2 {
3100
- margin-right: 8px;
3101
- }
3102
- }
3103
-
3104
- @media (min-width: 63em) {
3105
- .mds-padding-right-lg-b2 {
3106
- padding-right: 8px;
3107
- }
3108
- .mds-margin-right-lg-b2 {
3109
- margin-right: 8px;
3110
- }
3111
- }
3112
-
3113
- @media (min-width: 80em) {
3114
- .mds-padding-right-xl-b2 {
3115
- padding-right: 8px;
3116
- }
3117
- .mds-margin-right-xl-b2 {
3118
- margin-right: 8px;
3119
- }
3120
- }
3121
-
3122
- @media (min-width: 25em) {
3123
- .mds-padding-bottom-sm-b2 {
3124
- padding-bottom: 8px;
3125
- }
3126
- .mds-margin-bottom-sm-b2 {
3127
- margin-bottom: 8px;
3128
- }
3129
- }
3130
-
3131
- @media (min-width: 37.5em) {
3132
- .mds-padding-bottom-md-b2 {
3133
- padding-bottom: 8px;
3134
- }
3135
- .mds-margin-bottom-md-b2 {
3136
- margin-bottom: 8px;
3137
- }
3138
- }
3139
-
3140
- @media (min-width: 63em) {
3141
- .mds-padding-bottom-lg-b2 {
3142
- padding-bottom: 8px;
3143
- }
3144
- .mds-margin-bottom-lg-b2 {
3145
- margin-bottom: 8px;
3146
- }
3147
- }
3148
-
3149
- @media (min-width: 80em) {
3150
- .mds-padding-bottom-xl-b2 {
3151
- padding-bottom: 8px;
3152
- }
3153
- .mds-margin-bottom-xl-b2 {
3154
- margin-bottom: 8px;
3155
- }
3156
- }
3157
-
3158
- @media (min-width: 25em) {
3159
- .mds-padding-left-sm-b2 {
3160
- padding-left: 8px;
3161
- }
3162
- .mds-margin-left-sm-b2 {
3163
- margin-left: 8px;
3164
- }
3165
- }
3166
-
3167
- @media (min-width: 37.5em) {
3168
- .mds-padding-left-md-b2 {
3169
- padding-left: 8px;
3170
- }
3171
- .mds-margin-left-md-b2 {
3172
- margin-left: 8px;
3173
- }
3174
- }
3175
-
3176
- @media (min-width: 63em) {
3177
- .mds-padding-left-lg-b2 {
3178
- padding-left: 8px;
3179
- }
3180
- .mds-margin-left-lg-b2 {
3181
- margin-left: 8px;
3182
- }
3183
- }
3184
-
3185
- @media (min-width: 80em) {
3186
- .mds-padding-left-xl-b2 {
3187
- padding-left: 8px;
3188
- }
3189
- .mds-margin-left-xl-b2 {
3190
- margin-left: 8px;
3191
- }
3192
- }
3193
-
3194
- @media (min-width: 25em) {
3195
- .mds-padding-top-sm-b3 {
3196
- padding-top: 12px;
3197
- }
3198
- .mds-margin-top-sm-b3 {
3199
- margin-top: 12px;
3200
- }
3201
- }
3202
-
3203
- @media (min-width: 37.5em) {
3204
- .mds-padding-top-md-b3 {
3205
- padding-top: 12px;
3206
- }
3207
- .mds-margin-top-md-b3 {
3208
- margin-top: 12px;
3209
- }
3210
- }
3211
-
3212
- @media (min-width: 63em) {
3213
- .mds-padding-top-lg-b3 {
3214
- padding-top: 12px;
3215
- }
3216
- .mds-margin-top-lg-b3 {
3217
- margin-top: 12px;
3218
- }
3219
- }
3220
-
3221
- @media (min-width: 80em) {
3222
- .mds-padding-top-xl-b3 {
3223
- padding-top: 12px;
3224
- }
3225
- .mds-margin-top-xl-b3 {
3226
- margin-top: 12px;
3227
- }
3228
- }
3229
-
3230
- @media (min-width: 25em) {
3231
- .mds-padding-right-sm-b3 {
3232
- padding-right: 12px;
3233
- }
3234
- .mds-margin-right-sm-b3 {
3235
- margin-right: 12px;
3236
- }
3237
- }
3238
-
3239
- @media (min-width: 37.5em) {
3240
- .mds-padding-right-md-b3 {
3241
- padding-right: 12px;
3242
- }
3243
- .mds-margin-right-md-b3 {
3244
- margin-right: 12px;
3245
- }
3246
- }
3247
-
3248
- @media (min-width: 63em) {
3249
- .mds-padding-right-lg-b3 {
3250
- padding-right: 12px;
3251
- }
3252
- .mds-margin-right-lg-b3 {
3253
- margin-right: 12px;
3254
- }
3255
- }
3256
-
3257
- @media (min-width: 80em) {
3258
- .mds-padding-right-xl-b3 {
3259
- padding-right: 12px;
3260
- }
3261
- .mds-margin-right-xl-b3 {
3262
- margin-right: 12px;
3263
- }
3264
- }
3265
-
3266
- @media (min-width: 25em) {
3267
- .mds-padding-bottom-sm-b3 {
3268
- padding-bottom: 12px;
3269
- }
3270
- .mds-margin-bottom-sm-b3 {
3271
- margin-bottom: 12px;
3272
- }
3273
- }
3274
-
3275
- @media (min-width: 37.5em) {
3276
- .mds-padding-bottom-md-b3 {
3277
- padding-bottom: 12px;
3278
- }
3279
- .mds-margin-bottom-md-b3 {
3280
- margin-bottom: 12px;
3281
- }
3282
- }
3283
-
3284
- @media (min-width: 63em) {
3285
- .mds-padding-bottom-lg-b3 {
3286
- padding-bottom: 12px;
3287
- }
3288
- .mds-margin-bottom-lg-b3 {
3289
- margin-bottom: 12px;
3290
- }
3291
- }
3292
-
3293
- @media (min-width: 80em) {
3294
- .mds-padding-bottom-xl-b3 {
3295
- padding-bottom: 12px;
3296
- }
3297
- .mds-margin-bottom-xl-b3 {
3298
- margin-bottom: 12px;
3299
- }
3300
- }
3301
-
3302
- @media (min-width: 25em) {
3303
- .mds-padding-left-sm-b3 {
3304
- padding-left: 12px;
3305
- }
3306
- .mds-margin-left-sm-b3 {
3307
- margin-left: 12px;
3308
- }
3309
- }
3310
-
3311
- @media (min-width: 37.5em) {
3312
- .mds-padding-left-md-b3 {
3313
- padding-left: 12px;
3314
- }
3315
- .mds-margin-left-md-b3 {
3316
- margin-left: 12px;
3317
- }
3318
- }
3319
-
3320
- @media (min-width: 63em) {
3321
- .mds-padding-left-lg-b3 {
3322
- padding-left: 12px;
3323
- }
3324
- .mds-margin-left-lg-b3 {
3325
- margin-left: 12px;
3326
- }
3327
- }
3328
-
3329
- @media (min-width: 80em) {
3330
- .mds-padding-left-xl-b3 {
3331
- padding-left: 12px;
3332
- }
3333
- .mds-margin-left-xl-b3 {
3334
- margin-left: 12px;
3335
- }
3336
- }
3337
-
3338
- @media (min-width: 25em) {
3339
- .mds-padding-top-sm-b4 {
3340
- padding-top: 16px;
3341
- }
3342
- .mds-margin-top-sm-b4 {
3343
- margin-top: 16px;
3344
- }
3345
- }
3346
-
3347
- @media (min-width: 37.5em) {
3348
- .mds-padding-top-md-b4 {
3349
- padding-top: 16px;
3350
- }
3351
- .mds-margin-top-md-b4 {
3352
- margin-top: 16px;
3353
- }
3354
- }
3355
-
3356
- @media (min-width: 63em) {
3357
- .mds-padding-top-lg-b4 {
3358
- padding-top: 16px;
3359
- }
3360
- .mds-margin-top-lg-b4 {
3361
- margin-top: 16px;
3362
- }
3363
- }
3364
-
3365
- @media (min-width: 80em) {
3366
- .mds-padding-top-xl-b4 {
3367
- padding-top: 16px;
3368
- }
3369
- .mds-margin-top-xl-b4 {
3370
- margin-top: 16px;
3371
- }
3372
- }
3373
-
3374
- @media (min-width: 25em) {
3375
- .mds-padding-right-sm-b4 {
3376
- padding-right: 16px;
3377
- }
3378
- .mds-margin-right-sm-b4 {
3379
- margin-right: 16px;
3380
- }
3381
- }
3382
-
3383
- @media (min-width: 37.5em) {
3384
- .mds-padding-right-md-b4 {
3385
- padding-right: 16px;
3386
- }
3387
- .mds-margin-right-md-b4 {
3388
- margin-right: 16px;
3389
- }
3390
- }
3391
-
3392
- @media (min-width: 63em) {
3393
- .mds-padding-right-lg-b4 {
3394
- padding-right: 16px;
3395
- }
3396
- .mds-margin-right-lg-b4 {
3397
- margin-right: 16px;
3398
- }
3399
- }
3400
-
3401
- @media (min-width: 80em) {
3402
- .mds-padding-right-xl-b4 {
3403
- padding-right: 16px;
3404
- }
3405
- .mds-margin-right-xl-b4 {
3406
- margin-right: 16px;
3407
- }
3408
- }
3409
-
3410
- @media (min-width: 25em) {
3411
- .mds-padding-bottom-sm-b4 {
3412
- padding-bottom: 16px;
3413
- }
3414
- .mds-margin-bottom-sm-b4 {
3415
- margin-bottom: 16px;
3416
- }
3417
- }
3418
-
3419
- @media (min-width: 37.5em) {
3420
- .mds-padding-bottom-md-b4 {
3421
- padding-bottom: 16px;
3422
- }
3423
- .mds-margin-bottom-md-b4 {
3424
- margin-bottom: 16px;
3425
- }
3426
- }
3427
-
3428
- @media (min-width: 63em) {
3429
- .mds-padding-bottom-lg-b4 {
3430
- padding-bottom: 16px;
3431
- }
3432
- .mds-margin-bottom-lg-b4 {
3433
- margin-bottom: 16px;
3434
- }
3435
- }
3436
-
3437
- @media (min-width: 80em) {
3438
- .mds-padding-bottom-xl-b4 {
3439
- padding-bottom: 16px;
3440
- }
3441
- .mds-margin-bottom-xl-b4 {
3442
- margin-bottom: 16px;
3443
- }
3444
- }
3445
-
3446
- @media (min-width: 25em) {
3447
- .mds-padding-left-sm-b4 {
3448
- padding-left: 16px;
3449
- }
3450
- .mds-margin-left-sm-b4 {
3451
- margin-left: 16px;
3452
- }
3453
- }
3454
-
3455
- @media (min-width: 37.5em) {
3456
- .mds-padding-left-md-b4 {
3457
- padding-left: 16px;
3458
- }
3459
- .mds-margin-left-md-b4 {
3460
- margin-left: 16px;
3461
- }
3462
- }
3463
-
3464
- @media (min-width: 63em) {
3465
- .mds-padding-left-lg-b4 {
3466
- padding-left: 16px;
3467
- }
3468
- .mds-margin-left-lg-b4 {
3469
- margin-left: 16px;
3470
- }
3471
- }
3472
-
3473
- @media (min-width: 80em) {
3474
- .mds-padding-left-xl-b4 {
3475
- padding-left: 16px;
3476
- }
3477
- .mds-margin-left-xl-b4 {
3478
- margin-left: 16px;
3479
- }
3480
- }
3481
-
3482
- @media (min-width: 25em) {
3483
- .mds-padding-top-sm-b5 {
3484
- padding-top: 20px;
3485
- }
3486
- .mds-margin-top-sm-b5 {
3487
- margin-top: 20px;
3488
- }
3489
- }
3490
-
3491
- @media (min-width: 37.5em) {
3492
- .mds-padding-top-md-b5 {
3493
- padding-top: 20px;
3494
- }
3495
- .mds-margin-top-md-b5 {
3496
- margin-top: 20px;
3497
- }
3498
- }
3499
-
3500
- @media (min-width: 63em) {
3501
- .mds-padding-top-lg-b5 {
3502
- padding-top: 20px;
3503
- }
3504
- .mds-margin-top-lg-b5 {
3505
- margin-top: 20px;
3506
- }
3507
- }
3508
-
3509
- @media (min-width: 80em) {
3510
- .mds-padding-top-xl-b5 {
3511
- padding-top: 20px;
3512
- }
3513
- .mds-margin-top-xl-b5 {
3514
- margin-top: 20px;
3515
- }
3516
- }
3517
-
3518
- @media (min-width: 25em) {
3519
- .mds-padding-right-sm-b5 {
3520
- padding-right: 20px;
3521
- }
3522
- .mds-margin-right-sm-b5 {
3523
- margin-right: 20px;
3524
- }
3525
- }
3526
-
3527
- @media (min-width: 37.5em) {
3528
- .mds-padding-right-md-b5 {
3529
- padding-right: 20px;
3530
- }
3531
- .mds-margin-right-md-b5 {
3532
- margin-right: 20px;
3533
- }
3534
- }
3535
-
3536
- @media (min-width: 63em) {
3537
- .mds-padding-right-lg-b5 {
3538
- padding-right: 20px;
3539
- }
3540
- .mds-margin-right-lg-b5 {
3541
- margin-right: 20px;
3542
- }
3543
- }
3544
-
3545
- @media (min-width: 80em) {
3546
- .mds-padding-right-xl-b5 {
3547
- padding-right: 20px;
3548
- }
3549
- .mds-margin-right-xl-b5 {
3550
- margin-right: 20px;
3551
- }
3552
- }
3553
-
3554
- @media (min-width: 25em) {
3555
- .mds-padding-bottom-sm-b5 {
3556
- padding-bottom: 20px;
3557
- }
3558
- .mds-margin-bottom-sm-b5 {
3559
- margin-bottom: 20px;
3560
- }
3561
- }
3562
-
3563
- @media (min-width: 37.5em) {
3564
- .mds-padding-bottom-md-b5 {
3565
- padding-bottom: 20px;
3566
- }
3567
- .mds-margin-bottom-md-b5 {
3568
- margin-bottom: 20px;
3569
- }
3570
- }
3571
-
3572
- @media (min-width: 63em) {
3573
- .mds-padding-bottom-lg-b5 {
3574
- padding-bottom: 20px;
3575
- }
3576
- .mds-margin-bottom-lg-b5 {
3577
- margin-bottom: 20px;
3578
- }
3579
- }
3580
-
3581
- @media (min-width: 80em) {
3582
- .mds-padding-bottom-xl-b5 {
3583
- padding-bottom: 20px;
3584
- }
3585
- .mds-margin-bottom-xl-b5 {
3586
- margin-bottom: 20px;
3587
- }
3588
- }
3589
-
3590
- @media (min-width: 25em) {
3591
- .mds-padding-left-sm-b5 {
3592
- padding-left: 20px;
3593
- }
3594
- .mds-margin-left-sm-b5 {
3595
- margin-left: 20px;
3596
- }
3597
- }
3598
-
3599
- @media (min-width: 37.5em) {
3600
- .mds-padding-left-md-b5 {
3601
- padding-left: 20px;
3602
- }
3603
- .mds-margin-left-md-b5 {
3604
- margin-left: 20px;
3605
- }
3606
- }
3607
-
3608
- @media (min-width: 63em) {
3609
- .mds-padding-left-lg-b5 {
3610
- padding-left: 20px;
3611
- }
3612
- .mds-margin-left-lg-b5 {
3613
- margin-left: 20px;
3614
- }
3615
- }
3616
-
3617
- @media (min-width: 80em) {
3618
- .mds-padding-left-xl-b5 {
3619
- padding-left: 20px;
3620
- }
3621
- .mds-margin-left-xl-b5 {
3622
- margin-left: 20px;
3623
- }
3624
- }
3625
-
3626
- @media (min-width: 25em) {
3627
- .mds-padding-top-sm-b6 {
3628
- padding-top: 24px;
3629
- }
3630
- .mds-margin-top-sm-b6 {
3631
- margin-top: 24px;
3632
- }
3633
- }
3634
-
3635
- @media (min-width: 37.5em) {
3636
- .mds-padding-top-md-b6 {
3637
- padding-top: 24px;
3638
- }
3639
- .mds-margin-top-md-b6 {
3640
- margin-top: 24px;
3641
- }
3642
- }
3643
-
3644
- @media (min-width: 63em) {
3645
- .mds-padding-top-lg-b6 {
3646
- padding-top: 24px;
3647
- }
3648
- .mds-margin-top-lg-b6 {
3649
- margin-top: 24px;
3650
- }
3651
- }
3652
-
3653
- @media (min-width: 80em) {
3654
- .mds-padding-top-xl-b6 {
3655
- padding-top: 24px;
3656
- }
3657
- .mds-margin-top-xl-b6 {
3658
- margin-top: 24px;
3659
- }
3660
- }
3661
-
3662
- @media (min-width: 25em) {
3663
- .mds-padding-right-sm-b6 {
3664
- padding-right: 24px;
3665
- }
3666
- .mds-margin-right-sm-b6 {
3667
- margin-right: 24px;
3668
- }
3669
- }
3670
-
3671
- @media (min-width: 37.5em) {
3672
- .mds-padding-right-md-b6 {
3673
- padding-right: 24px;
3674
- }
3675
- .mds-margin-right-md-b6 {
3676
- margin-right: 24px;
3677
- }
3678
- }
3679
-
3680
- @media (min-width: 63em) {
3681
- .mds-padding-right-lg-b6 {
3682
- padding-right: 24px;
3683
- }
3684
- .mds-margin-right-lg-b6 {
3685
- margin-right: 24px;
3686
- }
3687
- }
3688
-
3689
- @media (min-width: 80em) {
3690
- .mds-padding-right-xl-b6 {
3691
- padding-right: 24px;
3692
- }
3693
- .mds-margin-right-xl-b6 {
3694
- margin-right: 24px;
3695
- }
3696
- }
3697
-
3698
- @media (min-width: 25em) {
3699
- .mds-padding-bottom-sm-b6 {
3700
- padding-bottom: 24px;
3701
- }
3702
- .mds-margin-bottom-sm-b6 {
3703
- margin-bottom: 24px;
3704
- }
3705
- }
3706
-
3707
- @media (min-width: 37.5em) {
3708
- .mds-padding-bottom-md-b6 {
3709
- padding-bottom: 24px;
3710
- }
3711
- .mds-margin-bottom-md-b6 {
3712
- margin-bottom: 24px;
3713
- }
3714
- }
3715
-
3716
- @media (min-width: 63em) {
3717
- .mds-padding-bottom-lg-b6 {
3718
- padding-bottom: 24px;
3719
- }
3720
- .mds-margin-bottom-lg-b6 {
3721
- margin-bottom: 24px;
3722
- }
3723
- }
3724
-
3725
- @media (min-width: 80em) {
3726
- .mds-padding-bottom-xl-b6 {
3727
- padding-bottom: 24px;
3728
- }
3729
- .mds-margin-bottom-xl-b6 {
3730
- margin-bottom: 24px;
3731
- }
3732
- }
3733
-
3734
- @media (min-width: 25em) {
3735
- .mds-padding-left-sm-b6 {
3736
- padding-left: 24px;
3737
- }
3738
- .mds-margin-left-sm-b6 {
3739
- margin-left: 24px;
3740
- }
3741
- }
3742
-
3743
- @media (min-width: 37.5em) {
3744
- .mds-padding-left-md-b6 {
3745
- padding-left: 24px;
3746
- }
3747
- .mds-margin-left-md-b6 {
3748
- margin-left: 24px;
3749
- }
3750
- }
3751
-
3752
- @media (min-width: 63em) {
3753
- .mds-padding-left-lg-b6 {
3754
- padding-left: 24px;
3755
- }
3756
- .mds-margin-left-lg-b6 {
3757
- margin-left: 24px;
3758
- }
3759
- }
3760
-
3761
- @media (min-width: 80em) {
3762
- .mds-padding-left-xl-b6 {
3763
- padding-left: 24px;
3764
- }
3765
- .mds-margin-left-xl-b6 {
3766
- margin-left: 24px;
3767
- }
3768
- }
3769
-
3770
- @media (min-width: 25em) {
3771
- .mds-padding-top-sm-b7 {
3772
- padding-top: 28px;
3773
- }
3774
- .mds-margin-top-sm-b7 {
3775
- margin-top: 28px;
3776
- }
3777
- }
3778
-
3779
- @media (min-width: 37.5em) {
3780
- .mds-padding-top-md-b7 {
3781
- padding-top: 28px;
3782
- }
3783
- .mds-margin-top-md-b7 {
3784
- margin-top: 28px;
3785
- }
3786
- }
3787
-
3788
- @media (min-width: 63em) {
3789
- .mds-padding-top-lg-b7 {
3790
- padding-top: 28px;
3791
- }
3792
- .mds-margin-top-lg-b7 {
3793
- margin-top: 28px;
3794
- }
3795
- }
3796
-
3797
- @media (min-width: 80em) {
3798
- .mds-padding-top-xl-b7 {
3799
- padding-top: 28px;
3800
- }
3801
- .mds-margin-top-xl-b7 {
3802
- margin-top: 28px;
3803
- }
3804
- }
3805
-
3806
- @media (min-width: 25em) {
3807
- .mds-padding-right-sm-b7 {
3808
- padding-right: 28px;
3809
- }
3810
- .mds-margin-right-sm-b7 {
3811
- margin-right: 28px;
3812
- }
3813
- }
3814
-
3815
- @media (min-width: 37.5em) {
3816
- .mds-padding-right-md-b7 {
3817
- padding-right: 28px;
3818
- }
3819
- .mds-margin-right-md-b7 {
3820
- margin-right: 28px;
3821
- }
3822
- }
3823
-
3824
- @media (min-width: 63em) {
3825
- .mds-padding-right-lg-b7 {
3826
- padding-right: 28px;
3827
- }
3828
- .mds-margin-right-lg-b7 {
3829
- margin-right: 28px;
3830
- }
3831
- }
3832
-
3833
- @media (min-width: 80em) {
3834
- .mds-padding-right-xl-b7 {
3835
- padding-right: 28px;
3836
- }
3837
- .mds-margin-right-xl-b7 {
3838
- margin-right: 28px;
3839
- }
3840
- }
3841
-
3842
- @media (min-width: 25em) {
3843
- .mds-padding-bottom-sm-b7 {
3844
- padding-bottom: 28px;
3845
- }
3846
- .mds-margin-bottom-sm-b7 {
3847
- margin-bottom: 28px;
3848
- }
3849
- }
3850
-
3851
- @media (min-width: 37.5em) {
3852
- .mds-padding-bottom-md-b7 {
3853
- padding-bottom: 28px;
3854
- }
3855
- .mds-margin-bottom-md-b7 {
3856
- margin-bottom: 28px;
3857
- }
3858
- }
3859
-
3860
- @media (min-width: 63em) {
3861
- .mds-padding-bottom-lg-b7 {
3862
- padding-bottom: 28px;
3863
- }
3864
- .mds-margin-bottom-lg-b7 {
3865
- margin-bottom: 28px;
3866
- }
3867
- }
3868
-
3869
- @media (min-width: 80em) {
3870
- .mds-padding-bottom-xl-b7 {
3871
- padding-bottom: 28px;
3872
- }
3873
- .mds-margin-bottom-xl-b7 {
3874
- margin-bottom: 28px;
3875
- }
3876
- }
3877
-
3878
- @media (min-width: 25em) {
3879
- .mds-padding-left-sm-b7 {
3880
- padding-left: 28px;
3881
- }
3882
- .mds-margin-left-sm-b7 {
3883
- margin-left: 28px;
3884
- }
3885
- }
3886
-
3887
- @media (min-width: 37.5em) {
3888
- .mds-padding-left-md-b7 {
3889
- padding-left: 28px;
3890
- }
3891
- .mds-margin-left-md-b7 {
3892
- margin-left: 28px;
3893
- }
3894
- }
3895
-
3896
- @media (min-width: 63em) {
3897
- .mds-padding-left-lg-b7 {
3898
- padding-left: 28px;
3899
- }
3900
- .mds-margin-left-lg-b7 {
3901
- margin-left: 28px;
3902
- }
3903
- }
3904
-
3905
- @media (min-width: 80em) {
3906
- .mds-padding-left-xl-b7 {
3907
- padding-left: 28px;
3908
- }
3909
- .mds-margin-left-xl-b7 {
3910
- margin-left: 28px;
3911
- }
3912
- }
3913
-
3914
- @media (min-width: 25em) {
3915
- .mds-padding-top-sm-b8 {
3916
- padding-top: 32px;
3917
- }
3918
- .mds-margin-top-sm-b8 {
3919
- margin-top: 32px;
3920
- }
3921
- }
3922
-
3923
- @media (min-width: 37.5em) {
3924
- .mds-padding-top-md-b8 {
3925
- padding-top: 32px;
3926
- }
3927
- .mds-margin-top-md-b8 {
3928
- margin-top: 32px;
3929
- }
3930
- }
3931
-
3932
- @media (min-width: 63em) {
3933
- .mds-padding-top-lg-b8 {
3934
- padding-top: 32px;
3935
- }
3936
- .mds-margin-top-lg-b8 {
3937
- margin-top: 32px;
3938
- }
3939
- }
3940
-
3941
- @media (min-width: 80em) {
3942
- .mds-padding-top-xl-b8 {
3943
- padding-top: 32px;
3944
- }
3945
- .mds-margin-top-xl-b8 {
3946
- margin-top: 32px;
3947
- }
3948
- }
3949
-
3950
- @media (min-width: 25em) {
3951
- .mds-padding-right-sm-b8 {
3952
- padding-right: 32px;
3953
- }
3954
- .mds-margin-right-sm-b8 {
3955
- margin-right: 32px;
3956
- }
3957
- }
3958
-
3959
- @media (min-width: 37.5em) {
3960
- .mds-padding-right-md-b8 {
3961
- padding-right: 32px;
3962
- }
3963
- .mds-margin-right-md-b8 {
3964
- margin-right: 32px;
3965
- }
3966
- }
3967
-
3968
- @media (min-width: 63em) {
3969
- .mds-padding-right-lg-b8 {
3970
- padding-right: 32px;
3971
- }
3972
- .mds-margin-right-lg-b8 {
3973
- margin-right: 32px;
3974
- }
3975
- }
3976
-
3977
- @media (min-width: 80em) {
3978
- .mds-padding-right-xl-b8 {
3979
- padding-right: 32px;
3980
- }
3981
- .mds-margin-right-xl-b8 {
3982
- margin-right: 32px;
3983
- }
3984
- }
3985
-
3986
- @media (min-width: 25em) {
3987
- .mds-padding-bottom-sm-b8 {
3988
- padding-bottom: 32px;
3989
- }
3990
- .mds-margin-bottom-sm-b8 {
3991
- margin-bottom: 32px;
3992
- }
3993
- }
3994
-
3995
- @media (min-width: 37.5em) {
3996
- .mds-padding-bottom-md-b8 {
3997
- padding-bottom: 32px;
3998
- }
3999
- .mds-margin-bottom-md-b8 {
4000
- margin-bottom: 32px;
4001
- }
4002
- }
4003
-
4004
- @media (min-width: 63em) {
4005
- .mds-padding-bottom-lg-b8 {
4006
- padding-bottom: 32px;
4007
- }
4008
- .mds-margin-bottom-lg-b8 {
4009
- margin-bottom: 32px;
4010
- }
4011
- }
4012
-
4013
- @media (min-width: 80em) {
4014
- .mds-padding-bottom-xl-b8 {
4015
- padding-bottom: 32px;
4016
- }
4017
- .mds-margin-bottom-xl-b8 {
4018
- margin-bottom: 32px;
4019
- }
4020
- }
4021
-
4022
- @media (min-width: 25em) {
4023
- .mds-padding-left-sm-b8 {
4024
- padding-left: 32px;
4025
- }
4026
- .mds-margin-left-sm-b8 {
4027
- margin-left: 32px;
4028
- }
4029
- }
4030
-
4031
- @media (min-width: 37.5em) {
4032
- .mds-padding-left-md-b8 {
4033
- padding-left: 32px;
4034
- }
4035
- .mds-margin-left-md-b8 {
4036
- margin-left: 32px;
4037
- }
4038
- }
4039
-
4040
- @media (min-width: 63em) {
4041
- .mds-padding-left-lg-b8 {
4042
- padding-left: 32px;
4043
- }
4044
- .mds-margin-left-lg-b8 {
4045
- margin-left: 32px;
4046
- }
4047
- }
4048
-
4049
- @media (min-width: 80em) {
4050
- .mds-padding-left-xl-b8 {
4051
- padding-left: 32px;
4052
- }
4053
- .mds-margin-left-xl-b8 {
4054
- margin-left: 32px;
4055
- }
4056
- }
4057
-
4058
- @media (min-width: 25em) {
4059
- .mds-padding-top-sm-b9 {
4060
- padding-top: 36px;
4061
- }
4062
- .mds-margin-top-sm-b9 {
4063
- margin-top: 36px;
4064
- }
4065
- }
4066
-
4067
- @media (min-width: 37.5em) {
4068
- .mds-padding-top-md-b9 {
4069
- padding-top: 36px;
4070
- }
4071
- .mds-margin-top-md-b9 {
4072
- margin-top: 36px;
4073
- }
4074
- }
4075
-
4076
- @media (min-width: 63em) {
4077
- .mds-padding-top-lg-b9 {
4078
- padding-top: 36px;
4079
- }
4080
- .mds-margin-top-lg-b9 {
4081
- margin-top: 36px;
4082
- }
4083
- }
4084
-
4085
- @media (min-width: 80em) {
4086
- .mds-padding-top-xl-b9 {
4087
- padding-top: 36px;
4088
- }
4089
- .mds-margin-top-xl-b9 {
4090
- margin-top: 36px;
4091
- }
4092
- }
4093
-
4094
- @media (min-width: 25em) {
4095
- .mds-padding-right-sm-b9 {
4096
- padding-right: 36px;
4097
- }
4098
- .mds-margin-right-sm-b9 {
4099
- margin-right: 36px;
4100
- }
4101
- }
4102
-
4103
- @media (min-width: 37.5em) {
4104
- .mds-padding-right-md-b9 {
4105
- padding-right: 36px;
4106
- }
4107
- .mds-margin-right-md-b9 {
4108
- margin-right: 36px;
4109
- }
4110
- }
4111
-
4112
- @media (min-width: 63em) {
4113
- .mds-padding-right-lg-b9 {
4114
- padding-right: 36px;
4115
- }
4116
- .mds-margin-right-lg-b9 {
4117
- margin-right: 36px;
4118
- }
4119
- }
4120
-
4121
- @media (min-width: 80em) {
4122
- .mds-padding-right-xl-b9 {
4123
- padding-right: 36px;
4124
- }
4125
- .mds-margin-right-xl-b9 {
4126
- margin-right: 36px;
4127
- }
4128
- }
4129
-
4130
- @media (min-width: 25em) {
4131
- .mds-padding-bottom-sm-b9 {
4132
- padding-bottom: 36px;
4133
- }
4134
- .mds-margin-bottom-sm-b9 {
4135
- margin-bottom: 36px;
4136
- }
4137
- }
4138
-
4139
- @media (min-width: 37.5em) {
4140
- .mds-padding-bottom-md-b9 {
4141
- padding-bottom: 36px;
4142
- }
4143
- .mds-margin-bottom-md-b9 {
4144
- margin-bottom: 36px;
4145
- }
4146
- }
4147
-
4148
- @media (min-width: 63em) {
4149
- .mds-padding-bottom-lg-b9 {
4150
- padding-bottom: 36px;
4151
- }
4152
- .mds-margin-bottom-lg-b9 {
4153
- margin-bottom: 36px;
4154
- }
4155
- }
4156
-
4157
- @media (min-width: 80em) {
4158
- .mds-padding-bottom-xl-b9 {
4159
- padding-bottom: 36px;
4160
- }
4161
- .mds-margin-bottom-xl-b9 {
4162
- margin-bottom: 36px;
4163
- }
4164
- }
4165
-
4166
- @media (min-width: 25em) {
4167
- .mds-padding-left-sm-b9 {
4168
- padding-left: 36px;
4169
- }
4170
- .mds-margin-left-sm-b9 {
4171
- margin-left: 36px;
4172
- }
4173
- }
4174
-
4175
- @media (min-width: 37.5em) {
4176
- .mds-padding-left-md-b9 {
4177
- padding-left: 36px;
4178
- }
4179
- .mds-margin-left-md-b9 {
4180
- margin-left: 36px;
4181
- }
4182
- }
4183
-
4184
- @media (min-width: 63em) {
4185
- .mds-padding-left-lg-b9 {
4186
- padding-left: 36px;
4187
- }
4188
- .mds-margin-left-lg-b9 {
4189
- margin-left: 36px;
4190
- }
4191
- }
4192
-
4193
- @media (min-width: 80em) {
4194
- .mds-padding-left-xl-b9 {
4195
- padding-left: 36px;
4196
- }
4197
- .mds-margin-left-xl-b9 {
4198
- margin-left: 36px;
4199
- }
4200
- }
4201
-
4202
- @media (min-width: 25em) {
4203
- .mds-padding-top-sm-b10 {
4204
- padding-top: 40px;
4205
- }
4206
- .mds-margin-top-sm-b10 {
4207
- margin-top: 40px;
4208
- }
4209
- }
4210
-
4211
- @media (min-width: 37.5em) {
4212
- .mds-padding-top-md-b10 {
4213
- padding-top: 40px;
4214
- }
4215
- .mds-margin-top-md-b10 {
4216
- margin-top: 40px;
4217
- }
4218
- }
4219
-
4220
- @media (min-width: 63em) {
4221
- .mds-padding-top-lg-b10 {
4222
- padding-top: 40px;
4223
- }
4224
- .mds-margin-top-lg-b10 {
4225
- margin-top: 40px;
4226
- }
4227
- }
4228
-
4229
- @media (min-width: 80em) {
4230
- .mds-padding-top-xl-b10 {
4231
- padding-top: 40px;
4232
- }
4233
- .mds-margin-top-xl-b10 {
4234
- margin-top: 40px;
4235
- }
4236
- }
4237
-
4238
- @media (min-width: 25em) {
4239
- .mds-padding-right-sm-b10 {
4240
- padding-right: 40px;
4241
- }
4242
- .mds-margin-right-sm-b10 {
4243
- margin-right: 40px;
4244
- }
4245
- }
4246
-
4247
- @media (min-width: 37.5em) {
4248
- .mds-padding-right-md-b10 {
4249
- padding-right: 40px;
4250
- }
4251
- .mds-margin-right-md-b10 {
4252
- margin-right: 40px;
4253
- }
4254
- }
4255
-
4256
- @media (min-width: 63em) {
4257
- .mds-padding-right-lg-b10 {
4258
- padding-right: 40px;
4259
- }
4260
- .mds-margin-right-lg-b10 {
4261
- margin-right: 40px;
4262
- }
4263
- }
4264
-
4265
- @media (min-width: 80em) {
4266
- .mds-padding-right-xl-b10 {
4267
- padding-right: 40px;
4268
- }
4269
- .mds-margin-right-xl-b10 {
4270
- margin-right: 40px;
4271
- }
4272
- }
4273
-
4274
- @media (min-width: 25em) {
4275
- .mds-padding-bottom-sm-b10 {
4276
- padding-bottom: 40px;
4277
- }
4278
- .mds-margin-bottom-sm-b10 {
4279
- margin-bottom: 40px;
4280
- }
4281
- }
4282
-
4283
- @media (min-width: 37.5em) {
4284
- .mds-padding-bottom-md-b10 {
4285
- padding-bottom: 40px;
4286
- }
4287
- .mds-margin-bottom-md-b10 {
4288
- margin-bottom: 40px;
4289
- }
4290
- }
4291
-
4292
- @media (min-width: 63em) {
4293
- .mds-padding-bottom-lg-b10 {
4294
- padding-bottom: 40px;
4295
- }
4296
- .mds-margin-bottom-lg-b10 {
4297
- margin-bottom: 40px;
4298
- }
4299
- }
4300
-
4301
- @media (min-width: 80em) {
4302
- .mds-padding-bottom-xl-b10 {
4303
- padding-bottom: 40px;
4304
- }
4305
- .mds-margin-bottom-xl-b10 {
4306
- margin-bottom: 40px;
4307
- }
4308
- }
4309
-
4310
- @media (min-width: 25em) {
4311
- .mds-padding-left-sm-b10 {
4312
- padding-left: 40px;
4313
- }
4314
- .mds-margin-left-sm-b10 {
4315
- margin-left: 40px;
4316
- }
4317
- }
4318
-
4319
- @media (min-width: 37.5em) {
4320
- .mds-padding-left-md-b10 {
4321
- padding-left: 40px;
4322
- }
4323
- .mds-margin-left-md-b10 {
4324
- margin-left: 40px;
4325
- }
4326
- }
4327
-
4328
- @media (min-width: 63em) {
4329
- .mds-padding-left-lg-b10 {
4330
- padding-left: 40px;
4331
- }
4332
- .mds-margin-left-lg-b10 {
4333
- margin-left: 40px;
4334
- }
4335
- }
4336
-
4337
- @media (min-width: 80em) {
4338
- .mds-padding-left-xl-b10 {
4339
- padding-left: 40px;
4340
- }
4341
- .mds-margin-left-xl-b10 {
4342
- margin-left: 40px;
4343
- }
4344
- }
4345
-
4346
- .mds-float-left {
4347
- float: left;
4348
- }
4349
-
4350
- .mds-float-right {
4351
- float: right;
4352
- }
4353
-
4354
- .mds-float-none {
4355
- float: none;
4356
- }
4357
-
4358
- @media (min-width: 25em) {
4359
- .mds-float-sm-left {
4360
- float: left;
4361
- }
4362
- .mds-float-sm-right {
4363
- float: right;
4364
- }
4365
- .mds-float-sm-none {
4366
- float: none;
4367
- }
4368
- }
4369
-
4370
- @media (min-width: 37.5em) {
4371
- .mds-float-md-left {
4372
- float: left;
4373
- }
4374
- .mds-float-md-right {
4375
- float: right;
4376
- }
4377
- .mds-float-md-none {
4378
- float: none;
4379
- }
4380
- }
4381
-
4382
- @media (min-width: 63em) {
4383
- .mds-float-lg-left {
4384
- float: left;
4385
- }
4386
- .mds-float-lg-right {
4387
- float: right;
4388
- }
4389
- .mds-float-lg-none {
4390
- float: none;
4391
- }
4392
- }
4393
-
4394
- @media (min-width: 80em) {
4395
- .mds-float-xl-left {
4396
- float: left;
4397
- }
4398
- .mds-float-xl-right {
4399
- float: right;
4400
- }
4401
- .mds-float-xl-none {
4402
- float: none;
4403
- }
4404
- }
4405
-
4406
- .mds-text-align-left {
4407
- text-align: left;
4408
- }
4409
-
4410
- .mds-text-align-right {
4411
- text-align: right;
4412
- }
4413
-
4414
- .mds-text-align-center {
4415
- text-align: center;
4416
- }
4417
-
4418
- @media (min-width: 25em) {
4419
- .mds-text-align-sm-left {
4420
- text-align: left;
4421
- }
4422
- .mds-text-align-sm-right {
4423
- text-align: right;
4424
- }
4425
- .mds-text-align-sm-center {
4426
- text-align: center;
4427
- }
4428
- }
4429
-
4430
- @media (min-width: 37.5em) {
4431
- .mds-text-align-md-left {
4432
- text-align: left;
4433
- }
4434
- .mds-text-align-md-right {
4435
- text-align: right;
4436
- }
4437
- .mds-text-align-md-center {
4438
- text-align: center;
4439
- }
4440
- }
4441
-
4442
- @media (min-width: 63em) {
4443
- .mds-text-align-lg-left {
4444
- text-align: left;
4445
- }
4446
- .mds-text-align-lg-right {
4447
- text-align: right;
4448
- }
4449
- .mds-text-align-lg-center {
4450
- text-align: center;
4451
- }
4452
- }
4453
-
4454
- @media (min-width: 80em) {
4455
- .mds-text-align-xl-left {
4456
- text-align: left;
4457
- }
4458
- .mds-text-align-xl-right {
4459
- text-align: right;
4460
- }
4461
- .mds-text-align-xl-center {
4462
- text-align: center;
4463
- }
4464
- }
4465
-
4466
- .mds-display-block {
4467
- display: block;
4468
- }
4469
-
4470
- .mds-display-inline {
4471
- display: inline;
4472
- }
4473
-
4474
- .mds-display-inline-block {
4475
- display: inline-block;
4476
- }
4477
-
4478
- .mds-display-none {
4479
- display: none;
4480
- }
4481
-
4482
- @media (min-width: 25em) {
4483
- .mds-display-sm-block {
4484
- display: block;
4485
- }
4486
- .mds-display-sm-inline {
4487
- display: inline;
4488
- }
4489
- .mds-display-sm-inline-block {
4490
- display: inline-block;
4491
- }
4492
- .mds-display-sm-none {
4493
- display: none;
4494
- }
4495
- }
4496
-
4497
- @media (min-width: 37.5em) {
4498
- .mds-display-md-block {
4499
- display: block;
4500
- }
4501
- .mds-display-md-inline {
4502
- display: inline;
4503
- }
4504
- .mds-display-md-inline-block {
4505
- display: inline-block;
4506
- }
4507
- .mds-display-md-none {
4508
- display: none;
4509
- }
4510
- }
4511
-
4512
- @media (min-width: 63em) {
4513
- .mds-display-lg-block {
4514
- display: block;
4515
- }
4516
- .mds-display-lg-inline {
4517
- display: inline;
4518
- }
4519
- .mds-display-lg-inline-block {
4520
- display: inline-block;
4521
- }
4522
- .mds-display-lg-none {
4523
- display: none;
4524
- }
4525
- }
4526
-
4527
- @media (min-width: 80em) {
4528
- .mds-display-xl-block {
4529
- display: block;
4530
- }
4531
- .mds-display-xl-inline {
4532
- display: inline;
4533
- }
4534
- .mds-display-xl-inline-block {
4535
- display: inline-block;
4536
- }
4537
- .mds-display-xl-none {
4538
- display: none;
4539
- }
4540
- }
4541
-
4542
- .mds-border, .mds-surface, .mds-message {
4543
- border: 1px solid #dddddd;
4544
- }
4545
-
4546
- .mds-border-none {
4547
- border: 0;
4548
- }
4549
-
4550
- @media (min-width: 25em) {
4551
- .mds-border-sm {
4552
- border: 1px solid #dddddd;
4553
- }
4554
- }
4555
-
4556
- @media (min-width: 37.5em) {
4557
- .mds-border-md {
4558
- border: 1px solid #dddddd;
4559
- }
4560
- }
4561
-
4562
- @media (min-width: 63em) {
4563
- .mds-border-lg {
4564
- border: 1px solid #dddddd;
4565
- }
4566
- }
4567
-
4568
- @media (min-width: 80em) {
4569
- .mds-border-xl {
4570
- border: 1px solid #dddddd;
4571
- }
4572
- }
4573
-
4574
- @media (min-width: 25em) {
4575
- .mds-border-sm-none {
4576
- border: 0;
4577
- }
4578
- }
4579
-
4580
- @media (min-width: 37.5em) {
4581
- .mds-border-md-none {
4582
- border: 0;
4583
- }
4584
- }
4585
-
4586
- @media (min-width: 63em) {
4587
- .mds-border-lg-none {
4588
- border: 0;
4589
- }
4590
- }
4591
-
4592
- @media (min-width: 80em) {
4593
- .mds-border-xl-none {
4594
- border: 0;
4595
- }
4596
- }
4597
-
4598
- .mds-border-top {
4599
- border-top: 1px solid #dddddd;
4600
- }
4601
-
4602
- .mds-border-right {
4603
- border-right: 1px solid #dddddd;
4604
- }
4605
-
4606
- .mds-border-bottom, .mds-tabs__list {
4607
- border-bottom: 1px solid #dddddd;
4608
- }
4609
-
4610
- .mds-border-left {
4611
- border-left: 1px solid #dddddd;
4612
- }
4613
-
4614
- .mds-border-top-none {
4615
- border-top: 0;
4616
- }
4617
-
4618
- .mds-border-right-none {
4619
- border-right: 0;
4620
- }
4621
-
4622
- .mds-border-bottom-none {
4623
- border-bottom: 0;
4624
- }
4625
-
4626
- .mds-border-left-none {
4627
- border-left: 0;
4628
- }
4629
-
4630
- @media (min-width: 25em) {
4631
- .mds-border-sm-top {
4632
- border-top: 1px solid #dddddd;
4633
- }
4634
- .mds-border-sm-right {
4635
- border-right: 1px solid #dddddd;
4636
- }
4637
- .mds-border-sm-bottom {
4638
- border-bottom: 1px solid #dddddd;
4639
- }
4640
- .mds-border-sm-left {
4641
- border-left: 1px solid #dddddd;
4642
- }
4643
- }
4644
-
4645
- @media (min-width: 37.5em) {
4646
- .mds-border-md-top {
4647
- border-top: 1px solid #dddddd;
4648
- }
4649
- .mds-border-md-right {
4650
- border-right: 1px solid #dddddd;
4651
- }
4652
- .mds-border-md-bottom {
4653
- border-bottom: 1px solid #dddddd;
4654
- }
4655
- .mds-border-md-left {
4656
- border-left: 1px solid #dddddd;
4657
- }
4658
- }
4659
-
4660
- @media (min-width: 63em) {
4661
- .mds-border-lg-top {
4662
- border-top: 1px solid #dddddd;
4663
- }
4664
- .mds-border-lg-right {
4665
- border-right: 1px solid #dddddd;
4666
- }
4667
- .mds-border-lg-bottom {
4668
- border-bottom: 1px solid #dddddd;
4669
- }
4670
- .mds-border-lg-left {
4671
- border-left: 1px solid #dddddd;
4672
- }
4673
- }
4674
-
4675
- @media (min-width: 80em) {
4676
- .mds-border-xl-top {
4677
- border-top: 1px solid #dddddd;
4678
- }
4679
- .mds-border-xl-right {
4680
- border-right: 1px solid #dddddd;
4681
- }
4682
- .mds-border-xl-bottom {
4683
- border-bottom: 1px solid #dddddd;
4684
- }
4685
- .mds-border-xl-left {
4686
- border-left: 1px solid #dddddd;
4687
- }
4688
- }
4689
-
4690
- @media (min-width: 25em) {
4691
- .mds-border-sm-top-none {
4692
- border-top: 0;
4693
- }
4694
- .mds-border-sm-right-none {
4695
- border-right: 0;
4696
- }
4697
- .mds-border-sm-bottom-none {
4698
- border-bottom: 0;
4699
- }
4700
- .mds-border-sm-left-none {
4701
- border-left: 0;
4702
- }
4703
- }
4704
-
4705
- @media (min-width: 37.5em) {
4706
- .mds-border-md-top-none {
4707
- border-top: 0;
4708
- }
4709
- .mds-border-md-right-none {
4710
- border-right: 0;
4711
- }
4712
- .mds-border-md-bottom-none {
4713
- border-bottom: 0;
4714
- }
4715
- .mds-border-md-left-none {
4716
- border-left: 0;
4717
- }
4718
- }
4719
-
4720
- @media (min-width: 63em) {
4721
- .mds-border-lg-top-none {
4722
- border-top: 0;
4723
- }
4724
- .mds-border-lg-right-none {
4725
- border-right: 0;
4726
- }
4727
- .mds-border-lg-bottom-none {
4728
- border-bottom: 0;
4729
- }
4730
- .mds-border-lg-left-none {
4731
- border-left: 0;
4732
- }
4733
- }
4734
-
4735
- @media (min-width: 80em) {
4736
- .mds-border-xl-top-none {
4737
- border-top: 0;
4738
- }
4739
- .mds-border-xl-right-none {
4740
- border-right: 0;
4741
- }
4742
- .mds-border-xl-bottom-none {
4743
- border-bottom: 0;
4744
- }
4745
- .mds-border-xl-left-none {
4746
- border-left: 0;
4747
- }
4748
- }
4749
-
4750
- .mds-border-radius, .mds-surface, .mds-message {
4751
- border-radius: 4px;
4752
- }
4753
-
4754
- .mds-border-radius-none {
4755
- border-radius: 0;
4756
- }
4757
-
4758
- .mds-edited-text ul,
4759
- .mds-edited-text ol {
4760
- margin: 0 0 20px 12px;
4761
- padding: 0;
4762
- list-style-position: outside;
4763
- }
4764
-
4765
- .mds-edited-text ul ul,
4766
- .mds-edited-text ul ol,
4767
- .mds-edited-text ol ul,
4768
- .mds-edited-text ol ol {
4769
- margin: 8px 0 0 0;
4770
- }
4771
-
4772
- .mds-edited-text ul {
4773
- list-style-type: disc;
4774
- }
4775
-
4776
- .mds-edited-text ol {
4777
- list-style-type: decimal;
4778
- }
4779
-
4780
- .mds-edited-text li {
4781
- margin-bottom: 4px;
4782
- margin-left: 16px;
4783
- }
4784
-
4785
- .mds-edited-text.mds-font-body-copy-bulk p,
4786
- .mds-font-body-copy-bulk .mds-edited-text p,
4787
- .mds-edited-text .mds-font-body-copy-bulk p {
4788
- margin-bottom: 16px;
4789
- }
4790
-
4791
- .mds-width-full {
4792
- width: 100%;
4793
- }
4794
-
4795
- .mds-width-auto {
4796
- width: auto;
4797
- }
4798
-
4799
- @media (min-width: 25em) {
4800
- .mds-width-sm-full {
4801
- width: 100%;
4802
- }
4803
- .mds-width-sm-auto {
4804
- width: auto;
4805
- }
4806
- }
4807
-
4808
- @media (min-width: 37.5em) {
4809
- .mds-width-md-full {
4810
- width: 100%;
4811
- }
4812
- .mds-width-md-auto {
4813
- width: auto;
4814
- }
4815
- }
4816
-
4817
- @media (min-width: 63em) {
4818
- .mds-width-lg-full {
4819
- width: 100%;
4820
- }
4821
- .mds-width-lg-auto {
4822
- width: auto;
4823
- }
4824
- }
4825
-
4826
- @media (min-width: 80em) {
4827
- .mds-width-xl-full {
4828
- width: 100%;
4829
- }
4830
- .mds-width-xl-auto {
4831
- width: auto;
4832
- }
4833
- }