@betarena/ad-engine 0.4.0 → 1.0.0

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/src/style/app.css DELETED
@@ -1,3024 +0,0 @@
1
- @charset "UTF-8";
2
- /*
3
- ◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
4
- This is the main (global) css file used throughout the project - that ◼️
5
- sets out the general desing language, such as: margins/paddings/colors that ◼️
6
- are generally used throughout the project in a consistant and repetetive manner. ◼️
7
- ◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
8
- > Version | 0.5 ◼️
9
- ◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
10
- */
11
- /* #region ➤ [MAIN] [ROOT] Layout */
12
- /*
13
- ### NOTE:
14
- ### Betarena Scores 'root:' values.
15
- ### SEE:
16
- ### https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties
17
- */
18
- :root {
19
- /*
20
- ╭──────────────────────────────────────────────────────────────────╮
21
- │ 📌 DIMENSIONS │
22
- ╰──────────────────────────────────────────────────────────────────╯
23
- */
24
- --app-height: 100%;
25
- /*
26
- ╭──────────────────────────────────────────────────────────────────╮
27
- │ 📌 COLORS │
28
- ╰──────────────────────────────────────────────────────────────────╯
29
- */
30
- --white: #ffffff;
31
- --whitev2: #f2f2f2;
32
- --white-3: #F7F7F7;
33
- --white-4: #D9D9D9;
34
- --primary: #f5620f;
35
- --primary-fade: #f77c42;
36
- --primary-fade-2: #D25E27;
37
- --secondary: #37474f;
38
- --blue: #0085ff;
39
- --red: #c62828;
40
- --red-bright: #ff3c3c;
41
- --red-bright-v2: #FF5F5F;
42
- --red-error: #ff0000;
43
- --green-success: #009406;
44
- --green-color: #59C65D;
45
- --green-1: #4DA025;
46
- --theme-color: #e3e3e3;
47
- --grey-color: #e6e6e6;
48
- --grey-shade: #cccccc;
49
- --grey-shade-2: #a8a8a8;
50
- --grey-shade-3: #C1C1C1;
51
- --grey-shade-4: #7E7E7E;
52
- --yellow-gold: #FFB904;
53
- --black: #000000;
54
- --dark: #121212;
55
- --grey: #8c8c8c;
56
- --background-surface: #121212;
57
- --dark-theme: #292929;
58
- --dark-theme-1: #4b4b4b;
59
- --dark-theme-1-shade: #616161;
60
- --dark-theme-1-2-shade: #737373;
61
- --dark-theme-1-3-shade: #999999;
62
- --dark-theme-1-4-shade: #383838;
63
- --dark-theme-1-7-shade: #313131;
64
- --dark-theme-1-5-shade: #161616;
65
- --dark-theme-1-6-shade: #4D4D4D;
66
- --dark-theme-1-5-shade-o-0-2: rgba(22, 22, 22, 0.2);
67
- --dark-theme-1-5-shade-o-0-5: rgba(75, 75, 75, 0.5);
68
- /*
69
- ╭──────────────────────────────────────────────────────────────────╮
70
- │ 📌 COMMON BREAKPOINTS │
71
- ╰──────────────────────────────────────────────────────────────────╯
72
- */
73
- --mobile: 375;
74
- --tablet: 767;
75
- --desktop: 1440;
76
- /*
77
- ╭──────────────────────────────────────────────────────────────────╮
78
- │ 📌 MISC. │
79
- ╰──────────────────────────────────────────────────────────────────╯
80
- */
81
- --oragne-pale-bg: rgba(247, 124, 66, 0.2);
82
- --header-is-mobile: false;
83
- }
84
-
85
- /* #endregion ➤ [MAIN] [ROOT] Layout */
86
- /* #region ➤ [MAIN] Website Layout */
87
- * {
88
- box-sizing: border-box;
89
- }
90
-
91
- a {
92
- text-decoration: none !important;
93
- color: inherit;
94
- display: flex;
95
- }
96
- a.disable-anchor {
97
- pointer-events: none;
98
- }
99
-
100
- p {
101
- /* 🎨 style */
102
- font-style: normal;
103
- font-weight: 400;
104
- font-family: Roboto;
105
- line-height: 150%;
106
- margin: 0;
107
- color: var(--dark-theme);
108
- }
109
-
110
- /*
111
- ### NOTE:
112
- ### zoom-out-mobiles-input-form
113
- ### SEE:
114
- ### https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone
115
- */
116
- @supports (-webkit-overflow-scrolling: touch) {
117
- form input:active,
118
- input:active {
119
- font-size: 16px !important;
120
- }
121
- }
122
- /* #endregion ➤ [MAIN] Website Layout */
123
- /* #region ➤ [MAIN] [MARGINS] Website Layout */
124
- .m-0 {
125
- margin: 0;
126
- }
127
-
128
- .m-r-1 {
129
- margin-right: 1px;
130
- }
131
- .m-r-2 {
132
- margin-right: 2px;
133
- }
134
- .m-r-3 {
135
- margin-right: 3px;
136
- }
137
- .m-r-4 {
138
- margin-right: 4px;
139
- }
140
- .m-r-5 {
141
- margin-right: 5px;
142
- }
143
- .m-r-6 {
144
- margin-right: 6px;
145
- }
146
- .m-r-7 {
147
- margin-right: 7px;
148
- }
149
- .m-r-8 {
150
- margin-right: 8px;
151
- }
152
- .m-r-9 {
153
- margin-right: 9px;
154
- }
155
- .m-r-10 {
156
- margin-right: 10px;
157
- }
158
- .m-r-11 {
159
- margin-right: 11px;
160
- }
161
- .m-r-12 {
162
- margin-right: 12px;
163
- }
164
- .m-r-13 {
165
- margin-right: 13px;
166
- }
167
- .m-r-14 {
168
- margin-right: 14px;
169
- }
170
- .m-r-15 {
171
- margin-right: 15px;
172
- }
173
- .m-r-16 {
174
- margin-right: 16px;
175
- }
176
- .m-r-17 {
177
- margin-right: 17px;
178
- }
179
- .m-r-18 {
180
- margin-right: 18px;
181
- }
182
- .m-r-19 {
183
- margin-right: 19px;
184
- }
185
- .m-r-20 {
186
- margin-right: 20px;
187
- }
188
- .m-r-21 {
189
- margin-right: 21px;
190
- }
191
- .m-r-22 {
192
- margin-right: 22px;
193
- }
194
- .m-r-23 {
195
- margin-right: 23px;
196
- }
197
- .m-r-24 {
198
- margin-right: 24px;
199
- }
200
- .m-r-25 {
201
- margin-right: 25px;
202
- }
203
- .m-r-26 {
204
- margin-right: 26px;
205
- }
206
- .m-r-27 {
207
- margin-right: 27px;
208
- }
209
- .m-r-28 {
210
- margin-right: 28px;
211
- }
212
- .m-r-29 {
213
- margin-right: 29px;
214
- }
215
- .m-r-30 {
216
- margin-right: 30px;
217
- }
218
- .m-r-31 {
219
- margin-right: 31px;
220
- }
221
- .m-r-32 {
222
- margin-right: 32px;
223
- }
224
- .m-r-33 {
225
- margin-right: 33px;
226
- }
227
- .m-r-34 {
228
- margin-right: 34px;
229
- }
230
- .m-r-35 {
231
- margin-right: 35px;
232
- }
233
- .m-r-36 {
234
- margin-right: 36px;
235
- }
236
- .m-r-37 {
237
- margin-right: 37px;
238
- }
239
- .m-r-38 {
240
- margin-right: 38px;
241
- }
242
- .m-r-39 {
243
- margin-right: 39px;
244
- }
245
- .m-r-40 {
246
- margin-right: 40px;
247
- }
248
- .m-r-41 {
249
- margin-right: 41px;
250
- }
251
- .m-r-42 {
252
- margin-right: 42px;
253
- }
254
- .m-r-43 {
255
- margin-right: 43px;
256
- }
257
- .m-r-44 {
258
- margin-right: 44px;
259
- }
260
- .m-r-45 {
261
- margin-right: 45px;
262
- }
263
- .m-r-46 {
264
- margin-right: 46px;
265
- }
266
- .m-r-47 {
267
- margin-right: 47px;
268
- }
269
- .m-r-48 {
270
- margin-right: 48px;
271
- }
272
- .m-r-49 {
273
- margin-right: 49px;
274
- }
275
- .m-r-50 {
276
- margin-right: 50px;
277
- }
278
- .m-r-51 {
279
- margin-right: 51px;
280
- }
281
- .m-r-52 {
282
- margin-right: 52px;
283
- }
284
- .m-r-53 {
285
- margin-right: 53px;
286
- }
287
- .m-r-54 {
288
- margin-right: 54px;
289
- }
290
- .m-r-55 {
291
- margin-right: 55px;
292
- }
293
- .m-r-56 {
294
- margin-right: 56px;
295
- }
296
- .m-r-57 {
297
- margin-right: 57px;
298
- }
299
- .m-r-58 {
300
- margin-right: 58px;
301
- }
302
- .m-r-59 {
303
- margin-right: 59px;
304
- }
305
- .m-r-60 {
306
- margin-right: 60px;
307
- }
308
- .m-r-61 {
309
- margin-right: 61px;
310
- }
311
- .m-r-62 {
312
- margin-right: 62px;
313
- }
314
- .m-r-63 {
315
- margin-right: 63px;
316
- }
317
- .m-r-64 {
318
- margin-right: 64px;
319
- }
320
- .m-r-65 {
321
- margin-right: 65px;
322
- }
323
- .m-r-66 {
324
- margin-right: 66px;
325
- }
326
- .m-r-67 {
327
- margin-right: 67px;
328
- }
329
- .m-r-68 {
330
- margin-right: 68px;
331
- }
332
- .m-r-69 {
333
- margin-right: 69px;
334
- }
335
- .m-r-70 {
336
- margin-right: 70px;
337
- }
338
- .m-r-71 {
339
- margin-right: 71px;
340
- }
341
- .m-r-72 {
342
- margin-right: 72px;
343
- }
344
- .m-r-73 {
345
- margin-right: 73px;
346
- }
347
- .m-r-74 {
348
- margin-right: 74px;
349
- }
350
- .m-r-75 {
351
- margin-right: 75px;
352
- }
353
- .m-r-76 {
354
- margin-right: 76px;
355
- }
356
- .m-r-77 {
357
- margin-right: 77px;
358
- }
359
- .m-r-78 {
360
- margin-right: 78px;
361
- }
362
- .m-r-79 {
363
- margin-right: 79px;
364
- }
365
- .m-r-80 {
366
- margin-right: 80px;
367
- }
368
- .m-r-81 {
369
- margin-right: 81px;
370
- }
371
- .m-r-82 {
372
- margin-right: 82px;
373
- }
374
- .m-r-83 {
375
- margin-right: 83px;
376
- }
377
- .m-r-84 {
378
- margin-right: 84px;
379
- }
380
- .m-r-85 {
381
- margin-right: 85px;
382
- }
383
- .m-r-86 {
384
- margin-right: 86px;
385
- }
386
- .m-r-87 {
387
- margin-right: 87px;
388
- }
389
- .m-r-88 {
390
- margin-right: 88px;
391
- }
392
- .m-r-89 {
393
- margin-right: 89px;
394
- }
395
- .m-r-90 {
396
- margin-right: 90px;
397
- }
398
- .m-r-91 {
399
- margin-right: 91px;
400
- }
401
- .m-r-92 {
402
- margin-right: 92px;
403
- }
404
- .m-r-93 {
405
- margin-right: 93px;
406
- }
407
- .m-r-94 {
408
- margin-right: 94px;
409
- }
410
- .m-r-95 {
411
- margin-right: 95px;
412
- }
413
- .m-r-96 {
414
- margin-right: 96px;
415
- }
416
- .m-r-97 {
417
- margin-right: 97px;
418
- }
419
- .m-r-98 {
420
- margin-right: 98px;
421
- }
422
- .m-r-99 {
423
- margin-right: 99px;
424
- }
425
- .m-r-100 {
426
- margin-right: 100px;
427
- }
428
-
429
- .m-l-1 {
430
- margin-left: 1px;
431
- }
432
- .m-l-2 {
433
- margin-left: 2px;
434
- }
435
- .m-l-3 {
436
- margin-left: 3px;
437
- }
438
- .m-l-4 {
439
- margin-left: 4px;
440
- }
441
- .m-l-5 {
442
- margin-left: 5px;
443
- }
444
- .m-l-6 {
445
- margin-left: 6px;
446
- }
447
- .m-l-7 {
448
- margin-left: 7px;
449
- }
450
- .m-l-8 {
451
- margin-left: 8px;
452
- }
453
- .m-l-9 {
454
- margin-left: 9px;
455
- }
456
- .m-l-10 {
457
- margin-left: 10px;
458
- }
459
- .m-l-11 {
460
- margin-left: 11px;
461
- }
462
- .m-l-12 {
463
- margin-left: 12px;
464
- }
465
- .m-l-13 {
466
- margin-left: 13px;
467
- }
468
- .m-l-14 {
469
- margin-left: 14px;
470
- }
471
- .m-l-15 {
472
- margin-left: 15px;
473
- }
474
- .m-l-16 {
475
- margin-left: 16px;
476
- }
477
- .m-l-17 {
478
- margin-left: 17px;
479
- }
480
- .m-l-18 {
481
- margin-left: 18px;
482
- }
483
- .m-l-19 {
484
- margin-left: 19px;
485
- }
486
- .m-l-20 {
487
- margin-left: 20px;
488
- }
489
- .m-l-21 {
490
- margin-left: 21px;
491
- }
492
- .m-l-22 {
493
- margin-left: 22px;
494
- }
495
- .m-l-23 {
496
- margin-left: 23px;
497
- }
498
- .m-l-24 {
499
- margin-left: 24px;
500
- }
501
- .m-l-25 {
502
- margin-left: 25px;
503
- }
504
- .m-l-26 {
505
- margin-left: 26px;
506
- }
507
- .m-l-27 {
508
- margin-left: 27px;
509
- }
510
- .m-l-28 {
511
- margin-left: 28px;
512
- }
513
- .m-l-29 {
514
- margin-left: 29px;
515
- }
516
- .m-l-30 {
517
- margin-left: 30px;
518
- }
519
- .m-l-31 {
520
- margin-left: 31px;
521
- }
522
- .m-l-32 {
523
- margin-left: 32px;
524
- }
525
- .m-l-33 {
526
- margin-left: 33px;
527
- }
528
- .m-l-34 {
529
- margin-left: 34px;
530
- }
531
- .m-l-35 {
532
- margin-left: 35px;
533
- }
534
- .m-l-36 {
535
- margin-left: 36px;
536
- }
537
- .m-l-37 {
538
- margin-left: 37px;
539
- }
540
- .m-l-38 {
541
- margin-left: 38px;
542
- }
543
- .m-l-39 {
544
- margin-left: 39px;
545
- }
546
- .m-l-40 {
547
- margin-left: 40px;
548
- }
549
- .m-l-41 {
550
- margin-left: 41px;
551
- }
552
- .m-l-42 {
553
- margin-left: 42px;
554
- }
555
- .m-l-43 {
556
- margin-left: 43px;
557
- }
558
- .m-l-44 {
559
- margin-left: 44px;
560
- }
561
- .m-l-45 {
562
- margin-left: 45px;
563
- }
564
- .m-l-46 {
565
- margin-left: 46px;
566
- }
567
- .m-l-47 {
568
- margin-left: 47px;
569
- }
570
- .m-l-48 {
571
- margin-left: 48px;
572
- }
573
- .m-l-49 {
574
- margin-left: 49px;
575
- }
576
- .m-l-50 {
577
- margin-left: 50px;
578
- }
579
- .m-l-51 {
580
- margin-left: 51px;
581
- }
582
- .m-l-52 {
583
- margin-left: 52px;
584
- }
585
- .m-l-53 {
586
- margin-left: 53px;
587
- }
588
- .m-l-54 {
589
- margin-left: 54px;
590
- }
591
- .m-l-55 {
592
- margin-left: 55px;
593
- }
594
- .m-l-56 {
595
- margin-left: 56px;
596
- }
597
- .m-l-57 {
598
- margin-left: 57px;
599
- }
600
- .m-l-58 {
601
- margin-left: 58px;
602
- }
603
- .m-l-59 {
604
- margin-left: 59px;
605
- }
606
- .m-l-60 {
607
- margin-left: 60px;
608
- }
609
- .m-l-61 {
610
- margin-left: 61px;
611
- }
612
- .m-l-62 {
613
- margin-left: 62px;
614
- }
615
- .m-l-63 {
616
- margin-left: 63px;
617
- }
618
- .m-l-64 {
619
- margin-left: 64px;
620
- }
621
- .m-l-65 {
622
- margin-left: 65px;
623
- }
624
- .m-l-66 {
625
- margin-left: 66px;
626
- }
627
- .m-l-67 {
628
- margin-left: 67px;
629
- }
630
- .m-l-68 {
631
- margin-left: 68px;
632
- }
633
- .m-l-69 {
634
- margin-left: 69px;
635
- }
636
- .m-l-70 {
637
- margin-left: 70px;
638
- }
639
- .m-l-71 {
640
- margin-left: 71px;
641
- }
642
- .m-l-72 {
643
- margin-left: 72px;
644
- }
645
- .m-l-73 {
646
- margin-left: 73px;
647
- }
648
- .m-l-74 {
649
- margin-left: 74px;
650
- }
651
- .m-l-75 {
652
- margin-left: 75px;
653
- }
654
- .m-l-76 {
655
- margin-left: 76px;
656
- }
657
- .m-l-77 {
658
- margin-left: 77px;
659
- }
660
- .m-l-78 {
661
- margin-left: 78px;
662
- }
663
- .m-l-79 {
664
- margin-left: 79px;
665
- }
666
- .m-l-80 {
667
- margin-left: 80px;
668
- }
669
- .m-l-81 {
670
- margin-left: 81px;
671
- }
672
- .m-l-82 {
673
- margin-left: 82px;
674
- }
675
- .m-l-83 {
676
- margin-left: 83px;
677
- }
678
- .m-l-84 {
679
- margin-left: 84px;
680
- }
681
- .m-l-85 {
682
- margin-left: 85px;
683
- }
684
- .m-l-86 {
685
- margin-left: 86px;
686
- }
687
- .m-l-87 {
688
- margin-left: 87px;
689
- }
690
- .m-l-88 {
691
- margin-left: 88px;
692
- }
693
- .m-l-89 {
694
- margin-left: 89px;
695
- }
696
- .m-l-90 {
697
- margin-left: 90px;
698
- }
699
- .m-l-91 {
700
- margin-left: 91px;
701
- }
702
- .m-l-92 {
703
- margin-left: 92px;
704
- }
705
- .m-l-93 {
706
- margin-left: 93px;
707
- }
708
- .m-l-94 {
709
- margin-left: 94px;
710
- }
711
- .m-l-95 {
712
- margin-left: 95px;
713
- }
714
- .m-l-96 {
715
- margin-left: 96px;
716
- }
717
- .m-l-97 {
718
- margin-left: 97px;
719
- }
720
- .m-l-98 {
721
- margin-left: 98px;
722
- }
723
- .m-l-99 {
724
- margin-left: 99px;
725
- }
726
- .m-l-100 {
727
- margin-left: 100px;
728
- }
729
-
730
- .m-t-1 {
731
- margin-top: 1px;
732
- }
733
- .m-t-2 {
734
- margin-top: 2px;
735
- }
736
- .m-t-3 {
737
- margin-top: 3px;
738
- }
739
- .m-t-4 {
740
- margin-top: 4px;
741
- }
742
- .m-t-5 {
743
- margin-top: 5px;
744
- }
745
- .m-t-6 {
746
- margin-top: 6px;
747
- }
748
- .m-t-7 {
749
- margin-top: 7px;
750
- }
751
- .m-t-8 {
752
- margin-top: 8px;
753
- }
754
- .m-t-9 {
755
- margin-top: 9px;
756
- }
757
- .m-t-10 {
758
- margin-top: 10px;
759
- }
760
- .m-t-11 {
761
- margin-top: 11px;
762
- }
763
- .m-t-12 {
764
- margin-top: 12px;
765
- }
766
- .m-t-13 {
767
- margin-top: 13px;
768
- }
769
- .m-t-14 {
770
- margin-top: 14px;
771
- }
772
- .m-t-15 {
773
- margin-top: 15px;
774
- }
775
- .m-t-16 {
776
- margin-top: 16px;
777
- }
778
- .m-t-17 {
779
- margin-top: 17px;
780
- }
781
- .m-t-18 {
782
- margin-top: 18px;
783
- }
784
- .m-t-19 {
785
- margin-top: 19px;
786
- }
787
- .m-t-20 {
788
- margin-top: 20px;
789
- }
790
- .m-t-21 {
791
- margin-top: 21px;
792
- }
793
- .m-t-22 {
794
- margin-top: 22px;
795
- }
796
- .m-t-23 {
797
- margin-top: 23px;
798
- }
799
- .m-t-24 {
800
- margin-top: 24px;
801
- }
802
- .m-t-25 {
803
- margin-top: 25px;
804
- }
805
- .m-t-26 {
806
- margin-top: 26px;
807
- }
808
- .m-t-27 {
809
- margin-top: 27px;
810
- }
811
- .m-t-28 {
812
- margin-top: 28px;
813
- }
814
- .m-t-29 {
815
- margin-top: 29px;
816
- }
817
- .m-t-30 {
818
- margin-top: 30px;
819
- }
820
- .m-t-31 {
821
- margin-top: 31px;
822
- }
823
- .m-t-32 {
824
- margin-top: 32px;
825
- }
826
- .m-t-33 {
827
- margin-top: 33px;
828
- }
829
- .m-t-34 {
830
- margin-top: 34px;
831
- }
832
- .m-t-35 {
833
- margin-top: 35px;
834
- }
835
- .m-t-36 {
836
- margin-top: 36px;
837
- }
838
- .m-t-37 {
839
- margin-top: 37px;
840
- }
841
- .m-t-38 {
842
- margin-top: 38px;
843
- }
844
- .m-t-39 {
845
- margin-top: 39px;
846
- }
847
- .m-t-40 {
848
- margin-top: 40px;
849
- }
850
- .m-t-41 {
851
- margin-top: 41px;
852
- }
853
- .m-t-42 {
854
- margin-top: 42px;
855
- }
856
- .m-t-43 {
857
- margin-top: 43px;
858
- }
859
- .m-t-44 {
860
- margin-top: 44px;
861
- }
862
- .m-t-45 {
863
- margin-top: 45px;
864
- }
865
- .m-t-46 {
866
- margin-top: 46px;
867
- }
868
- .m-t-47 {
869
- margin-top: 47px;
870
- }
871
- .m-t-48 {
872
- margin-top: 48px;
873
- }
874
- .m-t-49 {
875
- margin-top: 49px;
876
- }
877
- .m-t-50 {
878
- margin-top: 50px;
879
- }
880
- .m-t-51 {
881
- margin-top: 51px;
882
- }
883
- .m-t-52 {
884
- margin-top: 52px;
885
- }
886
- .m-t-53 {
887
- margin-top: 53px;
888
- }
889
- .m-t-54 {
890
- margin-top: 54px;
891
- }
892
- .m-t-55 {
893
- margin-top: 55px;
894
- }
895
- .m-t-56 {
896
- margin-top: 56px;
897
- }
898
- .m-t-57 {
899
- margin-top: 57px;
900
- }
901
- .m-t-58 {
902
- margin-top: 58px;
903
- }
904
- .m-t-59 {
905
- margin-top: 59px;
906
- }
907
- .m-t-60 {
908
- margin-top: 60px;
909
- }
910
- .m-t-61 {
911
- margin-top: 61px;
912
- }
913
- .m-t-62 {
914
- margin-top: 62px;
915
- }
916
- .m-t-63 {
917
- margin-top: 63px;
918
- }
919
- .m-t-64 {
920
- margin-top: 64px;
921
- }
922
- .m-t-65 {
923
- margin-top: 65px;
924
- }
925
- .m-t-66 {
926
- margin-top: 66px;
927
- }
928
- .m-t-67 {
929
- margin-top: 67px;
930
- }
931
- .m-t-68 {
932
- margin-top: 68px;
933
- }
934
- .m-t-69 {
935
- margin-top: 69px;
936
- }
937
- .m-t-70 {
938
- margin-top: 70px;
939
- }
940
- .m-t-71 {
941
- margin-top: 71px;
942
- }
943
- .m-t-72 {
944
- margin-top: 72px;
945
- }
946
- .m-t-73 {
947
- margin-top: 73px;
948
- }
949
- .m-t-74 {
950
- margin-top: 74px;
951
- }
952
- .m-t-75 {
953
- margin-top: 75px;
954
- }
955
- .m-t-76 {
956
- margin-top: 76px;
957
- }
958
- .m-t-77 {
959
- margin-top: 77px;
960
- }
961
- .m-t-78 {
962
- margin-top: 78px;
963
- }
964
- .m-t-79 {
965
- margin-top: 79px;
966
- }
967
- .m-t-80 {
968
- margin-top: 80px;
969
- }
970
- .m-t-81 {
971
- margin-top: 81px;
972
- }
973
- .m-t-82 {
974
- margin-top: 82px;
975
- }
976
- .m-t-83 {
977
- margin-top: 83px;
978
- }
979
- .m-t-84 {
980
- margin-top: 84px;
981
- }
982
- .m-t-85 {
983
- margin-top: 85px;
984
- }
985
- .m-t-86 {
986
- margin-top: 86px;
987
- }
988
- .m-t-87 {
989
- margin-top: 87px;
990
- }
991
- .m-t-88 {
992
- margin-top: 88px;
993
- }
994
- .m-t-89 {
995
- margin-top: 89px;
996
- }
997
- .m-t-90 {
998
- margin-top: 90px;
999
- }
1000
- .m-t-91 {
1001
- margin-top: 91px;
1002
- }
1003
- .m-t-92 {
1004
- margin-top: 92px;
1005
- }
1006
- .m-t-93 {
1007
- margin-top: 93px;
1008
- }
1009
- .m-t-94 {
1010
- margin-top: 94px;
1011
- }
1012
- .m-t-95 {
1013
- margin-top: 95px;
1014
- }
1015
- .m-t-96 {
1016
- margin-top: 96px;
1017
- }
1018
- .m-t-97 {
1019
- margin-top: 97px;
1020
- }
1021
- .m-t-98 {
1022
- margin-top: 98px;
1023
- }
1024
- .m-t-99 {
1025
- margin-top: 99px;
1026
- }
1027
- .m-t-100 {
1028
- margin-top: 100px;
1029
- }
1030
-
1031
- .m-b-1 {
1032
- margin-bottom: 1px;
1033
- }
1034
- .m-b-2 {
1035
- margin-bottom: 2px;
1036
- }
1037
- .m-b-3 {
1038
- margin-bottom: 3px;
1039
- }
1040
- .m-b-4 {
1041
- margin-bottom: 4px;
1042
- }
1043
- .m-b-5 {
1044
- margin-bottom: 5px;
1045
- }
1046
- .m-b-6 {
1047
- margin-bottom: 6px;
1048
- }
1049
- .m-b-7 {
1050
- margin-bottom: 7px;
1051
- }
1052
- .m-b-8 {
1053
- margin-bottom: 8px;
1054
- }
1055
- .m-b-9 {
1056
- margin-bottom: 9px;
1057
- }
1058
- .m-b-10 {
1059
- margin-bottom: 10px;
1060
- }
1061
- .m-b-11 {
1062
- margin-bottom: 11px;
1063
- }
1064
- .m-b-12 {
1065
- margin-bottom: 12px;
1066
- }
1067
- .m-b-13 {
1068
- margin-bottom: 13px;
1069
- }
1070
- .m-b-14 {
1071
- margin-bottom: 14px;
1072
- }
1073
- .m-b-15 {
1074
- margin-bottom: 15px;
1075
- }
1076
- .m-b-16 {
1077
- margin-bottom: 16px;
1078
- }
1079
- .m-b-17 {
1080
- margin-bottom: 17px;
1081
- }
1082
- .m-b-18 {
1083
- margin-bottom: 18px;
1084
- }
1085
- .m-b-19 {
1086
- margin-bottom: 19px;
1087
- }
1088
- .m-b-20 {
1089
- margin-bottom: 20px;
1090
- }
1091
- .m-b-21 {
1092
- margin-bottom: 21px;
1093
- }
1094
- .m-b-22 {
1095
- margin-bottom: 22px;
1096
- }
1097
- .m-b-23 {
1098
- margin-bottom: 23px;
1099
- }
1100
- .m-b-24 {
1101
- margin-bottom: 24px;
1102
- }
1103
- .m-b-25 {
1104
- margin-bottom: 25px;
1105
- }
1106
- .m-b-26 {
1107
- margin-bottom: 26px;
1108
- }
1109
- .m-b-27 {
1110
- margin-bottom: 27px;
1111
- }
1112
- .m-b-28 {
1113
- margin-bottom: 28px;
1114
- }
1115
- .m-b-29 {
1116
- margin-bottom: 29px;
1117
- }
1118
- .m-b-30 {
1119
- margin-bottom: 30px;
1120
- }
1121
- .m-b-31 {
1122
- margin-bottom: 31px;
1123
- }
1124
- .m-b-32 {
1125
- margin-bottom: 32px;
1126
- }
1127
- .m-b-33 {
1128
- margin-bottom: 33px;
1129
- }
1130
- .m-b-34 {
1131
- margin-bottom: 34px;
1132
- }
1133
- .m-b-35 {
1134
- margin-bottom: 35px;
1135
- }
1136
- .m-b-36 {
1137
- margin-bottom: 36px;
1138
- }
1139
- .m-b-37 {
1140
- margin-bottom: 37px;
1141
- }
1142
- .m-b-38 {
1143
- margin-bottom: 38px;
1144
- }
1145
- .m-b-39 {
1146
- margin-bottom: 39px;
1147
- }
1148
- .m-b-40 {
1149
- margin-bottom: 40px;
1150
- }
1151
- .m-b-41 {
1152
- margin-bottom: 41px;
1153
- }
1154
- .m-b-42 {
1155
- margin-bottom: 42px;
1156
- }
1157
- .m-b-43 {
1158
- margin-bottom: 43px;
1159
- }
1160
- .m-b-44 {
1161
- margin-bottom: 44px;
1162
- }
1163
- .m-b-45 {
1164
- margin-bottom: 45px;
1165
- }
1166
- .m-b-46 {
1167
- margin-bottom: 46px;
1168
- }
1169
- .m-b-47 {
1170
- margin-bottom: 47px;
1171
- }
1172
- .m-b-48 {
1173
- margin-bottom: 48px;
1174
- }
1175
- .m-b-49 {
1176
- margin-bottom: 49px;
1177
- }
1178
- .m-b-50 {
1179
- margin-bottom: 50px;
1180
- }
1181
- .m-b-51 {
1182
- margin-bottom: 51px;
1183
- }
1184
- .m-b-52 {
1185
- margin-bottom: 52px;
1186
- }
1187
- .m-b-53 {
1188
- margin-bottom: 53px;
1189
- }
1190
- .m-b-54 {
1191
- margin-bottom: 54px;
1192
- }
1193
- .m-b-55 {
1194
- margin-bottom: 55px;
1195
- }
1196
- .m-b-56 {
1197
- margin-bottom: 56px;
1198
- }
1199
- .m-b-57 {
1200
- margin-bottom: 57px;
1201
- }
1202
- .m-b-58 {
1203
- margin-bottom: 58px;
1204
- }
1205
- .m-b-59 {
1206
- margin-bottom: 59px;
1207
- }
1208
- .m-b-60 {
1209
- margin-bottom: 60px;
1210
- }
1211
- .m-b-61 {
1212
- margin-bottom: 61px;
1213
- }
1214
- .m-b-62 {
1215
- margin-bottom: 62px;
1216
- }
1217
- .m-b-63 {
1218
- margin-bottom: 63px;
1219
- }
1220
- .m-b-64 {
1221
- margin-bottom: 64px;
1222
- }
1223
- .m-b-65 {
1224
- margin-bottom: 65px;
1225
- }
1226
- .m-b-66 {
1227
- margin-bottom: 66px;
1228
- }
1229
- .m-b-67 {
1230
- margin-bottom: 67px;
1231
- }
1232
- .m-b-68 {
1233
- margin-bottom: 68px;
1234
- }
1235
- .m-b-69 {
1236
- margin-bottom: 69px;
1237
- }
1238
- .m-b-70 {
1239
- margin-bottom: 70px;
1240
- }
1241
- .m-b-71 {
1242
- margin-bottom: 71px;
1243
- }
1244
- .m-b-72 {
1245
- margin-bottom: 72px;
1246
- }
1247
- .m-b-73 {
1248
- margin-bottom: 73px;
1249
- }
1250
- .m-b-74 {
1251
- margin-bottom: 74px;
1252
- }
1253
- .m-b-75 {
1254
- margin-bottom: 75px;
1255
- }
1256
- .m-b-76 {
1257
- margin-bottom: 76px;
1258
- }
1259
- .m-b-77 {
1260
- margin-bottom: 77px;
1261
- }
1262
- .m-b-78 {
1263
- margin-bottom: 78px;
1264
- }
1265
- .m-b-79 {
1266
- margin-bottom: 79px;
1267
- }
1268
- .m-b-80 {
1269
- margin-bottom: 80px;
1270
- }
1271
- .m-b-81 {
1272
- margin-bottom: 81px;
1273
- }
1274
- .m-b-82 {
1275
- margin-bottom: 82px;
1276
- }
1277
- .m-b-83 {
1278
- margin-bottom: 83px;
1279
- }
1280
- .m-b-84 {
1281
- margin-bottom: 84px;
1282
- }
1283
- .m-b-85 {
1284
- margin-bottom: 85px;
1285
- }
1286
- .m-b-86 {
1287
- margin-bottom: 86px;
1288
- }
1289
- .m-b-87 {
1290
- margin-bottom: 87px;
1291
- }
1292
- .m-b-88 {
1293
- margin-bottom: 88px;
1294
- }
1295
- .m-b-89 {
1296
- margin-bottom: 89px;
1297
- }
1298
- .m-b-90 {
1299
- margin-bottom: 90px;
1300
- }
1301
- .m-b-91 {
1302
- margin-bottom: 91px;
1303
- }
1304
- .m-b-92 {
1305
- margin-bottom: 92px;
1306
- }
1307
- .m-b-93 {
1308
- margin-bottom: 93px;
1309
- }
1310
- .m-b-94 {
1311
- margin-bottom: 94px;
1312
- }
1313
- .m-b-95 {
1314
- margin-bottom: 95px;
1315
- }
1316
- .m-b-96 {
1317
- margin-bottom: 96px;
1318
- }
1319
- .m-b-97 {
1320
- margin-bottom: 97px;
1321
- }
1322
- .m-b-98 {
1323
- margin-bottom: 98px;
1324
- }
1325
- .m-b-99 {
1326
- margin-bottom: 99px;
1327
- }
1328
- .m-b-100 {
1329
- margin-bottom: 100px;
1330
- }
1331
-
1332
- /* #endregion ➤ [MAIN] [MARGINS] Website Layout */
1333
- /* #region ➤ [MAIN] [ANIMATIONS] Website Layout */
1334
- .hover\/transition\/v-1,
1335
- .hover-transition-v-1 {
1336
- /* 🎨 style */
1337
- transition: all 0.15s ease;
1338
- }
1339
-
1340
- @keyframes flickerAnimation {
1341
- 0% {
1342
- opacity: 1;
1343
- }
1344
- 50% {
1345
- opacity: 0.25;
1346
- }
1347
- 100% {
1348
- opacity: 1;
1349
- }
1350
- }
1351
- @-webkit-keyframes flickerAnimation {
1352
- 0% {
1353
- opacity: 1;
1354
- }
1355
- 50% {
1356
- opacity: 0.25;
1357
- }
1358
- 100% {
1359
- opacity: 1;
1360
- }
1361
- }
1362
- @-moz-keyframes flickerAnimation {
1363
- 0% {
1364
- opacity: 1;
1365
- }
1366
- 50% {
1367
- opacity: 0.25;
1368
- }
1369
- 100% {
1370
- opacity: 1;
1371
- }
1372
- }
1373
- @-o-keyframes flickerAnimation {
1374
- 0% {
1375
- opacity: 1;
1376
- }
1377
- 50% {
1378
- opacity: 0.25;
1379
- }
1380
- 100% {
1381
- opacity: 1;
1382
- }
1383
- }
1384
- .animation-target {
1385
- -moz-animation: flickerAnimation 1.5s infinite;
1386
- -webkit-animation: flickerAnimation 1.5s infinite;
1387
- -ms-animation: flickerAnimation 1.5s infinite;
1388
- -o-animation: flickerAnimation 1.5s infinite;
1389
- animation: flickerAnimation 1.5s infinite;
1390
- }
1391
-
1392
- /* #endregion ➤ [MAIN] [ANIMATIONS] Website Layout */
1393
- /*
1394
- ╭──────────────────────────────────────────────────────────────────────────────────╮
1395
- │ 📌 FONT WEIGHT │
1396
- ╰──────────────────────────────────────────────────────────────────────────────────╯
1397
- */
1398
- .w-400 {
1399
- font-weight: 400;
1400
- }
1401
-
1402
- .w-500 {
1403
- font-weight: 500;
1404
- }
1405
-
1406
- .w-600 {
1407
- font-weight: 600;
1408
- }
1409
-
1410
- .w-700 {
1411
- font-weight: 700;
1412
- }
1413
-
1414
- .w-normal {
1415
- font-weight: "normal";
1416
- }
1417
-
1418
- /*
1419
- ╭──────────────────────────────────────────────────────────────────────────────────╮
1420
- │ 📌 FONT SIZE │
1421
- ╰──────────────────────────────────────────────────────────────────────────────────╯
1422
- */
1423
- .s-1,
1424
- .global.s-1,
1425
- .global.s-1 > * {
1426
- font-size: 1px;
1427
- }
1428
-
1429
- .s-2,
1430
- .global.s-2,
1431
- .global.s-2 > * {
1432
- font-size: 2px;
1433
- }
1434
-
1435
- .s-3,
1436
- .global.s-3,
1437
- .global.s-3 > * {
1438
- font-size: 3px;
1439
- }
1440
-
1441
- .s-4,
1442
- .global.s-4,
1443
- .global.s-4 > * {
1444
- font-size: 4px;
1445
- }
1446
-
1447
- .s-5,
1448
- .global.s-5,
1449
- .global.s-5 > * {
1450
- font-size: 5px;
1451
- }
1452
-
1453
- .s-6,
1454
- .global.s-6,
1455
- .global.s-6 > * {
1456
- font-size: 6px;
1457
- }
1458
-
1459
- .s-7,
1460
- .global.s-7,
1461
- .global.s-7 > * {
1462
- font-size: 7px;
1463
- }
1464
-
1465
- .s-8,
1466
- .global.s-8,
1467
- .global.s-8 > * {
1468
- font-size: 8px;
1469
- }
1470
-
1471
- .s-9,
1472
- .global.s-9,
1473
- .global.s-9 > * {
1474
- font-size: 9px;
1475
- }
1476
-
1477
- .s-10,
1478
- .global.s-10,
1479
- .global.s-10 > * {
1480
- font-size: 10px;
1481
- }
1482
-
1483
- .s-11,
1484
- .global.s-11,
1485
- .global.s-11 > * {
1486
- font-size: 11px;
1487
- }
1488
-
1489
- .s-12,
1490
- .global.s-12,
1491
- .global.s-12 > * {
1492
- font-size: 12px;
1493
- }
1494
-
1495
- .s-13,
1496
- .global.s-13,
1497
- .global.s-13 > * {
1498
- font-size: 13px;
1499
- }
1500
-
1501
- .s-14,
1502
- .global.s-14,
1503
- .global.s-14 > * {
1504
- font-size: 14px;
1505
- }
1506
-
1507
- .s-15,
1508
- .global.s-15,
1509
- .global.s-15 > * {
1510
- font-size: 15px;
1511
- }
1512
-
1513
- .s-16,
1514
- .global.s-16,
1515
- .global.s-16 > * {
1516
- font-size: 16px;
1517
- }
1518
-
1519
- .s-17,
1520
- .global.s-17,
1521
- .global.s-17 > * {
1522
- font-size: 17px;
1523
- }
1524
-
1525
- .s-18,
1526
- .global.s-18,
1527
- .global.s-18 > * {
1528
- font-size: 18px;
1529
- }
1530
-
1531
- .s-19,
1532
- .global.s-19,
1533
- .global.s-19 > * {
1534
- font-size: 19px;
1535
- }
1536
-
1537
- .s-20,
1538
- .global.s-20,
1539
- .global.s-20 > * {
1540
- font-size: 20px;
1541
- }
1542
-
1543
- .s-21,
1544
- .global.s-21,
1545
- .global.s-21 > * {
1546
- font-size: 21px;
1547
- }
1548
-
1549
- .s-22,
1550
- .global.s-22,
1551
- .global.s-22 > * {
1552
- font-size: 22px;
1553
- }
1554
-
1555
- .s-23,
1556
- .global.s-23,
1557
- .global.s-23 > * {
1558
- font-size: 23px;
1559
- }
1560
-
1561
- .s-24,
1562
- .global.s-24,
1563
- .global.s-24 > * {
1564
- font-size: 24px;
1565
- }
1566
-
1567
- .s-25,
1568
- .global.s-25,
1569
- .global.s-25 > * {
1570
- font-size: 25px;
1571
- }
1572
-
1573
- .s-26,
1574
- .global.s-26,
1575
- .global.s-26 > * {
1576
- font-size: 26px;
1577
- }
1578
-
1579
- .s-27,
1580
- .global.s-27,
1581
- .global.s-27 > * {
1582
- font-size: 27px;
1583
- }
1584
-
1585
- .s-28,
1586
- .global.s-28,
1587
- .global.s-28 > * {
1588
- font-size: 28px;
1589
- }
1590
-
1591
- .s-29,
1592
- .global.s-29,
1593
- .global.s-29 > * {
1594
- font-size: 29px;
1595
- }
1596
-
1597
- .s-30,
1598
- .global.s-30,
1599
- .global.s-30 > * {
1600
- font-size: 30px;
1601
- }
1602
-
1603
- .s-31,
1604
- .global.s-31,
1605
- .global.s-31 > * {
1606
- font-size: 31px;
1607
- }
1608
-
1609
- .s-32,
1610
- .global.s-32,
1611
- .global.s-32 > * {
1612
- font-size: 32px;
1613
- }
1614
-
1615
- .s-33,
1616
- .global.s-33,
1617
- .global.s-33 > * {
1618
- font-size: 33px;
1619
- }
1620
-
1621
- .s-34,
1622
- .global.s-34,
1623
- .global.s-34 > * {
1624
- font-size: 34px;
1625
- }
1626
-
1627
- .s-35,
1628
- .global.s-35,
1629
- .global.s-35 > * {
1630
- font-size: 35px;
1631
- }
1632
-
1633
- .s-36,
1634
- .global.s-36,
1635
- .global.s-36 > * {
1636
- font-size: 36px;
1637
- }
1638
-
1639
- .s-37,
1640
- .global.s-37,
1641
- .global.s-37 > * {
1642
- font-size: 37px;
1643
- }
1644
-
1645
- .s-38,
1646
- .global.s-38,
1647
- .global.s-38 > * {
1648
- font-size: 38px;
1649
- }
1650
-
1651
- .s-39,
1652
- .global.s-39,
1653
- .global.s-39 > * {
1654
- font-size: 39px;
1655
- }
1656
-
1657
- .s-40,
1658
- .global.s-40,
1659
- .global.s-40 > * {
1660
- font-size: 40px;
1661
- }
1662
-
1663
- .s-41,
1664
- .global.s-41,
1665
- .global.s-41 > * {
1666
- font-size: 41px;
1667
- }
1668
-
1669
- .s-42,
1670
- .global.s-42,
1671
- .global.s-42 > * {
1672
- font-size: 42px;
1673
- }
1674
-
1675
- .s-43,
1676
- .global.s-43,
1677
- .global.s-43 > * {
1678
- font-size: 43px;
1679
- }
1680
-
1681
- .s-44,
1682
- .global.s-44,
1683
- .global.s-44 > * {
1684
- font-size: 44px;
1685
- }
1686
-
1687
- .s-45,
1688
- .global.s-45,
1689
- .global.s-45 > * {
1690
- font-size: 45px;
1691
- }
1692
-
1693
- .s-46,
1694
- .global.s-46,
1695
- .global.s-46 > * {
1696
- font-size: 46px;
1697
- }
1698
-
1699
- .s-47,
1700
- .global.s-47,
1701
- .global.s-47 > * {
1702
- font-size: 47px;
1703
- }
1704
-
1705
- .s-48,
1706
- .global.s-48,
1707
- .global.s-48 > * {
1708
- font-size: 48px;
1709
- }
1710
-
1711
- .s-49,
1712
- .global.s-49,
1713
- .global.s-49 > * {
1714
- font-size: 49px;
1715
- }
1716
-
1717
- .s-50,
1718
- .global.s-50,
1719
- .global.s-50 > * {
1720
- font-size: 50px;
1721
- }
1722
-
1723
- .s-51,
1724
- .global.s-51,
1725
- .global.s-51 > * {
1726
- font-size: 51px;
1727
- }
1728
-
1729
- .s-52,
1730
- .global.s-52,
1731
- .global.s-52 > * {
1732
- font-size: 52px;
1733
- }
1734
-
1735
- .s-53,
1736
- .global.s-53,
1737
- .global.s-53 > * {
1738
- font-size: 53px;
1739
- }
1740
-
1741
- .s-54,
1742
- .global.s-54,
1743
- .global.s-54 > * {
1744
- font-size: 54px;
1745
- }
1746
-
1747
- .s-55,
1748
- .global.s-55,
1749
- .global.s-55 > * {
1750
- font-size: 55px;
1751
- }
1752
-
1753
- .s-56,
1754
- .global.s-56,
1755
- .global.s-56 > * {
1756
- font-size: 56px;
1757
- }
1758
-
1759
- .s-57,
1760
- .global.s-57,
1761
- .global.s-57 > * {
1762
- font-size: 57px;
1763
- }
1764
-
1765
- .s-58,
1766
- .global.s-58,
1767
- .global.s-58 > * {
1768
- font-size: 58px;
1769
- }
1770
-
1771
- .s-59,
1772
- .global.s-59,
1773
- .global.s-59 > * {
1774
- font-size: 59px;
1775
- }
1776
-
1777
- .s-60,
1778
- .global.s-60,
1779
- .global.s-60 > * {
1780
- font-size: 60px;
1781
- }
1782
-
1783
- .s-61,
1784
- .global.s-61,
1785
- .global.s-61 > * {
1786
- font-size: 61px;
1787
- }
1788
-
1789
- .s-62,
1790
- .global.s-62,
1791
- .global.s-62 > * {
1792
- font-size: 62px;
1793
- }
1794
-
1795
- .s-63,
1796
- .global.s-63,
1797
- .global.s-63 > * {
1798
- font-size: 63px;
1799
- }
1800
-
1801
- .s-64,
1802
- .global.s-64,
1803
- .global.s-64 > * {
1804
- font-size: 64px;
1805
- }
1806
-
1807
- .s-65,
1808
- .global.s-65,
1809
- .global.s-65 > * {
1810
- font-size: 65px;
1811
- }
1812
-
1813
- .s-66,
1814
- .global.s-66,
1815
- .global.s-66 > * {
1816
- font-size: 66px;
1817
- }
1818
-
1819
- .s-67,
1820
- .global.s-67,
1821
- .global.s-67 > * {
1822
- font-size: 67px;
1823
- }
1824
-
1825
- .s-68,
1826
- .global.s-68,
1827
- .global.s-68 > * {
1828
- font-size: 68px;
1829
- }
1830
-
1831
- .s-69,
1832
- .global.s-69,
1833
- .global.s-69 > * {
1834
- font-size: 69px;
1835
- }
1836
-
1837
- .s-70,
1838
- .global.s-70,
1839
- .global.s-70 > * {
1840
- font-size: 70px;
1841
- }
1842
-
1843
- .s-71,
1844
- .global.s-71,
1845
- .global.s-71 > * {
1846
- font-size: 71px;
1847
- }
1848
-
1849
- .s-72,
1850
- .global.s-72,
1851
- .global.s-72 > * {
1852
- font-size: 72px;
1853
- }
1854
-
1855
- .s-73,
1856
- .global.s-73,
1857
- .global.s-73 > * {
1858
- font-size: 73px;
1859
- }
1860
-
1861
- .s-74,
1862
- .global.s-74,
1863
- .global.s-74 > * {
1864
- font-size: 74px;
1865
- }
1866
-
1867
- .s-75,
1868
- .global.s-75,
1869
- .global.s-75 > * {
1870
- font-size: 75px;
1871
- }
1872
-
1873
- .s-76,
1874
- .global.s-76,
1875
- .global.s-76 > * {
1876
- font-size: 76px;
1877
- }
1878
-
1879
- .s-77,
1880
- .global.s-77,
1881
- .global.s-77 > * {
1882
- font-size: 77px;
1883
- }
1884
-
1885
- .s-78,
1886
- .global.s-78,
1887
- .global.s-78 > * {
1888
- font-size: 78px;
1889
- }
1890
-
1891
- .s-79,
1892
- .global.s-79,
1893
- .global.s-79 > * {
1894
- font-size: 79px;
1895
- }
1896
-
1897
- .s-80,
1898
- .global.s-80,
1899
- .global.s-80 > * {
1900
- font-size: 80px;
1901
- }
1902
-
1903
- .s-81,
1904
- .global.s-81,
1905
- .global.s-81 > * {
1906
- font-size: 81px;
1907
- }
1908
-
1909
- .s-82,
1910
- .global.s-82,
1911
- .global.s-82 > * {
1912
- font-size: 82px;
1913
- }
1914
-
1915
- .s-83,
1916
- .global.s-83,
1917
- .global.s-83 > * {
1918
- font-size: 83px;
1919
- }
1920
-
1921
- .s-84,
1922
- .global.s-84,
1923
- .global.s-84 > * {
1924
- font-size: 84px;
1925
- }
1926
-
1927
- .s-85,
1928
- .global.s-85,
1929
- .global.s-85 > * {
1930
- font-size: 85px;
1931
- }
1932
-
1933
- .s-86,
1934
- .global.s-86,
1935
- .global.s-86 > * {
1936
- font-size: 86px;
1937
- }
1938
-
1939
- .s-87,
1940
- .global.s-87,
1941
- .global.s-87 > * {
1942
- font-size: 87px;
1943
- }
1944
-
1945
- .s-88,
1946
- .global.s-88,
1947
- .global.s-88 > * {
1948
- font-size: 88px;
1949
- }
1950
-
1951
- .s-89,
1952
- .global.s-89,
1953
- .global.s-89 > * {
1954
- font-size: 89px;
1955
- }
1956
-
1957
- .s-90,
1958
- .global.s-90,
1959
- .global.s-90 > * {
1960
- font-size: 90px;
1961
- }
1962
-
1963
- .s-91,
1964
- .global.s-91,
1965
- .global.s-91 > * {
1966
- font-size: 91px;
1967
- }
1968
-
1969
- .s-92,
1970
- .global.s-92,
1971
- .global.s-92 > * {
1972
- font-size: 92px;
1973
- }
1974
-
1975
- .s-93,
1976
- .global.s-93,
1977
- .global.s-93 > * {
1978
- font-size: 93px;
1979
- }
1980
-
1981
- .s-94,
1982
- .global.s-94,
1983
- .global.s-94 > * {
1984
- font-size: 94px;
1985
- }
1986
-
1987
- .s-95,
1988
- .global.s-95,
1989
- .global.s-95 > * {
1990
- font-size: 95px;
1991
- }
1992
-
1993
- .s-96,
1994
- .global.s-96,
1995
- .global.s-96 > * {
1996
- font-size: 96px;
1997
- }
1998
-
1999
- .s-97,
2000
- .global.s-97,
2001
- .global.s-97 > * {
2002
- font-size: 97px;
2003
- }
2004
-
2005
- .s-98,
2006
- .global.s-98,
2007
- .global.s-98 > * {
2008
- font-size: 98px;
2009
- }
2010
-
2011
- .s-99,
2012
- .global.s-99,
2013
- .global.s-99 > * {
2014
- font-size: 99px;
2015
- }
2016
-
2017
- .s-100,
2018
- .global.s-100,
2019
- .global.s-100 > * {
2020
- font-size: 100px;
2021
- }
2022
-
2023
- /*
2024
- ╭──────────────────────────────────────────────────────────────────────────────────╮
2025
- │ 📌 LEGACY │
2026
- ╰──────────────────────────────────────────────────────────────────────────────────╯
2027
- */
2028
- .global.color-grey > * {
2029
- color: var(--grey) !important;
2030
- }
2031
-
2032
- .x-large,
2033
- p.x-large,
2034
- span.x-large {
2035
- font-size: 18px;
2036
- }
2037
-
2038
- .large,
2039
- p.large,
2040
- span.large {
2041
- font-size: 16px;
2042
- }
2043
-
2044
- .medium,
2045
- p.medium,
2046
- span.medium {
2047
- font-size: 14px;
2048
- }
2049
-
2050
- .small,
2051
- p.small {
2052
- font-size: 12px;
2053
- }
2054
-
2055
- .s_small,
2056
- p.s_small {
2057
- font-size: 12px;
2058
- }
2059
-
2060
- @media only screen and (min-width: 768px) {
2061
- .s-t-16 {
2062
- font-size: 16px;
2063
- }
2064
- .large,
2065
- p.large,
2066
- span.large {
2067
- font-size: 18px;
2068
- }
2069
- }
2070
- /*
2071
- ╭──────────────────────────────────────────────────────────────────────────────────╮
2072
- │ 📌 HEADINGS │
2073
- ╰──────────────────────────────────────────────────────────────────────────────────╯
2074
- */
2075
- h1 {
2076
- /* 🎨 style */
2077
- font-family: "Roboto";
2078
- font-style: normal;
2079
- font-weight: 400;
2080
- line-height: 1.2;
2081
- font-weight: 700;
2082
- line-height: 140%;
2083
- font-size: 32px;
2084
- }
2085
-
2086
- h2 {
2087
- /* 🎨 style */
2088
- font-family: "Roboto";
2089
- font-style: normal;
2090
- font-weight: 400;
2091
- line-height: 1.2;
2092
- font-weight: 700;
2093
- line-height: 140%;
2094
- font-size: 20px;
2095
- }
2096
-
2097
- h3 {
2098
- /* 🎨 style */
2099
- font-family: "Roboto";
2100
- font-style: normal;
2101
- font-weight: 400;
2102
- line-height: 1.2;
2103
- font-weight: 700;
2104
- line-height: 140%;
2105
- font-size: 18px;
2106
- }
2107
-
2108
- h4 {
2109
- /* 🎨 style */
2110
- font-family: "Roboto";
2111
- font-style: normal;
2112
- font-weight: 400;
2113
- line-height: 1.2;
2114
- font-weight: 700;
2115
- line-height: 140%;
2116
- font-size: 14px;
2117
- }
2118
-
2119
- h5 {
2120
- /* 🎨 style */
2121
- font-family: "Roboto";
2122
- font-style: normal;
2123
- font-weight: 400;
2124
- line-height: 1.2;
2125
- font-weight: 700;
2126
- line-height: 140%;
2127
- }
2128
-
2129
- h6 {
2130
- /* 🎨 style */
2131
- font-family: "Roboto";
2132
- font-style: normal;
2133
- font-weight: 400;
2134
- line-height: 1.2;
2135
- font-weight: 700;
2136
- line-height: 140%;
2137
- }
2138
-
2139
- .global.lh-125 > * {
2140
- /* 🎨 style */
2141
- line-height: 125%;
2142
- }
2143
-
2144
- .global.lh-128 > * {
2145
- /* 🎨 style */
2146
- line-height: 128.571%;
2147
- }
2148
-
2149
- /*
2150
- ╭──────────────────────────────────────────────────────────────────────────────────╮
2151
- │ 📌 FONT COLORS │
2152
- ╰──────────────────────────────────────────────────────────────────────────────────╯
2153
- */
2154
- .color-white {
2155
- /* 🎨 style */
2156
- color: var(--white) !important;
2157
- }
2158
-
2159
- .color-white-2 {
2160
- /* 🎨 style */
2161
- color: var(--whitev2) !important;
2162
- }
2163
-
2164
- .color-white-3 {
2165
- /* 🎨 style */
2166
- color: var(--white-3) !important;
2167
- }
2168
- .dark-background .color-white-3.dark-v3, .dark-background-1 .color-white-3.dark-v3, .dark-mode .color-white-3.dark-v3 {
2169
- /* 🔥 override */
2170
- /* 🎨 style */
2171
- color: var(--grey-shade) !important;
2172
- }
2173
-
2174
- .color-white-4 {
2175
- /* 🎨 style */
2176
- color: var(--white-4) !important;
2177
- }
2178
-
2179
- .color-primary {
2180
- /* 🎨 style */
2181
- color: var(--primary) !important;
2182
- }
2183
- .dark-background .color-primary, .dark-background-1 .color-primary, .dark-mode .color-primary {
2184
- /* 🔥 override */
2185
- /* 🎨 style */
2186
- color: var(--primary) !important;
2187
- }
2188
-
2189
- .color-primary-fade {
2190
- /* 🎨 style */
2191
- color: var(--primary-fade) !important;
2192
- }
2193
-
2194
- .color-primary-fade-2 {
2195
- /* 🎨 style */
2196
- color: var(--primary-fade-2) !important;
2197
- }
2198
- .dark-background .color-primary-fade-2.dark-v0, .dark-background-1 .color-primary-fade-2.dark-v0, .dark-mode .color-primary-fade-2.dark-v0 {
2199
- /* 🔥 override */
2200
- /* 🎨 style */
2201
- color: var(--primary-fade-2) !important;
2202
- }
2203
-
2204
- .color-secondary {
2205
- /* 🎨 style */
2206
- color: var(--secondary) !important;
2207
- }
2208
-
2209
- .color-blue {
2210
- /* 🎨 style */
2211
- color: var(--blue) !important;
2212
- }
2213
-
2214
- .color-red {
2215
- /* 🎨 style */
2216
- color: var(--red) !important;
2217
- }
2218
-
2219
- .color-red-bright {
2220
- /* 🎨 style */
2221
- color: var(--red-bright) !important;
2222
- }
2223
-
2224
- .color-red-bright-v2 {
2225
- /* 🎨 style */
2226
- color: var(--red-bright-v2) !important;
2227
- }
2228
-
2229
- .color-error {
2230
- /* 🎨 style */
2231
- color: var(--red-error) !important;
2232
- }
2233
-
2234
- .color-success {
2235
- /* 🎨 style */
2236
- color: var(--green-success) !important;
2237
- }
2238
-
2239
- .color-green {
2240
- /* 🎨 style */
2241
- color: var(--green-color) !important;
2242
- }
2243
- .dark-background .color-green.dark-v0, .dark-background-1 .color-green.dark-v0, .dark-mode .color-green.dark-v0 {
2244
- /* 🔥 override */
2245
- /* 🎨 style */
2246
- color: var(--green-color) !important;
2247
- }
2248
-
2249
- .color-green-1 {
2250
- /* 🎨 style */
2251
- color: var(--green-1) !important;
2252
- }
2253
-
2254
- .color-theme-color {
2255
- /* 🎨 style */
2256
- color: var(--theme-color) !important;
2257
- }
2258
-
2259
- .color-grey-color {
2260
- /* 🎨 style */
2261
- color: var(--grey-color) !important;
2262
- }
2263
-
2264
- .color-grey-shade {
2265
- /* 🎨 style */
2266
- color: var(--grey-shade) !important;
2267
- }
2268
- .dark-background .color-grey-shade.dark-v1, .dark-background-1 .color-grey-shade.dark-v1, .dark-mode .color-grey-shade.dark-v1 {
2269
- /* 🔥 override */
2270
- /* 🎨 style */
2271
- color: var(--grey) !important;
2272
- }
2273
-
2274
- .color-grey-shade-2 {
2275
- /* 🎨 style */
2276
- color: var(--grey-shade-2) !important;
2277
- }
2278
-
2279
- .color-grey-shade-3 {
2280
- /* 🎨 style */
2281
- color: var(--grey-shade-3) !important;
2282
- }
2283
-
2284
- .color-grey-v2 {
2285
- /* 🎨 style */
2286
- color: var(--grey-shade-4) !important;
2287
- }
2288
- .dark-background .color-grey-v2.grey-v1, .dark-background-1 .color-grey-v2.grey-v1, .dark-mode .color-grey-v2.grey-v1 {
2289
- /* 🔥 override */
2290
- /* 🎨 style */
2291
- color: var(--grey-shade-3) !important;
2292
- }
2293
-
2294
- .color-yellow {
2295
- /* 🎨 style */
2296
- color: var(--yellow-gold) !important;
2297
- }
2298
-
2299
- .color-black {
2300
- /* 🎨 style */
2301
- color: var(--black) !important;
2302
- }
2303
-
2304
- .color-dark {
2305
- /* 🎨 style */
2306
- color: var(--dark) !important;
2307
- }
2308
-
2309
- .color-grey {
2310
- /* 🎨 style */
2311
- color: var(--grey) !important;
2312
- }
2313
- .dark-background .color-grey, .dark-background-1 .color-grey, .dark-mode .color-grey {
2314
- /* 🔥 override */
2315
- /* 🎨 style */
2316
- color: var(--grey-shade-2) !important;
2317
- }
2318
- .dark-background .color-grey.dark-white-v1, .dark-background-1 .color-grey.dark-white-v1, .dark-mode .color-grey.dark-white-v1 {
2319
- /* 🔥 override */
2320
- /* 🎨 style */
2321
- color: var(--white) !important;
2322
- }
2323
- .dark-background .color-grey.dark-white-v3, .dark-background-1 .color-grey.dark-white-v3, .dark-mode .color-grey.dark-white-v3 {
2324
- /* 🔥 override */
2325
- /* 🎨 style */
2326
- color: var(--white-3) !important;
2327
- }
2328
- .dark-background .color-grey.grey-v1, .dark-background-1 .color-grey.grey-v1, .dark-mode .color-grey.grey-v1 {
2329
- /* 🔥 override */
2330
- /* 🎨 style */
2331
- color: var(--grey-shade) !important;
2332
- }
2333
- .dark-background .color-grey.dark-v1, .dark-background-1 .color-grey.dark-v1, .dark-mode .color-grey.dark-v1 {
2334
- /* 🔥 override */
2335
- /* 🎨 style */
2336
- color: var(--grey) !important;
2337
- }
2338
-
2339
- .color-background-surface {
2340
- /* 🎨 style */
2341
- color: var(--background-surface) !important;
2342
- }
2343
-
2344
- .color-black-2 {
2345
- /* 🎨 style */
2346
- color: var(--dark-theme) !important;
2347
- }
2348
- .dark-background .color-black-2, .dark-background-1 .color-black-2, .dark-mode .color-black-2 {
2349
- /* 🔥 override */
2350
- /* 🎨 style */
2351
- color: var(--white) !important;
2352
- }
2353
- .dark-background .color-black-2.grey-v1, .dark-background-1 .color-black-2.grey-v1, .dark-mode .color-black-2.grey-v1 {
2354
- /* 🔥 override */
2355
- /* 🎨 style */
2356
- color: var(--grey-shade) !important;
2357
- }
2358
- .dark-background .color-black-2.white-v1, .dark-background-1 .color-black-2.white-v1, .dark-mode .color-black-2.white-v1 {
2359
- /* 🔥 override */
2360
- /* 🎨 style */
2361
- color: var(--grey-color) !important;
2362
- }
2363
-
2364
- .color-black-3 {
2365
- /* 🎨 style */
2366
- color: var(--dark-theme-1) !important;
2367
- }
2368
- .dark-background .color-black-3, .dark-background-1 .color-black-3, .dark-mode .color-black-3 {
2369
- /* 🔥 override */
2370
- /* 🎨 style */
2371
- color: var(--white) !important;
2372
- }
2373
- .dark-background .color-black-3.dark-v1, .dark-background-1 .color-black-3.dark-v1, .dark-mode .color-black-3.dark-v1 {
2374
- /* 🔥 override */
2375
- /* 🎨 style */
2376
- color: var(--grey-shade) !important;
2377
- }
2378
-
2379
- .color-dark-theme-1-shade {
2380
- /* 🎨 style */
2381
- color: var(--dark-theme-1-shade) !important;
2382
- }
2383
-
2384
- .color-dark-theme-1-2-shade {
2385
- /* 🎨 style */
2386
- color: var(--dark-theme-1-2-shade) !important;
2387
- }
2388
-
2389
- .color-dark-theme-1-3-shade {
2390
- /* 🎨 style */
2391
- color: var(--dark-theme-1-3-shade) !important;
2392
- }
2393
-
2394
- .color-dark-theme-1-4-shade {
2395
- /* 🎨 style */
2396
- color: var(--dark-theme-1-4-shade) !important;
2397
- }
2398
-
2399
- .color-dark-theme-1-7-shade {
2400
- /* 🎨 style */
2401
- color: var(--dark-theme-1-7-shade) !important;
2402
- }
2403
-
2404
- .color-dark-theme-1-5-shade {
2405
- /* 🎨 style */
2406
- color: var(--dark-theme-1-5-shade) !important;
2407
- }
2408
-
2409
- .color-dark-theme-1-6-shade {
2410
- /* 🎨 style */
2411
- color: var(--dark-theme-1-6-shade) !important;
2412
- }
2413
-
2414
- .color-dark-theme-1-5-shade-o-0-2 {
2415
- /* 🎨 style */
2416
- color: var(--dark-theme-1-5-shade-o-0-2) !important;
2417
- }
2418
-
2419
- .color-dark-theme-1-5-shade-o-0-5 {
2420
- /* 🎨 style */
2421
- color: var(--dark-theme-1-5-shade-o-0-5) !important;
2422
- }
2423
-
2424
- .color-blue-green-gradient {
2425
- /* 🎨 style */
2426
- background: -webkit-linear-gradient rgb(0, 255, 117), rgb(0, 163, 255);
2427
- background-clip: text;
2428
- -webkit-background-clip: text;
2429
- -webkit-text-fill-color: transparent;
2430
- }
2431
-
2432
- .hover-color-primary:hover {
2433
- /* 🎨 style */
2434
- color: var(--primary) !important;
2435
- }
2436
-
2437
- /*
2438
- ╭──────────────────────────────────────────────────────────────────────────────────╮
2439
- │ 📌 FONT EXTRA STYLES │
2440
- ╰──────────────────────────────────────────────────────────────────────────────────╯
2441
- */
2442
- .no-wrap {
2443
- white-space: nowrap;
2444
- }
2445
-
2446
- .underline {
2447
- text-decoration: underline !important;
2448
- }
2449
-
2450
- .bold {
2451
- font-style: normal;
2452
- font-weight: bold;
2453
- }
2454
-
2455
- .not-bold {
2456
- font-weight: normal;
2457
- }
2458
-
2459
- .lowercase {
2460
- text-transform: lowercase;
2461
- }
2462
-
2463
- .uppercase {
2464
- text-transform: uppercase;
2465
- }
2466
-
2467
- .capitalize {
2468
- text-transform: capitalize;
2469
- }
2470
-
2471
- .text-center {
2472
- text-align: center;
2473
- text-align: -webkit-center;
2474
- text-align: -moz-center;
2475
- }
2476
-
2477
- .text-left {
2478
- text-align: left;
2479
- text-align: -webkit-left;
2480
- text-align: -moz-left;
2481
- }
2482
-
2483
- .text-right {
2484
- text-align: right;
2485
- text-align: -webkit-right;
2486
- text-align: -moz-right;
2487
- }
2488
-
2489
- .place-center {
2490
- place-self: center;
2491
- }
2492
-
2493
- .cursor-pointer {
2494
- cursor: pointer;
2495
- }
2496
-
2497
- .cursor-not-allowed {
2498
- cursor: not-allowed !important;
2499
- }
2500
-
2501
- .display-none {
2502
- display: none !important;
2503
- }
2504
-
2505
- .display-unset {
2506
- display: unset !important;
2507
- }
2508
-
2509
- .visibility-none {
2510
- visibility: hidden;
2511
- }
2512
-
2513
- .opacity-0-4 {
2514
- opacity: 0.4;
2515
- }
2516
-
2517
- /* #region ➤ [MAIN] [BUTTONS] Website Layout */
2518
- /*
2519
- ╭──────────────────────────────────────────────────────────────────╮
2520
- │ 📌 BUTTON STYLES │
2521
- ╰──────────────────────────────────────────────────────────────────╯
2522
- */
2523
- button {
2524
- /* 🎨 style */
2525
- outline: none !important;
2526
- border: none !important;
2527
- opacity: 1;
2528
- cursor: pointer;
2529
- transition: all 0.3s ease;
2530
- align-items: center;
2531
- white-space: nowrap;
2532
- display: flex;
2533
- justify-content: center;
2534
- /*
2535
- ╭──────────────────────────────────────────────────────────────────╮
2536
- │ 📌 EXTRA BUTTON STYLES │
2537
- ╰──────────────────────────────────────────────────────────────────╯
2538
- */
2539
- }
2540
- button:disabled {
2541
- cursor: default;
2542
- }
2543
- button.btn-primary {
2544
- /* 🎨 style */
2545
- background: var(--primary);
2546
- }
2547
- button.btn-primary p {
2548
- /* 🎨 style */
2549
- color: var(--white);
2550
- }
2551
- button.btn-secondary {
2552
- /* 🎨 style */
2553
- background: var(--secondary);
2554
- }
2555
- button.btn-secondary p {
2556
- /* 🎨 style */
2557
- color: var(--white);
2558
- }
2559
- button.btn-blue {
2560
- /* 🎨 style */
2561
- background-color: var(--blue);
2562
- }
2563
- button.btn-blue p {
2564
- /* 🎨 style */
2565
- color: var(--white);
2566
- }
2567
- button.btn-blue:hover {
2568
- /* 🎨 style */
2569
- background-color: var(--white);
2570
- }
2571
- button.btn-blue:hover p {
2572
- /* 🎨 style */
2573
- color: var(--secondary);
2574
- }
2575
- button.btn-white {
2576
- /* 🎨 style */
2577
- background-color: var(--white);
2578
- }
2579
- button.btn-white p {
2580
- /* 🎨 style */
2581
- color: var(--black);
2582
- }
2583
- button.btn-primary-v2 {
2584
- /* 🎨 style */
2585
- height: 44px;
2586
- padding: 11.5px 24px;
2587
- background: var(--primary);
2588
- border-radius: 8px;
2589
- color: var(--white);
2590
- }
2591
- button.btn-primary-v2:hover {
2592
- /* 🎨 style */
2593
- background-color: var(--primary-fade);
2594
- }
2595
- button.btn-hollow {
2596
- /* 🎨 style */
2597
- height: 44px;
2598
- padding: 11.5px 20px;
2599
- background: transparent;
2600
- border: 1px solid var(--grey-color) !important;
2601
- border-radius: 8px;
2602
- color: var(--dark-theme);
2603
- /*
2604
- Variant (2)
2605
- */
2606
- /*
2607
- Variant (3)
2608
- */
2609
- /*
2610
- Variant (4)
2611
- */
2612
- /*
2613
- Variant (6)
2614
- */
2615
- }
2616
- button.btn-hollow:hover {
2617
- /* 🎨 style */
2618
- border: 1px solid var(--primary) !important;
2619
- color: var(--primary);
2620
- }
2621
- button.btn-hollow.danger {
2622
- /* 🎨 style */
2623
- border: 1px solid var(--red) !important;
2624
- }
2625
- button.btn-hollow.cta {
2626
- /* 🎨 style */
2627
- border: 1px solid var(--primary) !important;
2628
- }
2629
- button.btn-hollow.cta:hover {
2630
- /* 🎨 style */
2631
- background-color: var(--primary);
2632
- color: var(--white) !important;
2633
- }
2634
- button.btn-hollow.v4:hover {
2635
- /* 🎨 style */
2636
- border: 1px solid var(--grey-shade) !important;
2637
- color: initial;
2638
- }
2639
- button.btn-hollow.v6 {
2640
- /* 🎨 style */
2641
- background: #292929;
2642
- height: 44px;
2643
- padding: 12px 24px 11px 24px;
2644
- border-radius: 8px;
2645
- border: 1px;
2646
- gap: 10px;
2647
- }
2648
- .dark-background button.btn-hollow.v6, .dark-background-1 button.btn-hollow.v6, .dark-mode button.btn-hollow.v6 {
2649
- /* 🎨 style */
2650
- border: 1px solid #FFFFFF;
2651
- }
2652
- .dark-background button.btn-hollow.v2, .dark-background-1 button.btn-hollow.v2, .dark-mode button.btn-hollow.v2 {
2653
- /* 🎨 style */
2654
- border: 1px solid var(--dark-theme-1) !important;
2655
- }
2656
- .dark-background button.btn-hollow.v3d, .dark-background-1 button.btn-hollow.v3d, .dark-mode button.btn-hollow.v3d {
2657
- /* 🎨 style */
2658
- border: 1px solid var(--grey) !important;
2659
- }
2660
- .dark-background button.btn-hollow.v3d:hover, .dark-background-1 button.btn-hollow.v3d:hover, .dark-mode button.btn-hollow.v3d:hover {
2661
- /* 🎨 style */
2662
- border: 1px solid var(--grey-shade) !important;
2663
- }
2664
- .dark-background button.btn-hollow.v5d, .dark-background-1 button.btn-hollow.v5d, .dark-mode button.btn-hollow.v5d {
2665
- /* 🎨 style */
2666
- border: 1px solid var(--dark-theme-1-shade) !important;
2667
- }
2668
- button.btn-dark {
2669
- /* 🎨 style */
2670
- padding: 10px 17px;
2671
- border-radius: 12px;
2672
- background-color: var(--grey-color);
2673
- }
2674
- button.btn-dark:hover {
2675
- /* 🎨 style */
2676
- background-color: var(--white-3);
2677
- }
2678
- .dark-background button.btn-dark, .dark-background-1 button.btn-dark, .dark-mode button.btn-dark {
2679
- /* 🎨 style */
2680
- background-color: var(--dark-theme-1-4-shade);
2681
- }
2682
- .dark-background button.btn-dark:hover, .dark-background-1 button.btn-dark:hover, .dark-mode button.btn-dark:hover {
2683
- /* 🎨 style */
2684
- background-color: var(--dark-theme);
2685
- }
2686
- button.btn-right-icon {
2687
- /* 🎨 style */
2688
- padding: 5px 45px 5px 6px !important;
2689
- background-position: right 11px top 50%;
2690
- background-size: 16.17px 16.17px;
2691
- background-repeat: no-repeat;
2692
- }
2693
- button.btn-left-icon {
2694
- /* 🎨 style */
2695
- padding: 5px 6px 5px 37px !important;
2696
- background-position: left 11px top 50%;
2697
- background-size: 16.17px 16.17px;
2698
- background-repeat: no-repeat;
2699
- }
2700
- button.btn-shadow-1 {
2701
- /* 🎨 style */
2702
- box-shadow: 0px 3px 8px 0px rgba(212, 84, 12, 0.32);
2703
- }
2704
-
2705
- /* #endregion ➤ [MAIN] [BUTTONS] Website Layout */
2706
- /* #region ➤ [MAIN] [CONTAINERS] Website Layout */
2707
- .widget-component {
2708
- display: grid;
2709
- background: #ffffff;
2710
- box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
2711
- border-radius: 12px;
2712
- width: 100%;
2713
- padding: 20px 0;
2714
- overflow: hidden;
2715
- }
2716
- .dark-background .widget-component, .dark-mode .widget-component {
2717
- /* 🎨 style */
2718
- background-color: var(--dark-theme-1) !important;
2719
- }
2720
-
2721
- .container {
2722
- display: block;
2723
- position: relative;
2724
- padding-left: 20px;
2725
- cursor: pointer;
2726
- font-size: 22px;
2727
- -webkit-user-select: none;
2728
- -moz-user-select: none;
2729
- -ms-user-select: none;
2730
- user-select: none;
2731
- }
2732
- .container input {
2733
- position: absolute;
2734
- opacity: 0;
2735
- cursor: pointer;
2736
- height: 1px;
2737
- width: 1px;
2738
- }
2739
- .container input:checked ~ .checkmark {
2740
- background-color: var(--primary);
2741
- border: 1.5px solid transparent;
2742
- }
2743
-
2744
- section {
2745
- min-height: calc(100vh - 128px);
2746
- padding: 22px 16px;
2747
- padding-bottom: 100px !important;
2748
- margin: auto;
2749
- }
2750
- @media only screen and (min-width: 768px) {
2751
- section {
2752
- padding: 26px 34px;
2753
- margin: auto;
2754
- }
2755
- }
2756
- @media only screen and (min-width: 1025px) {
2757
- section {
2758
- padding: 26px 34px;
2759
- margin: auto;
2760
- }
2761
- }
2762
-
2763
- .flex-start {
2764
- align-items: flex-start !important;
2765
- }
2766
-
2767
- .row-space-out {
2768
- /* 🎨 style */
2769
- display: flex;
2770
- align-items: center;
2771
- align-content: center;
2772
- width: 100%;
2773
- flex-direction: row;
2774
- flex-wrap: nowrap;
2775
- justify-content: space-between;
2776
- }
2777
- .row-space-even {
2778
- /* 🎨 style */
2779
- display: flex;
2780
- align-items: center;
2781
- align-content: center;
2782
- width: 100%;
2783
- flex-direction: row;
2784
- flex-wrap: nowrap;
2785
- justify-content: space-evenly;
2786
- }
2787
- .row-space-start {
2788
- /* 🎨 style */
2789
- display: flex;
2790
- align-items: center;
2791
- align-content: center;
2792
- width: 100%;
2793
- flex-direction: row;
2794
- flex-wrap: nowrap;
2795
- justify-content: start;
2796
- }
2797
- .row-space-out-top {
2798
- /* 🎨 style */
2799
- display: flex;
2800
- align-items: center;
2801
- align-content: center;
2802
- width: 100%;
2803
- flex-direction: row;
2804
- flex-wrap: nowrap;
2805
- align-items: flex-start;
2806
- justify-content: space-between;
2807
- }
2808
- .row-space-center {
2809
- /* 🎨 style */
2810
- display: flex;
2811
- align-items: center;
2812
- align-content: center;
2813
- width: 100%;
2814
- flex-direction: row;
2815
- flex-wrap: nowrap;
2816
- justify-content: center;
2817
- }
2818
- .row-space-end {
2819
- /* 🎨 style */
2820
- display: flex;
2821
- align-items: center;
2822
- align-content: center;
2823
- width: 100%;
2824
- flex-direction: row;
2825
- flex-wrap: nowrap;
2826
- justify-content: end;
2827
- }
2828
-
2829
- .column-space-center {
2830
- display: flex;
2831
- align-items: center;
2832
- align-content: center;
2833
- justify-content: center;
2834
- width: 100%;
2835
- flex-direction: column;
2836
- flex-wrap: nowrap;
2837
- }
2838
- .column-space-start {
2839
- display: flex;
2840
- align-items: center;
2841
- align-content: center;
2842
- justify-content: flex-start;
2843
- width: 100%;
2844
- flex-direction: column;
2845
- flex-wrap: nowrap;
2846
- }
2847
- .column-space-stretch {
2848
- display: flex;
2849
- align-content: center;
2850
- width: 100%;
2851
- flex-direction: column;
2852
- flex-wrap: nowrap;
2853
- align-items: stretch;
2854
- justify-content: center;
2855
- }
2856
- .column-start-grid {
2857
- display: grid;
2858
- justify-content: center;
2859
- }
2860
- .column-start-grid-start {
2861
- display: grid;
2862
- width: 100%;
2863
- justify-items: start;
2864
- }
2865
-
2866
- /* #endregion ➤ [MAIN] [CONTAINERS] Website Layout */
2867
- hr {
2868
- /* 🎨 style */
2869
- width: 100%;
2870
- margin: 16.17px 0;
2871
- opacity: 0.25;
2872
- border: 1.46983px solid #ff5555;
2873
- background-color: #ff5555;
2874
- }
2875
-
2876
- form fieldset {
2877
- /* 🎨 style */
2878
- outline: none;
2879
- border: none;
2880
- padding: 0;
2881
- margin: 0;
2882
- }
2883
- form input, form select {
2884
- /* 🎨 style */
2885
- outline: none;
2886
- border: none;
2887
- opacity: 1;
2888
- cursor: text;
2889
- align-items: center;
2890
- text-align: start;
2891
- display: flex;
2892
- transition: all 0.15s ease;
2893
- /* background: #ffffff; */
2894
- /* border: 0.5px solid #37474f; */
2895
- box-sizing: border-box;
2896
- border-radius: 7.34914px;
2897
- padding: 7px;
2898
- background-color: transparent;
2899
- border: 1px solid var(--gray-day, #CCC);
2900
- }
2901
- form input {
2902
- /* 🎨 style */
2903
- height: 44px;
2904
- width: -webkit-fill-available;
2905
- width: -moz-available;
2906
- border: 1px solid var(--grey-shade);
2907
- box-sizing: border-box;
2908
- border-radius: 8px;
2909
- padding: 20px 12px;
2910
- outline: none;
2911
- font-size: 14px;
2912
- background-color: transparent;
2913
- }
2914
- form input:hover {
2915
- /* 🎨 style */
2916
- border: 1px solid var(--grey);
2917
- }
2918
- form input:focus {
2919
- /* 🎨 style */
2920
- border: 1px solid var(--dark-theme-1);
2921
- }
2922
- form input[placeholder] {
2923
- /* 🎨 style */
2924
- overflow: hidden;
2925
- white-space: nowrap;
2926
- text-overflow: ellipsis;
2927
- }
2928
- form input.v-1 {
2929
- /* 🎨 style */
2930
- width: 20px;
2931
- height: 20px;
2932
- border: 1px solid #CCCCCC;
2933
- accent-color: var(--primary);
2934
- }
2935
- .dark-background-1 form input, .dark-mode form input {
2936
- border: 1px solid var(--dark-theme-1-2-shade);
2937
- }
2938
- .dark-background-1 form input:hover, .dark-mode form input:hover {
2939
- /* 🎨 style */
2940
- border: 1px solid var(--dark-theme-1-3-shade);
2941
- }
2942
- .dark-background-1 form input:focus, .dark-mode form input:focus {
2943
- /* 🎨 style */
2944
- border: 1px solid var(--dark-theme-1-3-shade);
2945
- }
2946
-
2947
- .width-auto {
2948
- width: auto;
2949
- }
2950
-
2951
- .width-fit-content {
2952
- width: fit-content;
2953
- }
2954
-
2955
- .width-100 {
2956
- width: 100%;
2957
- }
2958
-
2959
- img.google-aspect-ratio {
2960
- /* 🎨 style */
2961
- /* width: auto; */
2962
- /* max-height: 100%; */
2963
- object-fit: contain;
2964
- }
2965
-
2966
- .checkmark {
2967
- position: absolute;
2968
- top: -10px;
2969
- left: 0;
2970
- height: 20px;
2971
- width: 20px;
2972
- background-color: transparent;
2973
- border: 1.5px solid #A9B8AE;
2974
- border-radius: 3.25px;
2975
- }
2976
-
2977
- /*
2978
- ╭──────────────────────────────────────────────────────────────────╮
2979
- │ 📌 POSITIONS │
2980
- ╰──────────────────────────────────────────────────────────────────╯
2981
- */
2982
- .box-center {
2983
- /* 📌 position */
2984
- position: absolute;
2985
- top: 0;
2986
- bottom: 0;
2987
- right: 0;
2988
- left: 0;
2989
- margin: auto;
2990
- }
2991
-
2992
- .mutated {
2993
- /* 🎨 style */
2994
- border: 1px solid #F00;
2995
- }
2996
-
2997
- /*
2998
- ◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
2999
- ◼️ DARK-THEME :: GENERAL ◼️
3000
- ◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
3001
- */
3002
- .dark-background {
3003
- /* 🎨 style */
3004
- background-color: var(--dark-theme) !important;
3005
- }
3006
-
3007
- .dark-background-1 {
3008
- /* 🎨 style */
3009
- background-color: var(--dark-theme-1) !important;
3010
- }
3011
-
3012
- /*
3013
- ◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
3014
- ◼️ DARK-THEME :: OTHER ◼️
3015
- ◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️◼️
3016
- */
3017
- .dark-background .hover-color-primary:hover,
3018
- .dark-background-1 .hover-color-primary:hover,
3019
- .dark-mode .hover-color-primary:hover {
3020
- /* 🎨 style */
3021
- color: var(--primary) !important;
3022
- }
3023
-
3024
- /*# sourceMappingURL=app.css.map */