@asantemedia-org/edwardsvacuum-design-system 1.1.8 → 1.1.9

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/index.css ADDED
@@ -0,0 +1,3329 @@
1
+ @keyframes loading {
2
+ 0% {
3
+ transform: skewX(-10deg) translateX(-100%);
4
+ }
5
+ 100% {
6
+ transform: skewX(-10deg) translateX(200%);
7
+ }
8
+ }
9
+
10
+ .cmpAlgoliaDynamicSearchWidget {
11
+ position: relative;
12
+ padding: 2rem 1rem;
13
+ }
14
+ @media (min-width: 768px) {
15
+ .cmpAlgoliaDynamicSearchWidget {
16
+ padding: 4rem 1rem;
17
+ }
18
+ }
19
+ .cmpAlgoliaDynamicSearchWidget.isLoading .cmpAlgoliaDynamicSearchWidget__placeholder {
20
+ opacity: 1;
21
+ z-index: 1;
22
+ }
23
+ .cmpAlgoliaDynamicSearchWidget.isLoading .cmpAlgoliaDynamicSearchWidget__container {
24
+ opacity: 0;
25
+ z-index: -1;
26
+ }
27
+ .cmpAlgoliaDynamicSearchWidget__container {
28
+ margin-left: auto;
29
+ margin-right: auto;
30
+ display: flex;
31
+ flex-direction: column;
32
+ gap: 3rem;
33
+ z-index: 1;
34
+ transition: opacity 0.5s;
35
+ }
36
+ @media (min-width: 961px) {
37
+ .cmpAlgoliaDynamicSearchWidget__container {
38
+ width: 80vw;
39
+ max-width: 1280px;
40
+ }
41
+ }
42
+ .cmpAlgoliaDynamicSearchWidget__header {
43
+ display: flex;
44
+ flex-direction: column;
45
+ gap: 1.5rem;
46
+ }
47
+ @media screen and (min-width: 768px) {
48
+ .cmpAlgoliaDynamicSearchWidget__header {
49
+ flex-direction: row;
50
+ justify-content: space-between;
51
+ align-items: flex-start;
52
+ }
53
+ }
54
+ .cmpAlgoliaDynamicSearchWidget__header h1, .cmpAlgoliaDynamicSearchWidget__header h2, .cmpAlgoliaDynamicSearchWidget__header h3, .cmpAlgoliaDynamicSearchWidget__header h4, .cmpAlgoliaDynamicSearchWidget__header h5, .cmpAlgoliaDynamicSearchWidget__header h6, .cmpAlgoliaDynamicSearchWidget__header p {
55
+ margin: 0;
56
+ color: #2d363a;
57
+ }
58
+ .cmpAlgoliaDynamicSearchWidget__header__text {
59
+ display: flex;
60
+ flex-direction: column;
61
+ gap: 1rem;
62
+ }
63
+ @media screen and (min-width: 768px) {
64
+ .cmpAlgoliaDynamicSearchWidget__header__text {
65
+ max-width: 75%;
66
+ }
67
+ }
68
+ .cmpAlgoliaDynamicSearchWidget__cards {
69
+ display: grid;
70
+ gap: 1rem;
71
+ grid-template-columns: 1fr;
72
+ }
73
+ @media (min-width: 768px) {
74
+ .cmpAlgoliaDynamicSearchWidget__cards {
75
+ grid-template-columns: repeat(2, 1fr);
76
+ }
77
+ }
78
+ @media (min-width: 961px) {
79
+ .cmpAlgoliaDynamicSearchWidget__cards {
80
+ grid-template-columns: repeat(3, 1fr);
81
+ }
82
+ }
83
+ .cmpAlgoliaDynamicSearchWidget.isQueryContent .cmpAlgoliaDynamicSearchWidget__cards {
84
+ grid-template-columns: repeat(2, 1fr);
85
+ }
86
+ @media (min-width: 961px) {
87
+ .cmpAlgoliaDynamicSearchWidget.isQueryContent .cmpAlgoliaDynamicSearchWidget__cards {
88
+ grid-template-columns: repeat(4, 1fr);
89
+ }
90
+ }
91
+ .cmpAlgoliaDynamicSearchWidget.hasStyleSilverGradientBackground {
92
+ background: linear-gradient(45deg, rgb(250, 250, 250), rgb(212, 214, 215));
93
+ }
94
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground {
95
+ background: #2d363a;
96
+ }
97
+ .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h1, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h2, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h3, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h4, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h5, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h6, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text p {
98
+ color: white;
99
+ }
100
+
101
+ .cmpAlgoliaDynamicSearchWidget__placeholder {
102
+ opacity: 0;
103
+ position: absolute;
104
+ top: 0;
105
+ left: 0;
106
+ width: 100%;
107
+ height: 100%;
108
+ min-height: 500px;
109
+ z-index: -1;
110
+ background-color: rgb(212, 214, 215);
111
+ transition: opacity 0.5s;
112
+ }
113
+ .cmpAlgoliaDynamicSearchWidget__placeholder__loading::before {
114
+ content: "";
115
+ position: absolute;
116
+ background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
117
+ width: 50%;
118
+ height: 100%;
119
+ top: 0;
120
+ left: 0;
121
+ animation: loading 1s infinite;
122
+ }
123
+ @keyframes algolia-dynamic-search-module__loading___Hb3Uw {
124
+ 0% {
125
+ transform: skewX(-10deg) translateX(-100%);
126
+ }
127
+ 100% {
128
+ transform: skewX(-10deg) translateX(200%);
129
+ }
130
+ }
131
+
132
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc {
133
+ position: relative;
134
+ padding: 2rem 1rem;
135
+ }
136
+ @media (min-width: 768px) {
137
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc {
138
+ padding: 4rem 1rem;
139
+ }
140
+ }
141
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__isLoading___X6nUw .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__placeholder___IWqoU {
142
+ opacity: 1;
143
+ z-index: 1;
144
+ }
145
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__isLoading___X6nUw .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__container___HB7g0 {
146
+ opacity: 0;
147
+ z-index: -1;
148
+ }
149
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__container___HB7g0 {
150
+ margin-left: auto;
151
+ margin-right: auto;
152
+ display: flex;
153
+ flex-direction: column;
154
+ gap: 3rem;
155
+ z-index: 1;
156
+ transition: opacity 0.5s;
157
+ }
158
+ @media (min-width: 961px) {
159
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__container___HB7g0 {
160
+ width: 80vw;
161
+ max-width: 1280px;
162
+ }
163
+ }
164
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS {
165
+ display: flex;
166
+ flex-direction: column;
167
+ gap: 1.5rem;
168
+ }
169
+ @media screen and (min-width: 768px) {
170
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS {
171
+ flex-direction: row;
172
+ justify-content: space-between;
173
+ align-items: flex-start;
174
+ }
175
+ }
176
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h1, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h2, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h3, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h4, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h5, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h6, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS p {
177
+ margin: 0;
178
+ color: #2d363a;
179
+ }
180
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk {
181
+ display: flex;
182
+ flex-direction: column;
183
+ gap: 1rem;
184
+ }
185
+ @media screen and (min-width: 768px) {
186
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk {
187
+ max-width: 75%;
188
+ }
189
+ }
190
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__cards___wOPVj {
191
+ display: grid;
192
+ gap: 1rem;
193
+ grid-template-columns: 1fr;
194
+ }
195
+ @media (min-width: 768px) {
196
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__cards___wOPVj {
197
+ grid-template-columns: repeat(2, 1fr);
198
+ }
199
+ }
200
+ @media (min-width: 961px) {
201
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__cards___wOPVj {
202
+ grid-template-columns: repeat(3, 1fr);
203
+ }
204
+ }
205
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__isQueryContent___KXy6j .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__cards___wOPVj {
206
+ grid-template-columns: repeat(2, 1fr);
207
+ }
208
+ @media (min-width: 961px) {
209
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__isQueryContent___KXy6j .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__cards___wOPVj {
210
+ grid-template-columns: repeat(4, 1fr);
211
+ }
212
+ }
213
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleSilverGradientBackground___D3SQQ {
214
+ background: linear-gradient(45deg, rgb(250, 250, 250), rgb(212, 214, 215));
215
+ }
216
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH {
217
+ background: #2d363a;
218
+ }
219
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h1, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h2, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h3, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h4, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h5, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h6, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk p {
220
+ color: white;
221
+ }
222
+
223
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__placeholder___IWqoU {
224
+ opacity: 0;
225
+ position: absolute;
226
+ top: 0;
227
+ left: 0;
228
+ width: 100%;
229
+ height: 100%;
230
+ min-height: 500px;
231
+ z-index: -1;
232
+ background-color: rgb(212, 214, 215);
233
+ transition: opacity 0.5s;
234
+ }
235
+ .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__placeholder__loading___hbH4m::before {
236
+ content: "";
237
+ position: absolute;
238
+ background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
239
+ width: 50%;
240
+ height: 100%;
241
+ top: 0;
242
+ left: 0;
243
+ animation: algolia-dynamic-search-module__loading___Hb3Uw 1s infinite;
244
+ }
245
+ .red {
246
+ color: rgb(196, 38, 46);
247
+ }
248
+ .red-background {
249
+ background-color: rgb(196, 38, 46);
250
+ }
251
+
252
+ .red-dark {
253
+ color: rgb(135, 10, 32);
254
+ }
255
+ .red-dark-background {
256
+ background-color: rgb(135, 10, 32);
257
+ }
258
+
259
+ .grey {
260
+ color: #2d363a;
261
+ }
262
+ .grey-background {
263
+ background-color: #2d363a;
264
+ }
265
+
266
+ .grey80 {
267
+ color: rgb(87, 94, 97);
268
+ }
269
+ .grey80-background {
270
+ background-color: rgb(87, 94, 97);
271
+ }
272
+
273
+ .grey60 {
274
+ color: rgb(130, 134, 136);
275
+ }
276
+ .grey60-background {
277
+ background-color: rgb(130, 134, 136);
278
+ }
279
+
280
+ .grey40 {
281
+ color: rgb(172, 174, 176);
282
+ }
283
+ .grey40-background {
284
+ background-color: rgb(172, 174, 176);
285
+ }
286
+
287
+ .grey20 {
288
+ color: rgb(212, 214, 215);
289
+ }
290
+ .grey20-background {
291
+ background-color: rgb(212, 214, 215);
292
+ }
293
+
294
+ .grey05 {
295
+ color: rgb(250, 250, 250);
296
+ }
297
+ .grey05-background {
298
+ background-color: rgb(250, 250, 250);
299
+ }
300
+
301
+ .malachite {
302
+ color: rgb(22, 124, 119);
303
+ }
304
+ .malachite-background {
305
+ background-color: rgb(22, 124, 119);
306
+ }
307
+
308
+ .malachite-bright {
309
+ color: rgb(43, 157, 166);
310
+ }
311
+ .malachite-bright-background {
312
+ background-color: rgb(43, 157, 166);
313
+ }
314
+
315
+ .malachite-dark {
316
+ color: rgb(15, 85, 73);
317
+ }
318
+ .malachite-dark-background {
319
+ background-color: rgb(15, 85, 73);
320
+ }
321
+
322
+ .amethyst {
323
+ color: rgb(75, 63, 147);
324
+ }
325
+ .amethyst-background {
326
+ background-color: rgb(75, 63, 147);
327
+ }
328
+
329
+ .amethyst-bright {
330
+ color: rgb(106, 106, 204);
331
+ }
332
+ .amethyst-bright-background {
333
+ background-color: rgb(106, 106, 204);
334
+ }
335
+
336
+ .amethyst-dark {
337
+ color: rgb(57, 34, 78);
338
+ }
339
+ .amethyst-dark-background {
340
+ background-color: rgb(57, 34, 78);
341
+ }
342
+
343
+ .smokey-quartz {
344
+ color: rgb(174, 150, 6);
345
+ }
346
+ .smokey-quartz-background {
347
+ background-color: rgb(174, 150, 6);
348
+ }
349
+
350
+ .smokey-quartz-bright {
351
+ color: rgb(230, 186, 0);
352
+ }
353
+ .smokey-quartz-bright-background {
354
+ background-color: rgb(230, 186, 0);
355
+ }
356
+
357
+ .smokey-quartz-dark {
358
+ color: rgb(93, 83, 50);
359
+ }
360
+ .smokey-quartz-dark-background {
361
+ background-color: rgb(93, 83, 50);
362
+ }
363
+
364
+ .olivine {
365
+ color: rgb(103, 139, 59);
366
+ }
367
+ .olivine-background {
368
+ background-color: rgb(103, 139, 59);
369
+ }
370
+
371
+ .olivine-bright {
372
+ color: rgb(156, 183, 43);
373
+ }
374
+ .olivine-bright-background {
375
+ background-color: rgb(156, 183, 43);
376
+ }
377
+
378
+ .olivine-dark {
379
+ color: rgb(53, 63, 13);
380
+ }
381
+ .olivine-dark-background {
382
+ background-color: rgb(53, 63, 13);
383
+ }
384
+
385
+ .gradient-red-background {
386
+ background: linear-gradient(45deg, rgb(196, 38, 46), rgb(135, 10, 32));
387
+ color: rgb(255, 255, 255);
388
+ }
389
+
390
+ .silver-gradient-background {
391
+ background: linear-gradient(45deg, rgb(250, 250, 250), rgb(212, 214, 215));
392
+ }
393
+
394
+ .aluminum-gradient-background {
395
+ background: linear-gradient(45deg, rgb(212, 214, 215), rgb(172, 174, 176));
396
+ }
397
+
398
+ .mercury-gradient-background {
399
+ background: linear-gradient(45deg, rgb(172, 174, 176), rgb(130, 134, 136));
400
+ }
401
+
402
+ @font-face {
403
+ font-family: "Calibri";
404
+ src: url("/public/fonts/calibri.ttf") format("truetype");
405
+ }
406
+ @font-face {
407
+ font-family: "CalibriLight";
408
+ src: url("/public/fonts/calibri.ttf") format("truetype");
409
+ }
410
+ @font-face {
411
+ font-family: "CalibriBold";
412
+ src: url("/public/fonts/calibri.ttf") format("truetype");
413
+ }
414
+ .p-1 {
415
+ padding: 0.5rem;
416
+ }
417
+
418
+ .p-2 {
419
+ padding: 1rem;
420
+ }
421
+
422
+ .p-3 {
423
+ padding: 1.5rem;
424
+ }
425
+
426
+ .p-4 {
427
+ padding: 2rem;
428
+ }
429
+
430
+ .p-5 {
431
+ padding: 2.5rem;
432
+ }
433
+
434
+ .p-6 {
435
+ padding: 3rem;
436
+ }
437
+
438
+ .pt-1 {
439
+ padding-top: 0.5rem;
440
+ }
441
+
442
+ .pt-2 {
443
+ padding-top: 1rem;
444
+ }
445
+
446
+ .pt-3 {
447
+ padding-top: 1.5rem;
448
+ }
449
+
450
+ .pt-4 {
451
+ padding-top: 2rem;
452
+ }
453
+
454
+ .pt-5 {
455
+ padding-top: 2.5rem;
456
+ }
457
+
458
+ .pt-6 {
459
+ padding-top: 3rem;
460
+ }
461
+
462
+ .pb-1 {
463
+ padding-bottom: 0.5rem;
464
+ }
465
+
466
+ .pb-2 {
467
+ padding-bottom: 1rem;
468
+ }
469
+
470
+ .pb-3 {
471
+ padding-bottom: 1.5rem;
472
+ }
473
+
474
+ .pb-4 {
475
+ padding-bottom: 2rem;
476
+ }
477
+
478
+ .pb-5 {
479
+ padding-bottom: 2.5rem;
480
+ }
481
+
482
+ .pb-6 {
483
+ padding-bottom: 3rem;
484
+ }
485
+
486
+ .pl-1 {
487
+ padding-left: 0.5rem;
488
+ }
489
+
490
+ .pl-2 {
491
+ padding-left: 1rem;
492
+ }
493
+
494
+ .pl-3 {
495
+ padding-left: 1.5rem;
496
+ }
497
+
498
+ .pl-4 {
499
+ padding-left: 2rem;
500
+ }
501
+
502
+ .pl-5 {
503
+ padding-left: 2.5rem;
504
+ }
505
+
506
+ .pl-6 {
507
+ padding-left: 3rem;
508
+ }
509
+
510
+ .pr-1 {
511
+ padding-right: 0.5rem;
512
+ }
513
+
514
+ .pr-2 {
515
+ padding-right: 1rem;
516
+ }
517
+
518
+ .pr-3 {
519
+ padding-right: 1.5rem;
520
+ }
521
+
522
+ .pr-4 {
523
+ padding-right: 2rem;
524
+ }
525
+
526
+ .pr-5 {
527
+ padding-right: 2.5rem;
528
+ }
529
+
530
+ @media screen and (min-width: 768px) {
531
+ .pt-1 {
532
+ padding-top: 1rem;
533
+ }
534
+ .pt-2 {
535
+ padding-top: 2rem;
536
+ }
537
+ .pt-3 {
538
+ padding-top: 3rem;
539
+ }
540
+ .pt-4 {
541
+ padding-top: 4rem;
542
+ }
543
+ .pt-5 {
544
+ padding-top: 5rem;
545
+ }
546
+ .pt-6 {
547
+ padding-top: 6rem;
548
+ }
549
+ .pb-1 {
550
+ padding-bottom: 1rem;
551
+ }
552
+ .pb-2 {
553
+ padding-bottom: 2rem;
554
+ }
555
+ .pb-3 {
556
+ padding-bottom: 3rem;
557
+ }
558
+ .pb-4 {
559
+ padding-bottom: 4rem;
560
+ }
561
+ .pb-5 {
562
+ padding-bottom: 5rem;
563
+ }
564
+ .pb-6 {
565
+ padding-bottom: 6rem;
566
+ }
567
+ .pl-1 {
568
+ padding-left: 1rem;
569
+ }
570
+ .pl-2 {
571
+ padding-left: 2rem;
572
+ }
573
+ .pl-3 {
574
+ padding-left: 3rem;
575
+ }
576
+ .pl-4 {
577
+ padding-left: 4rem;
578
+ }
579
+ .pl-5 {
580
+ padding-left: 5rem;
581
+ }
582
+ .pl-6 {
583
+ padding-left: 6rem;
584
+ }
585
+ .pr-1 {
586
+ padding-right: 1rem;
587
+ }
588
+ .pr-2 {
589
+ padding-right: 2rem;
590
+ }
591
+ .pr-3 {
592
+ padding-right: 3rem;
593
+ }
594
+ .pr-4 {
595
+ padding-right: 4rem;
596
+ }
597
+ .pr-5 {
598
+ padding-right: 5rem;
599
+ }
600
+ .pr-6 {
601
+ padding-right: 6rem;
602
+ }
603
+ .p-1 {
604
+ padding: 1rem;
605
+ }
606
+ .p-2 {
607
+ padding: 2rem;
608
+ }
609
+ .p-3 {
610
+ padding: 3rem;
611
+ }
612
+ .p-4 {
613
+ padding: 4rem;
614
+ }
615
+ .p-5 {
616
+ padding: 5rem;
617
+ }
618
+ .p-6 {
619
+ padding: 6rem;
620
+ }
621
+ }
622
+ .mt-1 {
623
+ margin-top: 1rem;
624
+ }
625
+
626
+ .mt-2 {
627
+ margin-top: 2rem;
628
+ }
629
+
630
+ .mt-3 {
631
+ margin-top: 3rem;
632
+ }
633
+
634
+ .mt-4 {
635
+ margin-top: 4rem;
636
+ }
637
+
638
+ .mt-5 {
639
+ margin-top: 5rem;
640
+ }
641
+
642
+ .mt-6 {
643
+ margin-top: 6rem;
644
+ }
645
+
646
+ .mb-1 {
647
+ margin-bottom: 1rem;
648
+ }
649
+
650
+ .mb-2 {
651
+ margin-bottom: 2rem;
652
+ }
653
+
654
+ .mb-3 {
655
+ margin-bottom: 3rem;
656
+ }
657
+
658
+ .mb-4 {
659
+ margin-bottom: 4rem;
660
+ }
661
+
662
+ .mb-5 {
663
+ margin-bottom: 5rem;
664
+ }
665
+
666
+ .mb-6 {
667
+ margin-bottom: 6rem;
668
+ }
669
+
670
+ .ml-1 {
671
+ margin-left: 1rem;
672
+ }
673
+
674
+ .ml-2 {
675
+ margin-left: 2rem;
676
+ }
677
+
678
+ .ml-3 {
679
+ margin-left: 3rem;
680
+ }
681
+
682
+ .ml-4 {
683
+ margin-left: 4rem;
684
+ }
685
+
686
+ .ml-5 {
687
+ margin-left: 5rem;
688
+ }
689
+
690
+ .ml-6 {
691
+ margin-left: 6rem;
692
+ }
693
+
694
+ .mr-1 {
695
+ margin-right: 1rem;
696
+ }
697
+
698
+ .mr-2 {
699
+ margin-right: 2rem;
700
+ }
701
+
702
+ .mr-3 {
703
+ margin-right: 3rem;
704
+ }
705
+
706
+ .mr-4 {
707
+ margin-right: 4rem;
708
+ }
709
+
710
+ .mr-5 {
711
+ margin-right: 5rem;
712
+ }
713
+
714
+ .mr-6 {
715
+ margin-right: 6rem;
716
+ }
717
+
718
+ .m-1 {
719
+ margin: 1rem;
720
+ }
721
+
722
+ .m-2 {
723
+ margin: 2rem;
724
+ }
725
+
726
+ .m-3 {
727
+ margin: 3rem;
728
+ }
729
+
730
+ .m-4 {
731
+ margin: 4rem;
732
+ }
733
+
734
+ .m-5 {
735
+ margin: 5rem;
736
+ }
737
+
738
+ .m-6 {
739
+ margin: 6rem;
740
+ }
741
+
742
+ .m-0 {
743
+ margin: 0;
744
+ }
745
+
746
+ .full-width {
747
+ width: 100vw;
748
+ position: relative;
749
+ left: 50%;
750
+ right: 50%;
751
+ margin: 0 -50vw 0 -50vw;
752
+ }
753
+
754
+ .flex {
755
+ display: flex;
756
+ }
757
+
758
+ .flex-row {
759
+ flex-direction: row;
760
+ }
761
+
762
+ .flex-column {
763
+ flex-direction: column;
764
+ }
765
+
766
+ .flex-wrap {
767
+ flex-wrap: wrap;
768
+ }
769
+
770
+ .flex-nowrap {
771
+ flex-wrap: nowrap;
772
+ }
773
+
774
+ .gap-1 {
775
+ gap: 1rem;
776
+ }
777
+
778
+ .gap-2 {
779
+ gap: 2rem;
780
+ }
781
+
782
+ .gap-3 {
783
+ gap: 3rem;
784
+ }
785
+
786
+ .gap-4 {
787
+ gap: 4rem;
788
+ }
789
+
790
+ .gap-5 {
791
+ gap: 5rem;
792
+ }
793
+
794
+ .gap-6 {
795
+ gap: 6rem;
796
+ }
797
+
798
+ .align-start {
799
+ align-items: flex-start;
800
+ }
801
+ .align-end {
802
+ align-items: flex-end;
803
+ }
804
+ .align-center {
805
+ align-items: center;
806
+ }
807
+ .align-baseline {
808
+ align-items: baseline;
809
+ }
810
+ .align-stretch {
811
+ align-items: stretch;
812
+ }
813
+
814
+ .justify-start {
815
+ justify-content: flex-start;
816
+ }
817
+ .justify-end {
818
+ justify-content: flex-end;
819
+ }
820
+ .justify-center {
821
+ justify-content: center;
822
+ }
823
+ .justify-between {
824
+ justify-content: space-between;
825
+ }
826
+ .justify-around {
827
+ justify-content: space-around;
828
+ }
829
+ .justify-evenly {
830
+ justify-content: space-evenly;
831
+ }
832
+
833
+ .grid {
834
+ display: grid;
835
+ }
836
+
837
+ .grid-1 {
838
+ grid-template-columns: repeat(1, 1fr);
839
+ }
840
+
841
+ .grid-2 {
842
+ grid-template-columns: repeat(2, 1fr);
843
+ }
844
+
845
+ .grid-3 {
846
+ grid-template-columns: repeat(2, 1fr);
847
+ }
848
+
849
+ .grid-4 {
850
+ grid-template-columns: repeat(2, 1fr);
851
+ }
852
+
853
+ .grid-5 {
854
+ grid-template-columns: repeat(2, 1fr);
855
+ }
856
+
857
+ .grid-6 {
858
+ grid-template-columns: repeat(2, 1fr);
859
+ }
860
+
861
+ @media screen and (min-width: 768px) {
862
+ .grid-1 {
863
+ grid-template-columns: repeat(1, 1fr);
864
+ }
865
+ .grid-2 {
866
+ grid-template-columns: repeat(2, 1fr);
867
+ }
868
+ .grid-3 {
869
+ grid-template-columns: repeat(3, 1fr);
870
+ }
871
+ .grid-4 {
872
+ grid-template-columns: repeat(4, 1fr);
873
+ }
874
+ .grid-5 {
875
+ grid-template-columns: repeat(5, 1fr);
876
+ }
877
+ .grid-6 {
878
+ grid-template-columns: repeat(6, 1fr);
879
+ }
880
+ }
881
+ .container {
882
+ width: 100%;
883
+ max-width: 1280px;
884
+ margin: 0 auto;
885
+ }
886
+
887
+ .col-2,
888
+ .col-3,
889
+ .col-4,
890
+ .col-5,
891
+ .col-6,
892
+ .col-7,
893
+ .col-8,
894
+ .col-9,
895
+ .col-10,
896
+ .col-11,
897
+ .col-12 {
898
+ flex-basis: 100%;
899
+ flex-grow: 1;
900
+ flex-shrink: 1;
901
+ padding: 0.5rem;
902
+ }
903
+
904
+ @media screen and (min-width: 768px) {
905
+ .col-1 {
906
+ width: 8.3333333333%;
907
+ flex: 0 0 8.3333333333%;
908
+ }
909
+ .col-2 {
910
+ width: 16.6666666667%;
911
+ flex: 0 0 16.6666666667%;
912
+ }
913
+ .col-3 {
914
+ width: 25%;
915
+ flex: 0 0 25%;
916
+ }
917
+ .col-4 {
918
+ width: 33.3333333333%;
919
+ flex: 0 0 33.3333333333%;
920
+ }
921
+ .col-5 {
922
+ width: 41.6666666667%;
923
+ flex: 0 0 41.6666666667%;
924
+ }
925
+ .col-6 {
926
+ width: 50%;
927
+ flex: 0 0 50%;
928
+ }
929
+ .col-7 {
930
+ width: 58.3333333333%;
931
+ flex: 0 0 58.3333333333%;
932
+ }
933
+ .col-8 {
934
+ width: 66.6666666667%;
935
+ flex: 0 0 66.6666666667%;
936
+ }
937
+ .col-9 {
938
+ width: 75%;
939
+ flex: 0 0 75%;
940
+ }
941
+ .col-10 {
942
+ width: 83.3333333333%;
943
+ flex: 0 0 83.3333333333%;
944
+ }
945
+ .col-11 {
946
+ width: 91.6666666667%;
947
+ flex: 0 0 91.6666666667%;
948
+ }
949
+ .col-12 {
950
+ width: 100%;
951
+ flex: 0 0 100%;
952
+ }
953
+ }
954
+ .sbdocs.sbdocs-wrapper {
955
+ justify-content: flex-start;
956
+ padding-top: 0;
957
+ }
958
+ .sbdocs .sbdocs-content {
959
+ max-width: unset;
960
+ }
961
+ .sbdocs .docs-header {
962
+ background: linear-gradient(45deg, rgb(196, 38, 46), rgb(135, 10, 32));
963
+ }
964
+ .sbdocs .docs-header h1,
965
+ .sbdocs .docs-header h2,
966
+ .sbdocs .docs-header h3,
967
+ .sbdocs .docs-header h4,
968
+ .sbdocs .docs-header h5,
969
+ .sbdocs .docs-header h6,
970
+ .sbdocs .docs-header p {
971
+ color: rgb(255, 255, 255);
972
+ }
973
+ .sbdocs .docs-wrapper {
974
+ max-width: 1280px;
975
+ }
976
+ .sbdocs .docs-body .docs-wrapper--narrow {
977
+ max-width: 960px;
978
+ }
979
+ .sbdocs .docs-body img {
980
+ max-width: 100%;
981
+ }
982
+ .sbdocs .docs-body p a {
983
+ text-decoration: underline;
984
+ text-underline-offset: 4px;
985
+ transition: all 0.5s ease 0s;
986
+ }
987
+ .sbdocs .docs-body p a:hover {
988
+ text-decoration: none;
989
+ color: rgb(196, 38, 46);
990
+ }
991
+
992
+ .color-swatch-container .swatch {
993
+ box-sizing: border-box;
994
+ width: 88px;
995
+ height: 88px;
996
+ border: 2px solid rgb(250, 250, 250);
997
+ border-radius: 16px;
998
+ }
999
+ .color-swatch-container .swatch-meta {
1000
+ font-size: 0.75rem;
1001
+ text-transform: uppercase;
1002
+ gap: 0.25rem;
1003
+ }
1004
+ .color-swatch-container .swatch-meta--name {
1005
+ font-size: 1rem;
1006
+ }
1007
+
1008
+ .fa-display--component {
1009
+ box-sizing: border-box;
1010
+ width: 200px;
1011
+ height: 200px;
1012
+ border: 2px solid rgb(250, 250, 250);
1013
+ border-radius: 16px;
1014
+ padding: 0.5rem;
1015
+ transition: border 0.5s ease 0s;
1016
+ }
1017
+ .fa-display--component .font-name {
1018
+ font-size: 0.75rem;
1019
+ text-transform: uppercase;
1020
+ gap: 0.25rem;
1021
+ margin-top: 1rem;
1022
+ }
1023
+ .fa-display--component:hover {
1024
+ border-color: rgb(172, 174, 176);
1025
+ }
1026
+
1027
+ .ds-team {
1028
+ display: grid;
1029
+ grid-template-columns: repeat(4, minmax(0, 25%));
1030
+ grid-gap: 1rem;
1031
+ }
1032
+ .ds-team__profile img {
1033
+ border-radius: 50%;
1034
+ }
1035
+ .ds-team__profile a {
1036
+ font-size: 0.95rem;
1037
+ word-wrap: break-word;
1038
+ }
1039
+
1040
+ .cmp-card img {
1041
+ transition: all 0.3s ease-in-out;
1042
+ }
1043
+ .cmp-card__link {
1044
+ display: block;
1045
+ text-decoration: none;
1046
+ height: 100%;
1047
+ }
1048
+ .cmp-card__content-wrapper {
1049
+ display: flex;
1050
+ flex-direction: column;
1051
+ height: 100%;
1052
+ }
1053
+ .cmp-card__content-category-wrapper {
1054
+ padding: 10px 0;
1055
+ min-height: 38px;
1056
+ font-family: "CalibriBold";
1057
+ font-size: 0.75rem;
1058
+ font-weight: 400;
1059
+ color: white;
1060
+ text-transform: uppercase;
1061
+ }
1062
+ .cmp-card__content-category-wrapper__colour-edwards-red {
1063
+ background-color: rgb(196, 38, 46);
1064
+ }
1065
+ .cmp-card__content-category-wrapper p {
1066
+ margin: 0 20px;
1067
+ }
1068
+ .cmp-card__city-country {
1069
+ padding: 0 1rem;
1070
+ margin: auto 0 0 0;
1071
+ font-size: 1rem;
1072
+ }
1073
+ .cmp-card__image-wrapper {
1074
+ overflow: hidden;
1075
+ max-height: 185px;
1076
+ }
1077
+ .cmp-card__image-wrapper picture img {
1078
+ width: 100%;
1079
+ height: 100%;
1080
+ -o-object-fit: cover;
1081
+ object-fit: cover;
1082
+ transition: all 0.3s ease-in-out;
1083
+ }
1084
+ .cmp-card__title-wrapper {
1085
+ background: rgb(255, 255, 255);
1086
+ flex-grow: 1;
1087
+ position: relative;
1088
+ padding: 20px 0 40px;
1089
+ }
1090
+ .cmp-card__title-wrapper .cmp-card__date {
1091
+ font-size: 0.75rem;
1092
+ padding: 0 1rem;
1093
+ margin-bottom: 0.5rem;
1094
+ }
1095
+ .cmp-card__title-wrapper .cmp-card__title {
1096
+ padding: 0 1rem;
1097
+ color: rgb(87, 94, 97);
1098
+ font-weight: 400;
1099
+ font-size: 1.25rem;
1100
+ }
1101
+ @media only screen and (min-width: 576px) {
1102
+ .cmp-card__title-wrapper .cmp-card__title {
1103
+ font-size: 22.5px;
1104
+ }
1105
+ }
1106
+ .cmp-card__title-wrapper .cmp-card__footer {
1107
+ width: 100%;
1108
+ height: 1.5rem;
1109
+ padding: 0 1rem;
1110
+ position: absolute;
1111
+ bottom: 0;
1112
+ display: flex;
1113
+ justify-content: flex-end;
1114
+ align-items: center;
1115
+ overflow: hidden;
1116
+ }
1117
+ .cmp-card__title-wrapper .cmp-card__footer span {
1118
+ font-size: 0.7rem;
1119
+ color: rgb(196, 38, 46);
1120
+ z-index: 1;
1121
+ }
1122
+ .cmp-card__title-wrapper .cmp-card__footer::before {
1123
+ content: "";
1124
+ display: block;
1125
+ position: absolute;
1126
+ left: 0px;
1127
+ width: 100%;
1128
+ height: 1.5rem;
1129
+ background: rgb(196, 38, 46);
1130
+ transition: all 0.1s ease-in-out;
1131
+ transform: translateY(35px);
1132
+ z-index: 0;
1133
+ }
1134
+ .cmp-card--type-card-no-image .cmp-card__title-wrapper {
1135
+ display: flex;
1136
+ flex-direction: column;
1137
+ justify-content: space-between;
1138
+ padding: 0;
1139
+ min-height: 150px;
1140
+ }
1141
+ .cmp-card--type-card-no-image .cmp-card__title-wrapper .cmp-card__title {
1142
+ padding-top: 20px;
1143
+ }
1144
+ @media only screen and (min-width: 961px) {
1145
+ .cmp-card--type-card-no-image .cmp-card__title-wrapper .cmp-card__title {
1146
+ font-size: 1.5rem;
1147
+ }
1148
+ }
1149
+ .cmp-card--type-card-no-image .cmp-card__title-wrapper .cmp-card__footer {
1150
+ background: rgb(233, 233, 233);
1151
+ width: 100%;
1152
+ position: relative;
1153
+ right: unset;
1154
+ bottom: unset;
1155
+ padding: 10px 23px;
1156
+ text-align: right;
1157
+ }
1158
+ .cmp-card--type-card-overlay .cmp-card__content-wrapper {
1159
+ position: relative;
1160
+ overflow: hidden;
1161
+ height: 100%;
1162
+ }
1163
+ .cmp-card--type-card-overlay .cmp-card__title-wrapper {
1164
+ background-color: transparent;
1165
+ position: absolute;
1166
+ bottom: 0;
1167
+ width: 100%;
1168
+ }
1169
+ .cmp-card--type-card-overlay .cmp-card__image-wrapper {
1170
+ height: 100%;
1171
+ }
1172
+ .cmp-card--type-card-overlay .cmp-card__image-wrapper picture img {
1173
+ filter: brightness(0.5);
1174
+ transform: scale(1.1);
1175
+ }
1176
+ .cmp-card--type-card-overlay:hover .cmp-card__image-wrapper picture img {
1177
+ transform: scale(1.2);
1178
+ }
1179
+ .cmp-card--type-card-overlay .cmp-card__title {
1180
+ color: rgb(255, 255, 255);
1181
+ opacity: 1;
1182
+ transition: opacity 0.3s ease-in-out;
1183
+ margin: 0 1rem 1rem;
1184
+ font-weight: 400;
1185
+ }
1186
+ @media only screen and (min-width: 961px) {
1187
+ .cmp-card--type-card-overlay .cmp-card__title {
1188
+ margin: 0 1.5rem 1.5rem;
1189
+ }
1190
+ }
1191
+ .cmp-card--type-card-overlay:hover .cmp-card__title {
1192
+ opacity: 0;
1193
+ }
1194
+ .cmp-card--type-card-overlay .cmp-card__footer {
1195
+ position: absolute;
1196
+ bottom: -35px;
1197
+ font-size: 0.8rem;
1198
+ line-height: 35px;
1199
+ text-align: center;
1200
+ width: 100px;
1201
+ left: 20px;
1202
+ color: rgb(255, 255, 255);
1203
+ background-color: rgb(196, 38, 46);
1204
+ transition: transform 0.3s ease-in-out;
1205
+ }
1206
+ .cmp-card--type-card-overlay:hover .cmp-card__footer {
1207
+ transform: translateY(-35px);
1208
+ }
1209
+ .cmp-card--type-card-product {
1210
+ background-color: white;
1211
+ min-height: 100px;
1212
+ }
1213
+ .cmp-card--type-card-product__wrapper {
1214
+ display: grid;
1215
+ grid-template-columns: repeat(4, 1fr);
1216
+ height: 100%;
1217
+ background: linear-gradient(45deg, rgb(212, 214, 215), rgb(172, 174, 176));
1218
+ }
1219
+ .cmp-card--type-card-product__image {
1220
+ grid-column: span 1;
1221
+ text-align: center;
1222
+ min-width: 50px;
1223
+ }
1224
+ @media only screen and (min-width: 768px) {
1225
+ .cmp-card--type-card-product__image {
1226
+ min-width: 75px;
1227
+ }
1228
+ }
1229
+ @media only screen and (min-width: 1200px) {
1230
+ .cmp-card--type-card-product__image {
1231
+ min-width: 150px;
1232
+ }
1233
+ }
1234
+ .cmp-card--type-card-product__image figure {
1235
+ display: flex;
1236
+ align-content: center;
1237
+ justify-content: center;
1238
+ height: 100%;
1239
+ background: #fff;
1240
+ margin: 0;
1241
+ }
1242
+ .cmp-card--type-card-product__image img {
1243
+ width: 50px;
1244
+ height: 50px;
1245
+ mix-blend-mode: multiply;
1246
+ box-sizing: border-box;
1247
+ -o-object-fit: contain;
1248
+ object-fit: contain;
1249
+ }
1250
+ @media only screen and (min-width: 768px) {
1251
+ .cmp-card--type-card-product__image img {
1252
+ width: 105px;
1253
+ height: auto;
1254
+ padding: 10px;
1255
+ }
1256
+ }
1257
+ .cmp-card--type-card-product__meta {
1258
+ grid-column: span 3;
1259
+ padding: 10px;
1260
+ display: grid;
1261
+ grid-template-columns: repeat(2, 1fr);
1262
+ grid-template-rows: auto auto;
1263
+ gap: 10px;
1264
+ position: relative;
1265
+ }
1266
+ .cmp-card--type-card-product__meta p {
1267
+ margin: 0;
1268
+ }
1269
+ .cmp-card--type-card-product__title {
1270
+ grid-column: span 2;
1271
+ font-size: 0.8rem;
1272
+ }
1273
+ .cmp-card--type-card-product__cta {
1274
+ background: #c4262e;
1275
+ padding: 12px 14px 8px;
1276
+ color: #fff;
1277
+ text-transform: uppercase;
1278
+ font-weight: bold;
1279
+ position: absolute;
1280
+ bottom: 0;
1281
+ right: 0;
1282
+ font-size: 12px;
1283
+ }
1284
+ @media only screen and (min-width: 1200px) {
1285
+ .cmp-card--type-card-product__cta {
1286
+ display: inline-block;
1287
+ }
1288
+ }
1289
+ .cmp-card--type-card-product__prices, .cmp-card--type-card-product__prices--login {
1290
+ font-family: "Calibri";
1291
+ font-size: 0.77rem;
1292
+ color: #40424b;
1293
+ position: absolute;
1294
+ bottom: 0;
1295
+ padding: 0.7rem 10px;
1296
+ }
1297
+ .cmp-card--type-card-product__prices.show_prices, .show_prices.cmp-card--type-card-product__prices--login {
1298
+ font-weight: 700;
1299
+ }
1300
+ .cmp-card--type-card-panel .cmp-card__content-wrapper .cmp-card__title-wrapper .cmp-card__footer {
1301
+ height: 2rem !important;
1302
+ }
1303
+ .cmp-card--type-card-panel .cmp-card__content-wrapper .cmp-card__title-wrapper .cmp-card__footer::before {
1304
+ transform: translateY(0) !important;
1305
+ height: 100% !important;
1306
+ opacity: 1;
1307
+ transition: opacity 0.3s ease-in-out;
1308
+ }
1309
+ .cmp-card--type-card-panel .cmp-card__content-wrapper .cmp-card__title-wrapper .cmp-card__footer svg {
1310
+ z-index: 1;
1311
+ color: white;
1312
+ }
1313
+ .cmp-card--type-card-panel .cmp-card__content-wrapper .cmp-card__title-wrapper .cmp-card__footer--color-malachite::before {
1314
+ background-color: rgb(22, 124, 119) !important;
1315
+ }
1316
+ .cmp-card--type-card-panel .cmp-card__content-wrapper .cmp-card__title-wrapper .cmp-card__footer--color-amethyst::before {
1317
+ background-color: rgb(75, 63, 147) !important;
1318
+ }
1319
+ .cmp-card--type-card-panel .cmp-card__content-wrapper .cmp-card__title-wrapper .cmp-card__footer--color-smokey-quartz-bright::before {
1320
+ background-color: rgb(230, 186, 0) !important;
1321
+ }
1322
+ .cmp-card--type-card-panel .cmp-card__content-wrapper .cmp-card__title-wrapper .cmp-card__footer--color-olivine-bright::before {
1323
+ background-color: rgb(156, 183, 43) !important;
1324
+ }
1325
+ .cmp-card--type-card-panel:hover .cmp-card__content-wrapper .cmp-card__title-wrapper .cmp-card__footer::before {
1326
+ opacity: 0.6;
1327
+ }
1328
+ .cmp-card--type-careers .cmp-card__title-wrapper {
1329
+ display: flex;
1330
+ flex-direction: column;
1331
+ }
1332
+ .cmp-card--type-careers .cmp-card__footer::before {
1333
+ background-color: rgb(75, 63, 147);
1334
+ }
1335
+ .cmp-card--type-careers .cmp-card__city-country {
1336
+ margin-top: auto;
1337
+ }
1338
+
1339
+ @keyframes rotate {
1340
+ 0% {
1341
+ transform: rotateY(0);
1342
+ }
1343
+ 70% {
1344
+ transform: rotateY(200deg);
1345
+ }
1346
+ 100% {
1347
+ transform: rotateY(180deg);
1348
+ }
1349
+ }
1350
+ @keyframes rotate-inverse {
1351
+ 0% {
1352
+ transform: rotateY(180deg);
1353
+ }
1354
+ 70% {
1355
+ transform: rotateY(-20deg);
1356
+ }
1357
+ 100% {
1358
+ transform: rotateY(0);
1359
+ }
1360
+ }
1361
+ .card-module__red___mVwIo {
1362
+ color: rgb(196, 38, 46);
1363
+ }
1364
+ .card-module__red-background___3ddLv {
1365
+ background-color: rgb(196, 38, 46);
1366
+ }
1367
+
1368
+ .card-module__red-dark___CdmVr {
1369
+ color: rgb(135, 10, 32);
1370
+ }
1371
+ .card-module__red-dark-background___O7SAt {
1372
+ background-color: rgb(135, 10, 32);
1373
+ }
1374
+
1375
+ .card-module__grey___3yrFF {
1376
+ color: #2d363a;
1377
+ }
1378
+ .card-module__grey-background___3LNUf {
1379
+ background-color: #2d363a;
1380
+ }
1381
+
1382
+ .card-module__grey80___BGRDe {
1383
+ color: rgb(87, 94, 97);
1384
+ }
1385
+ .card-module__grey80-background___Q5ghg {
1386
+ background-color: rgb(87, 94, 97);
1387
+ }
1388
+
1389
+ .card-module__grey60___2wO3h {
1390
+ color: rgb(130, 134, 136);
1391
+ }
1392
+ .card-module__grey60-background___d3Hus {
1393
+ background-color: rgb(130, 134, 136);
1394
+ }
1395
+
1396
+ .card-module__grey40___Gabhe {
1397
+ color: rgb(172, 174, 176);
1398
+ }
1399
+ .card-module__grey40-background___AjkAZ {
1400
+ background-color: rgb(172, 174, 176);
1401
+ }
1402
+
1403
+ .card-module__grey20___em-ei {
1404
+ color: rgb(212, 214, 215);
1405
+ }
1406
+ .card-module__grey20-background___r81Jz {
1407
+ background-color: rgb(212, 214, 215);
1408
+ }
1409
+
1410
+ .card-module__grey05___LKyS- {
1411
+ color: rgb(250, 250, 250);
1412
+ }
1413
+ .card-module__grey05-background___jd2Uw {
1414
+ background-color: rgb(250, 250, 250);
1415
+ }
1416
+
1417
+ .card-module__malachite___oBnlf {
1418
+ color: rgb(22, 124, 119);
1419
+ }
1420
+ .card-module__malachite-background___3oVwI {
1421
+ background-color: rgb(22, 124, 119);
1422
+ }
1423
+
1424
+ .card-module__malachite-bright___iksBe {
1425
+ color: rgb(43, 157, 166);
1426
+ }
1427
+ .card-module__malachite-bright-background___jZRhe {
1428
+ background-color: rgb(43, 157, 166);
1429
+ }
1430
+
1431
+ .card-module__malachite-dark___m1J2- {
1432
+ color: rgb(15, 85, 73);
1433
+ }
1434
+ .card-module__malachite-dark-background___FgLjq {
1435
+ background-color: rgb(15, 85, 73);
1436
+ }
1437
+
1438
+ .card-module__amethyst___L2zDN {
1439
+ color: rgb(75, 63, 147);
1440
+ }
1441
+ .card-module__amethyst-background___zQnKr {
1442
+ background-color: rgb(75, 63, 147);
1443
+ }
1444
+
1445
+ .card-module__amethyst-bright___0H9pE {
1446
+ color: rgb(106, 106, 204);
1447
+ }
1448
+ .card-module__amethyst-bright-background___J0sBH {
1449
+ background-color: rgb(106, 106, 204);
1450
+ }
1451
+
1452
+ .card-module__amethyst-dark___JzXKA {
1453
+ color: rgb(57, 34, 78);
1454
+ }
1455
+ .card-module__amethyst-dark-background___ef6ca {
1456
+ background-color: rgb(57, 34, 78);
1457
+ }
1458
+
1459
+ .card-module__smokey-quartz___hXQtl {
1460
+ color: rgb(174, 150, 6);
1461
+ }
1462
+ .card-module__smokey-quartz-background___2SGsR {
1463
+ background-color: rgb(174, 150, 6);
1464
+ }
1465
+
1466
+ .card-module__smokey-quartz-bright___1BXlq {
1467
+ color: rgb(230, 186, 0);
1468
+ }
1469
+ .card-module__smokey-quartz-bright-background___sMi41 {
1470
+ background-color: rgb(230, 186, 0);
1471
+ }
1472
+
1473
+ .card-module__smokey-quartz-dark___ai0zy {
1474
+ color: rgb(93, 83, 50);
1475
+ }
1476
+ .card-module__smokey-quartz-dark-background___lJGLw {
1477
+ background-color: rgb(93, 83, 50);
1478
+ }
1479
+
1480
+ .card-module__olivine___tgMUZ {
1481
+ color: rgb(103, 139, 59);
1482
+ }
1483
+ .card-module__olivine-background___cFKu5 {
1484
+ background-color: rgb(103, 139, 59);
1485
+ }
1486
+
1487
+ .card-module__olivine-bright___BMZK3 {
1488
+ color: rgb(156, 183, 43);
1489
+ }
1490
+ .card-module__olivine-bright-background___C1sQL {
1491
+ background-color: rgb(156, 183, 43);
1492
+ }
1493
+
1494
+ .card-module__olivine-dark___r7PT1 {
1495
+ color: rgb(53, 63, 13);
1496
+ }
1497
+ .card-module__olivine-dark-background___VK2cU {
1498
+ background-color: rgb(53, 63, 13);
1499
+ }
1500
+
1501
+ .card-module__gradient-red-background___RWZR5 {
1502
+ background: linear-gradient(45deg, rgb(196, 38, 46), rgb(135, 10, 32));
1503
+ color: rgb(255, 255, 255);
1504
+ }
1505
+
1506
+ .card-module__silver-gradient-background___6EIoe {
1507
+ background: linear-gradient(45deg, rgb(250, 250, 250), rgb(212, 214, 215));
1508
+ }
1509
+
1510
+ .card-module__aluminum-gradient-background___eEdVH {
1511
+ background: linear-gradient(45deg, rgb(212, 214, 215), rgb(172, 174, 176));
1512
+ }
1513
+
1514
+ .card-module__mercury-gradient-background___K45v- {
1515
+ background: linear-gradient(45deg, rgb(172, 174, 176), rgb(130, 134, 136));
1516
+ }
1517
+
1518
+ @font-face {
1519
+ font-family: "Calibri";
1520
+ src: url("/public/fonts/calibri.ttf") format("truetype");
1521
+ }
1522
+ @font-face {
1523
+ font-family: "CalibriLight";
1524
+ src: url("/public/fonts/calibri.ttf") format("truetype");
1525
+ }
1526
+ @font-face {
1527
+ font-family: "CalibriBold";
1528
+ src: url("/public/fonts/calibri.ttf") format("truetype");
1529
+ }
1530
+ .card-module__p-1___2jrO3 {
1531
+ padding: 0.5rem;
1532
+ }
1533
+
1534
+ .card-module__p-2___gy8Yd {
1535
+ padding: 1rem;
1536
+ }
1537
+
1538
+ .card-module__p-3___-1OkC {
1539
+ padding: 1.5rem;
1540
+ }
1541
+
1542
+ .card-module__p-4___j85f- {
1543
+ padding: 2rem;
1544
+ }
1545
+
1546
+ .card-module__p-5___PlSbv {
1547
+ padding: 2.5rem;
1548
+ }
1549
+
1550
+ .card-module__p-6___fktBo {
1551
+ padding: 3rem;
1552
+ }
1553
+
1554
+ .card-module__pt-1___WvUs0 {
1555
+ padding-top: 0.5rem;
1556
+ }
1557
+
1558
+ .card-module__pt-2___SoTBc {
1559
+ padding-top: 1rem;
1560
+ }
1561
+
1562
+ .card-module__pt-3___B19fa {
1563
+ padding-top: 1.5rem;
1564
+ }
1565
+
1566
+ .card-module__pt-4___M4TLs {
1567
+ padding-top: 2rem;
1568
+ }
1569
+
1570
+ .card-module__pt-5___NcdvQ {
1571
+ padding-top: 2.5rem;
1572
+ }
1573
+
1574
+ .card-module__pt-6___qfqPN {
1575
+ padding-top: 3rem;
1576
+ }
1577
+
1578
+ .card-module__pb-1___VKmps {
1579
+ padding-bottom: 0.5rem;
1580
+ }
1581
+
1582
+ .card-module__pb-2___AjpWw {
1583
+ padding-bottom: 1rem;
1584
+ }
1585
+
1586
+ .card-module__pb-3___yJTe1 {
1587
+ padding-bottom: 1.5rem;
1588
+ }
1589
+
1590
+ .card-module__pb-4___HxiKW {
1591
+ padding-bottom: 2rem;
1592
+ }
1593
+
1594
+ .card-module__pb-5___ck9op {
1595
+ padding-bottom: 2.5rem;
1596
+ }
1597
+
1598
+ .card-module__pb-6___He9kt {
1599
+ padding-bottom: 3rem;
1600
+ }
1601
+
1602
+ .card-module__pl-1___hgBKj {
1603
+ padding-left: 0.5rem;
1604
+ }
1605
+
1606
+ .card-module__pl-2___TdkS8 {
1607
+ padding-left: 1rem;
1608
+ }
1609
+
1610
+ .card-module__pl-3___kyenb {
1611
+ padding-left: 1.5rem;
1612
+ }
1613
+
1614
+ .card-module__pl-4___xEnEZ {
1615
+ padding-left: 2rem;
1616
+ }
1617
+
1618
+ .card-module__pl-5___l6Y57 {
1619
+ padding-left: 2.5rem;
1620
+ }
1621
+
1622
+ .card-module__pl-6___a-Qkk {
1623
+ padding-left: 3rem;
1624
+ }
1625
+
1626
+ .card-module__pr-1___g1Htr {
1627
+ padding-right: 0.5rem;
1628
+ }
1629
+
1630
+ .card-module__pr-2___6d-Hf {
1631
+ padding-right: 1rem;
1632
+ }
1633
+
1634
+ .card-module__pr-3___2NkC2 {
1635
+ padding-right: 1.5rem;
1636
+ }
1637
+
1638
+ .card-module__pr-4___J3ReW {
1639
+ padding-right: 2rem;
1640
+ }
1641
+
1642
+ .card-module__pr-5___XgJfd {
1643
+ padding-right: 2.5rem;
1644
+ }
1645
+
1646
+ @media screen and (min-width: 768px) {
1647
+ .card-module__pt-1___WvUs0 {
1648
+ padding-top: 1rem;
1649
+ }
1650
+ .card-module__pt-2___SoTBc {
1651
+ padding-top: 2rem;
1652
+ }
1653
+ .card-module__pt-3___B19fa {
1654
+ padding-top: 3rem;
1655
+ }
1656
+ .card-module__pt-4___M4TLs {
1657
+ padding-top: 4rem;
1658
+ }
1659
+ .card-module__pt-5___NcdvQ {
1660
+ padding-top: 5rem;
1661
+ }
1662
+ .card-module__pt-6___qfqPN {
1663
+ padding-top: 6rem;
1664
+ }
1665
+ .card-module__pb-1___VKmps {
1666
+ padding-bottom: 1rem;
1667
+ }
1668
+ .card-module__pb-2___AjpWw {
1669
+ padding-bottom: 2rem;
1670
+ }
1671
+ .card-module__pb-3___yJTe1 {
1672
+ padding-bottom: 3rem;
1673
+ }
1674
+ .card-module__pb-4___HxiKW {
1675
+ padding-bottom: 4rem;
1676
+ }
1677
+ .card-module__pb-5___ck9op {
1678
+ padding-bottom: 5rem;
1679
+ }
1680
+ .card-module__pb-6___He9kt {
1681
+ padding-bottom: 6rem;
1682
+ }
1683
+ .card-module__pl-1___hgBKj {
1684
+ padding-left: 1rem;
1685
+ }
1686
+ .card-module__pl-2___TdkS8 {
1687
+ padding-left: 2rem;
1688
+ }
1689
+ .card-module__pl-3___kyenb {
1690
+ padding-left: 3rem;
1691
+ }
1692
+ .card-module__pl-4___xEnEZ {
1693
+ padding-left: 4rem;
1694
+ }
1695
+ .card-module__pl-5___l6Y57 {
1696
+ padding-left: 5rem;
1697
+ }
1698
+ .card-module__pl-6___a-Qkk {
1699
+ padding-left: 6rem;
1700
+ }
1701
+ .card-module__pr-1___g1Htr {
1702
+ padding-right: 1rem;
1703
+ }
1704
+ .card-module__pr-2___6d-Hf {
1705
+ padding-right: 2rem;
1706
+ }
1707
+ .card-module__pr-3___2NkC2 {
1708
+ padding-right: 3rem;
1709
+ }
1710
+ .card-module__pr-4___J3ReW {
1711
+ padding-right: 4rem;
1712
+ }
1713
+ .card-module__pr-5___XgJfd {
1714
+ padding-right: 5rem;
1715
+ }
1716
+ .card-module__pr-6___OviC3 {
1717
+ padding-right: 6rem;
1718
+ }
1719
+ .card-module__p-1___2jrO3 {
1720
+ padding: 1rem;
1721
+ }
1722
+ .card-module__p-2___gy8Yd {
1723
+ padding: 2rem;
1724
+ }
1725
+ .card-module__p-3___-1OkC {
1726
+ padding: 3rem;
1727
+ }
1728
+ .card-module__p-4___j85f- {
1729
+ padding: 4rem;
1730
+ }
1731
+ .card-module__p-5___PlSbv {
1732
+ padding: 5rem;
1733
+ }
1734
+ .card-module__p-6___fktBo {
1735
+ padding: 6rem;
1736
+ }
1737
+ }
1738
+ .card-module__mt-1___JHRPg {
1739
+ margin-top: 1rem;
1740
+ }
1741
+
1742
+ .card-module__mt-2___mvoV- {
1743
+ margin-top: 2rem;
1744
+ }
1745
+
1746
+ .card-module__mt-3___zWQkp {
1747
+ margin-top: 3rem;
1748
+ }
1749
+
1750
+ .card-module__mt-4___ce3w- {
1751
+ margin-top: 4rem;
1752
+ }
1753
+
1754
+ .card-module__mt-5___cd6xg {
1755
+ margin-top: 5rem;
1756
+ }
1757
+
1758
+ .card-module__mt-6___pyvCA {
1759
+ margin-top: 6rem;
1760
+ }
1761
+
1762
+ .card-module__mb-1___lylA7 {
1763
+ margin-bottom: 1rem;
1764
+ }
1765
+
1766
+ .card-module__mb-2___xRmsp {
1767
+ margin-bottom: 2rem;
1768
+ }
1769
+
1770
+ .card-module__mb-3___uSA0Y {
1771
+ margin-bottom: 3rem;
1772
+ }
1773
+
1774
+ .card-module__mb-4___SlVNj {
1775
+ margin-bottom: 4rem;
1776
+ }
1777
+
1778
+ .card-module__mb-5___bOnLi {
1779
+ margin-bottom: 5rem;
1780
+ }
1781
+
1782
+ .card-module__mb-6___7w0FN {
1783
+ margin-bottom: 6rem;
1784
+ }
1785
+
1786
+ .card-module__ml-1___K9cHE {
1787
+ margin-left: 1rem;
1788
+ }
1789
+
1790
+ .card-module__ml-2___jpgpQ {
1791
+ margin-left: 2rem;
1792
+ }
1793
+
1794
+ .card-module__ml-3___dcyR- {
1795
+ margin-left: 3rem;
1796
+ }
1797
+
1798
+ .card-module__ml-4___RXMNm {
1799
+ margin-left: 4rem;
1800
+ }
1801
+
1802
+ .card-module__ml-5___rBtwN {
1803
+ margin-left: 5rem;
1804
+ }
1805
+
1806
+ .card-module__ml-6___CEZ3z {
1807
+ margin-left: 6rem;
1808
+ }
1809
+
1810
+ .card-module__mr-1___NyYF6 {
1811
+ margin-right: 1rem;
1812
+ }
1813
+
1814
+ .card-module__mr-2___LxXZM {
1815
+ margin-right: 2rem;
1816
+ }
1817
+
1818
+ .card-module__mr-3___ct0wh {
1819
+ margin-right: 3rem;
1820
+ }
1821
+
1822
+ .card-module__mr-4___35Lzu {
1823
+ margin-right: 4rem;
1824
+ }
1825
+
1826
+ .card-module__mr-5___wQAhm {
1827
+ margin-right: 5rem;
1828
+ }
1829
+
1830
+ .card-module__mr-6___17GwZ {
1831
+ margin-right: 6rem;
1832
+ }
1833
+
1834
+ .card-module__m-1___MBsbj {
1835
+ margin: 1rem;
1836
+ }
1837
+
1838
+ .card-module__m-2___xiUAB {
1839
+ margin: 2rem;
1840
+ }
1841
+
1842
+ .card-module__m-3___kbpiE {
1843
+ margin: 3rem;
1844
+ }
1845
+
1846
+ .card-module__m-4___Jgdgi {
1847
+ margin: 4rem;
1848
+ }
1849
+
1850
+ .card-module__m-5___Bm0pu {
1851
+ margin: 5rem;
1852
+ }
1853
+
1854
+ .card-module__m-6___XmSuO {
1855
+ margin: 6rem;
1856
+ }
1857
+
1858
+ .card-module__m-0___1VO6t {
1859
+ margin: 0;
1860
+ }
1861
+
1862
+ .card-module__full-width___S3nGW {
1863
+ width: 100vw;
1864
+ position: relative;
1865
+ left: 50%;
1866
+ right: 50%;
1867
+ margin: 0 -50vw 0 -50vw;
1868
+ }
1869
+
1870
+ .card-module__flex___FeJK6 {
1871
+ display: flex;
1872
+ }
1873
+
1874
+ .card-module__flex-row___L2QD- {
1875
+ flex-direction: row;
1876
+ }
1877
+
1878
+ .card-module__flex-column___5FXmD {
1879
+ flex-direction: column;
1880
+ }
1881
+
1882
+ .card-module__flex-wrap___2oUCs {
1883
+ flex-wrap: wrap;
1884
+ }
1885
+
1886
+ .card-module__flex-nowrap___QoNfs {
1887
+ flex-wrap: nowrap;
1888
+ }
1889
+
1890
+ .card-module__gap-1___-Zndq {
1891
+ gap: 1rem;
1892
+ }
1893
+
1894
+ .card-module__gap-2___1nijX {
1895
+ gap: 2rem;
1896
+ }
1897
+
1898
+ .card-module__gap-3___pcnGR {
1899
+ gap: 3rem;
1900
+ }
1901
+
1902
+ .card-module__gap-4___ZKGLg {
1903
+ gap: 4rem;
1904
+ }
1905
+
1906
+ .card-module__gap-5___2P-43 {
1907
+ gap: 5rem;
1908
+ }
1909
+
1910
+ .card-module__gap-6___nh8VD {
1911
+ gap: 6rem;
1912
+ }
1913
+
1914
+ .card-module__align-start___GYwb1 {
1915
+ align-items: flex-start;
1916
+ }
1917
+ .card-module__align-end___rgrwv {
1918
+ align-items: flex-end;
1919
+ }
1920
+ .card-module__align-center___Pin7L {
1921
+ align-items: center;
1922
+ }
1923
+ .card-module__align-baseline___-Yqu- {
1924
+ align-items: baseline;
1925
+ }
1926
+ .card-module__align-stretch___Ix9-U {
1927
+ align-items: stretch;
1928
+ }
1929
+
1930
+ .card-module__justify-start___qOneV {
1931
+ justify-content: flex-start;
1932
+ }
1933
+ .card-module__justify-end___4T6P1 {
1934
+ justify-content: flex-end;
1935
+ }
1936
+ .card-module__justify-center___3BYmW {
1937
+ justify-content: center;
1938
+ }
1939
+ .card-module__justify-between___4mqFj {
1940
+ justify-content: space-between;
1941
+ }
1942
+ .card-module__justify-around___2X-cR {
1943
+ justify-content: space-around;
1944
+ }
1945
+ .card-module__justify-evenly___eQ-1J {
1946
+ justify-content: space-evenly;
1947
+ }
1948
+
1949
+ .card-module__grid___8wod0 {
1950
+ display: grid;
1951
+ }
1952
+
1953
+ .card-module__grid-1___5toii {
1954
+ grid-template-columns: repeat(1, 1fr);
1955
+ }
1956
+
1957
+ .card-module__grid-2___qnftm {
1958
+ grid-template-columns: repeat(2, 1fr);
1959
+ }
1960
+
1961
+ .card-module__grid-3___5hVdI {
1962
+ grid-template-columns: repeat(2, 1fr);
1963
+ }
1964
+
1965
+ .card-module__grid-4___PBfBP {
1966
+ grid-template-columns: repeat(2, 1fr);
1967
+ }
1968
+
1969
+ .card-module__grid-5___CcwFa {
1970
+ grid-template-columns: repeat(2, 1fr);
1971
+ }
1972
+
1973
+ .card-module__grid-6___66X-u {
1974
+ grid-template-columns: repeat(2, 1fr);
1975
+ }
1976
+
1977
+ @media screen and (min-width: 768px) {
1978
+ .card-module__grid-1___5toii {
1979
+ grid-template-columns: repeat(1, 1fr);
1980
+ }
1981
+ .card-module__grid-2___qnftm {
1982
+ grid-template-columns: repeat(2, 1fr);
1983
+ }
1984
+ .card-module__grid-3___5hVdI {
1985
+ grid-template-columns: repeat(3, 1fr);
1986
+ }
1987
+ .card-module__grid-4___PBfBP {
1988
+ grid-template-columns: repeat(4, 1fr);
1989
+ }
1990
+ .card-module__grid-5___CcwFa {
1991
+ grid-template-columns: repeat(5, 1fr);
1992
+ }
1993
+ .card-module__grid-6___66X-u {
1994
+ grid-template-columns: repeat(6, 1fr);
1995
+ }
1996
+ }
1997
+ .card-module__container___31L3l {
1998
+ width: 100%;
1999
+ max-width: 1280px;
2000
+ margin: 0 auto;
2001
+ }
2002
+
2003
+ .card-module__col-2___YvDmo,
2004
+ .card-module__col-3___0uF1-,
2005
+ .card-module__col-4___7fF7N,
2006
+ .card-module__col-5___-xVcD,
2007
+ .card-module__col-6___iSq13,
2008
+ .card-module__col-7___vB-FH,
2009
+ .card-module__col-8___YwqOQ,
2010
+ .card-module__col-9___YnEJj,
2011
+ .card-module__col-10___iH2uD,
2012
+ .card-module__col-11___mhfsv,
2013
+ .card-module__col-12___MtQ7j {
2014
+ flex-basis: 100%;
2015
+ flex-grow: 1;
2016
+ flex-shrink: 1;
2017
+ padding: 0.5rem;
2018
+ }
2019
+
2020
+ @media screen and (min-width: 768px) {
2021
+ .card-module__col-1___wFRl3 {
2022
+ width: 8.3333333333%;
2023
+ flex: 0 0 8.3333333333%;
2024
+ }
2025
+ .card-module__col-2___YvDmo {
2026
+ width: 16.6666666667%;
2027
+ flex: 0 0 16.6666666667%;
2028
+ }
2029
+ .card-module__col-3___0uF1- {
2030
+ width: 25%;
2031
+ flex: 0 0 25%;
2032
+ }
2033
+ .card-module__col-4___7fF7N {
2034
+ width: 33.3333333333%;
2035
+ flex: 0 0 33.3333333333%;
2036
+ }
2037
+ .card-module__col-5___-xVcD {
2038
+ width: 41.6666666667%;
2039
+ flex: 0 0 41.6666666667%;
2040
+ }
2041
+ .card-module__col-6___iSq13 {
2042
+ width: 50%;
2043
+ flex: 0 0 50%;
2044
+ }
2045
+ .card-module__col-7___vB-FH {
2046
+ width: 58.3333333333%;
2047
+ flex: 0 0 58.3333333333%;
2048
+ }
2049
+ .card-module__col-8___YwqOQ {
2050
+ width: 66.6666666667%;
2051
+ flex: 0 0 66.6666666667%;
2052
+ }
2053
+ .card-module__col-9___YnEJj {
2054
+ width: 75%;
2055
+ flex: 0 0 75%;
2056
+ }
2057
+ .card-module__col-10___iH2uD {
2058
+ width: 83.3333333333%;
2059
+ flex: 0 0 83.3333333333%;
2060
+ }
2061
+ .card-module__col-11___mhfsv {
2062
+ width: 91.6666666667%;
2063
+ flex: 0 0 91.6666666667%;
2064
+ }
2065
+ .card-module__col-12___MtQ7j {
2066
+ width: 100%;
2067
+ flex: 0 0 100%;
2068
+ }
2069
+ }
2070
+ .card-module__sbdocs___Invuc.card-module__sbdocs-wrapper___eWtZ3 {
2071
+ justify-content: flex-start;
2072
+ padding-top: 0;
2073
+ }
2074
+ .card-module__sbdocs___Invuc .card-module__sbdocs-content___myJKl {
2075
+ max-width: unset;
2076
+ }
2077
+ .card-module__sbdocs___Invuc .card-module__docs-header___vpHr3 {
2078
+ background: linear-gradient(45deg, rgb(196, 38, 46), rgb(135, 10, 32));
2079
+ }
2080
+ .card-module__sbdocs___Invuc .card-module__docs-header___vpHr3 h1,
2081
+ .card-module__sbdocs___Invuc .card-module__docs-header___vpHr3 h2,
2082
+ .card-module__sbdocs___Invuc .card-module__docs-header___vpHr3 h3,
2083
+ .card-module__sbdocs___Invuc .card-module__docs-header___vpHr3 h4,
2084
+ .card-module__sbdocs___Invuc .card-module__docs-header___vpHr3 h5,
2085
+ .card-module__sbdocs___Invuc .card-module__docs-header___vpHr3 h6,
2086
+ .card-module__sbdocs___Invuc .card-module__docs-header___vpHr3 p {
2087
+ color: rgb(255, 255, 255);
2088
+ }
2089
+ .card-module__sbdocs___Invuc .card-module__docs-wrapper___wy5C6 {
2090
+ max-width: 1280px;
2091
+ }
2092
+ .card-module__sbdocs___Invuc .card-module__docs-body___T-1x6 .card-module__docs-wrapper--narrow___CU1lu {
2093
+ max-width: 960px;
2094
+ }
2095
+ .card-module__sbdocs___Invuc .card-module__docs-body___T-1x6 img {
2096
+ max-width: 100%;
2097
+ }
2098
+ .card-module__sbdocs___Invuc .card-module__docs-body___T-1x6 p a {
2099
+ text-decoration: underline;
2100
+ text-underline-offset: 4px;
2101
+ transition: all 0.5s ease 0s;
2102
+ }
2103
+ .card-module__sbdocs___Invuc .card-module__docs-body___T-1x6 p a:hover {
2104
+ text-decoration: none;
2105
+ color: rgb(196, 38, 46);
2106
+ }
2107
+
2108
+ .card-module__color-swatch-container___GRw6e .card-module__swatch___pvWUa {
2109
+ box-sizing: border-box;
2110
+ width: 88px;
2111
+ height: 88px;
2112
+ border: 2px solid rgb(250, 250, 250);
2113
+ border-radius: 16px;
2114
+ }
2115
+ .card-module__color-swatch-container___GRw6e .card-module__swatch-meta___6dqUv {
2116
+ font-size: 0.75rem;
2117
+ text-transform: uppercase;
2118
+ gap: 0.25rem;
2119
+ }
2120
+ .card-module__color-swatch-container___GRw6e .card-module__swatch-meta--name___8RuqZ {
2121
+ font-size: 1rem;
2122
+ }
2123
+
2124
+ .card-module__fa-display--component___d6wBI {
2125
+ box-sizing: border-box;
2126
+ width: 200px;
2127
+ height: 200px;
2128
+ border: 2px solid rgb(250, 250, 250);
2129
+ border-radius: 16px;
2130
+ padding: 0.5rem;
2131
+ transition: border 0.5s ease 0s;
2132
+ }
2133
+ .card-module__fa-display--component___d6wBI .card-module__font-name___pkxbC {
2134
+ font-size: 0.75rem;
2135
+ text-transform: uppercase;
2136
+ gap: 0.25rem;
2137
+ margin-top: 1rem;
2138
+ }
2139
+ .card-module__fa-display--component___d6wBI:hover {
2140
+ border-color: rgb(172, 174, 176);
2141
+ }
2142
+
2143
+ .card-module__ds-team___m0oQ8 {
2144
+ display: grid;
2145
+ grid-template-columns: repeat(4, minmax(0, 25%));
2146
+ grid-gap: 1rem;
2147
+ }
2148
+ .card-module__ds-team__profile___ztSam img {
2149
+ border-radius: 50%;
2150
+ }
2151
+ .card-module__ds-team__profile___ztSam a {
2152
+ font-size: 0.95rem;
2153
+ word-wrap: break-word;
2154
+ }
2155
+
2156
+ .card-module__cmp-card___45x9k img {
2157
+ transition: all 0.3s ease-in-out;
2158
+ }
2159
+ .card-module__cmp-card__link___OdszC {
2160
+ display: block;
2161
+ text-decoration: none;
2162
+ height: 100%;
2163
+ }
2164
+ .card-module__cmp-card__content-wrapper___gh335 {
2165
+ display: flex;
2166
+ flex-direction: column;
2167
+ height: 100%;
2168
+ }
2169
+ .card-module__cmp-card__content-category-wrapper___2vOjQ {
2170
+ padding: 10px 0;
2171
+ min-height: 38px;
2172
+ font-family: "CalibriBold";
2173
+ font-size: 0.75rem;
2174
+ font-weight: 400;
2175
+ color: white;
2176
+ text-transform: uppercase;
2177
+ }
2178
+ .card-module__cmp-card__content-category-wrapper__colour-edwards-red___DYmt8 {
2179
+ background-color: rgb(196, 38, 46);
2180
+ }
2181
+ .card-module__cmp-card__content-category-wrapper___2vOjQ p {
2182
+ margin: 0 20px;
2183
+ }
2184
+ .card-module__cmp-card__city-country___dI13- {
2185
+ padding: 0 1rem;
2186
+ margin: auto 0 0 0;
2187
+ font-size: 1rem;
2188
+ }
2189
+ .card-module__cmp-card__image-wrapper___IhPHw {
2190
+ overflow: hidden;
2191
+ max-height: 185px;
2192
+ }
2193
+ .card-module__cmp-card__image-wrapper___IhPHw picture img {
2194
+ width: 100%;
2195
+ height: 100%;
2196
+ -o-object-fit: cover;
2197
+ object-fit: cover;
2198
+ transition: all 0.3s ease-in-out;
2199
+ }
2200
+ .card-module__cmp-card__title-wrapper___XHfZg {
2201
+ background: rgb(255, 255, 255);
2202
+ flex-grow: 1;
2203
+ position: relative;
2204
+ padding: 20px 0 40px;
2205
+ }
2206
+ .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__date___7w-Ka {
2207
+ font-size: 0.75rem;
2208
+ padding: 0 1rem;
2209
+ margin-bottom: 0.5rem;
2210
+ }
2211
+ .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__title___cFKG8 {
2212
+ padding: 0 1rem;
2213
+ color: rgb(87, 94, 97);
2214
+ font-weight: 400;
2215
+ font-size: 1.25rem;
2216
+ }
2217
+ @media only screen and (min-width: 576px) {
2218
+ .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__title___cFKG8 {
2219
+ font-size: 22.5px;
2220
+ }
2221
+ }
2222
+ .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__footer___xcNXM {
2223
+ width: 100%;
2224
+ height: 1.5rem;
2225
+ padding: 0 1rem;
2226
+ position: absolute;
2227
+ bottom: 0;
2228
+ display: flex;
2229
+ justify-content: flex-end;
2230
+ align-items: center;
2231
+ overflow: hidden;
2232
+ }
2233
+ .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__footer___xcNXM span {
2234
+ font-size: 0.7rem;
2235
+ color: rgb(196, 38, 46);
2236
+ z-index: 1;
2237
+ }
2238
+ .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__footer___xcNXM::before {
2239
+ content: "";
2240
+ display: block;
2241
+ position: absolute;
2242
+ left: 0px;
2243
+ width: 100%;
2244
+ height: 1.5rem;
2245
+ background: rgb(196, 38, 46);
2246
+ transition: all 0.1s ease-in-out;
2247
+ transform: translateY(35px);
2248
+ z-index: 0;
2249
+ }
2250
+ .card-module__cmp-card--type-card-no-image___G75ye .card-module__cmp-card__title-wrapper___XHfZg {
2251
+ display: flex;
2252
+ flex-direction: column;
2253
+ justify-content: space-between;
2254
+ padding: 0;
2255
+ min-height: 150px;
2256
+ }
2257
+ .card-module__cmp-card--type-card-no-image___G75ye .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__title___cFKG8 {
2258
+ padding-top: 20px;
2259
+ }
2260
+ @media only screen and (min-width: 961px) {
2261
+ .card-module__cmp-card--type-card-no-image___G75ye .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__title___cFKG8 {
2262
+ font-size: 1.5rem;
2263
+ }
2264
+ }
2265
+ .card-module__cmp-card--type-card-no-image___G75ye .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__footer___xcNXM {
2266
+ background: rgb(233, 233, 233);
2267
+ width: 100%;
2268
+ position: relative;
2269
+ right: unset;
2270
+ bottom: unset;
2271
+ padding: 10px 23px;
2272
+ text-align: right;
2273
+ }
2274
+ .card-module__cmp-card--type-card-overlay___344ul .card-module__cmp-card__content-wrapper___gh335 {
2275
+ position: relative;
2276
+ overflow: hidden;
2277
+ height: 100%;
2278
+ }
2279
+ .card-module__cmp-card--type-card-overlay___344ul .card-module__cmp-card__title-wrapper___XHfZg {
2280
+ background-color: transparent;
2281
+ position: absolute;
2282
+ bottom: 0;
2283
+ width: 100%;
2284
+ }
2285
+ .card-module__cmp-card--type-card-overlay___344ul .card-module__cmp-card__image-wrapper___IhPHw {
2286
+ height: 100%;
2287
+ }
2288
+ .card-module__cmp-card--type-card-overlay___344ul .card-module__cmp-card__image-wrapper___IhPHw picture img {
2289
+ filter: brightness(0.5);
2290
+ transform: scale(1.1);
2291
+ }
2292
+ .card-module__cmp-card--type-card-overlay___344ul:hover .card-module__cmp-card__image-wrapper___IhPHw picture img {
2293
+ transform: scale(1.2);
2294
+ }
2295
+ .card-module__cmp-card--type-card-overlay___344ul .card-module__cmp-card__title___cFKG8 {
2296
+ color: rgb(255, 255, 255);
2297
+ opacity: 1;
2298
+ transition: opacity 0.3s ease-in-out;
2299
+ margin: 0 1rem 1rem;
2300
+ font-weight: 400;
2301
+ }
2302
+ @media only screen and (min-width: 961px) {
2303
+ .card-module__cmp-card--type-card-overlay___344ul .card-module__cmp-card__title___cFKG8 {
2304
+ margin: 0 1.5rem 1.5rem;
2305
+ }
2306
+ }
2307
+ .card-module__cmp-card--type-card-overlay___344ul:hover .card-module__cmp-card__title___cFKG8 {
2308
+ opacity: 0;
2309
+ }
2310
+ .card-module__cmp-card--type-card-overlay___344ul .card-module__cmp-card__footer___xcNXM {
2311
+ position: absolute;
2312
+ bottom: -35px;
2313
+ font-size: 0.8rem;
2314
+ line-height: 35px;
2315
+ text-align: center;
2316
+ width: 100px;
2317
+ left: 20px;
2318
+ color: rgb(255, 255, 255);
2319
+ background-color: rgb(196, 38, 46);
2320
+ transition: transform 0.3s ease-in-out;
2321
+ }
2322
+ .card-module__cmp-card--type-card-overlay___344ul:hover .card-module__cmp-card__footer___xcNXM {
2323
+ transform: translateY(-35px);
2324
+ }
2325
+ .card-module__cmp-card--type-card-product___IfqTr {
2326
+ background-color: white;
2327
+ min-height: 100px;
2328
+ }
2329
+ .card-module__cmp-card--type-card-product__wrapper___kulaR {
2330
+ display: grid;
2331
+ grid-template-columns: repeat(4, 1fr);
2332
+ height: 100%;
2333
+ background: linear-gradient(45deg, rgb(212, 214, 215), rgb(172, 174, 176));
2334
+ }
2335
+ .card-module__cmp-card--type-card-product__image___Bkb0A {
2336
+ grid-column: span 1;
2337
+ text-align: center;
2338
+ min-width: 50px;
2339
+ }
2340
+ @media only screen and (min-width: 768px) {
2341
+ .card-module__cmp-card--type-card-product__image___Bkb0A {
2342
+ min-width: 75px;
2343
+ }
2344
+ }
2345
+ @media only screen and (min-width: 1200px) {
2346
+ .card-module__cmp-card--type-card-product__image___Bkb0A {
2347
+ min-width: 150px;
2348
+ }
2349
+ }
2350
+ .card-module__cmp-card--type-card-product__image___Bkb0A figure {
2351
+ display: flex;
2352
+ align-content: center;
2353
+ justify-content: center;
2354
+ height: 100%;
2355
+ background: #fff;
2356
+ margin: 0;
2357
+ }
2358
+ .card-module__cmp-card--type-card-product__image___Bkb0A img {
2359
+ width: 50px;
2360
+ height: 50px;
2361
+ mix-blend-mode: multiply;
2362
+ box-sizing: border-box;
2363
+ -o-object-fit: contain;
2364
+ object-fit: contain;
2365
+ }
2366
+ @media only screen and (min-width: 768px) {
2367
+ .card-module__cmp-card--type-card-product__image___Bkb0A img {
2368
+ width: 105px;
2369
+ height: auto;
2370
+ padding: 10px;
2371
+ }
2372
+ }
2373
+ .card-module__cmp-card--type-card-product__meta___a7Tzc {
2374
+ grid-column: span 3;
2375
+ padding: 10px;
2376
+ display: grid;
2377
+ grid-template-columns: repeat(2, 1fr);
2378
+ grid-template-rows: auto auto;
2379
+ gap: 10px;
2380
+ position: relative;
2381
+ }
2382
+ .card-module__cmp-card--type-card-product__meta___a7Tzc p {
2383
+ margin: 0;
2384
+ }
2385
+ .card-module__cmp-card--type-card-product__title___0JMQp {
2386
+ grid-column: span 2;
2387
+ font-size: 0.8rem;
2388
+ }
2389
+ .card-module__cmp-card--type-card-product__cta___qDSNo {
2390
+ background: #c4262e;
2391
+ padding: 12px 14px 8px;
2392
+ color: #fff;
2393
+ text-transform: uppercase;
2394
+ font-weight: bold;
2395
+ position: absolute;
2396
+ bottom: 0;
2397
+ right: 0;
2398
+ font-size: 12px;
2399
+ }
2400
+ @media only screen and (min-width: 1200px) {
2401
+ .card-module__cmp-card--type-card-product__cta___qDSNo {
2402
+ display: inline-block;
2403
+ }
2404
+ }
2405
+ .card-module__cmp-card--type-card-product__prices___KWPS7, .card-module__cmp-card--type-card-product__prices--login___gMhTo {
2406
+ font-family: "Calibri";
2407
+ font-size: 0.77rem;
2408
+ color: #40424b;
2409
+ position: absolute;
2410
+ bottom: 0;
2411
+ padding: 0.7rem 10px;
2412
+ }
2413
+ .card-module__cmp-card--type-card-product__prices___KWPS7.card-module__show_prices___gjVhn, .card-module__show_prices___gjVhn.card-module__cmp-card--type-card-product__prices--login___gMhTo {
2414
+ font-weight: 700;
2415
+ }
2416
+ .card-module__cmp-card--type-card-panel___95jYv .card-module__cmp-card__content-wrapper___gh335 .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__footer___xcNXM {
2417
+ height: 2rem !important;
2418
+ }
2419
+ .card-module__cmp-card--type-card-panel___95jYv .card-module__cmp-card__content-wrapper___gh335 .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__footer___xcNXM::before {
2420
+ transform: translateY(0) !important;
2421
+ height: 100% !important;
2422
+ opacity: 1;
2423
+ transition: opacity 0.3s ease-in-out;
2424
+ }
2425
+ .card-module__cmp-card--type-card-panel___95jYv .card-module__cmp-card__content-wrapper___gh335 .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__footer___xcNXM svg {
2426
+ z-index: 1;
2427
+ color: white;
2428
+ }
2429
+ .card-module__cmp-card--type-card-panel___95jYv .card-module__cmp-card__content-wrapper___gh335 .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__footer--color-malachite___jEnvy::before {
2430
+ background-color: rgb(22, 124, 119) !important;
2431
+ }
2432
+ .card-module__cmp-card--type-card-panel___95jYv .card-module__cmp-card__content-wrapper___gh335 .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__footer--color-amethyst___N55PL::before {
2433
+ background-color: rgb(75, 63, 147) !important;
2434
+ }
2435
+ .card-module__cmp-card--type-card-panel___95jYv .card-module__cmp-card__content-wrapper___gh335 .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__footer--color-smokey-quartz-bright___1mqyn::before {
2436
+ background-color: rgb(230, 186, 0) !important;
2437
+ }
2438
+ .card-module__cmp-card--type-card-panel___95jYv .card-module__cmp-card__content-wrapper___gh335 .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__footer--color-olivine-bright___O2urI::before {
2439
+ background-color: rgb(156, 183, 43) !important;
2440
+ }
2441
+ .card-module__cmp-card--type-card-panel___95jYv:hover .card-module__cmp-card__content-wrapper___gh335 .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__footer___xcNXM::before {
2442
+ opacity: 0.6;
2443
+ }
2444
+ .card-module__cmp-card--type-careers___Wqzcf .card-module__cmp-card__title-wrapper___XHfZg {
2445
+ display: flex;
2446
+ flex-direction: column;
2447
+ }
2448
+ .card-module__cmp-card--type-careers___Wqzcf .card-module__cmp-card__footer___xcNXM::before {
2449
+ background-color: rgb(75, 63, 147);
2450
+ }
2451
+ .card-module__cmp-card--type-careers___Wqzcf .card-module__cmp-card__city-country___dI13- {
2452
+ margin-top: auto;
2453
+ }
2454
+
2455
+ @keyframes card-module__rotate___NxhZk {
2456
+ 0% {
2457
+ transform: rotateY(0);
2458
+ }
2459
+ 70% {
2460
+ transform: rotateY(200deg);
2461
+ }
2462
+ 100% {
2463
+ transform: rotateY(180deg);
2464
+ }
2465
+ }
2466
+ @keyframes card-module__rotate-inverse___JbaES {
2467
+ 0% {
2468
+ transform: rotateY(180deg);
2469
+ }
2470
+ 70% {
2471
+ transform: rotateY(-20deg);
2472
+ }
2473
+ 100% {
2474
+ transform: rotateY(0);
2475
+ }
2476
+ }
2477
+ .red {
2478
+ color: rgb(196, 38, 46);
2479
+ }
2480
+ .red-background {
2481
+ background-color: rgb(196, 38, 46);
2482
+ }
2483
+
2484
+ .red-dark {
2485
+ color: rgb(135, 10, 32);
2486
+ }
2487
+ .red-dark-background {
2488
+ background-color: rgb(135, 10, 32);
2489
+ }
2490
+
2491
+ .grey {
2492
+ color: #2d363a;
2493
+ }
2494
+ .grey-background {
2495
+ background-color: #2d363a;
2496
+ }
2497
+
2498
+ .grey80 {
2499
+ color: rgb(87, 94, 97);
2500
+ }
2501
+ .grey80-background {
2502
+ background-color: rgb(87, 94, 97);
2503
+ }
2504
+
2505
+ .grey60 {
2506
+ color: rgb(130, 134, 136);
2507
+ }
2508
+ .grey60-background {
2509
+ background-color: rgb(130, 134, 136);
2510
+ }
2511
+
2512
+ .grey40 {
2513
+ color: rgb(172, 174, 176);
2514
+ }
2515
+ .grey40-background {
2516
+ background-color: rgb(172, 174, 176);
2517
+ }
2518
+
2519
+ .grey20 {
2520
+ color: rgb(212, 214, 215);
2521
+ }
2522
+ .grey20-background {
2523
+ background-color: rgb(212, 214, 215);
2524
+ }
2525
+
2526
+ .grey05 {
2527
+ color: rgb(250, 250, 250);
2528
+ }
2529
+ .grey05-background {
2530
+ background-color: rgb(250, 250, 250);
2531
+ }
2532
+
2533
+ .malachite {
2534
+ color: rgb(22, 124, 119);
2535
+ }
2536
+ .malachite-background {
2537
+ background-color: rgb(22, 124, 119);
2538
+ }
2539
+
2540
+ .malachite-bright {
2541
+ color: rgb(43, 157, 166);
2542
+ }
2543
+ .malachite-bright-background {
2544
+ background-color: rgb(43, 157, 166);
2545
+ }
2546
+
2547
+ .malachite-dark {
2548
+ color: rgb(15, 85, 73);
2549
+ }
2550
+ .malachite-dark-background {
2551
+ background-color: rgb(15, 85, 73);
2552
+ }
2553
+
2554
+ .amethyst {
2555
+ color: rgb(75, 63, 147);
2556
+ }
2557
+ .amethyst-background {
2558
+ background-color: rgb(75, 63, 147);
2559
+ }
2560
+
2561
+ .amethyst-bright {
2562
+ color: rgb(106, 106, 204);
2563
+ }
2564
+ .amethyst-bright-background {
2565
+ background-color: rgb(106, 106, 204);
2566
+ }
2567
+
2568
+ .amethyst-dark {
2569
+ color: rgb(57, 34, 78);
2570
+ }
2571
+ .amethyst-dark-background {
2572
+ background-color: rgb(57, 34, 78);
2573
+ }
2574
+
2575
+ .smokey-quartz {
2576
+ color: rgb(174, 150, 6);
2577
+ }
2578
+ .smokey-quartz-background {
2579
+ background-color: rgb(174, 150, 6);
2580
+ }
2581
+
2582
+ .smokey-quartz-bright {
2583
+ color: rgb(230, 186, 0);
2584
+ }
2585
+ .smokey-quartz-bright-background {
2586
+ background-color: rgb(230, 186, 0);
2587
+ }
2588
+
2589
+ .smokey-quartz-dark {
2590
+ color: rgb(93, 83, 50);
2591
+ }
2592
+ .smokey-quartz-dark-background {
2593
+ background-color: rgb(93, 83, 50);
2594
+ }
2595
+
2596
+ .olivine {
2597
+ color: rgb(103, 139, 59);
2598
+ }
2599
+ .olivine-background {
2600
+ background-color: rgb(103, 139, 59);
2601
+ }
2602
+
2603
+ .olivine-bright {
2604
+ color: rgb(156, 183, 43);
2605
+ }
2606
+ .olivine-bright-background {
2607
+ background-color: rgb(156, 183, 43);
2608
+ }
2609
+
2610
+ .olivine-dark {
2611
+ color: rgb(53, 63, 13);
2612
+ }
2613
+ .olivine-dark-background {
2614
+ background-color: rgb(53, 63, 13);
2615
+ }
2616
+
2617
+ .gradient-red-background {
2618
+ background: linear-gradient(45deg, rgb(196, 38, 46), rgb(135, 10, 32));
2619
+ color: rgb(255, 255, 255);
2620
+ }
2621
+
2622
+ .silver-gradient-background {
2623
+ background: linear-gradient(45deg, rgb(250, 250, 250), rgb(212, 214, 215));
2624
+ }
2625
+
2626
+ .aluminum-gradient-background {
2627
+ background: linear-gradient(45deg, rgb(212, 214, 215), rgb(172, 174, 176));
2628
+ }
2629
+
2630
+ .mercury-gradient-background {
2631
+ background: linear-gradient(45deg, rgb(172, 174, 176), rgb(130, 134, 136));
2632
+ }
2633
+
2634
+ @font-face {
2635
+ font-family: "Calibri";
2636
+ src: url("/public/fonts/calibri.ttf") format("truetype");
2637
+ }
2638
+ @font-face {
2639
+ font-family: "CalibriLight";
2640
+ src: url("/public/fonts/calibri.ttf") format("truetype");
2641
+ }
2642
+ @font-face {
2643
+ font-family: "CalibriBold";
2644
+ src: url("/public/fonts/calibri.ttf") format("truetype");
2645
+ }
2646
+ .p-1 {
2647
+ padding: 0.5rem;
2648
+ }
2649
+
2650
+ .p-2 {
2651
+ padding: 1rem;
2652
+ }
2653
+
2654
+ .p-3 {
2655
+ padding: 1.5rem;
2656
+ }
2657
+
2658
+ .p-4 {
2659
+ padding: 2rem;
2660
+ }
2661
+
2662
+ .p-5 {
2663
+ padding: 2.5rem;
2664
+ }
2665
+
2666
+ .p-6 {
2667
+ padding: 3rem;
2668
+ }
2669
+
2670
+ .pt-1 {
2671
+ padding-top: 0.5rem;
2672
+ }
2673
+
2674
+ .pt-2 {
2675
+ padding-top: 1rem;
2676
+ }
2677
+
2678
+ .pt-3 {
2679
+ padding-top: 1.5rem;
2680
+ }
2681
+
2682
+ .pt-4 {
2683
+ padding-top: 2rem;
2684
+ }
2685
+
2686
+ .pt-5 {
2687
+ padding-top: 2.5rem;
2688
+ }
2689
+
2690
+ .pt-6 {
2691
+ padding-top: 3rem;
2692
+ }
2693
+
2694
+ .pb-1 {
2695
+ padding-bottom: 0.5rem;
2696
+ }
2697
+
2698
+ .pb-2 {
2699
+ padding-bottom: 1rem;
2700
+ }
2701
+
2702
+ .pb-3 {
2703
+ padding-bottom: 1.5rem;
2704
+ }
2705
+
2706
+ .pb-4 {
2707
+ padding-bottom: 2rem;
2708
+ }
2709
+
2710
+ .pb-5 {
2711
+ padding-bottom: 2.5rem;
2712
+ }
2713
+
2714
+ .pb-6 {
2715
+ padding-bottom: 3rem;
2716
+ }
2717
+
2718
+ .pl-1 {
2719
+ padding-left: 0.5rem;
2720
+ }
2721
+
2722
+ .pl-2 {
2723
+ padding-left: 1rem;
2724
+ }
2725
+
2726
+ .pl-3 {
2727
+ padding-left: 1.5rem;
2728
+ }
2729
+
2730
+ .pl-4 {
2731
+ padding-left: 2rem;
2732
+ }
2733
+
2734
+ .pl-5 {
2735
+ padding-left: 2.5rem;
2736
+ }
2737
+
2738
+ .pl-6 {
2739
+ padding-left: 3rem;
2740
+ }
2741
+
2742
+ .pr-1 {
2743
+ padding-right: 0.5rem;
2744
+ }
2745
+
2746
+ .pr-2 {
2747
+ padding-right: 1rem;
2748
+ }
2749
+
2750
+ .pr-3 {
2751
+ padding-right: 1.5rem;
2752
+ }
2753
+
2754
+ .pr-4 {
2755
+ padding-right: 2rem;
2756
+ }
2757
+
2758
+ .pr-5 {
2759
+ padding-right: 2.5rem;
2760
+ }
2761
+
2762
+ @media screen and (min-width: 768px) {
2763
+ .pt-1 {
2764
+ padding-top: 1rem;
2765
+ }
2766
+ .pt-2 {
2767
+ padding-top: 2rem;
2768
+ }
2769
+ .pt-3 {
2770
+ padding-top: 3rem;
2771
+ }
2772
+ .pt-4 {
2773
+ padding-top: 4rem;
2774
+ }
2775
+ .pt-5 {
2776
+ padding-top: 5rem;
2777
+ }
2778
+ .pt-6 {
2779
+ padding-top: 6rem;
2780
+ }
2781
+ .pb-1 {
2782
+ padding-bottom: 1rem;
2783
+ }
2784
+ .pb-2 {
2785
+ padding-bottom: 2rem;
2786
+ }
2787
+ .pb-3 {
2788
+ padding-bottom: 3rem;
2789
+ }
2790
+ .pb-4 {
2791
+ padding-bottom: 4rem;
2792
+ }
2793
+ .pb-5 {
2794
+ padding-bottom: 5rem;
2795
+ }
2796
+ .pb-6 {
2797
+ padding-bottom: 6rem;
2798
+ }
2799
+ .pl-1 {
2800
+ padding-left: 1rem;
2801
+ }
2802
+ .pl-2 {
2803
+ padding-left: 2rem;
2804
+ }
2805
+ .pl-3 {
2806
+ padding-left: 3rem;
2807
+ }
2808
+ .pl-4 {
2809
+ padding-left: 4rem;
2810
+ }
2811
+ .pl-5 {
2812
+ padding-left: 5rem;
2813
+ }
2814
+ .pl-6 {
2815
+ padding-left: 6rem;
2816
+ }
2817
+ .pr-1 {
2818
+ padding-right: 1rem;
2819
+ }
2820
+ .pr-2 {
2821
+ padding-right: 2rem;
2822
+ }
2823
+ .pr-3 {
2824
+ padding-right: 3rem;
2825
+ }
2826
+ .pr-4 {
2827
+ padding-right: 4rem;
2828
+ }
2829
+ .pr-5 {
2830
+ padding-right: 5rem;
2831
+ }
2832
+ .pr-6 {
2833
+ padding-right: 6rem;
2834
+ }
2835
+ .p-1 {
2836
+ padding: 1rem;
2837
+ }
2838
+ .p-2 {
2839
+ padding: 2rem;
2840
+ }
2841
+ .p-3 {
2842
+ padding: 3rem;
2843
+ }
2844
+ .p-4 {
2845
+ padding: 4rem;
2846
+ }
2847
+ .p-5 {
2848
+ padding: 5rem;
2849
+ }
2850
+ .p-6 {
2851
+ padding: 6rem;
2852
+ }
2853
+ }
2854
+ .mt-1 {
2855
+ margin-top: 1rem;
2856
+ }
2857
+
2858
+ .mt-2 {
2859
+ margin-top: 2rem;
2860
+ }
2861
+
2862
+ .mt-3 {
2863
+ margin-top: 3rem;
2864
+ }
2865
+
2866
+ .mt-4 {
2867
+ margin-top: 4rem;
2868
+ }
2869
+
2870
+ .mt-5 {
2871
+ margin-top: 5rem;
2872
+ }
2873
+
2874
+ .mt-6 {
2875
+ margin-top: 6rem;
2876
+ }
2877
+
2878
+ .mb-1 {
2879
+ margin-bottom: 1rem;
2880
+ }
2881
+
2882
+ .mb-2 {
2883
+ margin-bottom: 2rem;
2884
+ }
2885
+
2886
+ .mb-3 {
2887
+ margin-bottom: 3rem;
2888
+ }
2889
+
2890
+ .mb-4 {
2891
+ margin-bottom: 4rem;
2892
+ }
2893
+
2894
+ .mb-5 {
2895
+ margin-bottom: 5rem;
2896
+ }
2897
+
2898
+ .mb-6 {
2899
+ margin-bottom: 6rem;
2900
+ }
2901
+
2902
+ .ml-1 {
2903
+ margin-left: 1rem;
2904
+ }
2905
+
2906
+ .ml-2 {
2907
+ margin-left: 2rem;
2908
+ }
2909
+
2910
+ .ml-3 {
2911
+ margin-left: 3rem;
2912
+ }
2913
+
2914
+ .ml-4 {
2915
+ margin-left: 4rem;
2916
+ }
2917
+
2918
+ .ml-5 {
2919
+ margin-left: 5rem;
2920
+ }
2921
+
2922
+ .ml-6 {
2923
+ margin-left: 6rem;
2924
+ }
2925
+
2926
+ .mr-1 {
2927
+ margin-right: 1rem;
2928
+ }
2929
+
2930
+ .mr-2 {
2931
+ margin-right: 2rem;
2932
+ }
2933
+
2934
+ .mr-3 {
2935
+ margin-right: 3rem;
2936
+ }
2937
+
2938
+ .mr-4 {
2939
+ margin-right: 4rem;
2940
+ }
2941
+
2942
+ .mr-5 {
2943
+ margin-right: 5rem;
2944
+ }
2945
+
2946
+ .mr-6 {
2947
+ margin-right: 6rem;
2948
+ }
2949
+
2950
+ .m-1 {
2951
+ margin: 1rem;
2952
+ }
2953
+
2954
+ .m-2 {
2955
+ margin: 2rem;
2956
+ }
2957
+
2958
+ .m-3 {
2959
+ margin: 3rem;
2960
+ }
2961
+
2962
+ .m-4 {
2963
+ margin: 4rem;
2964
+ }
2965
+
2966
+ .m-5 {
2967
+ margin: 5rem;
2968
+ }
2969
+
2970
+ .m-6 {
2971
+ margin: 6rem;
2972
+ }
2973
+
2974
+ .m-0 {
2975
+ margin: 0;
2976
+ }
2977
+
2978
+ .full-width {
2979
+ width: 100vw;
2980
+ position: relative;
2981
+ left: 50%;
2982
+ right: 50%;
2983
+ margin: 0 -50vw 0 -50vw;
2984
+ }
2985
+
2986
+ .flex {
2987
+ display: flex;
2988
+ }
2989
+
2990
+ .flex-row {
2991
+ flex-direction: row;
2992
+ }
2993
+
2994
+ .flex-column {
2995
+ flex-direction: column;
2996
+ }
2997
+
2998
+ .flex-wrap {
2999
+ flex-wrap: wrap;
3000
+ }
3001
+
3002
+ .flex-nowrap {
3003
+ flex-wrap: nowrap;
3004
+ }
3005
+
3006
+ .gap-1 {
3007
+ gap: 1rem;
3008
+ }
3009
+
3010
+ .gap-2 {
3011
+ gap: 2rem;
3012
+ }
3013
+
3014
+ .gap-3 {
3015
+ gap: 3rem;
3016
+ }
3017
+
3018
+ .gap-4 {
3019
+ gap: 4rem;
3020
+ }
3021
+
3022
+ .gap-5 {
3023
+ gap: 5rem;
3024
+ }
3025
+
3026
+ .gap-6 {
3027
+ gap: 6rem;
3028
+ }
3029
+
3030
+ .align-start {
3031
+ align-items: flex-start;
3032
+ }
3033
+ .align-end {
3034
+ align-items: flex-end;
3035
+ }
3036
+ .align-center {
3037
+ align-items: center;
3038
+ }
3039
+ .align-baseline {
3040
+ align-items: baseline;
3041
+ }
3042
+ .align-stretch {
3043
+ align-items: stretch;
3044
+ }
3045
+
3046
+ .justify-start {
3047
+ justify-content: flex-start;
3048
+ }
3049
+ .justify-end {
3050
+ justify-content: flex-end;
3051
+ }
3052
+ .justify-center {
3053
+ justify-content: center;
3054
+ }
3055
+ .justify-between {
3056
+ justify-content: space-between;
3057
+ }
3058
+ .justify-around {
3059
+ justify-content: space-around;
3060
+ }
3061
+ .justify-evenly {
3062
+ justify-content: space-evenly;
3063
+ }
3064
+
3065
+ .grid {
3066
+ display: grid;
3067
+ }
3068
+
3069
+ .grid-1 {
3070
+ grid-template-columns: repeat(1, 1fr);
3071
+ }
3072
+
3073
+ .grid-2 {
3074
+ grid-template-columns: repeat(2, 1fr);
3075
+ }
3076
+
3077
+ .grid-3 {
3078
+ grid-template-columns: repeat(2, 1fr);
3079
+ }
3080
+
3081
+ .grid-4 {
3082
+ grid-template-columns: repeat(2, 1fr);
3083
+ }
3084
+
3085
+ .grid-5 {
3086
+ grid-template-columns: repeat(2, 1fr);
3087
+ }
3088
+
3089
+ .grid-6 {
3090
+ grid-template-columns: repeat(2, 1fr);
3091
+ }
3092
+
3093
+ @media screen and (min-width: 768px) {
3094
+ .grid-1 {
3095
+ grid-template-columns: repeat(1, 1fr);
3096
+ }
3097
+ .grid-2 {
3098
+ grid-template-columns: repeat(2, 1fr);
3099
+ }
3100
+ .grid-3 {
3101
+ grid-template-columns: repeat(3, 1fr);
3102
+ }
3103
+ .grid-4 {
3104
+ grid-template-columns: repeat(4, 1fr);
3105
+ }
3106
+ .grid-5 {
3107
+ grid-template-columns: repeat(5, 1fr);
3108
+ }
3109
+ .grid-6 {
3110
+ grid-template-columns: repeat(6, 1fr);
3111
+ }
3112
+ }
3113
+ .container {
3114
+ width: 100%;
3115
+ max-width: 1280px;
3116
+ margin: 0 auto;
3117
+ }
3118
+
3119
+ .col-2,
3120
+ .col-3,
3121
+ .col-4,
3122
+ .col-5,
3123
+ .col-6,
3124
+ .col-7,
3125
+ .col-8,
3126
+ .col-9,
3127
+ .col-10,
3128
+ .col-11,
3129
+ .col-12 {
3130
+ flex-basis: 100%;
3131
+ flex-grow: 1;
3132
+ flex-shrink: 1;
3133
+ padding: 0.5rem;
3134
+ }
3135
+
3136
+ @media screen and (min-width: 768px) {
3137
+ .col-1 {
3138
+ width: 8.3333333333%;
3139
+ flex: 0 0 8.3333333333%;
3140
+ }
3141
+ .col-2 {
3142
+ width: 16.6666666667%;
3143
+ flex: 0 0 16.6666666667%;
3144
+ }
3145
+ .col-3 {
3146
+ width: 25%;
3147
+ flex: 0 0 25%;
3148
+ }
3149
+ .col-4 {
3150
+ width: 33.3333333333%;
3151
+ flex: 0 0 33.3333333333%;
3152
+ }
3153
+ .col-5 {
3154
+ width: 41.6666666667%;
3155
+ flex: 0 0 41.6666666667%;
3156
+ }
3157
+ .col-6 {
3158
+ width: 50%;
3159
+ flex: 0 0 50%;
3160
+ }
3161
+ .col-7 {
3162
+ width: 58.3333333333%;
3163
+ flex: 0 0 58.3333333333%;
3164
+ }
3165
+ .col-8 {
3166
+ width: 66.6666666667%;
3167
+ flex: 0 0 66.6666666667%;
3168
+ }
3169
+ .col-9 {
3170
+ width: 75%;
3171
+ flex: 0 0 75%;
3172
+ }
3173
+ .col-10 {
3174
+ width: 83.3333333333%;
3175
+ flex: 0 0 83.3333333333%;
3176
+ }
3177
+ .col-11 {
3178
+ width: 91.6666666667%;
3179
+ flex: 0 0 91.6666666667%;
3180
+ }
3181
+ .col-12 {
3182
+ width: 100%;
3183
+ flex: 0 0 100%;
3184
+ }
3185
+ }
3186
+ .sbdocs.sbdocs-wrapper {
3187
+ justify-content: flex-start;
3188
+ padding-top: 0;
3189
+ }
3190
+ .sbdocs .sbdocs-content {
3191
+ max-width: unset;
3192
+ }
3193
+ .sbdocs .docs-header {
3194
+ background: linear-gradient(45deg, rgb(196, 38, 46), rgb(135, 10, 32));
3195
+ }
3196
+ .sbdocs .docs-header h1,
3197
+ .sbdocs .docs-header h2,
3198
+ .sbdocs .docs-header h3,
3199
+ .sbdocs .docs-header h4,
3200
+ .sbdocs .docs-header h5,
3201
+ .sbdocs .docs-header h6,
3202
+ .sbdocs .docs-header p {
3203
+ color: rgb(255, 255, 255);
3204
+ }
3205
+ .sbdocs .docs-wrapper {
3206
+ max-width: 1280px;
3207
+ }
3208
+ .sbdocs .docs-body .docs-wrapper--narrow {
3209
+ max-width: 960px;
3210
+ }
3211
+ .sbdocs .docs-body img {
3212
+ max-width: 100%;
3213
+ }
3214
+ .sbdocs .docs-body p a {
3215
+ text-decoration: underline;
3216
+ text-underline-offset: 4px;
3217
+ transition: all 0.5s ease 0s;
3218
+ }
3219
+ .sbdocs .docs-body p a:hover {
3220
+ text-decoration: none;
3221
+ color: rgb(196, 38, 46);
3222
+ }
3223
+
3224
+ .color-swatch-container .swatch {
3225
+ box-sizing: border-box;
3226
+ width: 88px;
3227
+ height: 88px;
3228
+ border: 2px solid rgb(250, 250, 250);
3229
+ border-radius: 16px;
3230
+ }
3231
+ .color-swatch-container .swatch-meta {
3232
+ font-size: 0.75rem;
3233
+ text-transform: uppercase;
3234
+ gap: 0.25rem;
3235
+ }
3236
+ .color-swatch-container .swatch-meta--name {
3237
+ font-size: 1rem;
3238
+ }
3239
+
3240
+ .fa-display--component {
3241
+ box-sizing: border-box;
3242
+ width: 200px;
3243
+ height: 200px;
3244
+ border: 2px solid rgb(250, 250, 250);
3245
+ border-radius: 16px;
3246
+ padding: 0.5rem;
3247
+ transition: border 0.5s ease 0s;
3248
+ }
3249
+ .fa-display--component .font-name {
3250
+ font-size: 0.75rem;
3251
+ text-transform: uppercase;
3252
+ gap: 0.25rem;
3253
+ margin-top: 1rem;
3254
+ }
3255
+ .fa-display--component:hover {
3256
+ border-color: rgb(172, 174, 176);
3257
+ }
3258
+
3259
+ .ds-team {
3260
+ display: grid;
3261
+ grid-template-columns: repeat(4, minmax(0, 25%));
3262
+ grid-gap: 1rem;
3263
+ }
3264
+ .ds-team__profile img {
3265
+ border-radius: 50%;
3266
+ }
3267
+ .ds-team__profile a {
3268
+ font-size: 0.95rem;
3269
+ word-wrap: break-word;
3270
+ }
3271
+
3272
+ .cmp-button {
3273
+ font-family: "Calibri", sans-serif;
3274
+ text-transform: uppercase;
3275
+ font-size: 1rem;
3276
+ display: flex;
3277
+ align-items: center;
3278
+ min-width: calc(200px - 2rem);
3279
+ min-height: 50px;
3280
+ padding: 0 3rem 0 1rem;
3281
+ transition: all 0.3s ease-in-out;
3282
+ border: 2px solid transparent;
3283
+ }
3284
+ .cmp-button--style-primary {
3285
+ background: linear-gradient(45deg, rgb(196, 38, 46), rgb(135, 10, 32));
3286
+ color: rgb(255, 255, 255);
3287
+ border: none;
3288
+ }
3289
+ .cmp-button--style-primary:hover {
3290
+ background: rgb(255, 255, 255);
3291
+ color: #2d363a;
3292
+ }
3293
+ .cmp-button--style-secondary {
3294
+ background: #2d363a;
3295
+ color: rgb(255, 255, 255);
3296
+ }
3297
+ .cmp-button--style-secondary:hover {
3298
+ background: linear-gradient(45deg, rgb(172, 174, 176), rgb(130, 134, 136));
3299
+ color: rgb(255, 255, 255);
3300
+ }
3301
+ .cmp-button--style-tertiary {
3302
+ background: rgb(255, 255, 255);
3303
+ color: #2d363a;
3304
+ border: none;
3305
+ }
3306
+ .cmp-button--style-tertiary:hover {
3307
+ background: #2d363a;
3308
+ color: rgb(255, 255, 255);
3309
+ }
3310
+ .cmp-button--style-outlineWhite {
3311
+ background: transparent;
3312
+ color: rgb(255, 255, 255);
3313
+ border: 2px solid rgb(255, 255, 255);
3314
+ }
3315
+ .cmp-button--style-outlineWhite:hover {
3316
+ background: rgb(255, 255, 255);
3317
+ color: #2d363a;
3318
+ border-color: rgb(255, 255, 255);
3319
+ }
3320
+ .cmp-button--style-outlineGrey {
3321
+ background: transparent;
3322
+ color: #2d363a;
3323
+ border: 2px solid #2d363a;
3324
+ }
3325
+ .cmp-button--style-outlineGrey:hover {
3326
+ background: #2d363a;
3327
+ color: rgb(255, 255, 255);
3328
+ border-color: #2d363a;
3329
+ }