@nappr/nappr-styles 0.2.18 → 0.2.19

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.
@@ -0,0 +1,3154 @@
1
+ @charset "UTF-8";
2
+ /**
3
+ *
4
+ * !!! DO NOT REORDER -> Declarative loading
5
+ *
6
+ */
7
+ * {
8
+ box-sizing: border-box;
9
+ margin: 0;
10
+ -webkit-overflow-scrolling: touch;
11
+ padding: 0;
12
+ }
13
+
14
+ html,
15
+ body,
16
+ div,
17
+ span,
18
+ applet,
19
+ object,
20
+ iframe,
21
+ h1,
22
+ h2,
23
+ h3,
24
+ h4,
25
+ h5,
26
+ h6,
27
+ p,
28
+ blockquote,
29
+ pre,
30
+ a,
31
+ abbr,
32
+ acronym,
33
+ address,
34
+ big,
35
+ cite,
36
+ code,
37
+ del,
38
+ dfn,
39
+ em,
40
+ img,
41
+ ins,
42
+ kbd,
43
+ q,
44
+ s,
45
+ samp,
46
+ small,
47
+ strike,
48
+ strong,
49
+ sub,
50
+ sup,
51
+ tt,
52
+ var,
53
+ b,
54
+ u,
55
+ i,
56
+ center,
57
+ dl,
58
+ dt,
59
+ dd,
60
+ ol,
61
+ ul,
62
+ li,
63
+ fieldset,
64
+ form,
65
+ label,
66
+ legend,
67
+ table,
68
+ caption,
69
+ tbody,
70
+ tfoot,
71
+ thead,
72
+ tr,
73
+ th,
74
+ td,
75
+ article,
76
+ aside,
77
+ canvas,
78
+ details,
79
+ embed,
80
+ figure,
81
+ figcaption,
82
+ footer,
83
+ header,
84
+ hgroup,
85
+ menu,
86
+ nav,
87
+ output,
88
+ ruby,
89
+ section,
90
+ summary,
91
+ time,
92
+ mark,
93
+ audio,
94
+ video {
95
+ /* http://meyerweb.com/eric/tools/css/reset/
96
+ v2.0 | 20110126
97
+ License: none (public domain)
98
+ */
99
+ border: 0;
100
+ font: inherit;
101
+ font-size: 100%;
102
+ margin: 0;
103
+ padding: 0;
104
+ vertical-align: baseline;
105
+ }
106
+
107
+ article,
108
+ aside,
109
+ details,
110
+ figcaption,
111
+ figure,
112
+ footer,
113
+ header,
114
+ hgroup,
115
+ menu,
116
+ nav,
117
+ section {
118
+ display: block;
119
+ }
120
+
121
+ html,
122
+ body {
123
+ height: 100%;
124
+ margin: 0;
125
+ min-height: 100%;
126
+ padding: 0;
127
+ }
128
+
129
+ body {
130
+ color: #000000;
131
+ font-family: Helvetica, Arial, Verdana, sans-serif;
132
+ font-size: 16px;
133
+ -webkit-font-smoothing: antialiased;
134
+ -moz-osx-font-smoothing: grayscale;
135
+ line-height: 1;
136
+ width: 100vw;
137
+ }
138
+
139
+ hr,
140
+ input,
141
+ button,
142
+ textarea,
143
+ [role=reset],
144
+ [role=submit],
145
+ [role=button] {
146
+ margin: 0;
147
+ padding: 0;
148
+ }
149
+
150
+ ul,
151
+ ol,
152
+ li {
153
+ list-style-type: none;
154
+ }
155
+
156
+ ol + ol,
157
+ li + li {
158
+ margin-top: 12px;
159
+ }
160
+
161
+ blockquote,
162
+ q {
163
+ quotes: none;
164
+ }
165
+
166
+ blockquote::before,
167
+ blockquote::after,
168
+ q::before,
169
+ q::after {
170
+ content: "";
171
+ content: none;
172
+ }
173
+
174
+ a,
175
+ button {
176
+ cursor: pointer;
177
+ }
178
+
179
+ pre {
180
+ white-space: pre-wrap;
181
+ word-wrap: break-word;
182
+ }
183
+
184
+ p {
185
+ white-space: initial;
186
+ }
187
+
188
+ button,
189
+ [role=reset],
190
+ [role=submit],
191
+ [role=button] {
192
+ background: transparent;
193
+ border: 0;
194
+ cursor: pointer;
195
+ font-size: 1rem;
196
+ overflow: hidden;
197
+ text-align: center;
198
+ text-decoration: none;
199
+ text-overflow: ellipsis;
200
+ user-select: none;
201
+ white-space: nowrap;
202
+ }
203
+
204
+ .disabled,
205
+ :disabled,
206
+ :disabled:link,
207
+ :disabled:visited,
208
+ :disabled:hover,
209
+ :disabled:active {
210
+ box-shadow: inherit;
211
+ cursor: default;
212
+ cursor: not-allowed;
213
+ pointer-events: none;
214
+ text-shadow: inherit;
215
+ }
216
+
217
+ /*
218
+ // @NOTE
219
+ // a:hover DOIT venir après a:link et a:visited
220
+ // a:active DOIT venir après un a:hover
221
+ a:not(.is-underline),
222
+ a:link:not(.is-underline),
223
+ a:visited:not(.is-underline),
224
+ a:hover:not(.is-underline),
225
+ a:active:not(.is-underline) {
226
+ text-decoration: none;
227
+ }
228
+ */
229
+ /**
230
+ * Ce fichier permet de transformer
231
+ * Les fichiers de variables
232
+ * Vers des `sass:map` nécessaire à la surcharge
233
+ * Des mixins du dossier `core`
234
+ */
235
+ /* ------------------------------------
236
+
237
+ SOURCE: https://github.com/pierreburel/sass-rem
238
+
239
+ ------------------------------------ */
240
+ .b1 {
241
+ border-width: 1px;
242
+ border-width: 0.0625rem;
243
+ border-style: solid;
244
+ }
245
+
246
+ .by1 {
247
+ border-top-width: 1px;
248
+ border-top-width: 0.0625rem;
249
+ border-bottom-width: 1px;
250
+ border-bottom-width: 0.0625rem;
251
+ border-style: solid;
252
+ }
253
+
254
+ .bx1 {
255
+ border-left-width: 1px;
256
+ border-left-width: 0.0625rem;
257
+ border-right-width: 1px;
258
+ border-right-width: 0.0625rem;
259
+ border-style: solid;
260
+ }
261
+
262
+ .bt1 {
263
+ border-top-width: 1px;
264
+ border-top-width: 0.0625rem;
265
+ border-style: solid;
266
+ }
267
+
268
+ .bl1 {
269
+ border-left-width: 1px;
270
+ border-left-width: 0.0625rem;
271
+ border-style: solid;
272
+ }
273
+
274
+ .br1 {
275
+ border-right-width: 1px;
276
+ border-right-width: 0.0625rem;
277
+ border-style: solid;
278
+ }
279
+
280
+ .bb1 {
281
+ border-bottom-width: 1px;
282
+ border-bottom-width: 0.0625rem;
283
+ border-style: solid;
284
+ }
285
+
286
+ .b2 {
287
+ border-width: 2px;
288
+ border-width: 0.125rem;
289
+ border-style: solid;
290
+ }
291
+
292
+ .by2 {
293
+ border-top-width: 2px;
294
+ border-top-width: 0.125rem;
295
+ border-bottom-width: 2px;
296
+ border-bottom-width: 0.125rem;
297
+ border-style: solid;
298
+ }
299
+
300
+ .bx2 {
301
+ border-left-width: 2px;
302
+ border-left-width: 0.125rem;
303
+ border-right-width: 2px;
304
+ border-right-width: 0.125rem;
305
+ border-style: solid;
306
+ }
307
+
308
+ .bt2 {
309
+ border-top-width: 2px;
310
+ border-top-width: 0.125rem;
311
+ border-style: solid;
312
+ }
313
+
314
+ .bl2 {
315
+ border-left-width: 2px;
316
+ border-left-width: 0.125rem;
317
+ border-style: solid;
318
+ }
319
+
320
+ .br2 {
321
+ border-right-width: 2px;
322
+ border-right-width: 0.125rem;
323
+ border-style: solid;
324
+ }
325
+
326
+ .bb2 {
327
+ border-bottom-width: 2px;
328
+ border-bottom-width: 0.125rem;
329
+ border-style: solid;
330
+ }
331
+
332
+ .b3 {
333
+ border-width: 3px;
334
+ border-width: 0.1875rem;
335
+ border-style: solid;
336
+ }
337
+
338
+ .by3 {
339
+ border-top-width: 3px;
340
+ border-top-width: 0.1875rem;
341
+ border-bottom-width: 3px;
342
+ border-bottom-width: 0.1875rem;
343
+ border-style: solid;
344
+ }
345
+
346
+ .bx3 {
347
+ border-left-width: 3px;
348
+ border-left-width: 0.1875rem;
349
+ border-right-width: 3px;
350
+ border-right-width: 0.1875rem;
351
+ border-style: solid;
352
+ }
353
+
354
+ .bt3 {
355
+ border-top-width: 3px;
356
+ border-top-width: 0.1875rem;
357
+ border-style: solid;
358
+ }
359
+
360
+ .bl3 {
361
+ border-left-width: 3px;
362
+ border-left-width: 0.1875rem;
363
+ border-style: solid;
364
+ }
365
+
366
+ .br3 {
367
+ border-right-width: 3px;
368
+ border-right-width: 0.1875rem;
369
+ border-style: solid;
370
+ }
371
+
372
+ .bb3 {
373
+ border-bottom-width: 3px;
374
+ border-bottom-width: 0.1875rem;
375
+ border-style: solid;
376
+ }
377
+
378
+ .rad2,
379
+ .brad2 {
380
+ border-radius: 2px;
381
+ border-radius: 0.125rem;
382
+ }
383
+
384
+ .radt2,
385
+ .bradt2 {
386
+ border-top-left-radius: 2px;
387
+ border-top-left-radius: 0.125rem;
388
+ border-top-right-radius: 2px;
389
+ border-top-right-radius: 0.125rem;
390
+ border-style: solid;
391
+ }
392
+
393
+ .radl2,
394
+ .bradl2 {
395
+ border-top-left-radius: 2px;
396
+ border-top-left-radius: 0.125rem;
397
+ border-bottom-left-radius: 2px;
398
+ border-bottom-left-radius: 0.125rem;
399
+ border-style: solid;
400
+ }
401
+
402
+ .radt2,
403
+ .bradt2 {
404
+ border-top-right-radius: 2px;
405
+ border-top-right-radius: 0.125rem;
406
+ border-bottom-right-radius: 2px;
407
+ border-bottom-right-radius: 0.125rem;
408
+ border-style: solid;
409
+ }
410
+
411
+ .radb2,
412
+ .bradb2 {
413
+ border-bottom-right-radius: 2px;
414
+ border-bottom-right-radius: 0.125rem;
415
+ border-bottom-left-radius: 2px;
416
+ border-bottom-left-radius: 0.125rem;
417
+ border-style: solid;
418
+ }
419
+
420
+ .rad3,
421
+ .brad3 {
422
+ border-radius: 3px;
423
+ border-radius: 0.1875rem;
424
+ }
425
+
426
+ .radt3,
427
+ .bradt3 {
428
+ border-top-left-radius: 3px;
429
+ border-top-left-radius: 0.1875rem;
430
+ border-top-right-radius: 3px;
431
+ border-top-right-radius: 0.1875rem;
432
+ border-style: solid;
433
+ }
434
+
435
+ .radl3,
436
+ .bradl3 {
437
+ border-top-left-radius: 3px;
438
+ border-top-left-radius: 0.1875rem;
439
+ border-bottom-left-radius: 3px;
440
+ border-bottom-left-radius: 0.1875rem;
441
+ border-style: solid;
442
+ }
443
+
444
+ .radt3,
445
+ .bradt3 {
446
+ border-top-right-radius: 3px;
447
+ border-top-right-radius: 0.1875rem;
448
+ border-bottom-right-radius: 3px;
449
+ border-bottom-right-radius: 0.1875rem;
450
+ border-style: solid;
451
+ }
452
+
453
+ .radb3,
454
+ .bradb3 {
455
+ border-bottom-right-radius: 3px;
456
+ border-bottom-right-radius: 0.1875rem;
457
+ border-bottom-left-radius: 3px;
458
+ border-bottom-left-radius: 0.1875rem;
459
+ border-style: solid;
460
+ }
461
+
462
+ .rad4,
463
+ .brad4 {
464
+ border-radius: 4px;
465
+ border-radius: 0.25rem;
466
+ }
467
+
468
+ .radt4,
469
+ .bradt4 {
470
+ border-top-left-radius: 4px;
471
+ border-top-left-radius: 0.25rem;
472
+ border-top-right-radius: 4px;
473
+ border-top-right-radius: 0.25rem;
474
+ border-style: solid;
475
+ }
476
+
477
+ .radl4,
478
+ .bradl4 {
479
+ border-top-left-radius: 4px;
480
+ border-top-left-radius: 0.25rem;
481
+ border-bottom-left-radius: 4px;
482
+ border-bottom-left-radius: 0.25rem;
483
+ border-style: solid;
484
+ }
485
+
486
+ .radt4,
487
+ .bradt4 {
488
+ border-top-right-radius: 4px;
489
+ border-top-right-radius: 0.25rem;
490
+ border-bottom-right-radius: 4px;
491
+ border-bottom-right-radius: 0.25rem;
492
+ border-style: solid;
493
+ }
494
+
495
+ .radb4,
496
+ .bradb4 {
497
+ border-bottom-right-radius: 4px;
498
+ border-bottom-right-radius: 0.25rem;
499
+ border-bottom-left-radius: 4px;
500
+ border-bottom-left-radius: 0.25rem;
501
+ border-style: solid;
502
+ }
503
+
504
+ .rad5,
505
+ .brad5 {
506
+ border-radius: 5px;
507
+ border-radius: 0.3125rem;
508
+ }
509
+
510
+ .radt5,
511
+ .bradt5 {
512
+ border-top-left-radius: 5px;
513
+ border-top-left-radius: 0.3125rem;
514
+ border-top-right-radius: 5px;
515
+ border-top-right-radius: 0.3125rem;
516
+ border-style: solid;
517
+ }
518
+
519
+ .radl5,
520
+ .bradl5 {
521
+ border-top-left-radius: 5px;
522
+ border-top-left-radius: 0.3125rem;
523
+ border-bottom-left-radius: 5px;
524
+ border-bottom-left-radius: 0.3125rem;
525
+ border-style: solid;
526
+ }
527
+
528
+ .radt5,
529
+ .bradt5 {
530
+ border-top-right-radius: 5px;
531
+ border-top-right-radius: 0.3125rem;
532
+ border-bottom-right-radius: 5px;
533
+ border-bottom-right-radius: 0.3125rem;
534
+ border-style: solid;
535
+ }
536
+
537
+ .radb5,
538
+ .bradb5 {
539
+ border-bottom-right-radius: 5px;
540
+ border-bottom-right-radius: 0.3125rem;
541
+ border-bottom-left-radius: 5px;
542
+ border-bottom-left-radius: 0.3125rem;
543
+ border-style: solid;
544
+ }
545
+
546
+ .rad6,
547
+ .brad6 {
548
+ border-radius: 6px;
549
+ border-radius: 0.375rem;
550
+ }
551
+
552
+ .radt6,
553
+ .bradt6 {
554
+ border-top-left-radius: 6px;
555
+ border-top-left-radius: 0.375rem;
556
+ border-top-right-radius: 6px;
557
+ border-top-right-radius: 0.375rem;
558
+ border-style: solid;
559
+ }
560
+
561
+ .radl6,
562
+ .bradl6 {
563
+ border-top-left-radius: 6px;
564
+ border-top-left-radius: 0.375rem;
565
+ border-bottom-left-radius: 6px;
566
+ border-bottom-left-radius: 0.375rem;
567
+ border-style: solid;
568
+ }
569
+
570
+ .radt6,
571
+ .bradt6 {
572
+ border-top-right-radius: 6px;
573
+ border-top-right-radius: 0.375rem;
574
+ border-bottom-right-radius: 6px;
575
+ border-bottom-right-radius: 0.375rem;
576
+ border-style: solid;
577
+ }
578
+
579
+ .radb6,
580
+ .bradb6 {
581
+ border-bottom-right-radius: 6px;
582
+ border-bottom-right-radius: 0.375rem;
583
+ border-bottom-left-radius: 6px;
584
+ border-bottom-left-radius: 0.375rem;
585
+ border-style: solid;
586
+ }
587
+
588
+ .rad7,
589
+ .brad7 {
590
+ border-radius: 7px;
591
+ border-radius: 0.4375rem;
592
+ }
593
+
594
+ .radt7,
595
+ .bradt7 {
596
+ border-top-left-radius: 7px;
597
+ border-top-left-radius: 0.4375rem;
598
+ border-top-right-radius: 7px;
599
+ border-top-right-radius: 0.4375rem;
600
+ border-style: solid;
601
+ }
602
+
603
+ .radl7,
604
+ .bradl7 {
605
+ border-top-left-radius: 7px;
606
+ border-top-left-radius: 0.4375rem;
607
+ border-bottom-left-radius: 7px;
608
+ border-bottom-left-radius: 0.4375rem;
609
+ border-style: solid;
610
+ }
611
+
612
+ .radt7,
613
+ .bradt7 {
614
+ border-top-right-radius: 7px;
615
+ border-top-right-radius: 0.4375rem;
616
+ border-bottom-right-radius: 7px;
617
+ border-bottom-right-radius: 0.4375rem;
618
+ border-style: solid;
619
+ }
620
+
621
+ .radb7,
622
+ .bradb7 {
623
+ border-bottom-right-radius: 7px;
624
+ border-bottom-right-radius: 0.4375rem;
625
+ border-bottom-left-radius: 7px;
626
+ border-bottom-left-radius: 0.4375rem;
627
+ border-style: solid;
628
+ }
629
+
630
+ .rad8,
631
+ .brad8 {
632
+ border-radius: 8px;
633
+ border-radius: 0.5rem;
634
+ }
635
+
636
+ .radt8,
637
+ .bradt8 {
638
+ border-top-left-radius: 8px;
639
+ border-top-left-radius: 0.5rem;
640
+ border-top-right-radius: 8px;
641
+ border-top-right-radius: 0.5rem;
642
+ border-style: solid;
643
+ }
644
+
645
+ .radl8,
646
+ .bradl8 {
647
+ border-top-left-radius: 8px;
648
+ border-top-left-radius: 0.5rem;
649
+ border-bottom-left-radius: 8px;
650
+ border-bottom-left-radius: 0.5rem;
651
+ border-style: solid;
652
+ }
653
+
654
+ .radt8,
655
+ .bradt8 {
656
+ border-top-right-radius: 8px;
657
+ border-top-right-radius: 0.5rem;
658
+ border-bottom-right-radius: 8px;
659
+ border-bottom-right-radius: 0.5rem;
660
+ border-style: solid;
661
+ }
662
+
663
+ .radb8,
664
+ .bradb8 {
665
+ border-bottom-right-radius: 8px;
666
+ border-bottom-right-radius: 0.5rem;
667
+ border-bottom-left-radius: 8px;
668
+ border-bottom-left-radius: 0.5rem;
669
+ border-style: solid;
670
+ }
671
+
672
+ .rad10,
673
+ .brad10 {
674
+ border-radius: 10px;
675
+ border-radius: 0.625rem;
676
+ }
677
+
678
+ .radt10,
679
+ .bradt10 {
680
+ border-top-left-radius: 10px;
681
+ border-top-left-radius: 0.625rem;
682
+ border-top-right-radius: 10px;
683
+ border-top-right-radius: 0.625rem;
684
+ border-style: solid;
685
+ }
686
+
687
+ .radl10,
688
+ .bradl10 {
689
+ border-top-left-radius: 10px;
690
+ border-top-left-radius: 0.625rem;
691
+ border-bottom-left-radius: 10px;
692
+ border-bottom-left-radius: 0.625rem;
693
+ border-style: solid;
694
+ }
695
+
696
+ .radt10,
697
+ .bradt10 {
698
+ border-top-right-radius: 10px;
699
+ border-top-right-radius: 0.625rem;
700
+ border-bottom-right-radius: 10px;
701
+ border-bottom-right-radius: 0.625rem;
702
+ border-style: solid;
703
+ }
704
+
705
+ .radb10,
706
+ .bradb10 {
707
+ border-bottom-right-radius: 10px;
708
+ border-bottom-right-radius: 0.625rem;
709
+ border-bottom-left-radius: 10px;
710
+ border-bottom-left-radius: 0.625rem;
711
+ border-style: solid;
712
+ }
713
+
714
+ .rad12,
715
+ .brad12 {
716
+ border-radius: 12px;
717
+ border-radius: 0.75rem;
718
+ }
719
+
720
+ .radt12,
721
+ .bradt12 {
722
+ border-top-left-radius: 12px;
723
+ border-top-left-radius: 0.75rem;
724
+ border-top-right-radius: 12px;
725
+ border-top-right-radius: 0.75rem;
726
+ border-style: solid;
727
+ }
728
+
729
+ .radl12,
730
+ .bradl12 {
731
+ border-top-left-radius: 12px;
732
+ border-top-left-radius: 0.75rem;
733
+ border-bottom-left-radius: 12px;
734
+ border-bottom-left-radius: 0.75rem;
735
+ border-style: solid;
736
+ }
737
+
738
+ .radt12,
739
+ .bradt12 {
740
+ border-top-right-radius: 12px;
741
+ border-top-right-radius: 0.75rem;
742
+ border-bottom-right-radius: 12px;
743
+ border-bottom-right-radius: 0.75rem;
744
+ border-style: solid;
745
+ }
746
+
747
+ .radb12,
748
+ .bradb12 {
749
+ border-bottom-right-radius: 12px;
750
+ border-bottom-right-radius: 0.75rem;
751
+ border-bottom-left-radius: 12px;
752
+ border-bottom-left-radius: 0.75rem;
753
+ border-style: solid;
754
+ }
755
+
756
+ .rad24,
757
+ .brad24 {
758
+ border-radius: 24px;
759
+ border-radius: 1.5rem;
760
+ }
761
+
762
+ .radt24,
763
+ .bradt24 {
764
+ border-top-left-radius: 24px;
765
+ border-top-left-radius: 1.5rem;
766
+ border-top-right-radius: 24px;
767
+ border-top-right-radius: 1.5rem;
768
+ border-style: solid;
769
+ }
770
+
771
+ .radl24,
772
+ .bradl24 {
773
+ border-top-left-radius: 24px;
774
+ border-top-left-radius: 1.5rem;
775
+ border-bottom-left-radius: 24px;
776
+ border-bottom-left-radius: 1.5rem;
777
+ border-style: solid;
778
+ }
779
+
780
+ .radt24,
781
+ .bradt24 {
782
+ border-top-right-radius: 24px;
783
+ border-top-right-radius: 1.5rem;
784
+ border-bottom-right-radius: 24px;
785
+ border-bottom-right-radius: 1.5rem;
786
+ border-style: solid;
787
+ }
788
+
789
+ .radb24,
790
+ .bradb24 {
791
+ border-bottom-right-radius: 24px;
792
+ border-bottom-right-radius: 1.5rem;
793
+ border-bottom-left-radius: 24px;
794
+ border-bottom-left-radius: 1.5rem;
795
+ border-style: solid;
796
+ }
797
+
798
+ /**
799
+ * USAGE:
800
+ * ---------------------
801
+ *
802
+ * .w33 -> width 33%
803
+ */
804
+ .w3 {
805
+ width: 3%;
806
+ }
807
+
808
+ .h3 {
809
+ height: 3%;
810
+ }
811
+
812
+ .w5 {
813
+ width: 5%;
814
+ }
815
+
816
+ .h5 {
817
+ height: 5%;
818
+ }
819
+
820
+ .w6 {
821
+ width: 6%;
822
+ }
823
+
824
+ .h6 {
825
+ height: 6%;
826
+ }
827
+
828
+ .w10 {
829
+ width: 10%;
830
+ }
831
+
832
+ .h10 {
833
+ height: 10%;
834
+ }
835
+
836
+ .w15 {
837
+ width: 15%;
838
+ }
839
+
840
+ .h15 {
841
+ height: 15%;
842
+ }
843
+
844
+ .w20 {
845
+ width: 20%;
846
+ }
847
+
848
+ .h20 {
849
+ height: 20%;
850
+ }
851
+
852
+ .w25 {
853
+ width: 25%;
854
+ }
855
+
856
+ .h25 {
857
+ height: 25%;
858
+ }
859
+
860
+ .w30 {
861
+ width: 30%;
862
+ }
863
+
864
+ .h30 {
865
+ height: 30%;
866
+ }
867
+
868
+ .w33 {
869
+ width: 33%;
870
+ }
871
+
872
+ .h33 {
873
+ height: 33%;
874
+ }
875
+
876
+ .w35 {
877
+ width: 35%;
878
+ }
879
+
880
+ .h35 {
881
+ height: 35%;
882
+ }
883
+
884
+ .w40 {
885
+ width: 40%;
886
+ }
887
+
888
+ .h40 {
889
+ height: 40%;
890
+ }
891
+
892
+ .w45 {
893
+ width: 45%;
894
+ }
895
+
896
+ .h45 {
897
+ height: 45%;
898
+ }
899
+
900
+ .w50 {
901
+ width: 50%;
902
+ }
903
+
904
+ .h50 {
905
+ height: 50%;
906
+ }
907
+
908
+ .w55 {
909
+ width: 55%;
910
+ }
911
+
912
+ .h55 {
913
+ height: 55%;
914
+ }
915
+
916
+ .w60 {
917
+ width: 60%;
918
+ }
919
+
920
+ .h60 {
921
+ height: 60%;
922
+ }
923
+
924
+ .w66 {
925
+ width: 66%;
926
+ }
927
+
928
+ .h66 {
929
+ height: 66%;
930
+ }
931
+
932
+ .w70 {
933
+ width: 70%;
934
+ }
935
+
936
+ .h70 {
937
+ height: 70%;
938
+ }
939
+
940
+ .w75 {
941
+ width: 75%;
942
+ }
943
+
944
+ .h75 {
945
+ height: 75%;
946
+ }
947
+
948
+ .w80 {
949
+ width: 80%;
950
+ }
951
+
952
+ .h80 {
953
+ height: 80%;
954
+ }
955
+
956
+ .w85 {
957
+ width: 85%;
958
+ }
959
+
960
+ .h85 {
961
+ height: 85%;
962
+ }
963
+
964
+ .w90 {
965
+ width: 90%;
966
+ }
967
+
968
+ .h90 {
969
+ height: 90%;
970
+ }
971
+
972
+ .w95 {
973
+ width: 95%;
974
+ }
975
+
976
+ .h95 {
977
+ height: 95%;
978
+ }
979
+
980
+ .w100 {
981
+ width: 100%;
982
+ }
983
+
984
+ .h100 {
985
+ height: 100%;
986
+ }
987
+
988
+ /**
989
+ * USAGE:
990
+ * ---------------------
991
+ *
992
+ * .fs12 -> font-size 12px converted to rem
993
+ */
994
+ .fs6 {
995
+ font-size: 6px;
996
+ font-size: 0.375rem;
997
+ }
998
+
999
+ .fs7 {
1000
+ font-size: 7px;
1001
+ font-size: 0.4375rem;
1002
+ }
1003
+
1004
+ .fs8 {
1005
+ font-size: 8px;
1006
+ font-size: 0.5rem;
1007
+ }
1008
+
1009
+ .fs9 {
1010
+ font-size: 9px;
1011
+ font-size: 0.5625rem;
1012
+ }
1013
+
1014
+ .fs10 {
1015
+ font-size: 10px;
1016
+ font-size: 0.625rem;
1017
+ }
1018
+
1019
+ .fs11 {
1020
+ font-size: 11px;
1021
+ font-size: 0.6875rem;
1022
+ }
1023
+
1024
+ .fs12 {
1025
+ font-size: 12px;
1026
+ font-size: 0.75rem;
1027
+ }
1028
+
1029
+ .fs14 {
1030
+ font-size: 14px;
1031
+ font-size: 0.875rem;
1032
+ }
1033
+
1034
+ .fs24 {
1035
+ font-size: 24px;
1036
+ font-size: 1.5rem;
1037
+ }
1038
+
1039
+ .fs26 {
1040
+ font-size: 26px;
1041
+ font-size: 1.625rem;
1042
+ }
1043
+
1044
+ .fs32 {
1045
+ font-size: 32px;
1046
+ font-size: 2rem;
1047
+ }
1048
+
1049
+ .fs40 {
1050
+ font-size: 40px;
1051
+ font-size: 2.5rem;
1052
+ }
1053
+
1054
+ /**
1055
+ * USAGE:
1056
+ * ---------------------
1057
+ *
1058
+ * .ln12 -> line-height 12px converted to rem
1059
+ */
1060
+ .lh12 {
1061
+ line-height: 12px;
1062
+ line-height: 0.75rem;
1063
+ }
1064
+
1065
+ /**
1066
+ * USAGE:
1067
+ * ---------------------
1068
+ *
1069
+ * .m12 -> margin top-right-bottom-left 12px converted to rem
1070
+ * .mx12 -> margin right-left 12px converted to rem
1071
+ * .pr12 -> padding right 12px converted to rem
1072
+ */
1073
+ .m3 {
1074
+ margin: 3px;
1075
+ margin: 0.1875rem;
1076
+ }
1077
+
1078
+ .p3 {
1079
+ padding: 3px;
1080
+ padding: 0.1875rem;
1081
+ }
1082
+
1083
+ .my3 {
1084
+ margin-top: 3px;
1085
+ margin-top: 0.1875rem;
1086
+ margin-bottom: 3px;
1087
+ margin-bottom: 0.1875rem;
1088
+ }
1089
+
1090
+ .py3 {
1091
+ padding-top: 3px;
1092
+ padding-top: 0.1875rem;
1093
+ padding-bottom: 3px;
1094
+ padding-bottom: 0.1875rem;
1095
+ }
1096
+
1097
+ .mx3 {
1098
+ margin-left: 3px;
1099
+ margin-left: 0.1875rem;
1100
+ margin-right: 3px;
1101
+ margin-right: 0.1875rem;
1102
+ }
1103
+
1104
+ .px3 {
1105
+ padding-left: 3px;
1106
+ padding-left: 0.1875rem;
1107
+ padding-right: 3px;
1108
+ padding-right: 0.1875rem;
1109
+ }
1110
+
1111
+ .mt3 {
1112
+ margin-top: 3px;
1113
+ margin-top: 0.1875rem;
1114
+ }
1115
+
1116
+ .pt3 {
1117
+ padding-top: 3px;
1118
+ padding-top: 0.1875rem;
1119
+ }
1120
+
1121
+ .ml3 {
1122
+ margin-left: 3px;
1123
+ margin-left: 0.1875rem;
1124
+ }
1125
+
1126
+ .pl3 {
1127
+ padding-left: 3px;
1128
+ padding-left: 0.1875rem;
1129
+ }
1130
+
1131
+ .mr3 {
1132
+ margin-right: 3px;
1133
+ margin-right: 0.1875rem;
1134
+ }
1135
+
1136
+ .pr3 {
1137
+ padding-right: 3px;
1138
+ padding-right: 0.1875rem;
1139
+ }
1140
+
1141
+ .mb3 {
1142
+ margin-bottom: 3px;
1143
+ margin-bottom: 0.1875rem;
1144
+ }
1145
+
1146
+ .pb3 {
1147
+ padding-bottom: 3px;
1148
+ padding-bottom: 0.1875rem;
1149
+ }
1150
+
1151
+ .m6 {
1152
+ margin: 6px;
1153
+ margin: 0.375rem;
1154
+ }
1155
+
1156
+ .p6 {
1157
+ padding: 6px;
1158
+ padding: 0.375rem;
1159
+ }
1160
+
1161
+ .my6 {
1162
+ margin-top: 6px;
1163
+ margin-top: 0.375rem;
1164
+ margin-bottom: 6px;
1165
+ margin-bottom: 0.375rem;
1166
+ }
1167
+
1168
+ .py6 {
1169
+ padding-top: 6px;
1170
+ padding-top: 0.375rem;
1171
+ padding-bottom: 6px;
1172
+ padding-bottom: 0.375rem;
1173
+ }
1174
+
1175
+ .mx6 {
1176
+ margin-left: 6px;
1177
+ margin-left: 0.375rem;
1178
+ margin-right: 6px;
1179
+ margin-right: 0.375rem;
1180
+ }
1181
+
1182
+ .px6 {
1183
+ padding-left: 6px;
1184
+ padding-left: 0.375rem;
1185
+ padding-right: 6px;
1186
+ padding-right: 0.375rem;
1187
+ }
1188
+
1189
+ .mt6 {
1190
+ margin-top: 6px;
1191
+ margin-top: 0.375rem;
1192
+ }
1193
+
1194
+ .pt6 {
1195
+ padding-top: 6px;
1196
+ padding-top: 0.375rem;
1197
+ }
1198
+
1199
+ .ml6 {
1200
+ margin-left: 6px;
1201
+ margin-left: 0.375rem;
1202
+ }
1203
+
1204
+ .pl6 {
1205
+ padding-left: 6px;
1206
+ padding-left: 0.375rem;
1207
+ }
1208
+
1209
+ .mr6 {
1210
+ margin-right: 6px;
1211
+ margin-right: 0.375rem;
1212
+ }
1213
+
1214
+ .pr6 {
1215
+ padding-right: 6px;
1216
+ padding-right: 0.375rem;
1217
+ }
1218
+
1219
+ .mb6 {
1220
+ margin-bottom: 6px;
1221
+ margin-bottom: 0.375rem;
1222
+ }
1223
+
1224
+ .pb6 {
1225
+ padding-bottom: 6px;
1226
+ padding-bottom: 0.375rem;
1227
+ }
1228
+
1229
+ .m9 {
1230
+ margin: 9px;
1231
+ margin: 0.5625rem;
1232
+ }
1233
+
1234
+ .p9 {
1235
+ padding: 9px;
1236
+ padding: 0.5625rem;
1237
+ }
1238
+
1239
+ .my9 {
1240
+ margin-top: 9px;
1241
+ margin-top: 0.5625rem;
1242
+ margin-bottom: 9px;
1243
+ margin-bottom: 0.5625rem;
1244
+ }
1245
+
1246
+ .py9 {
1247
+ padding-top: 9px;
1248
+ padding-top: 0.5625rem;
1249
+ padding-bottom: 9px;
1250
+ padding-bottom: 0.5625rem;
1251
+ }
1252
+
1253
+ .mx9 {
1254
+ margin-left: 9px;
1255
+ margin-left: 0.5625rem;
1256
+ margin-right: 9px;
1257
+ margin-right: 0.5625rem;
1258
+ }
1259
+
1260
+ .px9 {
1261
+ padding-left: 9px;
1262
+ padding-left: 0.5625rem;
1263
+ padding-right: 9px;
1264
+ padding-right: 0.5625rem;
1265
+ }
1266
+
1267
+ .mt9 {
1268
+ margin-top: 9px;
1269
+ margin-top: 0.5625rem;
1270
+ }
1271
+
1272
+ .pt9 {
1273
+ padding-top: 9px;
1274
+ padding-top: 0.5625rem;
1275
+ }
1276
+
1277
+ .ml9 {
1278
+ margin-left: 9px;
1279
+ margin-left: 0.5625rem;
1280
+ }
1281
+
1282
+ .pl9 {
1283
+ padding-left: 9px;
1284
+ padding-left: 0.5625rem;
1285
+ }
1286
+
1287
+ .mr9 {
1288
+ margin-right: 9px;
1289
+ margin-right: 0.5625rem;
1290
+ }
1291
+
1292
+ .pr9 {
1293
+ padding-right: 9px;
1294
+ padding-right: 0.5625rem;
1295
+ }
1296
+
1297
+ .mb9 {
1298
+ margin-bottom: 9px;
1299
+ margin-bottom: 0.5625rem;
1300
+ }
1301
+
1302
+ .pb9 {
1303
+ padding-bottom: 9px;
1304
+ padding-bottom: 0.5625rem;
1305
+ }
1306
+
1307
+ .m12 {
1308
+ margin: 12px;
1309
+ margin: 0.75rem;
1310
+ }
1311
+
1312
+ .p12 {
1313
+ padding: 12px;
1314
+ padding: 0.75rem;
1315
+ }
1316
+
1317
+ .my12 {
1318
+ margin-top: 12px;
1319
+ margin-top: 0.75rem;
1320
+ margin-bottom: 12px;
1321
+ margin-bottom: 0.75rem;
1322
+ }
1323
+
1324
+ .py12 {
1325
+ padding-top: 12px;
1326
+ padding-top: 0.75rem;
1327
+ padding-bottom: 12px;
1328
+ padding-bottom: 0.75rem;
1329
+ }
1330
+
1331
+ .mx12 {
1332
+ margin-left: 12px;
1333
+ margin-left: 0.75rem;
1334
+ margin-right: 12px;
1335
+ margin-right: 0.75rem;
1336
+ }
1337
+
1338
+ .px12 {
1339
+ padding-left: 12px;
1340
+ padding-left: 0.75rem;
1341
+ padding-right: 12px;
1342
+ padding-right: 0.75rem;
1343
+ }
1344
+
1345
+ .mt12 {
1346
+ margin-top: 12px;
1347
+ margin-top: 0.75rem;
1348
+ }
1349
+
1350
+ .pt12 {
1351
+ padding-top: 12px;
1352
+ padding-top: 0.75rem;
1353
+ }
1354
+
1355
+ .ml12 {
1356
+ margin-left: 12px;
1357
+ margin-left: 0.75rem;
1358
+ }
1359
+
1360
+ .pl12 {
1361
+ padding-left: 12px;
1362
+ padding-left: 0.75rem;
1363
+ }
1364
+
1365
+ .mr12 {
1366
+ margin-right: 12px;
1367
+ margin-right: 0.75rem;
1368
+ }
1369
+
1370
+ .pr12 {
1371
+ padding-right: 12px;
1372
+ padding-right: 0.75rem;
1373
+ }
1374
+
1375
+ .mb12 {
1376
+ margin-bottom: 12px;
1377
+ margin-bottom: 0.75rem;
1378
+ }
1379
+
1380
+ .pb12 {
1381
+ padding-bottom: 12px;
1382
+ padding-bottom: 0.75rem;
1383
+ }
1384
+
1385
+ .m18 {
1386
+ margin: 18px;
1387
+ margin: 1.125rem;
1388
+ }
1389
+
1390
+ .p18 {
1391
+ padding: 18px;
1392
+ padding: 1.125rem;
1393
+ }
1394
+
1395
+ .my18 {
1396
+ margin-top: 18px;
1397
+ margin-top: 1.125rem;
1398
+ margin-bottom: 18px;
1399
+ margin-bottom: 1.125rem;
1400
+ }
1401
+
1402
+ .py18 {
1403
+ padding-top: 18px;
1404
+ padding-top: 1.125rem;
1405
+ padding-bottom: 18px;
1406
+ padding-bottom: 1.125rem;
1407
+ }
1408
+
1409
+ .mx18 {
1410
+ margin-left: 18px;
1411
+ margin-left: 1.125rem;
1412
+ margin-right: 18px;
1413
+ margin-right: 1.125rem;
1414
+ }
1415
+
1416
+ .px18 {
1417
+ padding-left: 18px;
1418
+ padding-left: 1.125rem;
1419
+ padding-right: 18px;
1420
+ padding-right: 1.125rem;
1421
+ }
1422
+
1423
+ .mt18 {
1424
+ margin-top: 18px;
1425
+ margin-top: 1.125rem;
1426
+ }
1427
+
1428
+ .pt18 {
1429
+ padding-top: 18px;
1430
+ padding-top: 1.125rem;
1431
+ }
1432
+
1433
+ .ml18 {
1434
+ margin-left: 18px;
1435
+ margin-left: 1.125rem;
1436
+ }
1437
+
1438
+ .pl18 {
1439
+ padding-left: 18px;
1440
+ padding-left: 1.125rem;
1441
+ }
1442
+
1443
+ .mr18 {
1444
+ margin-right: 18px;
1445
+ margin-right: 1.125rem;
1446
+ }
1447
+
1448
+ .pr18 {
1449
+ padding-right: 18px;
1450
+ padding-right: 1.125rem;
1451
+ }
1452
+
1453
+ .mb18 {
1454
+ margin-bottom: 18px;
1455
+ margin-bottom: 1.125rem;
1456
+ }
1457
+
1458
+ .pb18 {
1459
+ padding-bottom: 18px;
1460
+ padding-bottom: 1.125rem;
1461
+ }
1462
+
1463
+ .m24 {
1464
+ margin: 24px;
1465
+ margin: 1.5rem;
1466
+ }
1467
+
1468
+ .p24 {
1469
+ padding: 24px;
1470
+ padding: 1.5rem;
1471
+ }
1472
+
1473
+ .my24 {
1474
+ margin-top: 24px;
1475
+ margin-top: 1.5rem;
1476
+ margin-bottom: 24px;
1477
+ margin-bottom: 1.5rem;
1478
+ }
1479
+
1480
+ .py24 {
1481
+ padding-top: 24px;
1482
+ padding-top: 1.5rem;
1483
+ padding-bottom: 24px;
1484
+ padding-bottom: 1.5rem;
1485
+ }
1486
+
1487
+ .mx24 {
1488
+ margin-left: 24px;
1489
+ margin-left: 1.5rem;
1490
+ margin-right: 24px;
1491
+ margin-right: 1.5rem;
1492
+ }
1493
+
1494
+ .px24 {
1495
+ padding-left: 24px;
1496
+ padding-left: 1.5rem;
1497
+ padding-right: 24px;
1498
+ padding-right: 1.5rem;
1499
+ }
1500
+
1501
+ .mt24 {
1502
+ margin-top: 24px;
1503
+ margin-top: 1.5rem;
1504
+ }
1505
+
1506
+ .pt24 {
1507
+ padding-top: 24px;
1508
+ padding-top: 1.5rem;
1509
+ }
1510
+
1511
+ .ml24 {
1512
+ margin-left: 24px;
1513
+ margin-left: 1.5rem;
1514
+ }
1515
+
1516
+ .pl24 {
1517
+ padding-left: 24px;
1518
+ padding-left: 1.5rem;
1519
+ }
1520
+
1521
+ .mr24 {
1522
+ margin-right: 24px;
1523
+ margin-right: 1.5rem;
1524
+ }
1525
+
1526
+ .pr24 {
1527
+ padding-right: 24px;
1528
+ padding-right: 1.5rem;
1529
+ }
1530
+
1531
+ .mb24 {
1532
+ margin-bottom: 24px;
1533
+ margin-bottom: 1.5rem;
1534
+ }
1535
+
1536
+ .pb24 {
1537
+ padding-bottom: 24px;
1538
+ padding-bottom: 1.5rem;
1539
+ }
1540
+
1541
+ .m26 {
1542
+ margin: 26px;
1543
+ margin: 1.625rem;
1544
+ }
1545
+
1546
+ .p26 {
1547
+ padding: 26px;
1548
+ padding: 1.625rem;
1549
+ }
1550
+
1551
+ .my26 {
1552
+ margin-top: 26px;
1553
+ margin-top: 1.625rem;
1554
+ margin-bottom: 26px;
1555
+ margin-bottom: 1.625rem;
1556
+ }
1557
+
1558
+ .py26 {
1559
+ padding-top: 26px;
1560
+ padding-top: 1.625rem;
1561
+ padding-bottom: 26px;
1562
+ padding-bottom: 1.625rem;
1563
+ }
1564
+
1565
+ .mx26 {
1566
+ margin-left: 26px;
1567
+ margin-left: 1.625rem;
1568
+ margin-right: 26px;
1569
+ margin-right: 1.625rem;
1570
+ }
1571
+
1572
+ .px26 {
1573
+ padding-left: 26px;
1574
+ padding-left: 1.625rem;
1575
+ padding-right: 26px;
1576
+ padding-right: 1.625rem;
1577
+ }
1578
+
1579
+ .mt26 {
1580
+ margin-top: 26px;
1581
+ margin-top: 1.625rem;
1582
+ }
1583
+
1584
+ .pt26 {
1585
+ padding-top: 26px;
1586
+ padding-top: 1.625rem;
1587
+ }
1588
+
1589
+ .ml26 {
1590
+ margin-left: 26px;
1591
+ margin-left: 1.625rem;
1592
+ }
1593
+
1594
+ .pl26 {
1595
+ padding-left: 26px;
1596
+ padding-left: 1.625rem;
1597
+ }
1598
+
1599
+ .mr26 {
1600
+ margin-right: 26px;
1601
+ margin-right: 1.625rem;
1602
+ }
1603
+
1604
+ .pr26 {
1605
+ padding-right: 26px;
1606
+ padding-right: 1.625rem;
1607
+ }
1608
+
1609
+ .mb26 {
1610
+ margin-bottom: 26px;
1611
+ margin-bottom: 1.625rem;
1612
+ }
1613
+
1614
+ .pb26 {
1615
+ padding-bottom: 26px;
1616
+ padding-bottom: 1.625rem;
1617
+ }
1618
+
1619
+ .m48 {
1620
+ margin: 48px;
1621
+ margin: 3rem;
1622
+ }
1623
+
1624
+ .p48 {
1625
+ padding: 48px;
1626
+ padding: 3rem;
1627
+ }
1628
+
1629
+ .my48 {
1630
+ margin-top: 48px;
1631
+ margin-top: 3rem;
1632
+ margin-bottom: 48px;
1633
+ margin-bottom: 3rem;
1634
+ }
1635
+
1636
+ .py48 {
1637
+ padding-top: 48px;
1638
+ padding-top: 3rem;
1639
+ padding-bottom: 48px;
1640
+ padding-bottom: 3rem;
1641
+ }
1642
+
1643
+ .mx48 {
1644
+ margin-left: 48px;
1645
+ margin-left: 3rem;
1646
+ margin-right: 48px;
1647
+ margin-right: 3rem;
1648
+ }
1649
+
1650
+ .px48 {
1651
+ padding-left: 48px;
1652
+ padding-left: 3rem;
1653
+ padding-right: 48px;
1654
+ padding-right: 3rem;
1655
+ }
1656
+
1657
+ .mt48 {
1658
+ margin-top: 48px;
1659
+ margin-top: 3rem;
1660
+ }
1661
+
1662
+ .pt48 {
1663
+ padding-top: 48px;
1664
+ padding-top: 3rem;
1665
+ }
1666
+
1667
+ .ml48 {
1668
+ margin-left: 48px;
1669
+ margin-left: 3rem;
1670
+ }
1671
+
1672
+ .pl48 {
1673
+ padding-left: 48px;
1674
+ padding-left: 3rem;
1675
+ }
1676
+
1677
+ .mr48 {
1678
+ margin-right: 48px;
1679
+ margin-right: 3rem;
1680
+ }
1681
+
1682
+ .pr48 {
1683
+ padding-right: 48px;
1684
+ padding-right: 3rem;
1685
+ }
1686
+
1687
+ .mb48 {
1688
+ margin-bottom: 48px;
1689
+ margin-bottom: 3rem;
1690
+ }
1691
+
1692
+ .pb48 {
1693
+ padding-bottom: 48px;
1694
+ padding-bottom: 3rem;
1695
+ }
1696
+
1697
+ .is-black {
1698
+ color: #000000;
1699
+ }
1700
+
1701
+ .bg-black {
1702
+ background-color: #000000;
1703
+ }
1704
+
1705
+ .is-white {
1706
+ color: #ffffff;
1707
+ }
1708
+
1709
+ .bg-white {
1710
+ background-color: #ffffff;
1711
+ }
1712
+
1713
+ .is-grey {
1714
+ color: #dddddd;
1715
+ }
1716
+
1717
+ .bg-grey {
1718
+ background-color: #dddddd;
1719
+ }
1720
+
1721
+ .is-blue {
1722
+ color: #0000ff;
1723
+ }
1724
+
1725
+ .bg-blue {
1726
+ background-color: #0000ff;
1727
+ }
1728
+
1729
+ .is-red {
1730
+ color: #ff0000;
1731
+ }
1732
+
1733
+ .bg-red {
1734
+ background-color: #ff0000;
1735
+ }
1736
+
1737
+ .is-green {
1738
+ color: #00ff00;
1739
+ }
1740
+
1741
+ .bg-green {
1742
+ background-color: #00ff00;
1743
+ }
1744
+
1745
+ .is-yellow {
1746
+ color: #f0f00f;
1747
+ }
1748
+
1749
+ .bg-yellow {
1750
+ background-color: #f0f00f;
1751
+ }
1752
+
1753
+ .is-purple {
1754
+ color: #800080;
1755
+ }
1756
+
1757
+ .bg-purple {
1758
+ background-color: #800080;
1759
+ }
1760
+
1761
+ .is-orange {
1762
+ color: #ffa500;
1763
+ }
1764
+
1765
+ .bg-orange {
1766
+ background-color: #ffa500;
1767
+ }
1768
+
1769
+ .is-warning {
1770
+ color: #ffb344;
1771
+ }
1772
+
1773
+ .bg-warning {
1774
+ background-color: #ffb344;
1775
+ }
1776
+
1777
+ .is-success {
1778
+ color: #268744;
1779
+ }
1780
+
1781
+ .bg-success {
1782
+ background-color: #268744;
1783
+ }
1784
+
1785
+ .is-info {
1786
+ color: #0762c8;
1787
+ }
1788
+
1789
+ .bg-info {
1790
+ background-color: #0762c8;
1791
+ }
1792
+
1793
+ .is-error {
1794
+ color: #ff0000;
1795
+ }
1796
+
1797
+ .bg-error {
1798
+ background-color: #ff0000;
1799
+ }
1800
+
1801
+ .is-g100 {
1802
+ color: #f8f8f8;
1803
+ }
1804
+
1805
+ .bg-g100 {
1806
+ background-color: #f8f8f8;
1807
+ }
1808
+
1809
+ .is-g200 {
1810
+ color: #f0f0f0;
1811
+ }
1812
+
1813
+ .bg-g200 {
1814
+ background-color: #f0f0f0;
1815
+ }
1816
+
1817
+ .is-g300 {
1818
+ color: #e7e7e7;
1819
+ }
1820
+
1821
+ .bg-g300 {
1822
+ background-color: #e7e7e7;
1823
+ }
1824
+
1825
+ .is-g400 {
1826
+ color: #cecece;
1827
+ }
1828
+
1829
+ .bg-g400 {
1830
+ background-color: #cecece;
1831
+ }
1832
+
1833
+ .is-g500 {
1834
+ color: #9c9c9c;
1835
+ }
1836
+
1837
+ .bg-g500 {
1838
+ background-color: #9c9c9c;
1839
+ }
1840
+
1841
+ .is-g600 {
1842
+ color: #6a6a6a;
1843
+ }
1844
+
1845
+ .bg-g600 {
1846
+ background-color: #6a6a6a;
1847
+ }
1848
+
1849
+ .is-g700 {
1850
+ color: #383838;
1851
+ }
1852
+
1853
+ .bg-g700 {
1854
+ background-color: #383838;
1855
+ }
1856
+
1857
+ .is-g750 {
1858
+ color: #2a2a2a;
1859
+ }
1860
+
1861
+ .bg-g750 {
1862
+ background-color: #2a2a2a;
1863
+ }
1864
+
1865
+ .is-g800 {
1866
+ color: #1e1e1e;
1867
+ }
1868
+
1869
+ .bg-g800 {
1870
+ background-color: #1e1e1e;
1871
+ }
1872
+
1873
+ .is-pastel-blue {
1874
+ color: #5db0d7;
1875
+ }
1876
+
1877
+ .bg-pastel-blue {
1878
+ background-color: #5db0d7;
1879
+ }
1880
+
1881
+ .is-pastel-yellow {
1882
+ color: #f9da9b;
1883
+ }
1884
+
1885
+ .bg-pastel-yellow {
1886
+ background-color: #f9da9b;
1887
+ }
1888
+
1889
+ .is-pastel-red {
1890
+ color: #db8c62;
1891
+ }
1892
+
1893
+ .bg-pastel-red {
1894
+ background-color: #db8c62;
1895
+ }
1896
+
1897
+ .is-pastel-green {
1898
+ color: #42b983;
1899
+ }
1900
+
1901
+ .bg-pastel-green {
1902
+ background-color: #42b983;
1903
+ }
1904
+
1905
+ .is-pastel-purple {
1906
+ color: #9a7fd5;
1907
+ }
1908
+
1909
+ .bg-pastel-purple {
1910
+ background-color: #9a7fd5;
1911
+ }
1912
+
1913
+ .is-pastel-verde {
1914
+ color: #40d4c7;
1915
+ }
1916
+
1917
+ .bg-pastel-verde {
1918
+ background-color: #40d4c7;
1919
+ }
1920
+
1921
+ .is-pastel-kaki {
1922
+ color: #b9c580;
1923
+ }
1924
+
1925
+ .bg-pastel-kaki {
1926
+ background-color: #b9c580;
1927
+ }
1928
+
1929
+ .is-pastel-gold {
1930
+ color: #c7b654;
1931
+ }
1932
+
1933
+ .bg-pastel-gold {
1934
+ background-color: #c7b654;
1935
+ }
1936
+
1937
+ .is-chrome-red {
1938
+ color: #ff8080;
1939
+ }
1940
+
1941
+ .bg-chrome-red {
1942
+ background-color: #ff8080;
1943
+ }
1944
+
1945
+ .is-chrome-yellow {
1946
+ color: #ffdd9e;
1947
+ }
1948
+
1949
+ .bg-chrome-yellow {
1950
+ background-color: #ffdd9e;
1951
+ }
1952
+
1953
+ .is-chrome-black {
1954
+ color: #242424;
1955
+ }
1956
+
1957
+ .bg-chrome-black {
1958
+ background-color: #242424;
1959
+ }
1960
+
1961
+ .is-chrome-grey {
1962
+ color: #333333;
1963
+ }
1964
+
1965
+ .bg-chrome-grey {
1966
+ background-color: #333333;
1967
+ }
1968
+
1969
+ .is-chrome-light {
1970
+ color: #525252;
1971
+ }
1972
+
1973
+ .bg-chrome-light {
1974
+ background-color: #525252;
1975
+ }
1976
+
1977
+ .is-chrome-white {
1978
+ color: #e6e6e6;
1979
+ }
1980
+
1981
+ .bg-chrome-white {
1982
+ background-color: #e6e6e6;
1983
+ }
1984
+
1985
+ .is-airbnb {
1986
+ color: #ff385c;
1987
+ }
1988
+
1989
+ .bg-airbnb {
1990
+ background-color: #ff385c;
1991
+ }
1992
+
1993
+ .is-amazon {
1994
+ color: #ff9900;
1995
+ }
1996
+
1997
+ .bg-amazon {
1998
+ background-color: #ff9900;
1999
+ }
2000
+
2001
+ .is-twitch {
2002
+ color: #9147ff;
2003
+ }
2004
+
2005
+ .bg-twitch {
2006
+ background-color: #9147ff;
2007
+ }
2008
+
2009
+ .is-youtube {
2010
+ color: #ff0000;
2011
+ }
2012
+
2013
+ .bg-youtube {
2014
+ background-color: #ff0000;
2015
+ }
2016
+
2017
+ .is-twitter {
2018
+ color: #1da1f2;
2019
+ }
2020
+
2021
+ .bg-twitter {
2022
+ background-color: #1da1f2;
2023
+ }
2024
+
2025
+ .is-facebook {
2026
+ color: #365899;
2027
+ }
2028
+
2029
+ .bg-facebook {
2030
+ background-color: #365899;
2031
+ }
2032
+
2033
+ .is-instagram {
2034
+ color: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
2035
+ }
2036
+
2037
+ .bg-instagram {
2038
+ background-color: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
2039
+ }
2040
+
2041
+ /* -------------------------------------------------
2042
+
2043
+ NEGATES
2044
+
2045
+ ------------------------------------------------- */
2046
+ .no-events {
2047
+ pointer-events: none;
2048
+ }
2049
+
2050
+ .no-no-events {
2051
+ pointer-events: none !important;
2052
+ }
2053
+
2054
+ .no-flex-grow {
2055
+ flex: 0 1;
2056
+ }
2057
+
2058
+ .no-no-flex-grow {
2059
+ flex: 0 1 !important;
2060
+ }
2061
+
2062
+ .no-flex-shrink {
2063
+ flex: 1 0;
2064
+ }
2065
+
2066
+ .no-no-flex-shrink {
2067
+ flex: 1 0 !important;
2068
+ }
2069
+
2070
+ .no-float {
2071
+ float: none;
2072
+ }
2073
+
2074
+ .no-no-float {
2075
+ float: none !important;
2076
+ }
2077
+
2078
+ .no-flex {
2079
+ flex: none;
2080
+ }
2081
+
2082
+ .no-no-flex {
2083
+ flex: none !important;
2084
+ }
2085
+
2086
+ .no-margin {
2087
+ margin: 0;
2088
+ }
2089
+
2090
+ .no-no-margin {
2091
+ margin: 0 !important;
2092
+ }
2093
+
2094
+ .no-padding {
2095
+ padding: 0;
2096
+ }
2097
+
2098
+ .no-no-padding {
2099
+ padding: 0 !important;
2100
+ }
2101
+
2102
+ .no-border {
2103
+ border: 0;
2104
+ }
2105
+
2106
+ .no-no-border {
2107
+ border: 0 !important;
2108
+ }
2109
+
2110
+ .no-radius {
2111
+ border-radius: 0;
2112
+ }
2113
+
2114
+ .no-no-radius {
2115
+ border-radius: 0 !important;
2116
+ }
2117
+
2118
+ .no-background {
2119
+ background-color: transparent;
2120
+ }
2121
+
2122
+ .no-no-background {
2123
+ background: none !important;
2124
+ }
2125
+
2126
+ .no-outline {
2127
+ outline: none;
2128
+ }
2129
+
2130
+ .no-no-outline {
2131
+ outline: none !important;
2132
+ }
2133
+
2134
+ .no-pointer {
2135
+ cursor: default;
2136
+ }
2137
+
2138
+ .no-no-pointer {
2139
+ cursor: default !important;
2140
+ }
2141
+
2142
+ .no-select {
2143
+ user-select: none;
2144
+ }
2145
+
2146
+ .no-no-select {
2147
+ user-select: none !important;
2148
+ }
2149
+
2150
+ .no-underline,
2151
+ a.no-underline,
2152
+ a.no-underline:hover,
2153
+ a.no-underline:active,
2154
+ a.no-underline:visited {
2155
+ text-decoration: none;
2156
+ }
2157
+
2158
+ .no-no-underline,
2159
+ a.no-no-underline,
2160
+ a.no-no-underline:hover,
2161
+ a.no-no-underline:active,
2162
+ a.no-no-underline:visited {
2163
+ text-decoration: none !important;
2164
+ }
2165
+
2166
+ .no-scroll,
2167
+ .no-overflow {
2168
+ overflow: hidden;
2169
+ }
2170
+
2171
+ .no-no-overflow,
2172
+ .no-no-scroll {
2173
+ overflow: hidden !important;
2174
+ }
2175
+
2176
+ .no-scroll-x {
2177
+ overflow-x: hidden;
2178
+ }
2179
+
2180
+ .no-no-scroll-x {
2181
+ overflow-x: hidden !important;
2182
+ }
2183
+
2184
+ .no-scroll-y {
2185
+ overflow-y: hidden;
2186
+ }
2187
+
2188
+ .no-no-scroll-y {
2189
+ overflow-y: hidden !important;
2190
+ }
2191
+
2192
+ .nowrap,
2193
+ .no-wrap,
2194
+ .text-overflow,
2195
+ .text-ellipsis {
2196
+ white-space: nowrap;
2197
+ }
2198
+
2199
+ .no-nowrap,
2200
+ .no-no-wrap {
2201
+ white-space: nowrap !important;
2202
+ }
2203
+
2204
+ .no-margin-padding {
2205
+ margin: 0;
2206
+ padding: 0;
2207
+ }
2208
+
2209
+ .is-circle {
2210
+ border-radius: 50%;
2211
+ }
2212
+
2213
+ .v-align-top {
2214
+ vertical-align: top;
2215
+ }
2216
+
2217
+ .v-align-middle {
2218
+ vertical-align: middle;
2219
+ }
2220
+
2221
+ .v-align-bottom {
2222
+ vertical-align: bottom;
2223
+ }
2224
+
2225
+ /* --------------------------------------------
2226
+
2227
+ TYPES
2228
+
2229
+ -------------------------------------------- */
2230
+ .is-flex {
2231
+ display: flex;
2232
+ }
2233
+
2234
+ .is-block {
2235
+ display: block;
2236
+ }
2237
+
2238
+ .is-inline {
2239
+ display: inline;
2240
+ }
2241
+
2242
+ .is-inflex,
2243
+ .is-inline-flex {
2244
+ display: inline-flex;
2245
+ }
2246
+
2247
+ .is-inblock,
2248
+ .is-inline-block {
2249
+ display: inline-block;
2250
+ }
2251
+
2252
+ /* --------------------------------------------
2253
+
2254
+ POSITIONING
2255
+
2256
+ -------------------------------------------- */
2257
+ .is-relative, .is-scrollbox-wrapper {
2258
+ position: relative;
2259
+ }
2260
+
2261
+ .is-absolute, .is-scrollbox, .is-scrollbox-x, .is-scrollbox-y, .is-overlay {
2262
+ position: absolute;
2263
+ }
2264
+
2265
+ .is-fixed, .is-popin,
2266
+ .is-popup,
2267
+ .is-fixed-overlay {
2268
+ position: fixed;
2269
+ }
2270
+
2271
+ .is-sticky {
2272
+ position: sticky;
2273
+ }
2274
+
2275
+ /* --------------------------------------------
2276
+
2277
+ ABSOLUTE PLACEMENTS
2278
+
2279
+ -------------------------------------------- */
2280
+ .is-zero-abs, .is-overlay, .is-popin,
2281
+ .is-popup,
2282
+ .is-fixed-overlay,
2283
+ .is-trbl {
2284
+ bottom: 0;
2285
+ left: 0;
2286
+ right: 0;
2287
+ top: 0;
2288
+ }
2289
+
2290
+ .is-top-left-abs,
2291
+ .is-top-left {
2292
+ left: 0;
2293
+ top: 0;
2294
+ }
2295
+
2296
+ .is-top-right-abs,
2297
+ .is-top-right {
2298
+ right: 0;
2299
+ top: 0;
2300
+ }
2301
+
2302
+ .is-bottom-right-abs,
2303
+ .is-bottom-right {
2304
+ bottom: 0;
2305
+ right: 0;
2306
+ }
2307
+
2308
+ .is-bottom-left-abs,
2309
+ .is-bottom-left {
2310
+ bottom: 0;
2311
+ left: 0;
2312
+ }
2313
+
2314
+ .is-top-to-bottom-abs,
2315
+ .is-top-to-bottom,
2316
+ .is-popin,
2317
+ .is-popup,
2318
+ .is-fixed-overlay {
2319
+ bottom: 0;
2320
+ top: 0;
2321
+ }
2322
+
2323
+ .is-left-to-right-abs,
2324
+ .is-left-to-right {
2325
+ left: 0;
2326
+ right: 0;
2327
+ }
2328
+
2329
+ /* --------------------------------------------
2330
+
2331
+ SIZES
2332
+
2333
+ -------------------------------------------- */
2334
+ .is-full-width, .is-full-layout, .is-scrollbox, .is-scrollbox-x, .is-scrollbox-y {
2335
+ max-width: 100%;
2336
+ min-width: 100%;
2337
+ width: 100%;
2338
+ }
2339
+
2340
+ .is-full-height, .is-full-layout, .is-scrollbox, .is-scrollbox-x, .is-scrollbox-y {
2341
+ height: 100%;
2342
+ max-height: 100%;
2343
+ min-height: 100%;
2344
+ }
2345
+
2346
+ .is-hidden, .hide::after, .hide::before, .hide {
2347
+ display: none;
2348
+ visibility: hidden;
2349
+ }
2350
+
2351
+ .is-visible {
2352
+ display: inherit;
2353
+ visibility: inherit;
2354
+ }
2355
+
2356
+ .hide {
2357
+ font-size: 0;
2358
+ height: 0;
2359
+ line-height: 0;
2360
+ max-height: 0;
2361
+ max-width: 0;
2362
+ min-height: 0;
2363
+ min-width: 0;
2364
+ width: 0;
2365
+ }
2366
+ .hide::before {
2367
+ content: none;
2368
+ }
2369
+ .hide::after {
2370
+ content: none;
2371
+ }
2372
+
2373
+ .flex-0 {
2374
+ flex: 0;
2375
+ }
2376
+
2377
+ .flex-1, .rows .row-0,
2378
+ .rows .row-1of5,
2379
+ .rows .row-1of4,
2380
+ .rows .row-1of3,
2381
+ .rows .row-2of5,
2382
+ .rows .row-1of2,
2383
+ .rows .row-2of4, .rows .row-60,
2384
+ .rows .row-3of5,
2385
+ .rows .row-2of3,
2386
+ .rows .row-3of4,
2387
+ .rows .row-4of5, .rows .row-100,
2388
+ .rows .row-80,
2389
+ .rows .row-75,
2390
+ .rows .row-66,
2391
+ .rows .row-50,
2392
+ .rows .row-40,
2393
+ .rows .row-33,
2394
+ .rows .row-25,
2395
+ .rows .row-20,
2396
+ .rows .row-1of1,
2397
+ .rows .row-2of2,
2398
+ .rows .row-3of3,
2399
+ .rows .row-4of4,
2400
+ .rows .row-5of5, .columns .col-0,
2401
+ .columns .col-1of5,
2402
+ .columns .col-1of4,
2403
+ .columns .col-1of3,
2404
+ .columns .col-2of5,
2405
+ .columns .col-1of2,
2406
+ .columns .col-2of4, .columns .col-60,
2407
+ .columns .col-3of5,
2408
+ .columns .col-2of3,
2409
+ .columns .col-3of4,
2410
+ .columns .col-4of5, .columns .col-100,
2411
+ .columns .col-80,
2412
+ .columns .col-75,
2413
+ .columns .col-66,
2414
+ .columns .col-50,
2415
+ .columns .col-40,
2416
+ .columns .col-33,
2417
+ .columns .col-25,
2418
+ .columns .col-20,
2419
+ .columns .col-1of1,
2420
+ .columns .col-2of2,
2421
+ .columns .col-3of3,
2422
+ .columns .col-4of4,
2423
+ .columns .col-5of5 {
2424
+ flex: 1;
2425
+ }
2426
+
2427
+ .flex-2 {
2428
+ flex: 2;
2429
+ }
2430
+
2431
+ .flex-3 {
2432
+ flex: 3;
2433
+ }
2434
+
2435
+ .flex-4 {
2436
+ flex: 4;
2437
+ }
2438
+
2439
+ .flex-5 {
2440
+ flex: 5;
2441
+ }
2442
+
2443
+ .flex-6 {
2444
+ flex: 6;
2445
+ }
2446
+
2447
+ .flex-7 {
2448
+ flex: 7;
2449
+ }
2450
+
2451
+ .flex-8 {
2452
+ flex: 8;
2453
+ }
2454
+
2455
+ .flex-columns, .columns {
2456
+ display: flex;
2457
+ flex: 1;
2458
+ flex-direction: row;
2459
+ }
2460
+
2461
+ .flex-rows, .rows {
2462
+ display: flex;
2463
+ flex: 1;
2464
+ flex-direction: column;
2465
+ }
2466
+
2467
+ .flex-wrap {
2468
+ flex-wrap: wrap;
2469
+ }
2470
+
2471
+ .flex-wrap-inverse {
2472
+ flex-wrap: wrap-reverse;
2473
+ }
2474
+
2475
+ .flex-wrapper, .wrap-1,
2476
+ .wrap-2,
2477
+ .wrap-3,
2478
+ .wrap-4,
2479
+ .wrap-5 {
2480
+ display: flex;
2481
+ flex: 1;
2482
+ flex-direction: row;
2483
+ flex-wrap: wrap;
2484
+ justify-content: space-between;
2485
+ }
2486
+
2487
+ /* -----------------------------------------------------
2488
+
2489
+ Flexbox Layouts (Distribution)
2490
+
2491
+ ----------------------------------------------------- */
2492
+ .flex-start {
2493
+ justify-content: start;
2494
+ }
2495
+
2496
+ .flex-center {
2497
+ justify-content: center;
2498
+ }
2499
+
2500
+ .flex-end {
2501
+ justify-content: flex-end;
2502
+ }
2503
+
2504
+ .flex-between {
2505
+ justify-content: space-between;
2506
+ }
2507
+
2508
+ .flex-around {
2509
+ justify-content: space-around;
2510
+ }
2511
+
2512
+ .flex-evenly {
2513
+ justify-content: space-evenly;
2514
+ }
2515
+
2516
+ .flex-justify > * {
2517
+ flex-basis: auto;
2518
+ flex-grow: 1;
2519
+ flex-shrink: 1;
2520
+ }
2521
+
2522
+ .flex-stretch {
2523
+ justify-content: stretch;
2524
+ }
2525
+
2526
+ /* -----------------------------------------------------
2527
+
2528
+ Items Spacers
2529
+
2530
+ ----------------------------------------------------- */
2531
+ .items-start {
2532
+ align-items: flex-start;
2533
+ }
2534
+
2535
+ .items-center {
2536
+ align-items: center;
2537
+ }
2538
+
2539
+ .items-end {
2540
+ align-items: flex-end;
2541
+ }
2542
+
2543
+ .clearfix {
2544
+ *zoom: 1;
2545
+ }
2546
+ .clearfix::after, .clearfix::before {
2547
+ content: ".";
2548
+ display: block;
2549
+ font-size: 0;
2550
+ height: 0;
2551
+ line-height: 0;
2552
+ overflow: hidden;
2553
+ visibility: hidden;
2554
+ width: 0;
2555
+ }
2556
+ .clearfix::after {
2557
+ clear: both;
2558
+ }
2559
+
2560
+ .clear {
2561
+ clear: both;
2562
+ }
2563
+
2564
+ .clear-right {
2565
+ clear: right;
2566
+ }
2567
+
2568
+ .clear-left {
2569
+ clear: left;
2570
+ }
2571
+
2572
+ .float-left {
2573
+ float: left;
2574
+ }
2575
+
2576
+ .float-right {
2577
+ float: right;
2578
+ }
2579
+
2580
+ .scroll-x {
2581
+ overflow-x: scroll;
2582
+ overflow-y: hidden;
2583
+ }
2584
+
2585
+ .scroll-y {
2586
+ overflow-x: hidden;
2587
+ overflow-y: scroll;
2588
+ }
2589
+
2590
+ .scroll-x-auto {
2591
+ overflow-x: auto;
2592
+ overflow-y: hidden;
2593
+ }
2594
+
2595
+ .scroll-y-auto {
2596
+ overflow-x: hidden;
2597
+ overflow-y: auto;
2598
+ }
2599
+
2600
+ /* ----------------------------------------
2601
+
2602
+ SCROLLBOX
2603
+
2604
+ ---------------------------------------- */
2605
+ .is-scrollbox, .is-scrollbox-x, .is-scrollbox-y {
2606
+ overflow-x: auto;
2607
+ overflow-y: auto;
2608
+ }
2609
+
2610
+ .is-scrollbox-y {
2611
+ height: auto;
2612
+ overflow-x: hidden;
2613
+ overflow-y: auto;
2614
+ }
2615
+
2616
+ .is-scrollbox-x {
2617
+ height: auto;
2618
+ overflow-x: auto;
2619
+ overflow-y: hidden;
2620
+ }
2621
+
2622
+ /* ----------------------------
2623
+
2624
+ Alignments
2625
+
2626
+ ---------------------------- */
2627
+ .text-left {
2628
+ text-align: left;
2629
+ }
2630
+
2631
+ .text-right {
2632
+ text-align: right;
2633
+ }
2634
+
2635
+ .text-center {
2636
+ text-align: center;
2637
+ }
2638
+
2639
+ .text-justify {
2640
+ text-align: justify;
2641
+ }
2642
+
2643
+ .text-overflow,
2644
+ .text-ellipsis {
2645
+ text-overflow: ellipsis;
2646
+ }
2647
+
2648
+ /* ----------------------------
2649
+
2650
+ Font Weight
2651
+
2652
+ ---------------------------- */
2653
+ .is-thin {
2654
+ font-weight: 100;
2655
+ }
2656
+
2657
+ .is-light {
2658
+ font-weight: 300;
2659
+ }
2660
+
2661
+ .is-normal,
2662
+ .is-regular {
2663
+ font-weight: 400;
2664
+ }
2665
+
2666
+ .is-medium {
2667
+ font-weight: 500;
2668
+ }
2669
+
2670
+ .is-semi-bold {
2671
+ font-weight: 600;
2672
+ }
2673
+
2674
+ .is-bold {
2675
+ font-weight: 700;
2676
+ }
2677
+
2678
+ .is-black,
2679
+ .is-extra-bold {
2680
+ font-weight: 900;
2681
+ }
2682
+
2683
+ /* ----------------------------
2684
+
2685
+ Font Style
2686
+
2687
+ ---------------------------- */
2688
+ .is-italic {
2689
+ font-style: italic;
2690
+ }
2691
+
2692
+ .is-lowercase {
2693
+ text-transform: lowercase;
2694
+ }
2695
+
2696
+ .is-uppercase {
2697
+ text-transform: uppercase;
2698
+ }
2699
+
2700
+ .is-capitalize {
2701
+ text-transform: capitalize;
2702
+ }
2703
+
2704
+ .is-underline {
2705
+ text-decoration: underline;
2706
+ }
2707
+
2708
+ .is-stroked {
2709
+ text-decoration: line-through;
2710
+ }
2711
+
2712
+ .is-small-caps {
2713
+ font-variant: small-caps;
2714
+ }
2715
+
2716
+ .force-line-break {
2717
+ white-space: normal;
2718
+ }
2719
+
2720
+ .margin-auto {
2721
+ margin: 0 auto;
2722
+ }
2723
+
2724
+ .margin-x-auto {
2725
+ margin-left: auto;
2726
+ margin-right: auto;
2727
+ }
2728
+
2729
+ .margin-y-auto {
2730
+ margin-left: auto;
2731
+ margin-right: auto;
2732
+ }
2733
+
2734
+ .use-hand,
2735
+ .use-pointer {
2736
+ cursor: pointer;
2737
+ cursor: default;
2738
+ }
2739
+
2740
+ .use-cursor {
2741
+ cursor: default;
2742
+ cursor: none;
2743
+ }
2744
+
2745
+ .use-move {
2746
+ cursor: move;
2747
+ cursor: default;
2748
+ }
2749
+
2750
+ .use-disabled {
2751
+ cursor: not-allowed;
2752
+ cursor: default;
2753
+ }
2754
+
2755
+ ::-webkit-search-decoration {
2756
+ display: none;
2757
+ }
2758
+
2759
+ ::-webkit-file-upload-button {
2760
+ background: none;
2761
+ border: 0;
2762
+ padding: 0;
2763
+ }
2764
+
2765
+ ::placeholder {
2766
+ font-style: italic;
2767
+ }
2768
+
2769
+ :disabled {
2770
+ cursor: default;
2771
+ }
2772
+
2773
+ .no-click,
2774
+ .not-allowed {
2775
+ cursor: not-allowed;
2776
+ }
2777
+
2778
+ input,
2779
+ label,
2780
+ select,
2781
+ button,
2782
+ textarea {
2783
+ background: none;
2784
+ border: 0;
2785
+ display: inline-block;
2786
+ line-height: 1;
2787
+ margin: 0;
2788
+ padding: 0;
2789
+ vertical-align: middle;
2790
+ white-space: normal;
2791
+ }
2792
+
2793
+ input,
2794
+ select,
2795
+ textarea {
2796
+ box-sizing: border-box;
2797
+ }
2798
+
2799
+ input[type=radio],
2800
+ input[type=checkbox] {
2801
+ cursor: pointer;
2802
+ height: 1.1rem;
2803
+ width: 1.1rem;
2804
+ }
2805
+
2806
+ input[type=search] {
2807
+ -webkit-appearance: textfield;
2808
+ -webkit-box-sizing: content-box;
2809
+ }
2810
+
2811
+ button,
2812
+ input[type=reset],
2813
+ input[type=button],
2814
+ input[type=submit] {
2815
+ overflow: visible;
2816
+ width: auto;
2817
+ }
2818
+
2819
+ textarea {
2820
+ line-height: 1.2em;
2821
+ min-height: 2.4rem;
2822
+ overflow: auto;
2823
+ resize: vertical;
2824
+ vertical-align: top;
2825
+ }
2826
+
2827
+ select[multiple] {
2828
+ vertical-align: top;
2829
+ }
2830
+
2831
+ fieldset {
2832
+ border: 0;
2833
+ display: block;
2834
+ margin: 0;
2835
+ padding: 0;
2836
+ width: 100%;
2837
+ }
2838
+
2839
+ h1 {
2840
+ font-size: 2.8rem;
2841
+ line-height: 1.1;
2842
+ }
2843
+
2844
+ h2 {
2845
+ font-size: 2.2rem;
2846
+ line-height: 1.1;
2847
+ }
2848
+
2849
+ h3 {
2850
+ font-size: 1.6rem;
2851
+ line-height: 1.1;
2852
+ }
2853
+
2854
+ h4 {
2855
+ font-size: 1.4rem;
2856
+ line-height: 1.1;
2857
+ }
2858
+
2859
+ h5 {
2860
+ font-size: 1.2rem;
2861
+ line-height: 1.1;
2862
+ }
2863
+
2864
+ h6 {
2865
+ font-size: 1.1rem;
2866
+ line-height: 1.1;
2867
+ }
2868
+
2869
+ table {
2870
+ font-size: 12px;
2871
+ font-size: 0.75rem;
2872
+ border-collapse: collapse;
2873
+ border-spacing: 0;
2874
+ max-width: 100%;
2875
+ min-width: 100%;
2876
+ overflow: scroll;
2877
+ text-align: left;
2878
+ width: 100%;
2879
+ }
2880
+
2881
+ table th {
2882
+ font-weight: bold;
2883
+ }
2884
+
2885
+ table th,
2886
+ table td {
2887
+ padding: 12px 15px;
2888
+ padding: 0.75rem 0.9375rem;
2889
+ display: table-cell;
2890
+ overflow: hidden;
2891
+ text-overflow: ellipsis;
2892
+ white-space: nowrap;
2893
+ }
2894
+
2895
+ table th:last-child,
2896
+ table td:last-child {
2897
+ border-right: 0;
2898
+ }
2899
+
2900
+ table caption {
2901
+ caption-side: top;
2902
+ }
2903
+
2904
+ a:link, a:visited, a:active {
2905
+ text-decoration: none;
2906
+ }
2907
+ a:hover {
2908
+ text-decoration: underline;
2909
+ }
2910
+
2911
+ .columns .col-100,
2912
+ .columns .col-80,
2913
+ .columns .col-75,
2914
+ .columns .col-66,
2915
+ .columns .col-50,
2916
+ .columns .col-40,
2917
+ .columns .col-33,
2918
+ .columns .col-25,
2919
+ .columns .col-20,
2920
+ .columns .col-1of1,
2921
+ .columns .col-2of2,
2922
+ .columns .col-3of3,
2923
+ .columns .col-4of4,
2924
+ .columns .col-5of5 {
2925
+ max-width: 100%;
2926
+ min-width: 100%;
2927
+ width: 100%;
2928
+ }
2929
+
2930
+ .columns .col-80,
2931
+ .columns .col-4of5 {
2932
+ max-width: 78.5%;
2933
+ min-width: 78.5%;
2934
+ width: 78.5%;
2935
+ }
2936
+
2937
+ .columns .col-75,
2938
+ .columns .col-3of4 {
2939
+ max-width: 73.5%;
2940
+ min-width: 73.5%;
2941
+ width: 73.5%;
2942
+ }
2943
+
2944
+ .columns .col-66,
2945
+ .columns .col-2of3 {
2946
+ max-width: 65.5%;
2947
+ min-width: 65.5%;
2948
+ width: 65.5%;
2949
+ }
2950
+
2951
+ .columns .col-60,
2952
+ .columns .col-3of5 {
2953
+ max-width: 59.5%;
2954
+ min-width: 59.5%;
2955
+ width: 59.5%;
2956
+ }
2957
+
2958
+ .columns .col-50,
2959
+ .columns .col-1of2,
2960
+ .columns .col-2of4 {
2961
+ max-width: 47.5%;
2962
+ min-width: 47.5%;
2963
+ width: 47.5%;
2964
+ }
2965
+
2966
+ .columns .col-40,
2967
+ .columns .col-2of5 {
2968
+ max-width: 38%;
2969
+ min-width: 38%;
2970
+ width: 38%;
2971
+ }
2972
+
2973
+ .columns .col-33,
2974
+ .columns .col-1of3 {
2975
+ max-width: 31%;
2976
+ min-width: 31%;
2977
+ width: 31%;
2978
+ }
2979
+
2980
+ .columns .col-25,
2981
+ .columns .col-1of4 {
2982
+ max-width: 23%;
2983
+ min-width: 23%;
2984
+ width: 23%;
2985
+ }
2986
+
2987
+ .columns .col-20,
2988
+ .columns .col-1of5 {
2989
+ max-width: 18%;
2990
+ min-width: 18%;
2991
+ width: 18%;
2992
+ }
2993
+
2994
+ .columns .col-0 {
2995
+ max-width: 0%;
2996
+ min-width: 0%;
2997
+ width: 0%;
2998
+ }
2999
+
3000
+ .rows .row-100,
3001
+ .rows .row-80,
3002
+ .rows .row-75,
3003
+ .rows .row-66,
3004
+ .rows .row-50,
3005
+ .rows .row-40,
3006
+ .rows .row-33,
3007
+ .rows .row-25,
3008
+ .rows .row-20,
3009
+ .rows .row-1of1,
3010
+ .rows .row-2of2,
3011
+ .rows .row-3of3,
3012
+ .rows .row-4of4,
3013
+ .rows .row-5of5 {
3014
+ height: 100%;
3015
+ max-height: 100%;
3016
+ min-height: 100%;
3017
+ }
3018
+
3019
+ .rows .row-80,
3020
+ .rows .row-4of5 {
3021
+ height: 78.5%;
3022
+ max-height: 78.5%;
3023
+ min-height: 78.5%;
3024
+ }
3025
+
3026
+ .rows .row-75,
3027
+ .rows .row-3of4 {
3028
+ height: 73.5%;
3029
+ max-height: 73.5%;
3030
+ min-height: 73.5%;
3031
+ }
3032
+
3033
+ .rows .row-66,
3034
+ .rows .row-2of3 {
3035
+ height: 65.5%;
3036
+ max-height: 65.5%;
3037
+ min-height: 65.5%;
3038
+ }
3039
+
3040
+ .rows .row-60,
3041
+ .rows .row-3of5 {
3042
+ height: 59.5%;
3043
+ max-height: 59.5%;
3044
+ min-height: 59.5%;
3045
+ }
3046
+
3047
+ .rows .row-50,
3048
+ .rows .row-1of2,
3049
+ .rows .row-2of4 {
3050
+ height: 47.5%;
3051
+ max-height: 47.5%;
3052
+ min-height: 47.5%;
3053
+ }
3054
+
3055
+ .rows .row-40,
3056
+ .rows .row-2of5 {
3057
+ height: 38%;
3058
+ max-height: 38%;
3059
+ min-height: 38%;
3060
+ }
3061
+
3062
+ .rows .row-33,
3063
+ .rows .row-1of3 {
3064
+ height: 31%;
3065
+ max-height: 31%;
3066
+ min-height: 31%;
3067
+ }
3068
+
3069
+ .rows .row-25,
3070
+ .rows .row-1of4 {
3071
+ height: 23%;
3072
+ max-height: 23%;
3073
+ min-height: 23%;
3074
+ }
3075
+
3076
+ .rows .row-20,
3077
+ .rows .row-1of5 {
3078
+ height: 18%;
3079
+ max-height: 18%;
3080
+ min-height: 18%;
3081
+ }
3082
+
3083
+ .rows .row-0 {
3084
+ height: 0%;
3085
+ max-height: 0%;
3086
+ min-height: 0%;
3087
+ }
3088
+
3089
+ .wrap-1 > *,
3090
+ .wrap-2 > *,
3091
+ .wrap-3 > *,
3092
+ .wrap-4 > *,
3093
+ .wrap-5 > * {
3094
+ margin-bottom: 12px;
3095
+ margin-bottom: 0.75rem;
3096
+ flex: 0 0 auto;
3097
+ }
3098
+
3099
+ .wrap-1 > * {
3100
+ width: 100%;
3101
+ }
3102
+
3103
+ .wrap-2 > * {
3104
+ width: 50%;
3105
+ }
3106
+
3107
+ .wrap-3 > * {
3108
+ width: 33.333333%;
3109
+ }
3110
+
3111
+ .wrap-4 > * {
3112
+ width: 25%;
3113
+ }
3114
+
3115
+ .wrap-5 > * {
3116
+ width: 12.5%;
3117
+ }
3118
+
3119
+ .square-grid {
3120
+ display: flex;
3121
+ flex-direction: row;
3122
+ flex-wrap: wrap;
3123
+ justify-content: flex-start;
3124
+ }
3125
+
3126
+ .square-grid-2 {
3127
+ margin: 0 1% 1% 0;
3128
+ max-width: 49%;
3129
+ min-width: 49%;
3130
+ width: 49%;
3131
+ }
3132
+
3133
+ .square-grid-3 > * {
3134
+ margin: 0 1% 1% 0;
3135
+ max-width: 32%;
3136
+ min-width: 32%;
3137
+ width: 32%;
3138
+ }
3139
+
3140
+ .square-grid-4 > * {
3141
+ margin: 0 1% 1% 0;
3142
+ max-width: 24%;
3143
+ min-width: 24%;
3144
+ width: 24%;
3145
+ }
3146
+
3147
+ .square-grid-5 > * {
3148
+ margin: 0 1% 1% 0;
3149
+ max-width: 19%;
3150
+ min-width: 19%;
3151
+ width: 19%;
3152
+ }
3153
+
3154
+ /*# sourceMappingURL=styles.css.map */