@nappr/nappr-styles 0.3.0 → 0.3.2

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