@sc-360-v2/storefront-cms-library 0.3.28 → 0.3.30

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.
Files changed (44) hide show
  1. package/dist/animation-control.scss +23 -0
  2. package/dist/builder.js +1 -1
  3. package/dist/bulk-order-pad.scss +328 -53
  4. package/dist/cart-details.scss +595 -300
  5. package/dist/cart-summary.scss +148 -40
  6. package/dist/cartAttributes.scss +24 -20
  7. package/dist/cartDropdownOverlay.scss +58 -10
  8. package/dist/checkout.scss +225 -79
  9. package/dist/contact-us.scss +3 -0
  10. package/dist/dropdownTemplate.scss +13 -2
  11. package/dist/fb-dropdown.scss +6 -2
  12. package/dist/filters.scss +0 -1
  13. package/dist/form-preview.scss +50 -9
  14. package/dist/form-zindex-module.scss +25 -0
  15. package/dist/functions.scss +72 -2
  16. package/dist/icons.js +1 -1
  17. package/dist/index.js +1 -1
  18. package/dist/light-box-v2.scss +1 -1
  19. package/dist/modal.scss +69 -31
  20. package/dist/order-status.scss +1 -0
  21. package/dist/position-module.scss +74 -0
  22. package/dist/prefix-list.scss +55 -0
  23. package/dist/quick-order-pad.scss +36 -8
  24. package/dist/responsive-behaviour.scss +21 -0
  25. package/dist/section.scss +13 -6
  26. package/dist/shareCartSideBar.scss +29 -14
  27. package/dist/submit-quote.scss +107 -49
  28. package/dist/types/builder/elements/form-builder/index.d.ts +14 -2
  29. package/dist/types/builder/interfaces/global.d.ts +13 -0
  30. package/dist/types/builder/tools/element-edit/amountEstimator.d.ts +441 -0
  31. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +364 -0
  32. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +123 -55
  33. package/dist/types/builder/tools/element-edit/checkout.d.ts +120 -94
  34. package/dist/types/builder/tools/element-edit/common.d.ts +1 -0
  35. package/dist/types/builder/tools/element-edit/countdown.d.ts +384 -44
  36. package/dist/types/builder/tools/element-edit/dummy.d.ts +0 -0
  37. package/dist/types/builder/tools/element-edit/productActions.d.ts +390 -43
  38. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +192 -22
  39. package/dist/types/builder/tools/element-edit/repeater.d.ts +439 -1
  40. package/dist/types/builder/tools/element-edit/table.d.ts +0 -1
  41. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +981 -0
  42. package/dist/types/builder/tools/element-edit/video.d.ts +192 -22
  43. package/dist/types/global/types.d.ts +2 -0
  44. package/package.json +1 -1
package/dist/cart-details.scss CHANGED
@@ -8,17 +8,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
8
8
  // );
9
9
  [data-div-type="element"] {
10
10
  &[data-element-type="cartDetails"] {
11
- width: var(
12
- --_sf-el-wh-st-mx,
13
- calc(
14
- 1% *
15
- var(
16
- --_mob-ctm-ele-nw-wh-vl,
17
- var(--_tab-ctm-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
18
- )
19
- )
20
- );
21
- margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
11
+ // width: var(
12
+ // --_sf-el-wh-st-mx,
13
+ // calc(
14
+ // 1% *
15
+ // var(
16
+ // --_mob-ctm-ele-nw-wh-vl,
17
+ // var(--_tab-ctm-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
18
+ // )
19
+ // )
20
+ // );
21
+ // margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
22
22
  & > div {
23
23
  &.wrapper {
24
24
  width: 100%;
@@ -41,12 +41,36 @@ $resizeActive: '[data-cms-element-resizer="true"]';
41
41
  flex: 1 0 0;
42
42
  max-width: 100%;
43
43
 
44
- .car_group_item {
44
+ .cart_group_item {
45
45
  width: 100%;
46
- .group_name {
47
- font-size: 20px;
48
- color: #101828;
49
- font-weight: 700;
46
+
47
+ .cart_group_title {
48
+ display: flex;
49
+ align-items: center;
50
+ cursor: pointer;
51
+ margin-bottom: 16px;
52
+ h4 {
53
+ font-size: 20px;
54
+ color: var(--_gray-900);
55
+ font-weight: 700;
56
+ margin-right: 8px;
57
+ .cart_items_length {
58
+ font-size: 14px;
59
+ color: var(--_gray-600);
60
+ margin-left: 4px;
61
+ }
62
+ }
63
+ .toggle_btn {
64
+ display: flex;
65
+ margin-right: 8px;
66
+ svg {
67
+ width: 24px;
68
+ height: 24px;
69
+ path {
70
+ stroke: var(--_gray-600);
71
+ }
72
+ }
73
+ }
50
74
  }
51
75
  .attr_header {
52
76
  display: flex;
@@ -162,13 +186,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
162
186
  --_ctm-mob-dn-ct-an-ss-le-ht,
163
187
  var(--_ctm-tab-dn-ct-an-ss-le-ht, var(--_ctm-dn-ct-an-ss-le-ht))
164
188
  );
165
- text-decoration: var(
166
- --_ctm-mob-dn-ct-an-ss-ue,
167
- var(--_ctm-tab-dn-ct-an-ss-ue, var(--_ctm-dn-ct-an-ss-ue))
168
- );
169
- // &:hover {
170
- // font-weight: 600;
171
- // }
189
+ &:hover {
190
+ text-decoration: underline;
191
+ }
172
192
  }
173
193
  }
174
194
  }
@@ -262,6 +282,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
262
282
  border: 1px solid #d1d5db;
263
283
  border-radius: 0.375px;
264
284
 
285
+ &:focus {
286
+ &:focus {
287
+ border-color: #2563eb;
288
+ box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.3);
289
+ }
290
+ }
291
+
265
292
  .dropdown-input-section {
266
293
  padding: 0.5rem;
267
294
 
@@ -427,7 +454,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
427
454
  align-items: flex-start;
428
455
  align-self: stretch;
429
456
  height: auto;
430
- flex-wrap: wrap;
457
+ // flex-wrap: wrap;
431
458
 
432
459
  .cart_product_left_wrapper {
433
460
  display: flex;
@@ -446,24 +473,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
446
473
  background-repeat: no-repeat;
447
474
  background-position: center;
448
475
  background-color: #eaeaea;
449
-
450
- border-style: var(
451
- --_ctm-mob-dn-pt-ie-ss-br-se,
452
- var(--_ctm-tab-dn-pt-ie-ss-br-se, var(--_ctm-dn-pt-ie-ss-br-se))
453
- );
454
- border-width: var(
455
- --_ctm-mob-dn-pt-ie-ss-br-wh,
456
- var(--_ctm-tab-dn-pt-ie-ss-br-wh, var(--_ctm-dn-pt-ie-ss-br-wh))
457
- );
458
- // border: ;
459
- border-radius: var(
460
- --_ctm-mob-dn-pt-ie-ss-br-rs,
461
- var(--_ctm-tab-dn-pt-ie-ss-br-rs, var(--_ctm-dn-pt-ie-ss-br-rs))
462
- );
463
- border-color: var(
464
- --_ctm-mob-dn-pt-ie-ss-br-cr,
465
- var(--_ctm-tab-dn-pt-ie-ss-br-cr, var(--_ctm-dn-pt-ie-ss-br-cr))
466
- );
476
+ border: 1px solid var(--_gray-100);
477
+ border-radius: 4px;
467
478
  }
468
479
 
469
480
  .product_info_wrapper {
@@ -483,51 +494,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
483
494
  word-break: normal;
484
495
 
485
496
  .product_title {
486
- // color: var(--_ctm-dn-pt-ne-ss-cr);
487
- // font-size: var(--_ctm-dn-pt-ne-ss-ft-se);
488
- // font-weight: 700;
489
- // align-self: stretch;
490
- // line-height: 28px;
491
- // font-family: var(--_ctm-dn-pt-ne-ss-ft-fy);
492
- color: var(
493
- --_ctm-mob-dn-pt-ne-ss-cr,
494
- var(--_ctm-tab-dn-pt-ne-ss-cr, var(--_ctm-dn-pt-ne-ss-cr))
495
- );
496
- font-family: var(
497
- --_sf-hr-ff,
498
- var(
499
- --_ctm-mob-dn-pt-ne-ss-ft-fy,
500
- var(--_ctm-tab-dn-pt-ne-ss-ft-fy, var(--_ctm-dn-pt-ne-ss-ft-fy))
501
- )
502
- );
503
- font-size: var(
504
- --_ctm-mob-dn-pt-ne-ss-ft-se,
505
- var(--_ctm-tab-dn-pt-ne-ss-ft-se, var(--_ctm-dn-pt-ne-ss-ft-se))
506
- );
507
- font-weight: var(
508
- --_ctm-mob-dn-pt-ne-ss-ft-wt,
509
- var(--_ctm-tab-dn-pt-ne-ss-ft-wt, var(--_ctm-dn-pt-ne-ss-ft-wt))
510
- );
511
- font-style: var(
512
- --_ctm-mob-dn-pt-ne-ss-ft-se-ic,
513
- var(--_ctm-tab-dn-pt-ne-ss-ft-se-ic, var(--_ctm-dn-pt-ne-ss-ft-se-ic))
514
- );
515
- text-align: var(
516
- --_ctm-mob-dn-pt-ne-ss-tt-an,
517
- var(--_ctm-tab-dn-pt-ne-ss-tt-an, var(--_ctm-dn-pt-ne-ss-tt-an))
518
- );
519
- letter-spacing: var(
520
- --_ctm-mob-dn-pt-ne-ss-lr-sg,
521
- var(--_ctm-tab-dn-pt-ne-ss-lr-sg, var(--_ctm-dn-pt-ne-ss-lr-sg))
522
- );
523
- line-height: var(
524
- --_ctm-mob-dn-pt-ne-ss-le-ht,
525
- var(--_ctm-tab-dn-pt-ne-ss-le-ht, var(--_ctm-dn-pt-ne-ss-le-ht))
526
- );
527
- text-decoration: var(
528
- --_ctm-mob-dn-pt-ne-ss-ue,
529
- var(--_ctm-tab-dn-pt-ne-ss-ue, var(--_ctm-dn-pt-ne-ss-ue))
530
- );
497
+ color: var(--_gray-900);
498
+ font-family: lato;
499
+ font-size: 18px;
500
+ font-weight: 700;
501
+ line-height: 28px;
531
502
  }
532
503
 
533
504
  .product_code {
@@ -536,53 +507,24 @@ $resizeActive: '[data-cms-element-resizer="true"]';
536
507
  gap: 6px;
537
508
  align-self: stretch;
538
509
  flex-wrap: wrap;
539
- background-color: var(--_ctm-dn-pt-in-ss-bd-cr);
540
510
 
541
- p {
542
- // color: #475467;
543
- // font-size: 14px;
544
- // font-weight: 400;
545
- // line-height: 20px;
511
+ span {
512
+ color: var(--_gray-600);
513
+ font-size: 14px;
514
+ font-weight: 400;
515
+ line-height: 20px;
546
516
  white-space: nowrap;
547
- color: var(
548
- --_ctm-mob-dn-pt-in-ss-cr,
549
- var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr))
550
- );
551
- font-family: var(
552
- --_sf-hr-ff,
553
- var(
554
- --_ctm-mob-dn-pt-in-ss-ft-fy,
555
- var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))
556
- )
557
- );
558
- font-size: var(
559
- --_ctm-mob-dn-pt-in-ss-ft-se,
560
- var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
561
- );
562
- font-weight: var(
563
- --_ctm-mob-dn-pt-in-ss-ft-wt,
564
- var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt))
565
- );
566
- font-style: var(
567
- --_ctm-mob-dn-pt-in-ss-ft-se-ic,
568
- var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic))
569
- );
570
- text-align: var(
571
- --_ctm-mob-dn-pt-in-ss-tt-an,
572
- var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an))
573
- );
574
- letter-spacing: var(
575
- --_ctm-mob-dn-pt-in-ss-lr-sg,
576
- var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg))
577
- );
578
- line-height: var(
579
- --_ctm-mob-dn-pt-in-ss-le-ht,
580
- var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht))
581
- );
582
- text-decoration: var(
583
- --_ctm-mob-dn-pt-in-ss-ue,
584
- var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue))
585
- );
517
+ &::after {
518
+ content: "";
519
+ display: inline-block;
520
+ height: 10px;
521
+ border-right: 1px solid var(--_gray-600);
522
+ padding-right: 8px;
523
+ }
524
+
525
+ &:last-of-type::after {
526
+ border-right: 0;
527
+ }
586
528
  }
587
529
  }
588
530
 
@@ -592,48 +534,19 @@ $resizeActive: '[data-cms-element-resizer="true"]';
592
534
  gap: 4px;
593
535
  align-self: stretch;
594
536
  flex-wrap: wrap;
595
- background-color: var(--_ctm-dn-pt-in-ss-bd-cr);
596
- p {
537
+ span {
597
538
  white-space: nowrap;
598
- color: var(
599
- --_ctm-mob-dn-pt-in-ss-cr,
600
- var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr))
601
- );
602
- font-family: var(
603
- --_sf-hr-ff,
604
- var(
605
- --_ctm-mob-dn-pt-in-ss-ft-fy,
606
- var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))
607
- )
608
- );
609
- font-size: var(
610
- --_ctm-mob-dn-pt-in-ss-ft-se,
611
- var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
612
- );
613
- font-weight: var(
614
- --_ctm-mob-dn-pt-in-ss-ft-wt,
615
- var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt))
616
- );
617
- font-style: var(
618
- --_ctm-mob-dn-pt-in-ss-ft-se-ic,
619
- var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic))
620
- );
621
- text-align: var(
622
- --_ctm-mob-dn-pt-in-ss-tt-an,
623
- var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an))
624
- );
625
- letter-spacing: var(
626
- --_ctm-mob-dn-pt-in-ss-lr-sg,
627
- var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg))
628
- );
629
- line-height: var(
630
- --_ctm-mob-dn-pt-in-ss-le-ht,
631
- var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht))
632
- );
633
- text-decoration: var(
634
- --_ctm-mob-dn-pt-in-ss-ue,
635
- var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue))
636
- );
539
+ font-size: 14px;
540
+ font-weight: 400;
541
+ color: var(--_gray-600);
542
+ line-height: 20px;
543
+ &::after {
544
+ content: "/";
545
+ padding-left: 4px;
546
+ }
547
+ &:last-of-type::after {
548
+ content: "";
549
+ }
637
550
  }
638
551
  }
639
552
  }
@@ -648,56 +561,23 @@ $resizeActive: '[data-cms-element-resizer="true"]';
648
561
  display: flex;
649
562
  justify-content: center;
650
563
  align-items: center;
651
- gap: 8px;
564
+ gap: 4px;
652
565
  white-space: nowrap;
653
- // color: #243dc6;
654
- // font-size: 14px;
655
- // font-weight: 400;
656
- // line-height: 20px;
657
- // color: prepareMediaVariable(--_ctm-dn-pt-as-ss-cr);
658
- color: var(
659
- --_ctm-mob-dn-pt-as-ss-cr,
660
- var(--_ctm-tab-dn-pt-as-ss-cr, var(--_ctm-dn-pt-as-ss-cr))
661
- );
662
- font-family: var(
663
- --_sf-hr-ff,
664
- var(
665
- --_ctm-mob-dn-pt-as-ss-ft-fy,
666
- var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))
667
- )
668
- );
669
- font-size: var(
670
- --_ctm-mob-dn-pt-as-ss-ft-se,
671
- var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se))
672
- );
673
- font-weight: var(
674
- --_ctm-mob-dn-pt-as-ss-ft-wt,
675
- var(--_ctm-tab-dn-pt-as-ss-ft-wt, var(--_ctm-dn-pt-as-ss-ft-wt))
676
- );
677
- font-style: var(
678
- --_ctm-mob-dn-pt-as-ss-ft-se-ic,
679
- var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic))
680
- );
681
- text-align: var(
682
- --_ctm-mob-dn-pt-as-ss-tt-an,
683
- var(--_ctm-tab-dn-pt-as-ss-tt-an, var(--_ctm-dn-pt-as-ss-tt-an))
684
- );
685
- letter-spacing: var(
686
- --_ctm-mob-dn-pt-as-ss-lr-sg,
687
- var(--_ctm-tab-dn-pt-as-ss-lr-sg, var(--_ctm-dn-pt-as-ss-lr-sg))
688
- );
689
- line-height: var(
690
- --_ctm-mob-dn-pt-as-ss-le-ht,
691
- var(--_ctm-tab-dn-pt-as-ss-le-ht, var(--_ctm-dn-pt-as-ss-le-ht))
692
- );
693
- text-decoration: var(
694
- --_ctm-mob-dn-pt-as-ss-ue,
695
- var(--_ctm-tab-dn-pt-as-ss-ue, var(--_ctm-dn-pt-as-ss-ue))
696
- );
697
-
698
- // &:hover {
699
- // font-weight: 600;
700
- // }
566
+ color: var(--_primary-400);
567
+ font-size: 14px;
568
+ font-weight: 400;
569
+ line-height: 20px;
570
+ .attr_val_info_detail{
571
+ b{
572
+ margin-right: 4px;
573
+ }
574
+ }
575
+ }
576
+ .svg_icon svg{
577
+ vertical-align: middle;
578
+ }
579
+ .svg_icon.down svg {
580
+ transform: rotate(180deg);
701
581
  }
702
582
  .customizationInfo_button {
703
583
  display: flex;
@@ -808,51 +688,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
808
688
  }
809
689
 
810
690
  .product_price {
811
- // color: #101828;
812
- // text-align: right;
813
- // font-size: 20px;
814
- // font-weight: 700;
815
- // line-height: 30px;
691
+ color: var(--_gray-900);
692
+ text-align: right;
693
+ font-size: 20px;
694
+ font-weight: 700;
695
+ line-height: 30px;
816
696
  white-space: nowrap;
817
- color: var(
818
- --_ctm-mob-dn-pt-pe-ss-cr,
819
- var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr))
820
- );
821
- font-family: var(
822
- --_sf-hr-ff,
823
- var(
824
- --_ctm-mob-dn-pt-pe-ss-ft-fy,
825
- var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))
826
- )
827
- );
828
- font-size: var(
829
- --_ctm-mob-dn-pt-pe-ss-ft-se,
830
- var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se))
831
- );
832
- font-weight: var(
833
- --_ctm-mob-dn-pt-pe-ss-ft-wt,
834
- var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt))
835
- );
836
- font-style: var(
837
- --_ctm-mob-dn-pt-pe-ss-ft-se-ic,
838
- var(--_ctm-tab-dn-pt-pe-ss-ft-se-ic, var(--_ctm-dn-pt-pe-ss-ft-se-ic))
839
- );
840
- text-align: var(
841
- --_ctm-mob-dn-pt-pe-ss-tt-an,
842
- var(--_ctm-tab-dn-pt-pe-ss-tt-an, var(--_ctm-dn-pt-pe-ss-tt-an))
843
- );
844
- letter-spacing: var(
845
- --_ctm-mob-dn-pt-pe-ss-lr-sg,
846
- var(--_ctm-tab-dn-pt-pe-ss-lr-sg, var(--_ctm-dn-pt-pe-ss-lr-sg))
847
- );
848
- line-height: var(
849
- --_ctm-mob-dn-pt-pe-ss-le-ht,
850
- var(--_ctm-tab-dn-pt-pe-ss-le-ht, var(--_ctm-dn-pt-pe-ss-le-ht))
851
- );
852
- text-decoration: var(
853
- --_ctm-mob-dn-pt-pe-ss-ue,
854
- var(--_ctm-tab-dn-pt-pe-ss-ue, var(--_ctm-dn-pt-pe-ss-ue))
855
- );
856
697
  min-width: 80px;
857
698
  }
858
699
  }
@@ -865,46 +706,500 @@ $resizeActive: '[data-cms-element-resizer="true"]';
865
706
  display: flex;
866
707
  justify-content: center;
867
708
  align-items: center;
868
-
869
- // &:last-child svg {
870
- // width: 16px;
871
- // height: 16px;
872
- // path {
873
- // stroke: #dc2626;
874
- // }
875
- // }
876
709
  }
877
710
  .product_action_button {
878
711
  display: flex;
879
712
  justify-content: center;
880
713
  align-items: center;
881
714
  gap: 8px;
882
- // color: #243dc6;
883
- // font-size: 14px;
884
- // font-weight: 400;
885
- // line-height: 20px;
886
-
887
- // &:hover {
888
- // font-weight: 600;
889
- // }
890
715
  }
891
-
892
- // .remove_button {
893
- // display: flex;
894
- // justify-content: center;
895
- // align-items: center;
896
- // color: #dc2626;
897
- // font-size: 14px;
898
- // font-weight: 400;
899
- // line-height: 20px;
900
- // white-space: nowrap;
901
- // // &:hover {
902
- // // font-weight: 600;
903
- // // }
904
- // }
905
716
  }
906
717
  }
907
718
  }
719
+ // .cart_product_wrapper {
720
+ // display: flex;
721
+ // justify-content: space-between;
722
+ // align-items: flex-start;
723
+ // align-self: stretch;
724
+ // height: auto;
725
+ // // flex-wrap: wrap;
726
+
727
+ // .cart_product_left_wrapper {
728
+ // display: flex;
729
+ // align-items: flex-start;
730
+ // gap: 16px;
731
+ // // max-width: 60%;
732
+ // height: 100%;
733
+ // .checkbox_wrapper {
734
+ // width: fit-content;
735
+ // }
736
+
737
+ // .product_image {
738
+ // width: 100px;
739
+ // background-size: 100%;
740
+ // height: 148px;
741
+ // background-repeat: no-repeat;
742
+ // background-position: center;
743
+ // background-color: #eaeaea;
744
+
745
+ // border-style: var(
746
+ // --_ctm-mob-dn-pt-ie-ss-br-se,
747
+ // var(--_ctm-tab-dn-pt-ie-ss-br-se, var(--_ctm-dn-pt-ie-ss-br-se))
748
+ // );
749
+ // border-width: var(
750
+ // --_ctm-mob-dn-pt-ie-ss-br-wh,
751
+ // var(--_ctm-tab-dn-pt-ie-ss-br-wh, var(--_ctm-dn-pt-ie-ss-br-wh))
752
+ // );
753
+ // // border: ;
754
+ // border-radius: var(
755
+ // --_ctm-mob-dn-pt-ie-ss-br-rs,
756
+ // var(--_ctm-tab-dn-pt-ie-ss-br-rs, var(--_ctm-dn-pt-ie-ss-br-rs))
757
+ // );
758
+ // border-color: var(
759
+ // --_ctm-mob-dn-pt-ie-ss-br-cr,
760
+ // var(--_ctm-tab-dn-pt-ie-ss-br-cr, var(--_ctm-dn-pt-ie-ss-br-cr))
761
+ // );
762
+ // }
763
+
764
+ // .product_info_wrapper {
765
+ // display: flex;
766
+ // width: 380px;
767
+ // flex-direction: column;
768
+ // justify-content: space-between;
769
+ // align-items: flex-start;
770
+ // align-self: stretch;
771
+
772
+ // .product_info_container {
773
+ // display: flex;
774
+ // flex-direction: column;
775
+ // align-items: flex-start;
776
+ // gap: 2px;
777
+ // align-self: stretch;
778
+ // word-break: normal;
779
+
780
+ // .product_title {
781
+ // // color: var(--_ctm-dn-pt-ne-ss-cr);
782
+ // // font-size: var(--_ctm-dn-pt-ne-ss-ft-se);
783
+ // // font-weight: 700;
784
+ // // align-self: stretch;
785
+ // // line-height: 28px;
786
+ // // font-family: var(--_ctm-dn-pt-ne-ss-ft-fy);
787
+ // color: var(
788
+ // --_ctm-mob-dn-pt-ne-ss-cr,
789
+ // var(--_ctm-tab-dn-pt-ne-ss-cr, var(--_ctm-dn-pt-ne-ss-cr))
790
+ // );
791
+ // font-family: var(
792
+ // --_sf-hr-ff,
793
+ // var(
794
+ // --_ctm-mob-dn-pt-ne-ss-ft-fy,
795
+ // var(--_ctm-tab-dn-pt-ne-ss-ft-fy, var(--_ctm-dn-pt-ne-ss-ft-fy))
796
+ // )
797
+ // );
798
+ // font-size: var(
799
+ // --_ctm-mob-dn-pt-ne-ss-ft-se,
800
+ // var(--_ctm-tab-dn-pt-ne-ss-ft-se, var(--_ctm-dn-pt-ne-ss-ft-se))
801
+ // );
802
+ // font-weight: var(
803
+ // --_ctm-mob-dn-pt-ne-ss-ft-wt,
804
+ // var(--_ctm-tab-dn-pt-ne-ss-ft-wt, var(--_ctm-dn-pt-ne-ss-ft-wt))
805
+ // );
806
+ // font-style: var(
807
+ // --_ctm-mob-dn-pt-ne-ss-ft-se-ic,
808
+ // var(--_ctm-tab-dn-pt-ne-ss-ft-se-ic, var(--_ctm-dn-pt-ne-ss-ft-se-ic))
809
+ // );
810
+ // text-align: var(
811
+ // --_ctm-mob-dn-pt-ne-ss-tt-an,
812
+ // var(--_ctm-tab-dn-pt-ne-ss-tt-an, var(--_ctm-dn-pt-ne-ss-tt-an))
813
+ // );
814
+ // letter-spacing: var(
815
+ // --_ctm-mob-dn-pt-ne-ss-lr-sg,
816
+ // var(--_ctm-tab-dn-pt-ne-ss-lr-sg, var(--_ctm-dn-pt-ne-ss-lr-sg))
817
+ // );
818
+ // line-height: var(
819
+ // --_ctm-mob-dn-pt-ne-ss-le-ht,
820
+ // var(--_ctm-tab-dn-pt-ne-ss-le-ht, var(--_ctm-dn-pt-ne-ss-le-ht))
821
+ // );
822
+ // text-decoration: var(
823
+ // --_ctm-mob-dn-pt-ne-ss-ue,
824
+ // var(--_ctm-tab-dn-pt-ne-ss-ue, var(--_ctm-dn-pt-ne-ss-ue))
825
+ // );
826
+ // }
827
+
828
+ // .product_code {
829
+ // display: flex;
830
+ // align-items: center;
831
+ // gap: 6px;
832
+ // align-self: stretch;
833
+ // flex-wrap: wrap;
834
+ // background-color: var(--_ctm-dn-pt-in-ss-bd-cr);
835
+
836
+ // p {
837
+ // // color: #475467;
838
+ // // font-size: 14px;
839
+ // // font-weight: 400;
840
+ // // line-height: 20px;
841
+ // white-space: nowrap;
842
+ // color: var(
843
+ // --_ctm-mob-dn-pt-in-ss-cr,
844
+ // var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr))
845
+ // );
846
+ // font-family: var(
847
+ // --_sf-hr-ff,
848
+ // var(
849
+ // --_ctm-mob-dn-pt-in-ss-ft-fy,
850
+ // var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))
851
+ // )
852
+ // );
853
+ // font-size: var(
854
+ // --_ctm-mob-dn-pt-in-ss-ft-se,
855
+ // var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
856
+ // );
857
+ // font-weight: var(
858
+ // --_ctm-mob-dn-pt-in-ss-ft-wt,
859
+ // var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt))
860
+ // );
861
+ // font-style: var(
862
+ // --_ctm-mob-dn-pt-in-ss-ft-se-ic,
863
+ // var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic))
864
+ // );
865
+ // text-align: var(
866
+ // --_ctm-mob-dn-pt-in-ss-tt-an,
867
+ // var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an))
868
+ // );
869
+ // letter-spacing: var(
870
+ // --_ctm-mob-dn-pt-in-ss-lr-sg,
871
+ // var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg))
872
+ // );
873
+ // line-height: var(
874
+ // --_ctm-mob-dn-pt-in-ss-le-ht,
875
+ // var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht))
876
+ // );
877
+ // text-decoration: var(
878
+ // --_ctm-mob-dn-pt-in-ss-ue,
879
+ // var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue))
880
+ // );
881
+ // }
882
+ // }
883
+
884
+ // .product_options {
885
+ // display: flex;
886
+ // align-items: center;
887
+ // gap: 4px;
888
+ // align-self: stretch;
889
+ // flex-wrap: wrap;
890
+ // background-color: var(--_ctm-dn-pt-in-ss-bd-cr);
891
+ // p {
892
+ // white-space: nowrap;
893
+ // color: var(
894
+ // --_ctm-mob-dn-pt-in-ss-cr,
895
+ // var(--_ctm-tab-dn-pt-in-ss-cr, var(--_ctm-dn-pt-in-ss-cr))
896
+ // );
897
+ // font-family: var(
898
+ // --_sf-hr-ff,
899
+ // var(
900
+ // --_ctm-mob-dn-pt-in-ss-ft-fy,
901
+ // var(--_ctm-tab-dn-pt-in-ss-ft-fy, var(--_ctm-dn-pt-in-ss-ft-fy))
902
+ // )
903
+ // );
904
+ // font-size: var(
905
+ // --_ctm-mob-dn-pt-in-ss-ft-se,
906
+ // var(--_ctm-tab-dn-pt-in-ss-ft-se, var(--_ctm-dn-pt-in-ss-ft-se))
907
+ // );
908
+ // font-weight: var(
909
+ // --_ctm-mob-dn-pt-in-ss-ft-wt,
910
+ // var(--_ctm-tab-dn-pt-in-ss-ft-wt, var(--_ctm-dn-pt-in-ss-ft-wt))
911
+ // );
912
+ // font-style: var(
913
+ // --_ctm-mob-dn-pt-in-ss-ft-se-ic,
914
+ // var(--_ctm-tab-dn-pt-in-ss-ft-se-ic, var(--_ctm-dn-pt-in-ss-ft-se-ic))
915
+ // );
916
+ // text-align: var(
917
+ // --_ctm-mob-dn-pt-in-ss-tt-an,
918
+ // var(--_ctm-tab-dn-pt-in-ss-tt-an, var(--_ctm-dn-pt-in-ss-tt-an))
919
+ // );
920
+ // letter-spacing: var(
921
+ // --_ctm-mob-dn-pt-in-ss-lr-sg,
922
+ // var(--_ctm-tab-dn-pt-in-ss-lr-sg, var(--_ctm-dn-pt-in-ss-lr-sg))
923
+ // );
924
+ // line-height: var(
925
+ // --_ctm-mob-dn-pt-in-ss-le-ht,
926
+ // var(--_ctm-tab-dn-pt-in-ss-le-ht, var(--_ctm-dn-pt-in-ss-le-ht))
927
+ // );
928
+ // text-decoration: var(
929
+ // --_ctm-mob-dn-pt-in-ss-ue,
930
+ // var(--_ctm-tab-dn-pt-in-ss-ue, var(--_ctm-dn-pt-in-ss-ue))
931
+ // );
932
+ // }
933
+ // }
934
+ // }
935
+
936
+ // .product_customization_container {
937
+ // display: flex;
938
+ // align-items: center;
939
+ // gap: 8px;
940
+ // min-height: 28px;
941
+
942
+ // .customization_button {
943
+ // display: flex;
944
+ // justify-content: center;
945
+ // align-items: center;
946
+ // gap: 8px;
947
+ // white-space: nowrap;
948
+ // // color: #243dc6;
949
+ // // font-size: 14px;
950
+ // // font-weight: 400;
951
+ // // line-height: 20px;
952
+ // // color: prepareMediaVariable(--_ctm-dn-pt-as-ss-cr);
953
+ // color: var(
954
+ // --_ctm-mob-dn-pt-as-ss-cr,
955
+ // var(--_ctm-tab-dn-pt-as-ss-cr, var(--_ctm-dn-pt-as-ss-cr))
956
+ // );
957
+ // font-family: var(
958
+ // --_sf-hr-ff,
959
+ // var(
960
+ // --_ctm-mob-dn-pt-as-ss-ft-fy,
961
+ // var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))
962
+ // )
963
+ // );
964
+ // font-size: var(
965
+ // --_ctm-mob-dn-pt-as-ss-ft-se,
966
+ // var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se))
967
+ // );
968
+ // font-weight: var(
969
+ // --_ctm-mob-dn-pt-as-ss-ft-wt,
970
+ // var(--_ctm-tab-dn-pt-as-ss-ft-wt, var(--_ctm-dn-pt-as-ss-ft-wt))
971
+ // );
972
+ // font-style: var(
973
+ // --_ctm-mob-dn-pt-as-ss-ft-se-ic,
974
+ // var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic))
975
+ // );
976
+ // text-align: var(
977
+ // --_ctm-mob-dn-pt-as-ss-tt-an,
978
+ // var(--_ctm-tab-dn-pt-as-ss-tt-an, var(--_ctm-dn-pt-as-ss-tt-an))
979
+ // );
980
+ // letter-spacing: var(
981
+ // --_ctm-mob-dn-pt-as-ss-lr-sg,
982
+ // var(--_ctm-tab-dn-pt-as-ss-lr-sg, var(--_ctm-dn-pt-as-ss-lr-sg))
983
+ // );
984
+ // line-height: var(
985
+ // --_ctm-mob-dn-pt-as-ss-le-ht,
986
+ // var(--_ctm-tab-dn-pt-as-ss-le-ht, var(--_ctm-dn-pt-as-ss-le-ht))
987
+ // );
988
+ // text-decoration: var(
989
+ // --_ctm-mob-dn-pt-as-ss-ue,
990
+ // var(--_ctm-tab-dn-pt-as-ss-ue, var(--_ctm-dn-pt-as-ss-ue))
991
+ // );
992
+
993
+ // // &:hover {
994
+ // // font-weight: 600;
995
+ // // }
996
+ // }
997
+ // .customizationInfo_button {
998
+ // display: flex;
999
+ // justify-content: center;
1000
+ // align-items: center;
1001
+ // gap: 8px;
1002
+ // white-space: nowrap;
1003
+ // color: var(
1004
+ // --_ctm-mob-dn-pt-rd-io-cr,
1005
+ // var(--_ctm-tab-dn-pt-rd-io-cr, var(--_ctm-dn-pt-rd-io-cr))
1006
+ // );
1007
+ // font-family: var(
1008
+ // --_sf-hr-ff,
1009
+ // var(
1010
+ // --_ctm-mob-dn-pt-rd-io-ft-fy,
1011
+ // var(--_ctm-tab-dn-pt-rd-io-ft-fy, var(--_ctm-dn-pt-rd-io-ft-fy))
1012
+ // )
1013
+ // );
1014
+ // font-size: var(
1015
+ // --_ctm-mob-dn-pt-rd-io-ft-se,
1016
+ // var(--_ctm-tab-dn-pt-rd-io-ft-se, var(--_ctm-dn-pt-rd-io-ft-se))
1017
+ // );
1018
+ // font-weight: var(
1019
+ // --_ctm-mob-dn-pt-rd-io-ft-wt,
1020
+ // var(--_ctm-tab-dn-pt-rd-io-ft-wt, var(--_ctm-dn-pt-rd-io-ft-wt))
1021
+ // );
1022
+ // font-style: var(
1023
+ // --_ctm-mob-dn-pt-rd-io-ft-se-ic,
1024
+ // var(--_ctm-tab-dn-pt-rd-io-ft-se-ic, var(--_ctm-dn-pt-rd-io-ft-se-ic))
1025
+ // );
1026
+ // text-align: var(
1027
+ // --_ctm-mob-dn-pt-rd-io-tt-an,
1028
+ // var(--_ctm-tab-dn-pt-rd-io-tt-an, var(--_ctm-dn-pt-rd-io-tt-an))
1029
+ // );
1030
+ // letter-spacing: var(
1031
+ // --_ctm-mob-dn-pt-rd-io-lr-sg,
1032
+ // var(--_ctm-tab-dn-pt-rd-io-lr-sg, var(--_ctm-dn-pt-rd-io-lr-sg))
1033
+ // );
1034
+ // line-height: var(
1035
+ // --_ctm-mob-dn-pt-rd-io-le-ht,
1036
+ // var(--_ctm-tab-dn-pt-rd-io-le-ht, var(--_ctm-dn-pt-rd-io-le-ht))
1037
+ // );
1038
+ // text-decoration: var(
1039
+ // --_ctm-mob-dn-pt-qy-ss-ue,
1040
+ // var(--_ctm-tab-dn-pt-qy-ss-ue, var(--_ctm-dn-pt-qy-ss-ue))
1041
+ // );
1042
+ // }
1043
+ // }
1044
+ // }
1045
+ // }
1046
+
1047
+ // .cart_product_right_wrapper {
1048
+ // display: flex;
1049
+ // flex-direction: column;
1050
+ // justify-content: space-between;
1051
+ // align-items: flex-end;
1052
+ // align-self: stretch;
1053
+
1054
+ // .product_qty_price_wrapper {
1055
+ // display: flex;
1056
+ // justify-content: var(--_dm-flt);
1057
+ // align-items: center;
1058
+ // gap: 32px;
1059
+ // align-self: stretch;
1060
+
1061
+ // .product_qty_wrapper {
1062
+ // display: flex;
1063
+ // // width: 124px;
1064
+ // flex-direction: column;
1065
+ // align-items: flex-start;
1066
+ // gap: 6px;
1067
+
1068
+ // .product_qty_container {
1069
+ // display: flex;
1070
+ // align-items: flex-start;
1071
+ // align-self: stretch;
1072
+ // border-radius: 4px;
1073
+ // border: 0.5px solid #d0d5dd;
1074
+ // background: #fff;
1075
+ // box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
1076
+
1077
+ // .product_qty_label {
1078
+ // display: flex;
1079
+ // padding: 8px 12px;
1080
+ // align-items: center;
1081
+ // border-radius: 8px 0px 0px 8px;
1082
+ // p {
1083
+ // color: #475467;
1084
+ // font-size: 16px;
1085
+ // font-weight: 400;
1086
+ // line-height: 24px;
1087
+ // }
1088
+ // }
1089
+
1090
+ // .product_qty_number {
1091
+ // display: flex;
1092
+ // padding: 8px 12px;
1093
+ // align-items: center;
1094
+ // gap: 8px;
1095
+ // flex: 1 0 0;
1096
+ // align-self: stretch;
1097
+ // border-radius: 0px 4px 4px 0px;
1098
+ // background: #fff;
1099
+ // border-left: 1px solid #d0d5dd;
1100
+ // max-width: 80px;
1101
+ // }
1102
+ // }
1103
+ // }
1104
+
1105
+ // .product_price {
1106
+ // // color: #101828;
1107
+ // // text-align: right;
1108
+ // // font-size: 20px;
1109
+ // // font-weight: 700;
1110
+ // // line-height: 30px;
1111
+ // white-space: nowrap;
1112
+ // color: var(
1113
+ // --_ctm-mob-dn-pt-pe-ss-cr,
1114
+ // var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr))
1115
+ // );
1116
+ // font-family: var(
1117
+ // --_sf-hr-ff,
1118
+ // var(
1119
+ // --_ctm-mob-dn-pt-pe-ss-ft-fy,
1120
+ // var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))
1121
+ // )
1122
+ // );
1123
+ // font-size: var(
1124
+ // --_ctm-mob-dn-pt-pe-ss-ft-se,
1125
+ // var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se))
1126
+ // );
1127
+ // font-weight: var(
1128
+ // --_ctm-mob-dn-pt-pe-ss-ft-wt,
1129
+ // var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt))
1130
+ // );
1131
+ // font-style: var(
1132
+ // --_ctm-mob-dn-pt-pe-ss-ft-se-ic,
1133
+ // var(--_ctm-tab-dn-pt-pe-ss-ft-se-ic, var(--_ctm-dn-pt-pe-ss-ft-se-ic))
1134
+ // );
1135
+ // text-align: var(
1136
+ // --_ctm-mob-dn-pt-pe-ss-tt-an,
1137
+ // var(--_ctm-tab-dn-pt-pe-ss-tt-an, var(--_ctm-dn-pt-pe-ss-tt-an))
1138
+ // );
1139
+ // letter-spacing: var(
1140
+ // --_ctm-mob-dn-pt-pe-ss-lr-sg,
1141
+ // var(--_ctm-tab-dn-pt-pe-ss-lr-sg, var(--_ctm-dn-pt-pe-ss-lr-sg))
1142
+ // );
1143
+ // line-height: var(
1144
+ // --_ctm-mob-dn-pt-pe-ss-le-ht,
1145
+ // var(--_ctm-tab-dn-pt-pe-ss-le-ht, var(--_ctm-dn-pt-pe-ss-le-ht))
1146
+ // );
1147
+ // text-decoration: var(
1148
+ // --_ctm-mob-dn-pt-pe-ss-ue,
1149
+ // var(--_ctm-tab-dn-pt-pe-ss-ue, var(--_ctm-dn-pt-pe-ss-ue))
1150
+ // );
1151
+ // min-width: 80px;
1152
+ // }
1153
+ // }
1154
+
1155
+ // .product_actions_wrapper {
1156
+ // display: flex;
1157
+ // align-items: center;
1158
+ // gap: 16px;
1159
+ // .svg_icon {
1160
+ // display: flex;
1161
+ // justify-content: center;
1162
+ // align-items: center;
1163
+
1164
+ // // &:last-child svg {
1165
+ // // width: 16px;
1166
+ // // height: 16px;
1167
+ // // path {
1168
+ // // stroke: #dc2626;
1169
+ // // }
1170
+ // // }
1171
+ // }
1172
+ // .product_action_button {
1173
+ // display: flex;
1174
+ // justify-content: center;
1175
+ // align-items: center;
1176
+ // gap: 8px;
1177
+ // // color: #243dc6;
1178
+ // // font-size: 14px;
1179
+ // // font-weight: 400;
1180
+ // // line-height: 20px;
1181
+
1182
+ // // &:hover {
1183
+ // // font-weight: 600;
1184
+ // // }
1185
+ // }
1186
+
1187
+ // // .remove_button {
1188
+ // // display: flex;
1189
+ // // justify-content: center;
1190
+ // // align-items: center;
1191
+ // // color: #dc2626;
1192
+ // // font-size: 14px;
1193
+ // // font-weight: 400;
1194
+ // // line-height: 20px;
1195
+ // // white-space: nowrap;
1196
+ // // // &:hover {
1197
+ // // // font-weight: 600;
1198
+ // // // }
1199
+ // // }
1200
+ // }
1201
+ // }
1202
+ // }
908
1203
  }
909
1204
 
910
1205
  .brand_group_wrapper {
@@ -949,12 +1244,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
949
1244
  // }
950
1245
  }
951
1246
 
952
-
953
-
954
1247
  .infinite-list-container {
955
1248
  display: flex;
956
1249
  flex-direction: column;
957
- gap: 48px;
1250
+ gap: 24px;
958
1251
  max-width: 100%;
959
1252
  min-width: 100%;
960
1253
 
@@ -1002,7 +1295,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1002
1295
  text-align: center;
1003
1296
  color: #666;
1004
1297
  font-size: 0.95rem;
1005
- padding: 1rem 0;
1298
+ padding: 2rem 0;
1299
+ margin: auto;
1006
1300
  }
1007
1301
 
1008
1302
  .no-data {
@@ -1010,6 +1304,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1010
1304
  color: #aaa;
1011
1305
  font-size: 0.95rem;
1012
1306
  padding: 2rem 0;
1307
+ margin: auto;
1013
1308
  }
1014
1309
 
1015
1310
  .sentinel {