@nappr/nappr-styles 0.2.27 → 0.3.1

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