otimus-library 0.3.48 → 0.3.49

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/styles/grid.scss CHANGED
@@ -1,1122 +1,1122 @@
1
- .oc.container,
2
- .oc.container-fluid,
3
- .oc.container-xxl,
4
- .oc.container-xl,
5
- .oc.container-lg,
6
- .oc.container-md,
7
- .oc.container-sm {
8
- --bs-gutter-x: 1.5rem;
9
- --bs-gutter-y: 0;
10
- width: 100%;
11
- padding-right: calc(var(--bs-gutter-x) * 0.5);
12
- padding-left: calc(var(--bs-gutter-x) * 0.5);
13
- margin-right: auto;
14
- margin-left: auto;
15
-
16
- @media (min-width: 576px) {
17
- .container-sm, .container {
18
- max-width: 540px;
19
- }
20
- }
21
- @media (min-width: 768px) {
22
- .container-md, .container-sm, .container {
23
- max-width: 720px;
24
- }
25
- }
26
- @media (min-width: 992px) {
27
- .container-lg, .container-md, .container-sm, .container {
28
- max-width: 960px;
29
- }
30
- }
31
- @media (min-width: 1200px) {
32
- .container-xl, .container-lg, .container-md, .container-sm, .container {
33
- max-width: 1140px;
34
- }
35
- }
36
- @media (min-width: 1400px) {
37
- .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
38
- max-width: 1320px;
39
- }
40
- }
41
- :root {
42
- --bs-breakpoint-xs: 0;
43
- --bs-breakpoint-sm: 576px;
44
- --bs-breakpoint-md: 768px;
45
- --bs-breakpoint-lg: 992px;
46
- --bs-breakpoint-xl: 1200px;
47
- --bs-breakpoint-xxl: 1400px;
48
- }
49
-
50
- .row {
51
- --bs-gutter-x: 1.5rem;
52
- --bs-gutter-y: 0;
53
- display: flex;
54
- flex-wrap: wrap;
55
- margin-top: calc(-1 * var(--bs-gutter-y));
56
- margin-right: calc(-0.5 * var(--bs-gutter-x));
57
- margin-left: calc(-0.5 * var(--bs-gutter-x));
58
- }
59
- .row > * {
60
- flex-shrink: 0;
61
- width: 100%;
62
- max-width: 100%;
63
- padding-right: calc(var(--bs-gutter-x) * 0.5);
64
- padding-left: calc(var(--bs-gutter-x) * 0.5);
65
- margin-top: var(--bs-gutter-y);
66
- }
67
-
68
- .col {
69
- flex: 1 0 0%;
70
- }
71
-
72
- .row-cols-auto > * {
73
- flex: 0 0 auto;
74
- width: auto;
75
- }
76
-
77
- .row-cols-1 > * {
78
- flex: 0 0 auto;
79
- width: 100%;
80
- }
81
-
82
- .row-cols-2 > * {
83
- flex: 0 0 auto;
84
- width: 50%;
85
- }
86
-
87
- .row-cols-3 > * {
88
- flex: 0 0 auto;
89
- width: 33.33333333%;
90
- }
91
-
92
- .row-cols-4 > * {
93
- flex: 0 0 auto;
94
- width: 25%;
95
- }
96
-
97
- .row-cols-5 > * {
98
- flex: 0 0 auto;
99
- width: 20%;
100
- }
101
-
102
- .row-cols-6 > * {
103
- flex: 0 0 auto;
104
- width: 16.66666667%;
105
- }
106
-
107
- .col-auto {
108
- flex: 0 0 auto;
109
- width: auto;
110
- }
111
-
112
- .col-1 {
113
- flex: 0 0 auto;
114
- width: 8.33333333%;
115
- }
116
-
117
- .col-2 {
118
- flex: 0 0 auto;
119
- width: 16.66666667%;
120
- }
121
-
122
- .col-3 {
123
- flex: 0 0 auto;
124
- width: 25%;
125
- }
126
-
127
- .col-4 {
128
- flex: 0 0 auto;
129
- width: 33.33333333%;
130
- }
131
-
132
- .col-5 {
133
- flex: 0 0 auto;
134
- width: 41.66666667%;
135
- }
136
-
137
- .col-6 {
138
- flex: 0 0 auto;
139
- width: 50%;
140
- }
141
-
142
- .col-7 {
143
- flex: 0 0 auto;
144
- width: 58.33333333%;
145
- }
146
-
147
- .col-8 {
148
- flex: 0 0 auto;
149
- width: 66.66666667%;
150
- }
151
-
152
- .col-9 {
153
- flex: 0 0 auto;
154
- width: 75%;
155
- }
156
-
157
- .col-10 {
158
- flex: 0 0 auto;
159
- width: 83.33333333%;
160
- }
161
-
162
- .col-11 {
163
- flex: 0 0 auto;
164
- width: 91.66666667%;
165
- }
166
-
167
- .col-12 {
168
- flex: 0 0 auto;
169
- width: 100%;
170
- }
171
-
172
- .offset-1 {
173
- margin-left: 8.33333333%;
174
- }
175
-
176
- .offset-2 {
177
- margin-left: 16.66666667%;
178
- }
179
-
180
- .offset-3 {
181
- margin-left: 25%;
182
- }
183
-
184
- .offset-4 {
185
- margin-left: 33.33333333%;
186
- }
187
-
188
- .offset-5 {
189
- margin-left: 41.66666667%;
190
- }
191
-
192
- .offset-6 {
193
- margin-left: 50%;
194
- }
195
-
196
- .offset-7 {
197
- margin-left: 58.33333333%;
198
- }
199
-
200
- .offset-8 {
201
- margin-left: 66.66666667%;
202
- }
203
-
204
- .offset-9 {
205
- margin-left: 75%;
206
- }
207
-
208
- .offset-10 {
209
- margin-left: 83.33333333%;
210
- }
211
-
212
- .offset-11 {
213
- margin-left: 91.66666667%;
214
- }
215
-
216
- .g-0,
217
- .gx-0 {
218
- --bs-gutter-x: 0;
219
- }
220
-
221
- .g-0,
222
- .gy-0 {
223
- --bs-gutter-y: 0;
224
- }
225
-
226
- .g-1,
227
- .gx-1 {
228
- --bs-gutter-x: 0.25rem;
229
- }
230
-
231
- .g-1,
232
- .gy-1 {
233
- --bs-gutter-y: 0.25rem;
234
- }
235
-
236
- .g-2,
237
- .gx-2 {
238
- --bs-gutter-x: 0.5rem;
239
- }
240
-
241
- .g-2,
242
- .gy-2 {
243
- --bs-gutter-y: 0.5rem;
244
- }
245
-
246
- .g-3,
247
- .gx-3 {
248
- --bs-gutter-x: 1rem;
249
- }
250
-
251
- .g-3,
252
- .gy-3 {
253
- --bs-gutter-y: 1rem;
254
- }
255
-
256
- .g-4,
257
- .gx-4 {
258
- --bs-gutter-x: 1.5rem;
259
- }
260
-
261
- .g-4,
262
- .gy-4 {
263
- --bs-gutter-y: 1.5rem;
264
- }
265
-
266
- .g-5,
267
- .gx-5 {
268
- --bs-gutter-x: 3rem;
269
- }
270
-
271
- .g-5,
272
- .gy-5 {
273
- --bs-gutter-y: 3rem;
274
- }
275
-
276
- @media (min-width: 576px) {
277
- .col-sm {
278
- flex: 1 0 0%;
279
- }
280
- .row-cols-sm-auto > * {
281
- flex: 0 0 auto;
282
- width: auto;
283
- }
284
- .row-cols-sm-1 > * {
285
- flex: 0 0 auto;
286
- width: 100%;
287
- }
288
- .row-cols-sm-2 > * {
289
- flex: 0 0 auto;
290
- width: 50%;
291
- }
292
- .row-cols-sm-3 > * {
293
- flex: 0 0 auto;
294
- width: 33.33333333%;
295
- }
296
- .row-cols-sm-4 > * {
297
- flex: 0 0 auto;
298
- width: 25%;
299
- }
300
- .row-cols-sm-5 > * {
301
- flex: 0 0 auto;
302
- width: 20%;
303
- }
304
- .row-cols-sm-6 > * {
305
- flex: 0 0 auto;
306
- width: 16.66666667%;
307
- }
308
- .col-sm-auto {
309
- flex: 0 0 auto;
310
- width: auto;
311
- }
312
- .col-sm-1 {
313
- flex: 0 0 auto;
314
- width: 8.33333333%;
315
- }
316
- .col-sm-2 {
317
- flex: 0 0 auto;
318
- width: 16.66666667%;
319
- }
320
- .col-sm-3 {
321
- flex: 0 0 auto;
322
- width: 25%;
323
- }
324
- .col-sm-4 {
325
- flex: 0 0 auto;
326
- width: 33.33333333%;
327
- }
328
- .col-sm-5 {
329
- flex: 0 0 auto;
330
- width: 41.66666667%;
331
- }
332
- .col-sm-6 {
333
- flex: 0 0 auto;
334
- width: 50%;
335
- }
336
- .col-sm-7 {
337
- flex: 0 0 auto;
338
- width: 58.33333333%;
339
- }
340
- .col-sm-8 {
341
- flex: 0 0 auto;
342
- width: 66.66666667%;
343
- }
344
- .col-sm-9 {
345
- flex: 0 0 auto;
346
- width: 75%;
347
- }
348
- .col-sm-10 {
349
- flex: 0 0 auto;
350
- width: 83.33333333%;
351
- }
352
- .col-sm-11 {
353
- flex: 0 0 auto;
354
- width: 91.66666667%;
355
- }
356
- .col-sm-12 {
357
- flex: 0 0 auto;
358
- width: 100%;
359
- }
360
- .offset-sm-0 {
361
- margin-left: 0;
362
- }
363
- .offset-sm-1 {
364
- margin-left: 8.33333333%;
365
- }
366
- .offset-sm-2 {
367
- margin-left: 16.66666667%;
368
- }
369
- .offset-sm-3 {
370
- margin-left: 25%;
371
- }
372
- .offset-sm-4 {
373
- margin-left: 33.33333333%;
374
- }
375
- .offset-sm-5 {
376
- margin-left: 41.66666667%;
377
- }
378
- .offset-sm-6 {
379
- margin-left: 50%;
380
- }
381
- .offset-sm-7 {
382
- margin-left: 58.33333333%;
383
- }
384
- .offset-sm-8 {
385
- margin-left: 66.66666667%;
386
- }
387
- .offset-sm-9 {
388
- margin-left: 75%;
389
- }
390
- .offset-sm-10 {
391
- margin-left: 83.33333333%;
392
- }
393
- .offset-sm-11 {
394
- margin-left: 91.66666667%;
395
- }
396
- .g-sm-0,
397
- .gx-sm-0 {
398
- --bs-gutter-x: 0;
399
- }
400
- .g-sm-0,
401
- .gy-sm-0 {
402
- --bs-gutter-y: 0;
403
- }
404
- .g-sm-1,
405
- .gx-sm-1 {
406
- --bs-gutter-x: 0.25rem;
407
- }
408
- .g-sm-1,
409
- .gy-sm-1 {
410
- --bs-gutter-y: 0.25rem;
411
- }
412
- .g-sm-2,
413
- .gx-sm-2 {
414
- --bs-gutter-x: 0.5rem;
415
- }
416
- .g-sm-2,
417
- .gy-sm-2 {
418
- --bs-gutter-y: 0.5rem;
419
- }
420
- .g-sm-3,
421
- .gx-sm-3 {
422
- --bs-gutter-x: 1rem;
423
- }
424
- .g-sm-3,
425
- .gy-sm-3 {
426
- --bs-gutter-y: 1rem;
427
- }
428
- .g-sm-4,
429
- .gx-sm-4 {
430
- --bs-gutter-x: 1.5rem;
431
- }
432
- .g-sm-4,
433
- .gy-sm-4 {
434
- --bs-gutter-y: 1.5rem;
435
- }
436
- .g-sm-5,
437
- .gx-sm-5 {
438
- --bs-gutter-x: 3rem;
439
- }
440
- .g-sm-5,
441
- .gy-sm-5 {
442
- --bs-gutter-y: 3rem;
443
- }
444
- }
445
- @media (min-width: 768px) {
446
- .col-md {
447
- flex: 1 0 0%;
448
- }
449
- .row-cols-md-auto > * {
450
- flex: 0 0 auto;
451
- width: auto;
452
- }
453
- .row-cols-md-1 > * {
454
- flex: 0 0 auto;
455
- width: 100%;
456
- }
457
- .row-cols-md-2 > * {
458
- flex: 0 0 auto;
459
- width: 50%;
460
- }
461
- .row-cols-md-3 > * {
462
- flex: 0 0 auto;
463
- width: 33.33333333%;
464
- }
465
- .row-cols-md-4 > * {
466
- flex: 0 0 auto;
467
- width: 25%;
468
- }
469
- .row-cols-md-5 > * {
470
- flex: 0 0 auto;
471
- width: 20%;
472
- }
473
- .row-cols-md-6 > * {
474
- flex: 0 0 auto;
475
- width: 16.66666667%;
476
- }
477
- .col-md-auto {
478
- flex: 0 0 auto;
479
- width: auto;
480
- }
481
- .col-md-1 {
482
- flex: 0 0 auto;
483
- width: 8.33333333%;
484
- }
485
- .col-md-2 {
486
- flex: 0 0 auto;
487
- width: 16.66666667%;
488
- }
489
- .col-md-3 {
490
- flex: 0 0 auto;
491
- width: 25%;
492
- }
493
- .col-md-4 {
494
- flex: 0 0 auto;
495
- width: 33.33333333%;
496
- }
497
- .col-md-5 {
498
- flex: 0 0 auto;
499
- width: 41.66666667%;
500
- }
501
- .col-md-6 {
502
- flex: 0 0 auto;
503
- width: 50%;
504
- }
505
- .col-md-7 {
506
- flex: 0 0 auto;
507
- width: 58.33333333%;
508
- }
509
- .col-md-8 {
510
- flex: 0 0 auto;
511
- width: 66.66666667%;
512
- }
513
- .col-md-9 {
514
- flex: 0 0 auto;
515
- width: 75%;
516
- }
517
- .col-md-10 {
518
- flex: 0 0 auto;
519
- width: 83.33333333%;
520
- }
521
- .col-md-11 {
522
- flex: 0 0 auto;
523
- width: 91.66666667%;
524
- }
525
- .col-md-12 {
526
- flex: 0 0 auto;
527
- width: 100%;
528
- }
529
- .offset-md-0 {
530
- margin-left: 0;
531
- }
532
- .offset-md-1 {
533
- margin-left: 8.33333333%;
534
- }
535
- .offset-md-2 {
536
- margin-left: 16.66666667%;
537
- }
538
- .offset-md-3 {
539
- margin-left: 25%;
540
- }
541
- .offset-md-4 {
542
- margin-left: 33.33333333%;
543
- }
544
- .offset-md-5 {
545
- margin-left: 41.66666667%;
546
- }
547
- .offset-md-6 {
548
- margin-left: 50%;
549
- }
550
- .offset-md-7 {
551
- margin-left: 58.33333333%;
552
- }
553
- .offset-md-8 {
554
- margin-left: 66.66666667%;
555
- }
556
- .offset-md-9 {
557
- margin-left: 75%;
558
- }
559
- .offset-md-10 {
560
- margin-left: 83.33333333%;
561
- }
562
- .offset-md-11 {
563
- margin-left: 91.66666667%;
564
- }
565
- .g-md-0,
566
- .gx-md-0 {
567
- --bs-gutter-x: 0;
568
- }
569
- .g-md-0,
570
- .gy-md-0 {
571
- --bs-gutter-y: 0;
572
- }
573
- .g-md-1,
574
- .gx-md-1 {
575
- --bs-gutter-x: 0.25rem;
576
- }
577
- .g-md-1,
578
- .gy-md-1 {
579
- --bs-gutter-y: 0.25rem;
580
- }
581
- .g-md-2,
582
- .gx-md-2 {
583
- --bs-gutter-x: 0.5rem;
584
- }
585
- .g-md-2,
586
- .gy-md-2 {
587
- --bs-gutter-y: 0.5rem;
588
- }
589
- .g-md-3,
590
- .gx-md-3 {
591
- --bs-gutter-x: 1rem;
592
- }
593
- .g-md-3,
594
- .gy-md-3 {
595
- --bs-gutter-y: 1rem;
596
- }
597
- .g-md-4,
598
- .gx-md-4 {
599
- --bs-gutter-x: 1.5rem;
600
- }
601
- .g-md-4,
602
- .gy-md-4 {
603
- --bs-gutter-y: 1.5rem;
604
- }
605
- .g-md-5,
606
- .gx-md-5 {
607
- --bs-gutter-x: 3rem;
608
- }
609
- .g-md-5,
610
- .gy-md-5 {
611
- --bs-gutter-y: 3rem;
612
- }
613
- }
614
- @media (min-width: 992px) {
615
- .col-lg {
616
- flex: 1 0 0%;
617
- }
618
- .row-cols-lg-auto > * {
619
- flex: 0 0 auto;
620
- width: auto;
621
- }
622
- .row-cols-lg-1 > * {
623
- flex: 0 0 auto;
624
- width: 100%;
625
- }
626
- .row-cols-lg-2 > * {
627
- flex: 0 0 auto;
628
- width: 50%;
629
- }
630
- .row-cols-lg-3 > * {
631
- flex: 0 0 auto;
632
- width: 33.33333333%;
633
- }
634
- .row-cols-lg-4 > * {
635
- flex: 0 0 auto;
636
- width: 25%;
637
- }
638
- .row-cols-lg-5 > * {
639
- flex: 0 0 auto;
640
- width: 20%;
641
- }
642
- .row-cols-lg-6 > * {
643
- flex: 0 0 auto;
644
- width: 16.66666667%;
645
- }
646
- .col-lg-auto {
647
- flex: 0 0 auto;
648
- width: auto;
649
- }
650
- .col-lg-1 {
651
- flex: 0 0 auto;
652
- width: 8.33333333%;
653
- }
654
- .col-lg-2 {
655
- flex: 0 0 auto;
656
- width: 16.66666667%;
657
- }
658
- .col-lg-3 {
659
- flex: 0 0 auto;
660
- width: 25%;
661
- }
662
- .col-lg-4 {
663
- flex: 0 0 auto;
664
- width: 33.33333333%;
665
- }
666
- .col-lg-5 {
667
- flex: 0 0 auto;
668
- width: 41.66666667%;
669
- }
670
- .col-lg-6 {
671
- flex: 0 0 auto;
672
- width: 50%;
673
- }
674
- .col-lg-7 {
675
- flex: 0 0 auto;
676
- width: 58.33333333%;
677
- }
678
- .col-lg-8 {
679
- flex: 0 0 auto;
680
- width: 66.66666667%;
681
- }
682
- .col-lg-9 {
683
- flex: 0 0 auto;
684
- width: 75%;
685
- }
686
- .col-lg-10 {
687
- flex: 0 0 auto;
688
- width: 83.33333333%;
689
- }
690
- .col-lg-11 {
691
- flex: 0 0 auto;
692
- width: 91.66666667%;
693
- }
694
- .col-lg-12 {
695
- flex: 0 0 auto;
696
- width: 100%;
697
- }
698
- .offset-lg-0 {
699
- margin-left: 0;
700
- }
701
- .offset-lg-1 {
702
- margin-left: 8.33333333%;
703
- }
704
- .offset-lg-2 {
705
- margin-left: 16.66666667%;
706
- }
707
- .offset-lg-3 {
708
- margin-left: 25%;
709
- }
710
- .offset-lg-4 {
711
- margin-left: 33.33333333%;
712
- }
713
- .offset-lg-5 {
714
- margin-left: 41.66666667%;
715
- }
716
- .offset-lg-6 {
717
- margin-left: 50%;
718
- }
719
- .offset-lg-7 {
720
- margin-left: 58.33333333%;
721
- }
722
- .offset-lg-8 {
723
- margin-left: 66.66666667%;
724
- }
725
- .offset-lg-9 {
726
- margin-left: 75%;
727
- }
728
- .offset-lg-10 {
729
- margin-left: 83.33333333%;
730
- }
731
- .offset-lg-11 {
732
- margin-left: 91.66666667%;
733
- }
734
- .g-lg-0,
735
- .gx-lg-0 {
736
- --bs-gutter-x: 0;
737
- }
738
- .g-lg-0,
739
- .gy-lg-0 {
740
- --bs-gutter-y: 0;
741
- }
742
- .g-lg-1,
743
- .gx-lg-1 {
744
- --bs-gutter-x: 0.25rem;
745
- }
746
- .g-lg-1,
747
- .gy-lg-1 {
748
- --bs-gutter-y: 0.25rem;
749
- }
750
- .g-lg-2,
751
- .gx-lg-2 {
752
- --bs-gutter-x: 0.5rem;
753
- }
754
- .g-lg-2,
755
- .gy-lg-2 {
756
- --bs-gutter-y: 0.5rem;
757
- }
758
- .g-lg-3,
759
- .gx-lg-3 {
760
- --bs-gutter-x: 1rem;
761
- }
762
- .g-lg-3,
763
- .gy-lg-3 {
764
- --bs-gutter-y: 1rem;
765
- }
766
- .g-lg-4,
767
- .gx-lg-4 {
768
- --bs-gutter-x: 1.5rem;
769
- }
770
- .g-lg-4,
771
- .gy-lg-4 {
772
- --bs-gutter-y: 1.5rem;
773
- }
774
- .g-lg-5,
775
- .gx-lg-5 {
776
- --bs-gutter-x: 3rem;
777
- }
778
- .g-lg-5,
779
- .gy-lg-5 {
780
- --bs-gutter-y: 3rem;
781
- }
782
- }
783
- @media (min-width: 1200px) {
784
- .col-xl {
785
- flex: 1 0 0%;
786
- }
787
- .row-cols-xl-auto > * {
788
- flex: 0 0 auto;
789
- width: auto;
790
- }
791
- .row-cols-xl-1 > * {
792
- flex: 0 0 auto;
793
- width: 100%;
794
- }
795
- .row-cols-xl-2 > * {
796
- flex: 0 0 auto;
797
- width: 50%;
798
- }
799
- .row-cols-xl-3 > * {
800
- flex: 0 0 auto;
801
- width: 33.33333333%;
802
- }
803
- .row-cols-xl-4 > * {
804
- flex: 0 0 auto;
805
- width: 25%;
806
- }
807
- .row-cols-xl-5 > * {
808
- flex: 0 0 auto;
809
- width: 20%;
810
- }
811
- .row-cols-xl-6 > * {
812
- flex: 0 0 auto;
813
- width: 16.66666667%;
814
- }
815
- .col-xl-auto {
816
- flex: 0 0 auto;
817
- width: auto;
818
- }
819
- .col-xl-1 {
820
- flex: 0 0 auto;
821
- width: 8.33333333%;
822
- }
823
- .col-xl-2 {
824
- flex: 0 0 auto;
825
- width: 16.66666667%;
826
- }
827
- .col-xl-3 {
828
- flex: 0 0 auto;
829
- width: 25%;
830
- }
831
- .col-xl-4 {
832
- flex: 0 0 auto;
833
- width: 33.33333333%;
834
- }
835
- .col-xl-5 {
836
- flex: 0 0 auto;
837
- width: 41.66666667%;
838
- }
839
- .col-xl-6 {
840
- flex: 0 0 auto;
841
- width: 50%;
842
- }
843
- .col-xl-7 {
844
- flex: 0 0 auto;
845
- width: 58.33333333%;
846
- }
847
- .col-xl-8 {
848
- flex: 0 0 auto;
849
- width: 66.66666667%;
850
- }
851
- .col-xl-9 {
852
- flex: 0 0 auto;
853
- width: 75%;
854
- }
855
- .col-xl-10 {
856
- flex: 0 0 auto;
857
- width: 83.33333333%;
858
- }
859
- .col-xl-11 {
860
- flex: 0 0 auto;
861
- width: 91.66666667%;
862
- }
863
- .col-xl-12 {
864
- flex: 0 0 auto;
865
- width: 100%;
866
- }
867
- .offset-xl-0 {
868
- margin-left: 0;
869
- }
870
- .offset-xl-1 {
871
- margin-left: 8.33333333%;
872
- }
873
- .offset-xl-2 {
874
- margin-left: 16.66666667%;
875
- }
876
- .offset-xl-3 {
877
- margin-left: 25%;
878
- }
879
- .offset-xl-4 {
880
- margin-left: 33.33333333%;
881
- }
882
- .offset-xl-5 {
883
- margin-left: 41.66666667%;
884
- }
885
- .offset-xl-6 {
886
- margin-left: 50%;
887
- }
888
- .offset-xl-7 {
889
- margin-left: 58.33333333%;
890
- }
891
- .offset-xl-8 {
892
- margin-left: 66.66666667%;
893
- }
894
- .offset-xl-9 {
895
- margin-left: 75%;
896
- }
897
- .offset-xl-10 {
898
- margin-left: 83.33333333%;
899
- }
900
- .offset-xl-11 {
901
- margin-left: 91.66666667%;
902
- }
903
- .g-xl-0,
904
- .gx-xl-0 {
905
- --bs-gutter-x: 0;
906
- }
907
- .g-xl-0,
908
- .gy-xl-0 {
909
- --bs-gutter-y: 0;
910
- }
911
- .g-xl-1,
912
- .gx-xl-1 {
913
- --bs-gutter-x: 0.25rem;
914
- }
915
- .g-xl-1,
916
- .gy-xl-1 {
917
- --bs-gutter-y: 0.25rem;
918
- }
919
- .g-xl-2,
920
- .gx-xl-2 {
921
- --bs-gutter-x: 0.5rem;
922
- }
923
- .g-xl-2,
924
- .gy-xl-2 {
925
- --bs-gutter-y: 0.5rem;
926
- }
927
- .g-xl-3,
928
- .gx-xl-3 {
929
- --bs-gutter-x: 1rem;
930
- }
931
- .g-xl-3,
932
- .gy-xl-3 {
933
- --bs-gutter-y: 1rem;
934
- }
935
- .g-xl-4,
936
- .gx-xl-4 {
937
- --bs-gutter-x: 1.5rem;
938
- }
939
- .g-xl-4,
940
- .gy-xl-4 {
941
- --bs-gutter-y: 1.5rem;
942
- }
943
- .g-xl-5,
944
- .gx-xl-5 {
945
- --bs-gutter-x: 3rem;
946
- }
947
- .g-xl-5,
948
- .gy-xl-5 {
949
- --bs-gutter-y: 3rem;
950
- }
951
- }
952
- @media (min-width: 1400px) {
953
- .col-xxl {
954
- flex: 1 0 0%;
955
- }
956
- .row-cols-xxl-auto > * {
957
- flex: 0 0 auto;
958
- width: auto;
959
- }
960
- .row-cols-xxl-1 > * {
961
- flex: 0 0 auto;
962
- width: 100%;
963
- }
964
- .row-cols-xxl-2 > * {
965
- flex: 0 0 auto;
966
- width: 50%;
967
- }
968
- .row-cols-xxl-3 > * {
969
- flex: 0 0 auto;
970
- width: 33.33333333%;
971
- }
972
- .row-cols-xxl-4 > * {
973
- flex: 0 0 auto;
974
- width: 25%;
975
- }
976
- .row-cols-xxl-5 > * {
977
- flex: 0 0 auto;
978
- width: 20%;
979
- }
980
- .row-cols-xxl-6 > * {
981
- flex: 0 0 auto;
982
- width: 16.66666667%;
983
- }
984
- .col-xxl-auto {
985
- flex: 0 0 auto;
986
- width: auto;
987
- }
988
- .col-xxl-1 {
989
- flex: 0 0 auto;
990
- width: 8.33333333%;
991
- }
992
- .col-xxl-2 {
993
- flex: 0 0 auto;
994
- width: 16.66666667%;
995
- }
996
- .col-xxl-3 {
997
- flex: 0 0 auto;
998
- width: 25%;
999
- }
1000
- .col-xxl-4 {
1001
- flex: 0 0 auto;
1002
- width: 33.33333333%;
1003
- }
1004
- .col-xxl-5 {
1005
- flex: 0 0 auto;
1006
- width: 41.66666667%;
1007
- }
1008
- .col-xxl-6 {
1009
- flex: 0 0 auto;
1010
- width: 50%;
1011
- }
1012
- .col-xxl-7 {
1013
- flex: 0 0 auto;
1014
- width: 58.33333333%;
1015
- }
1016
- .col-xxl-8 {
1017
- flex: 0 0 auto;
1018
- width: 66.66666667%;
1019
- }
1020
- .col-xxl-9 {
1021
- flex: 0 0 auto;
1022
- width: 75%;
1023
- }
1024
- .col-xxl-10 {
1025
- flex: 0 0 auto;
1026
- width: 83.33333333%;
1027
- }
1028
- .col-xxl-11 {
1029
- flex: 0 0 auto;
1030
- width: 91.66666667%;
1031
- }
1032
- .col-xxl-12 {
1033
- flex: 0 0 auto;
1034
- width: 100%;
1035
- }
1036
- .offset-xxl-0 {
1037
- margin-left: 0;
1038
- }
1039
- .offset-xxl-1 {
1040
- margin-left: 8.33333333%;
1041
- }
1042
- .offset-xxl-2 {
1043
- margin-left: 16.66666667%;
1044
- }
1045
- .offset-xxl-3 {
1046
- margin-left: 25%;
1047
- }
1048
- .offset-xxl-4 {
1049
- margin-left: 33.33333333%;
1050
- }
1051
- .offset-xxl-5 {
1052
- margin-left: 41.66666667%;
1053
- }
1054
- .offset-xxl-6 {
1055
- margin-left: 50%;
1056
- }
1057
- .offset-xxl-7 {
1058
- margin-left: 58.33333333%;
1059
- }
1060
- .offset-xxl-8 {
1061
- margin-left: 66.66666667%;
1062
- }
1063
- .offset-xxl-9 {
1064
- margin-left: 75%;
1065
- }
1066
- .offset-xxl-10 {
1067
- margin-left: 83.33333333%;
1068
- }
1069
- .offset-xxl-11 {
1070
- margin-left: 91.66666667%;
1071
- }
1072
- .g-xxl-0,
1073
- .gx-xxl-0 {
1074
- --bs-gutter-x: 0;
1075
- }
1076
- .g-xxl-0,
1077
- .gy-xxl-0 {
1078
- --bs-gutter-y: 0;
1079
- }
1080
- .g-xxl-1,
1081
- .gx-xxl-1 {
1082
- --bs-gutter-x: 0.25rem;
1083
- }
1084
- .g-xxl-1,
1085
- .gy-xxl-1 {
1086
- --bs-gutter-y: 0.25rem;
1087
- }
1088
- .g-xxl-2,
1089
- .gx-xxl-2 {
1090
- --bs-gutter-x: 0.5rem;
1091
- }
1092
- .g-xxl-2,
1093
- .gy-xxl-2 {
1094
- --bs-gutter-y: 0.5rem;
1095
- }
1096
- .g-xxl-3,
1097
- .gx-xxl-3 {
1098
- --bs-gutter-x: 1rem;
1099
- }
1100
- .g-xxl-3,
1101
- .gy-xxl-3 {
1102
- --bs-gutter-y: 1rem;
1103
- }
1104
- .g-xxl-4,
1105
- .gx-xxl-4 {
1106
- --bs-gutter-x: 1.5rem;
1107
- }
1108
- .g-xxl-4,
1109
- .gy-xxl-4 {
1110
- --bs-gutter-y: 1.5rem;
1111
- }
1112
- .g-xxl-5,
1113
- .gx-xxl-5 {
1114
- --bs-gutter-x: 3rem;
1115
- }
1116
- .g-xxl-5,
1117
- .gy-xxl-5 {
1118
- --bs-gutter-y: 3rem;
1119
- }
1120
- }
1121
-
1122
- }
1
+ .oc.container,
2
+ .oc.container-fluid,
3
+ .oc.container-xxl,
4
+ .oc.container-xl,
5
+ .oc.container-lg,
6
+ .oc.container-md,
7
+ .oc.container-sm {
8
+ --bs-gutter-x: 1.5rem;
9
+ --bs-gutter-y: 0;
10
+ width: 100%;
11
+ padding-right: calc(var(--bs-gutter-x) * 0.5);
12
+ padding-left: calc(var(--bs-gutter-x) * 0.5);
13
+ margin-right: auto;
14
+ margin-left: auto;
15
+
16
+ @media (min-width: 576px) {
17
+ .container-sm, .container {
18
+ max-width: 540px;
19
+ }
20
+ }
21
+ @media (min-width: 768px) {
22
+ .container-md, .container-sm, .container {
23
+ max-width: 720px;
24
+ }
25
+ }
26
+ @media (min-width: 992px) {
27
+ .container-lg, .container-md, .container-sm, .container {
28
+ max-width: 960px;
29
+ }
30
+ }
31
+ @media (min-width: 1200px) {
32
+ .container-xl, .container-lg, .container-md, .container-sm, .container {
33
+ max-width: 1140px;
34
+ }
35
+ }
36
+ @media (min-width: 1400px) {
37
+ .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
38
+ max-width: 1320px;
39
+ }
40
+ }
41
+ :root {
42
+ --bs-breakpoint-xs: 0;
43
+ --bs-breakpoint-sm: 576px;
44
+ --bs-breakpoint-md: 768px;
45
+ --bs-breakpoint-lg: 992px;
46
+ --bs-breakpoint-xl: 1200px;
47
+ --bs-breakpoint-xxl: 1400px;
48
+ }
49
+
50
+ .row {
51
+ --bs-gutter-x: 1.5rem;
52
+ --bs-gutter-y: 0;
53
+ display: flex;
54
+ flex-wrap: wrap;
55
+ margin-top: calc(-1 * var(--bs-gutter-y));
56
+ margin-right: calc(-0.5 * var(--bs-gutter-x));
57
+ margin-left: calc(-0.5 * var(--bs-gutter-x));
58
+ }
59
+ .row > * {
60
+ flex-shrink: 0;
61
+ width: 100%;
62
+ max-width: 100%;
63
+ padding-right: calc(var(--bs-gutter-x) * 0.5);
64
+ padding-left: calc(var(--bs-gutter-x) * 0.5);
65
+ margin-top: var(--bs-gutter-y);
66
+ }
67
+
68
+ .col {
69
+ flex: 1 0 0%;
70
+ }
71
+
72
+ .row-cols-auto > * {
73
+ flex: 0 0 auto;
74
+ width: auto;
75
+ }
76
+
77
+ .row-cols-1 > * {
78
+ flex: 0 0 auto;
79
+ width: 100%;
80
+ }
81
+
82
+ .row-cols-2 > * {
83
+ flex: 0 0 auto;
84
+ width: 50%;
85
+ }
86
+
87
+ .row-cols-3 > * {
88
+ flex: 0 0 auto;
89
+ width: 33.33333333%;
90
+ }
91
+
92
+ .row-cols-4 > * {
93
+ flex: 0 0 auto;
94
+ width: 25%;
95
+ }
96
+
97
+ .row-cols-5 > * {
98
+ flex: 0 0 auto;
99
+ width: 20%;
100
+ }
101
+
102
+ .row-cols-6 > * {
103
+ flex: 0 0 auto;
104
+ width: 16.66666667%;
105
+ }
106
+
107
+ .col-auto {
108
+ flex: 0 0 auto;
109
+ width: auto;
110
+ }
111
+
112
+ .col-1 {
113
+ flex: 0 0 auto;
114
+ width: 8.33333333%;
115
+ }
116
+
117
+ .col-2 {
118
+ flex: 0 0 auto;
119
+ width: 16.66666667%;
120
+ }
121
+
122
+ .col-3 {
123
+ flex: 0 0 auto;
124
+ width: 25%;
125
+ }
126
+
127
+ .col-4 {
128
+ flex: 0 0 auto;
129
+ width: 33.33333333%;
130
+ }
131
+
132
+ .col-5 {
133
+ flex: 0 0 auto;
134
+ width: 41.66666667%;
135
+ }
136
+
137
+ .col-6 {
138
+ flex: 0 0 auto;
139
+ width: 50%;
140
+ }
141
+
142
+ .col-7 {
143
+ flex: 0 0 auto;
144
+ width: 58.33333333%;
145
+ }
146
+
147
+ .col-8 {
148
+ flex: 0 0 auto;
149
+ width: 66.66666667%;
150
+ }
151
+
152
+ .col-9 {
153
+ flex: 0 0 auto;
154
+ width: 75%;
155
+ }
156
+
157
+ .col-10 {
158
+ flex: 0 0 auto;
159
+ width: 83.33333333%;
160
+ }
161
+
162
+ .col-11 {
163
+ flex: 0 0 auto;
164
+ width: 91.66666667%;
165
+ }
166
+
167
+ .col-12 {
168
+ flex: 0 0 auto;
169
+ width: 100%;
170
+ }
171
+
172
+ .offset-1 {
173
+ margin-left: 8.33333333%;
174
+ }
175
+
176
+ .offset-2 {
177
+ margin-left: 16.66666667%;
178
+ }
179
+
180
+ .offset-3 {
181
+ margin-left: 25%;
182
+ }
183
+
184
+ .offset-4 {
185
+ margin-left: 33.33333333%;
186
+ }
187
+
188
+ .offset-5 {
189
+ margin-left: 41.66666667%;
190
+ }
191
+
192
+ .offset-6 {
193
+ margin-left: 50%;
194
+ }
195
+
196
+ .offset-7 {
197
+ margin-left: 58.33333333%;
198
+ }
199
+
200
+ .offset-8 {
201
+ margin-left: 66.66666667%;
202
+ }
203
+
204
+ .offset-9 {
205
+ margin-left: 75%;
206
+ }
207
+
208
+ .offset-10 {
209
+ margin-left: 83.33333333%;
210
+ }
211
+
212
+ .offset-11 {
213
+ margin-left: 91.66666667%;
214
+ }
215
+
216
+ .g-0,
217
+ .gx-0 {
218
+ --bs-gutter-x: 0;
219
+ }
220
+
221
+ .g-0,
222
+ .gy-0 {
223
+ --bs-gutter-y: 0;
224
+ }
225
+
226
+ .g-1,
227
+ .gx-1 {
228
+ --bs-gutter-x: 0.25rem;
229
+ }
230
+
231
+ .g-1,
232
+ .gy-1 {
233
+ --bs-gutter-y: 0.25rem;
234
+ }
235
+
236
+ .g-2,
237
+ .gx-2 {
238
+ --bs-gutter-x: 0.5rem;
239
+ }
240
+
241
+ .g-2,
242
+ .gy-2 {
243
+ --bs-gutter-y: 0.5rem;
244
+ }
245
+
246
+ .g-3,
247
+ .gx-3 {
248
+ --bs-gutter-x: 1rem;
249
+ }
250
+
251
+ .g-3,
252
+ .gy-3 {
253
+ --bs-gutter-y: 1rem;
254
+ }
255
+
256
+ .g-4,
257
+ .gx-4 {
258
+ --bs-gutter-x: 1.5rem;
259
+ }
260
+
261
+ .g-4,
262
+ .gy-4 {
263
+ --bs-gutter-y: 1.5rem;
264
+ }
265
+
266
+ .g-5,
267
+ .gx-5 {
268
+ --bs-gutter-x: 3rem;
269
+ }
270
+
271
+ .g-5,
272
+ .gy-5 {
273
+ --bs-gutter-y: 3rem;
274
+ }
275
+
276
+ @media (min-width: 576px) {
277
+ .col-sm {
278
+ flex: 1 0 0%;
279
+ }
280
+ .row-cols-sm-auto > * {
281
+ flex: 0 0 auto;
282
+ width: auto;
283
+ }
284
+ .row-cols-sm-1 > * {
285
+ flex: 0 0 auto;
286
+ width: 100%;
287
+ }
288
+ .row-cols-sm-2 > * {
289
+ flex: 0 0 auto;
290
+ width: 50%;
291
+ }
292
+ .row-cols-sm-3 > * {
293
+ flex: 0 0 auto;
294
+ width: 33.33333333%;
295
+ }
296
+ .row-cols-sm-4 > * {
297
+ flex: 0 0 auto;
298
+ width: 25%;
299
+ }
300
+ .row-cols-sm-5 > * {
301
+ flex: 0 0 auto;
302
+ width: 20%;
303
+ }
304
+ .row-cols-sm-6 > * {
305
+ flex: 0 0 auto;
306
+ width: 16.66666667%;
307
+ }
308
+ .col-sm-auto {
309
+ flex: 0 0 auto;
310
+ width: auto;
311
+ }
312
+ .col-sm-1 {
313
+ flex: 0 0 auto;
314
+ width: 8.33333333%;
315
+ }
316
+ .col-sm-2 {
317
+ flex: 0 0 auto;
318
+ width: 16.66666667%;
319
+ }
320
+ .col-sm-3 {
321
+ flex: 0 0 auto;
322
+ width: 25%;
323
+ }
324
+ .col-sm-4 {
325
+ flex: 0 0 auto;
326
+ width: 33.33333333%;
327
+ }
328
+ .col-sm-5 {
329
+ flex: 0 0 auto;
330
+ width: 41.66666667%;
331
+ }
332
+ .col-sm-6 {
333
+ flex: 0 0 auto;
334
+ width: 50%;
335
+ }
336
+ .col-sm-7 {
337
+ flex: 0 0 auto;
338
+ width: 58.33333333%;
339
+ }
340
+ .col-sm-8 {
341
+ flex: 0 0 auto;
342
+ width: 66.66666667%;
343
+ }
344
+ .col-sm-9 {
345
+ flex: 0 0 auto;
346
+ width: 75%;
347
+ }
348
+ .col-sm-10 {
349
+ flex: 0 0 auto;
350
+ width: 83.33333333%;
351
+ }
352
+ .col-sm-11 {
353
+ flex: 0 0 auto;
354
+ width: 91.66666667%;
355
+ }
356
+ .col-sm-12 {
357
+ flex: 0 0 auto;
358
+ width: 100%;
359
+ }
360
+ .offset-sm-0 {
361
+ margin-left: 0;
362
+ }
363
+ .offset-sm-1 {
364
+ margin-left: 8.33333333%;
365
+ }
366
+ .offset-sm-2 {
367
+ margin-left: 16.66666667%;
368
+ }
369
+ .offset-sm-3 {
370
+ margin-left: 25%;
371
+ }
372
+ .offset-sm-4 {
373
+ margin-left: 33.33333333%;
374
+ }
375
+ .offset-sm-5 {
376
+ margin-left: 41.66666667%;
377
+ }
378
+ .offset-sm-6 {
379
+ margin-left: 50%;
380
+ }
381
+ .offset-sm-7 {
382
+ margin-left: 58.33333333%;
383
+ }
384
+ .offset-sm-8 {
385
+ margin-left: 66.66666667%;
386
+ }
387
+ .offset-sm-9 {
388
+ margin-left: 75%;
389
+ }
390
+ .offset-sm-10 {
391
+ margin-left: 83.33333333%;
392
+ }
393
+ .offset-sm-11 {
394
+ margin-left: 91.66666667%;
395
+ }
396
+ .g-sm-0,
397
+ .gx-sm-0 {
398
+ --bs-gutter-x: 0;
399
+ }
400
+ .g-sm-0,
401
+ .gy-sm-0 {
402
+ --bs-gutter-y: 0;
403
+ }
404
+ .g-sm-1,
405
+ .gx-sm-1 {
406
+ --bs-gutter-x: 0.25rem;
407
+ }
408
+ .g-sm-1,
409
+ .gy-sm-1 {
410
+ --bs-gutter-y: 0.25rem;
411
+ }
412
+ .g-sm-2,
413
+ .gx-sm-2 {
414
+ --bs-gutter-x: 0.5rem;
415
+ }
416
+ .g-sm-2,
417
+ .gy-sm-2 {
418
+ --bs-gutter-y: 0.5rem;
419
+ }
420
+ .g-sm-3,
421
+ .gx-sm-3 {
422
+ --bs-gutter-x: 1rem;
423
+ }
424
+ .g-sm-3,
425
+ .gy-sm-3 {
426
+ --bs-gutter-y: 1rem;
427
+ }
428
+ .g-sm-4,
429
+ .gx-sm-4 {
430
+ --bs-gutter-x: 1.5rem;
431
+ }
432
+ .g-sm-4,
433
+ .gy-sm-4 {
434
+ --bs-gutter-y: 1.5rem;
435
+ }
436
+ .g-sm-5,
437
+ .gx-sm-5 {
438
+ --bs-gutter-x: 3rem;
439
+ }
440
+ .g-sm-5,
441
+ .gy-sm-5 {
442
+ --bs-gutter-y: 3rem;
443
+ }
444
+ }
445
+ @media (min-width: 768px) {
446
+ .col-md {
447
+ flex: 1 0 0%;
448
+ }
449
+ .row-cols-md-auto > * {
450
+ flex: 0 0 auto;
451
+ width: auto;
452
+ }
453
+ .row-cols-md-1 > * {
454
+ flex: 0 0 auto;
455
+ width: 100%;
456
+ }
457
+ .row-cols-md-2 > * {
458
+ flex: 0 0 auto;
459
+ width: 50%;
460
+ }
461
+ .row-cols-md-3 > * {
462
+ flex: 0 0 auto;
463
+ width: 33.33333333%;
464
+ }
465
+ .row-cols-md-4 > * {
466
+ flex: 0 0 auto;
467
+ width: 25%;
468
+ }
469
+ .row-cols-md-5 > * {
470
+ flex: 0 0 auto;
471
+ width: 20%;
472
+ }
473
+ .row-cols-md-6 > * {
474
+ flex: 0 0 auto;
475
+ width: 16.66666667%;
476
+ }
477
+ .col-md-auto {
478
+ flex: 0 0 auto;
479
+ width: auto;
480
+ }
481
+ .col-md-1 {
482
+ flex: 0 0 auto;
483
+ width: 8.33333333%;
484
+ }
485
+ .col-md-2 {
486
+ flex: 0 0 auto;
487
+ width: 16.66666667%;
488
+ }
489
+ .col-md-3 {
490
+ flex: 0 0 auto;
491
+ width: 25%;
492
+ }
493
+ .col-md-4 {
494
+ flex: 0 0 auto;
495
+ width: 33.33333333%;
496
+ }
497
+ .col-md-5 {
498
+ flex: 0 0 auto;
499
+ width: 41.66666667%;
500
+ }
501
+ .col-md-6 {
502
+ flex: 0 0 auto;
503
+ width: 50%;
504
+ }
505
+ .col-md-7 {
506
+ flex: 0 0 auto;
507
+ width: 58.33333333%;
508
+ }
509
+ .col-md-8 {
510
+ flex: 0 0 auto;
511
+ width: 66.66666667%;
512
+ }
513
+ .col-md-9 {
514
+ flex: 0 0 auto;
515
+ width: 75%;
516
+ }
517
+ .col-md-10 {
518
+ flex: 0 0 auto;
519
+ width: 83.33333333%;
520
+ }
521
+ .col-md-11 {
522
+ flex: 0 0 auto;
523
+ width: 91.66666667%;
524
+ }
525
+ .col-md-12 {
526
+ flex: 0 0 auto;
527
+ width: 100%;
528
+ }
529
+ .offset-md-0 {
530
+ margin-left: 0;
531
+ }
532
+ .offset-md-1 {
533
+ margin-left: 8.33333333%;
534
+ }
535
+ .offset-md-2 {
536
+ margin-left: 16.66666667%;
537
+ }
538
+ .offset-md-3 {
539
+ margin-left: 25%;
540
+ }
541
+ .offset-md-4 {
542
+ margin-left: 33.33333333%;
543
+ }
544
+ .offset-md-5 {
545
+ margin-left: 41.66666667%;
546
+ }
547
+ .offset-md-6 {
548
+ margin-left: 50%;
549
+ }
550
+ .offset-md-7 {
551
+ margin-left: 58.33333333%;
552
+ }
553
+ .offset-md-8 {
554
+ margin-left: 66.66666667%;
555
+ }
556
+ .offset-md-9 {
557
+ margin-left: 75%;
558
+ }
559
+ .offset-md-10 {
560
+ margin-left: 83.33333333%;
561
+ }
562
+ .offset-md-11 {
563
+ margin-left: 91.66666667%;
564
+ }
565
+ .g-md-0,
566
+ .gx-md-0 {
567
+ --bs-gutter-x: 0;
568
+ }
569
+ .g-md-0,
570
+ .gy-md-0 {
571
+ --bs-gutter-y: 0;
572
+ }
573
+ .g-md-1,
574
+ .gx-md-1 {
575
+ --bs-gutter-x: 0.25rem;
576
+ }
577
+ .g-md-1,
578
+ .gy-md-1 {
579
+ --bs-gutter-y: 0.25rem;
580
+ }
581
+ .g-md-2,
582
+ .gx-md-2 {
583
+ --bs-gutter-x: 0.5rem;
584
+ }
585
+ .g-md-2,
586
+ .gy-md-2 {
587
+ --bs-gutter-y: 0.5rem;
588
+ }
589
+ .g-md-3,
590
+ .gx-md-3 {
591
+ --bs-gutter-x: 1rem;
592
+ }
593
+ .g-md-3,
594
+ .gy-md-3 {
595
+ --bs-gutter-y: 1rem;
596
+ }
597
+ .g-md-4,
598
+ .gx-md-4 {
599
+ --bs-gutter-x: 1.5rem;
600
+ }
601
+ .g-md-4,
602
+ .gy-md-4 {
603
+ --bs-gutter-y: 1.5rem;
604
+ }
605
+ .g-md-5,
606
+ .gx-md-5 {
607
+ --bs-gutter-x: 3rem;
608
+ }
609
+ .g-md-5,
610
+ .gy-md-5 {
611
+ --bs-gutter-y: 3rem;
612
+ }
613
+ }
614
+ @media (min-width: 992px) {
615
+ .col-lg {
616
+ flex: 1 0 0%;
617
+ }
618
+ .row-cols-lg-auto > * {
619
+ flex: 0 0 auto;
620
+ width: auto;
621
+ }
622
+ .row-cols-lg-1 > * {
623
+ flex: 0 0 auto;
624
+ width: 100%;
625
+ }
626
+ .row-cols-lg-2 > * {
627
+ flex: 0 0 auto;
628
+ width: 50%;
629
+ }
630
+ .row-cols-lg-3 > * {
631
+ flex: 0 0 auto;
632
+ width: 33.33333333%;
633
+ }
634
+ .row-cols-lg-4 > * {
635
+ flex: 0 0 auto;
636
+ width: 25%;
637
+ }
638
+ .row-cols-lg-5 > * {
639
+ flex: 0 0 auto;
640
+ width: 20%;
641
+ }
642
+ .row-cols-lg-6 > * {
643
+ flex: 0 0 auto;
644
+ width: 16.66666667%;
645
+ }
646
+ .col-lg-auto {
647
+ flex: 0 0 auto;
648
+ width: auto;
649
+ }
650
+ .col-lg-1 {
651
+ flex: 0 0 auto;
652
+ width: 8.33333333%;
653
+ }
654
+ .col-lg-2 {
655
+ flex: 0 0 auto;
656
+ width: 16.66666667%;
657
+ }
658
+ .col-lg-3 {
659
+ flex: 0 0 auto;
660
+ width: 25%;
661
+ }
662
+ .col-lg-4 {
663
+ flex: 0 0 auto;
664
+ width: 33.33333333%;
665
+ }
666
+ .col-lg-5 {
667
+ flex: 0 0 auto;
668
+ width: 41.66666667%;
669
+ }
670
+ .col-lg-6 {
671
+ flex: 0 0 auto;
672
+ width: 50%;
673
+ }
674
+ .col-lg-7 {
675
+ flex: 0 0 auto;
676
+ width: 58.33333333%;
677
+ }
678
+ .col-lg-8 {
679
+ flex: 0 0 auto;
680
+ width: 66.66666667%;
681
+ }
682
+ .col-lg-9 {
683
+ flex: 0 0 auto;
684
+ width: 75%;
685
+ }
686
+ .col-lg-10 {
687
+ flex: 0 0 auto;
688
+ width: 83.33333333%;
689
+ }
690
+ .col-lg-11 {
691
+ flex: 0 0 auto;
692
+ width: 91.66666667%;
693
+ }
694
+ .col-lg-12 {
695
+ flex: 0 0 auto;
696
+ width: 100%;
697
+ }
698
+ .offset-lg-0 {
699
+ margin-left: 0;
700
+ }
701
+ .offset-lg-1 {
702
+ margin-left: 8.33333333%;
703
+ }
704
+ .offset-lg-2 {
705
+ margin-left: 16.66666667%;
706
+ }
707
+ .offset-lg-3 {
708
+ margin-left: 25%;
709
+ }
710
+ .offset-lg-4 {
711
+ margin-left: 33.33333333%;
712
+ }
713
+ .offset-lg-5 {
714
+ margin-left: 41.66666667%;
715
+ }
716
+ .offset-lg-6 {
717
+ margin-left: 50%;
718
+ }
719
+ .offset-lg-7 {
720
+ margin-left: 58.33333333%;
721
+ }
722
+ .offset-lg-8 {
723
+ margin-left: 66.66666667%;
724
+ }
725
+ .offset-lg-9 {
726
+ margin-left: 75%;
727
+ }
728
+ .offset-lg-10 {
729
+ margin-left: 83.33333333%;
730
+ }
731
+ .offset-lg-11 {
732
+ margin-left: 91.66666667%;
733
+ }
734
+ .g-lg-0,
735
+ .gx-lg-0 {
736
+ --bs-gutter-x: 0;
737
+ }
738
+ .g-lg-0,
739
+ .gy-lg-0 {
740
+ --bs-gutter-y: 0;
741
+ }
742
+ .g-lg-1,
743
+ .gx-lg-1 {
744
+ --bs-gutter-x: 0.25rem;
745
+ }
746
+ .g-lg-1,
747
+ .gy-lg-1 {
748
+ --bs-gutter-y: 0.25rem;
749
+ }
750
+ .g-lg-2,
751
+ .gx-lg-2 {
752
+ --bs-gutter-x: 0.5rem;
753
+ }
754
+ .g-lg-2,
755
+ .gy-lg-2 {
756
+ --bs-gutter-y: 0.5rem;
757
+ }
758
+ .g-lg-3,
759
+ .gx-lg-3 {
760
+ --bs-gutter-x: 1rem;
761
+ }
762
+ .g-lg-3,
763
+ .gy-lg-3 {
764
+ --bs-gutter-y: 1rem;
765
+ }
766
+ .g-lg-4,
767
+ .gx-lg-4 {
768
+ --bs-gutter-x: 1.5rem;
769
+ }
770
+ .g-lg-4,
771
+ .gy-lg-4 {
772
+ --bs-gutter-y: 1.5rem;
773
+ }
774
+ .g-lg-5,
775
+ .gx-lg-5 {
776
+ --bs-gutter-x: 3rem;
777
+ }
778
+ .g-lg-5,
779
+ .gy-lg-5 {
780
+ --bs-gutter-y: 3rem;
781
+ }
782
+ }
783
+ @media (min-width: 1200px) {
784
+ .col-xl {
785
+ flex: 1 0 0%;
786
+ }
787
+ .row-cols-xl-auto > * {
788
+ flex: 0 0 auto;
789
+ width: auto;
790
+ }
791
+ .row-cols-xl-1 > * {
792
+ flex: 0 0 auto;
793
+ width: 100%;
794
+ }
795
+ .row-cols-xl-2 > * {
796
+ flex: 0 0 auto;
797
+ width: 50%;
798
+ }
799
+ .row-cols-xl-3 > * {
800
+ flex: 0 0 auto;
801
+ width: 33.33333333%;
802
+ }
803
+ .row-cols-xl-4 > * {
804
+ flex: 0 0 auto;
805
+ width: 25%;
806
+ }
807
+ .row-cols-xl-5 > * {
808
+ flex: 0 0 auto;
809
+ width: 20%;
810
+ }
811
+ .row-cols-xl-6 > * {
812
+ flex: 0 0 auto;
813
+ width: 16.66666667%;
814
+ }
815
+ .col-xl-auto {
816
+ flex: 0 0 auto;
817
+ width: auto;
818
+ }
819
+ .col-xl-1 {
820
+ flex: 0 0 auto;
821
+ width: 8.33333333%;
822
+ }
823
+ .col-xl-2 {
824
+ flex: 0 0 auto;
825
+ width: 16.66666667%;
826
+ }
827
+ .col-xl-3 {
828
+ flex: 0 0 auto;
829
+ width: 25%;
830
+ }
831
+ .col-xl-4 {
832
+ flex: 0 0 auto;
833
+ width: 33.33333333%;
834
+ }
835
+ .col-xl-5 {
836
+ flex: 0 0 auto;
837
+ width: 41.66666667%;
838
+ }
839
+ .col-xl-6 {
840
+ flex: 0 0 auto;
841
+ width: 50%;
842
+ }
843
+ .col-xl-7 {
844
+ flex: 0 0 auto;
845
+ width: 58.33333333%;
846
+ }
847
+ .col-xl-8 {
848
+ flex: 0 0 auto;
849
+ width: 66.66666667%;
850
+ }
851
+ .col-xl-9 {
852
+ flex: 0 0 auto;
853
+ width: 75%;
854
+ }
855
+ .col-xl-10 {
856
+ flex: 0 0 auto;
857
+ width: 83.33333333%;
858
+ }
859
+ .col-xl-11 {
860
+ flex: 0 0 auto;
861
+ width: 91.66666667%;
862
+ }
863
+ .col-xl-12 {
864
+ flex: 0 0 auto;
865
+ width: 100%;
866
+ }
867
+ .offset-xl-0 {
868
+ margin-left: 0;
869
+ }
870
+ .offset-xl-1 {
871
+ margin-left: 8.33333333%;
872
+ }
873
+ .offset-xl-2 {
874
+ margin-left: 16.66666667%;
875
+ }
876
+ .offset-xl-3 {
877
+ margin-left: 25%;
878
+ }
879
+ .offset-xl-4 {
880
+ margin-left: 33.33333333%;
881
+ }
882
+ .offset-xl-5 {
883
+ margin-left: 41.66666667%;
884
+ }
885
+ .offset-xl-6 {
886
+ margin-left: 50%;
887
+ }
888
+ .offset-xl-7 {
889
+ margin-left: 58.33333333%;
890
+ }
891
+ .offset-xl-8 {
892
+ margin-left: 66.66666667%;
893
+ }
894
+ .offset-xl-9 {
895
+ margin-left: 75%;
896
+ }
897
+ .offset-xl-10 {
898
+ margin-left: 83.33333333%;
899
+ }
900
+ .offset-xl-11 {
901
+ margin-left: 91.66666667%;
902
+ }
903
+ .g-xl-0,
904
+ .gx-xl-0 {
905
+ --bs-gutter-x: 0;
906
+ }
907
+ .g-xl-0,
908
+ .gy-xl-0 {
909
+ --bs-gutter-y: 0;
910
+ }
911
+ .g-xl-1,
912
+ .gx-xl-1 {
913
+ --bs-gutter-x: 0.25rem;
914
+ }
915
+ .g-xl-1,
916
+ .gy-xl-1 {
917
+ --bs-gutter-y: 0.25rem;
918
+ }
919
+ .g-xl-2,
920
+ .gx-xl-2 {
921
+ --bs-gutter-x: 0.5rem;
922
+ }
923
+ .g-xl-2,
924
+ .gy-xl-2 {
925
+ --bs-gutter-y: 0.5rem;
926
+ }
927
+ .g-xl-3,
928
+ .gx-xl-3 {
929
+ --bs-gutter-x: 1rem;
930
+ }
931
+ .g-xl-3,
932
+ .gy-xl-3 {
933
+ --bs-gutter-y: 1rem;
934
+ }
935
+ .g-xl-4,
936
+ .gx-xl-4 {
937
+ --bs-gutter-x: 1.5rem;
938
+ }
939
+ .g-xl-4,
940
+ .gy-xl-4 {
941
+ --bs-gutter-y: 1.5rem;
942
+ }
943
+ .g-xl-5,
944
+ .gx-xl-5 {
945
+ --bs-gutter-x: 3rem;
946
+ }
947
+ .g-xl-5,
948
+ .gy-xl-5 {
949
+ --bs-gutter-y: 3rem;
950
+ }
951
+ }
952
+ @media (min-width: 1400px) {
953
+ .col-xxl {
954
+ flex: 1 0 0%;
955
+ }
956
+ .row-cols-xxl-auto > * {
957
+ flex: 0 0 auto;
958
+ width: auto;
959
+ }
960
+ .row-cols-xxl-1 > * {
961
+ flex: 0 0 auto;
962
+ width: 100%;
963
+ }
964
+ .row-cols-xxl-2 > * {
965
+ flex: 0 0 auto;
966
+ width: 50%;
967
+ }
968
+ .row-cols-xxl-3 > * {
969
+ flex: 0 0 auto;
970
+ width: 33.33333333%;
971
+ }
972
+ .row-cols-xxl-4 > * {
973
+ flex: 0 0 auto;
974
+ width: 25%;
975
+ }
976
+ .row-cols-xxl-5 > * {
977
+ flex: 0 0 auto;
978
+ width: 20%;
979
+ }
980
+ .row-cols-xxl-6 > * {
981
+ flex: 0 0 auto;
982
+ width: 16.66666667%;
983
+ }
984
+ .col-xxl-auto {
985
+ flex: 0 0 auto;
986
+ width: auto;
987
+ }
988
+ .col-xxl-1 {
989
+ flex: 0 0 auto;
990
+ width: 8.33333333%;
991
+ }
992
+ .col-xxl-2 {
993
+ flex: 0 0 auto;
994
+ width: 16.66666667%;
995
+ }
996
+ .col-xxl-3 {
997
+ flex: 0 0 auto;
998
+ width: 25%;
999
+ }
1000
+ .col-xxl-4 {
1001
+ flex: 0 0 auto;
1002
+ width: 33.33333333%;
1003
+ }
1004
+ .col-xxl-5 {
1005
+ flex: 0 0 auto;
1006
+ width: 41.66666667%;
1007
+ }
1008
+ .col-xxl-6 {
1009
+ flex: 0 0 auto;
1010
+ width: 50%;
1011
+ }
1012
+ .col-xxl-7 {
1013
+ flex: 0 0 auto;
1014
+ width: 58.33333333%;
1015
+ }
1016
+ .col-xxl-8 {
1017
+ flex: 0 0 auto;
1018
+ width: 66.66666667%;
1019
+ }
1020
+ .col-xxl-9 {
1021
+ flex: 0 0 auto;
1022
+ width: 75%;
1023
+ }
1024
+ .col-xxl-10 {
1025
+ flex: 0 0 auto;
1026
+ width: 83.33333333%;
1027
+ }
1028
+ .col-xxl-11 {
1029
+ flex: 0 0 auto;
1030
+ width: 91.66666667%;
1031
+ }
1032
+ .col-xxl-12 {
1033
+ flex: 0 0 auto;
1034
+ width: 100%;
1035
+ }
1036
+ .offset-xxl-0 {
1037
+ margin-left: 0;
1038
+ }
1039
+ .offset-xxl-1 {
1040
+ margin-left: 8.33333333%;
1041
+ }
1042
+ .offset-xxl-2 {
1043
+ margin-left: 16.66666667%;
1044
+ }
1045
+ .offset-xxl-3 {
1046
+ margin-left: 25%;
1047
+ }
1048
+ .offset-xxl-4 {
1049
+ margin-left: 33.33333333%;
1050
+ }
1051
+ .offset-xxl-5 {
1052
+ margin-left: 41.66666667%;
1053
+ }
1054
+ .offset-xxl-6 {
1055
+ margin-left: 50%;
1056
+ }
1057
+ .offset-xxl-7 {
1058
+ margin-left: 58.33333333%;
1059
+ }
1060
+ .offset-xxl-8 {
1061
+ margin-left: 66.66666667%;
1062
+ }
1063
+ .offset-xxl-9 {
1064
+ margin-left: 75%;
1065
+ }
1066
+ .offset-xxl-10 {
1067
+ margin-left: 83.33333333%;
1068
+ }
1069
+ .offset-xxl-11 {
1070
+ margin-left: 91.66666667%;
1071
+ }
1072
+ .g-xxl-0,
1073
+ .gx-xxl-0 {
1074
+ --bs-gutter-x: 0;
1075
+ }
1076
+ .g-xxl-0,
1077
+ .gy-xxl-0 {
1078
+ --bs-gutter-y: 0;
1079
+ }
1080
+ .g-xxl-1,
1081
+ .gx-xxl-1 {
1082
+ --bs-gutter-x: 0.25rem;
1083
+ }
1084
+ .g-xxl-1,
1085
+ .gy-xxl-1 {
1086
+ --bs-gutter-y: 0.25rem;
1087
+ }
1088
+ .g-xxl-2,
1089
+ .gx-xxl-2 {
1090
+ --bs-gutter-x: 0.5rem;
1091
+ }
1092
+ .g-xxl-2,
1093
+ .gy-xxl-2 {
1094
+ --bs-gutter-y: 0.5rem;
1095
+ }
1096
+ .g-xxl-3,
1097
+ .gx-xxl-3 {
1098
+ --bs-gutter-x: 1rem;
1099
+ }
1100
+ .g-xxl-3,
1101
+ .gy-xxl-3 {
1102
+ --bs-gutter-y: 1rem;
1103
+ }
1104
+ .g-xxl-4,
1105
+ .gx-xxl-4 {
1106
+ --bs-gutter-x: 1.5rem;
1107
+ }
1108
+ .g-xxl-4,
1109
+ .gy-xxl-4 {
1110
+ --bs-gutter-y: 1.5rem;
1111
+ }
1112
+ .g-xxl-5,
1113
+ .gx-xxl-5 {
1114
+ --bs-gutter-x: 3rem;
1115
+ }
1116
+ .g-xxl-5,
1117
+ .gy-xxl-5 {
1118
+ --bs-gutter-y: 3rem;
1119
+ }
1120
+ }
1121
+
1122
+ }