@sc-360-v2/storefront-cms-library 0.4.19 → 0.4.21

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 (19) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/cart-summary.scss +124 -120
  3. package/dist/cartAttributes.scss +20 -6
  4. package/dist/confirmationModal.scss +4 -3
  5. package/dist/dropdownTemplate.scss +13 -0
  6. package/dist/embroidery.scss +14 -0
  7. package/dist/faq.scss +76 -39
  8. package/dist/icons.js +1 -1
  9. package/dist/index.js +1 -1
  10. package/dist/light-box-v2.scss +5 -1
  11. package/dist/order-status.scss +4 -4
  12. package/dist/pickup-locations.scss +0 -2
  13. package/dist/product-price.scss +166 -0
  14. package/dist/product-sizechart.scss +2 -1
  15. package/dist/store-locations.scss +598 -424
  16. package/dist/types/builder/tools/element-edit/pickupLocations.d.ts +7 -1
  17. package/dist/types/builder/tools/element-edit/storeLocations.d.ts +7 -1
  18. package/dist/widget.scss +1 -1
  19. package/package.json +1 -1
package/dist/store-locations.scss CHANGED
@@ -131,22 +131,79 @@
131
131
  .store__container {
132
132
  .stack {
133
133
  .vertical {
134
- .item:not(:last-child)::after {
135
- content: "";
136
- position: absolute;
137
- left: 0;
138
- right: 0;
139
- bottom: calc(
140
- -1 * (var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) / 2)
141
- );
142
- height: var(
143
- --_ctm-mob-dn-im-se-dr-wt,
144
- var(--_ctm-tab-dn-im-se-dr-wt, var(--_ctm-dn-im-se-dr-wt))
145
- );
146
- background-color: var(
147
- --_ctm-mob-dn-im-se-dr-cr,
148
- var(--_ctm-tab-dn-im-se-dr-cr, var(--_ctm-dn-im-se-dr-cr))
149
- );
134
+ .radio_wrapper {
135
+ position: relative;
136
+
137
+ &:not(:last-child)::after {
138
+ content: "";
139
+ position: absolute;
140
+ left: 0;
141
+ right: 0;
142
+ bottom: calc(
143
+ -1 *
144
+ (var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) / 2)
145
+ );
146
+ height: var(
147
+ --_ctm-mob-dn-im-se-dr-wt,
148
+ var(--_ctm-tab-dn-im-se-dr-wt, var(--_ctm-dn-im-se-dr-wt))
149
+ );
150
+ background-color: var(
151
+ --_ctm-mob-dn-im-se-dr-cr,
152
+ var(--_ctm-tab-dn-im-se-dr-cr, var(--_ctm-dn-im-se-dr-cr))
153
+ );
154
+ }
155
+ }
156
+ }
157
+ // .horizontal {
158
+ // .radio_wrapper {
159
+ // position: relative;
160
+ // background-color: red;
161
+ // &:not(:last-child)::after {
162
+ // content: "";
163
+ // position: absolute;
164
+ // top: 0;
165
+ // bottom: 0;
166
+ // right: calc(
167
+ // -1 *
168
+ // (var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) / 2)
169
+ // );
170
+ // height: var(
171
+ // --_ctm-mob-dn-im-se-dr-wt,
172
+ // var(--_ctm-tab-dn-im-se-dr-wt, var(--_ctm-dn-im-se-dr-wt))
173
+ // );
174
+ // background-color: var(
175
+ // --_ctm-mob-dn-im-se-dr-cr,
176
+ // var(--_ctm-tab-dn-im-se-dr-cr, var(--_ctm-dn-im-se-dr-cr))
177
+ // );
178
+ // }
179
+ // }
180
+ // }
181
+ .horizontal {
182
+ display: flex;
183
+ // align-items: center;
184
+
185
+ .radio_wrapper {
186
+ position: relative;
187
+
188
+ &:not(:last-child)::after {
189
+ content: "";
190
+ position: absolute;
191
+ top: 50%;
192
+ transform: translateY(-50%);
193
+ right: calc(
194
+ -1 *
195
+ (var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) / 2)
196
+ );
197
+ width: var(
198
+ --_ctm-mob-dn-im-se-dr-wt,
199
+ var(--_ctm-tab-dn-im-se-dr-wt, var(--_ctm-dn-im-se-dr-wt))
200
+ );
201
+ height: 85%;
202
+ background-color: var(
203
+ --_ctm-mob-dn-im-se-dr-cr,
204
+ var(--_ctm-tab-dn-im-se-dr-cr, var(--_ctm-dn-im-se-dr-cr, #ccc))
205
+ );
206
+ }
150
207
  }
151
208
  }
152
209
  }
@@ -157,6 +214,7 @@
157
214
  .store__container {
158
215
  .loadmore_conatiner {
159
216
  button {
217
+ width: max-content;
160
218
  box-shadow: var(
161
219
  --_ctm-mob-dn-sw-me-is-bn-sw-ae,
162
220
  var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
@@ -240,7 +298,7 @@
240
298
  .store__container {
241
299
  display: flex;
242
300
  flex-direction: column;
243
- align-items: center;
301
+ align-items: flex-start;
244
302
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
245
303
  width: 100%;
246
304
  background-color: var(
@@ -468,8 +526,6 @@
468
526
  .crt__btn {
469
527
  display: flex;
470
528
  align-items: center;
471
- padding-inline: 15px;
472
- padding: 6px;
473
529
  cursor: pointer;
474
530
  min-width: 100px;
475
531
  min-height: 50px;
@@ -514,8 +570,8 @@
514
570
  var(--_ctm-tab-dn-se-ls-bn-dt-se-bd-cr, var(--_ctm-dn-se-ls-bn-dt-se-bd-cr))
515
571
  );
516
572
  gap: var(
517
- --_ctm-mob-dn-se-ls-bn-dt-se-in-ad-tt-sg,
518
- var(--_ctm-tab-dn-se-ls-bn-dt-se-in-ad-tt-sg, var(--_ctm-dn-se-ls-bn-dt-se-in-ad-tt-sg))
573
+ --_ctm-mob-dn-se-ls-bn-dt-se-gp,
574
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-gp, var(--_ctm-dn-se-ls-bn-dt-se-gp))
519
575
  );
520
576
  color: var(
521
577
  --_ctm-mob-dn-se-ls-bn-dt-se-cr,
@@ -555,22 +611,6 @@
555
611
  --_ctm-mob-dn-se-ls-bn-dt-se-ue,
556
612
  var(--_ctm-tab-dn-se-ls-bn-dt-se-ue, var(--_ctm-dn-se-ls-bn-dt-se-ue))
557
613
  );
558
- svg {
559
- width: var(
560
- --_ctm-mob-dn-se-ls-bn-dt-se-in-se,
561
- var(--_ctm-tab-dn-se-ls-bn-dt-se-in-se, var(--_ctm-dn-se-ls-bn-dt-se-in-se))
562
- );
563
- height: var(
564
- --_ctm-mob-dn-se-ls-bn-dt-se-in-se,
565
- var(--_ctm-tab-dn-se-ls-bn-dt-se-in-se, var(--_ctm-dn-se-ls-bn-dt-se-in-se))
566
- );
567
- path {
568
- stroke: var(
569
- --_ctm-mob-dn-se-ls-bn-dt-se-in-c1,
570
- var(--_ctm-tab-dn-se-ls-bn-dt-se-in-c1, var(--_ctm-dn-se-ls-bn-dt-se-in-c1))
571
- );
572
- }
573
- }
574
614
  &:hover {
575
615
  border-color: var(
576
616
  --_ctm-mob-dn-se-ls-bn-hr-se-br-cr,
@@ -612,11 +652,8 @@
612
652
  var(--_ctm-tab-dn-se-ls-bn-hr-se-bd-cr, var(--_ctm-dn-se-ls-bn-hr-se-bd-cr))
613
653
  );
614
654
  gap: var(
615
- --_ctm-mob-dn-se-ls-bn-hr-se-in-ad-tt-sg,
616
- var(
617
- --_ctm-tab-dn-se-ls-bn-hr-se-in-ad-tt-sg,
618
- var(--_ctm-dn-se-ls-bn-hr-se-in-ad-tt-sg)
619
- )
655
+ --_ctm-mob-dn-se-ls-bn-hr-se-gp,
656
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-gp, var(--_ctm-dn-se-ls-bn-hr-se-gp))
620
657
  );
621
658
  color: var(
622
659
  --_ctm-mob-dn-se-ls-bn-hr-se-cr,
@@ -656,8 +693,7 @@
656
693
  --_ctm-mob-dn-se-ls-bn-hr-se-ue,
657
694
  var(--_ctm-tab-dn-se-ls-bn-hr-se-ue, var(--_ctm-dn-se-ls-bn-hr-se-ue))
658
695
  );
659
-
660
- svg {
696
+ .icon {
661
697
  width: var(
662
698
  --_ctm-mob-dn-se-ls-bn-hr-se-in-se,
663
699
  var(--_ctm-tab-dn-se-ls-bn-hr-se-in-se, var(--_ctm-dn-se-ls-bn-hr-se-in-se))
@@ -666,13 +702,64 @@
666
702
  --_ctm-mob-dn-se-ls-bn-hr-se-in-se,
667
703
  var(--_ctm-tab-dn-se-ls-bn-hr-se-in-se, var(--_ctm-dn-se-ls-bn-hr-se-in-se))
668
704
  );
705
+ svg {
706
+ width: var(
707
+ --_ctm-mob-dn-se-ls-bn-hr-se-in-se,
708
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-in-se, var(--_ctm-dn-se-ls-bn-hr-se-in-se))
709
+ );
710
+ height: var(
711
+ --_ctm-mob-dn-se-ls-bn-hr-se-in-se,
712
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-in-se, var(--_ctm-dn-se-ls-bn-hr-se-in-se))
713
+ );
714
+ path {
715
+ stroke: var(
716
+ --_ctm-mob-dn-se-ls-bn-hr-se-in-c1,
717
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-in-c1, var(--_ctm-dn-se-ls-bn-hr-se-in-c1))
718
+ );
719
+ }
720
+ }
721
+ &.open {
722
+ transform: rotate(180deg);
723
+ }
724
+
725
+ &.closed {
726
+ transform: rotate(0deg);
727
+ }
728
+ }
729
+ }
730
+ .icon {
731
+ width: var(
732
+ --_ctm-mob-dn-se-ls-bn-dt-se-in-se,
733
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-in-se, var(--_ctm-dn-se-ls-bn-dt-se-in-se))
734
+ );
735
+ height: var(
736
+ --_ctm-mob-dn-se-ls-bn-dt-se-in-se,
737
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-in-se, var(--_ctm-dn-se-ls-bn-dt-se-in-se))
738
+ );
739
+ svg {
740
+ width: var(
741
+ --_ctm-mob-dn-se-ls-bn-dt-se-in-se,
742
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-in-se, var(--_ctm-dn-se-ls-bn-dt-se-in-se))
743
+ );
744
+ height: var(
745
+ --_ctm-mob-dn-se-ls-bn-dt-se-in-se,
746
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-in-se, var(--_ctm-dn-se-ls-bn-dt-se-in-se))
747
+ );
669
748
  path {
670
749
  stroke: var(
671
- --_ctm-mob-dn-se-ls-bn-hr-se-in-c1,
672
- var(--_ctm-tab-dn-se-ls-bn-hr-se-in-c1, var(--_ctm-dn-se-ls-bn-hr-se-in-c1))
750
+ --_ctm-mob-dn-se-ls-bn-dt-se-in-c1,
751
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-in-c1, var(--_ctm-dn-se-ls-bn-dt-se-in-c1))
673
752
  );
674
753
  }
675
754
  }
755
+
756
+ &.open {
757
+ transform: rotate(180deg);
758
+ }
759
+
760
+ &.closed {
761
+ transform: rotate(0deg);
762
+ }
676
763
  }
677
764
  }
678
765
  }
@@ -782,191 +869,234 @@
782
869
  .horizontal {
783
870
  display: flex;
784
871
  flex-direction: row;
785
- align-items: center;
786
872
  margin-top: 10px;
787
873
  gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
788
- .item {
789
- padding: var(
790
- --_ctm-mob-dn-im-se-vl-pg,
791
- var(--_ctm-tab-dn-im-se-vl-pg, var(--_ctm-dn-im-se-vl-pg))
792
- )
793
- var(
794
- --_ctm-mob-dn-im-se-hl-pg,
795
- var(--_ctm-tab-dn-im-se-hl-pg, var(--_ctm-dn-im-se-hl-pg))
796
- );
874
+ .radio_wrapper {
797
875
  display: flex;
798
- flex-direction: column;
799
- background-color: var(
800
- --_ctm-mob-dn-im-se-bd-cr,
801
- var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
802
- );
876
+ .custom_radio {
877
+ position: relative;
878
+ display: flex;
879
+ padding: prepareMediaVariable(--_ctm-dn-ro-bn-pg, 0);
880
+ // align-items: center;
803
881
 
804
- border-radius: var(
805
- --_ctm-mob-dn-im-se-br-rs,
806
- var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
807
- );
882
+ input[type="radio"] {
883
+ appearance: none;
884
+ width: 20px;
885
+ height: 20px;
886
+ border: 1px solid #d0d5dd;
887
+ border-radius: 50%;
888
+ background-color: #fff;
889
+ cursor: pointer;
890
+ transition: all 0.2s ease;
891
+ position: relative;
892
+ }
808
893
 
809
- .name {
810
- color: var(
811
- --_ctm-mob-dn-ln-ne-cr,
812
- var(--_ctm-tab-dn-ln-ne-cr, var(--_ctm-dn-ln-ne-cr))
813
- );
814
- font-family:
815
- var(
816
- --_ctm-mob-dn-ln-ne-ft-fy,
817
- var(--_ctm-tab-dn-ln-ne-ft-fy, var(--_ctm-dn-ln-ne-ft-fy))
818
- ),
819
- sans-serif;
820
- font-size: var(
821
- --_ctm-mob-dn-ln-ne-ft-se,
822
- var(--_ctm-tab-dn-ln-ne-ft-se, var(--_ctm-dn-ln-ne-ft-se))
823
- );
824
- font-weight: var(
825
- --_ctm-mob-dn-ln-ne-ft-wt,
826
- var(--_ctm-tab-dn-ln-ne-ft-wt, var(--_ctm-dn-ln-ne-ft-wt))
827
- );
828
- font-style: var(
829
- --_ctm-mob-dn-ln-ne-ft-se-ic,
830
- var(--_ctm-tab-dn-ln-ne-ft-se-ic, var(--_ctm-dn-ln-ne-ft-se-ic))
831
- );
832
- text-align: var(
833
- --_ctm-mob-dn-ln-ne-tt-an,
834
- var(--_ctm-tab-dn-ln-ne-tt-an, var(--_ctm-dn-ln-ne-tt-an))
835
- );
836
- letter-spacing: var(
837
- --_ctm-mob-dn-ln-ne-lr-sg,
838
- var(--_ctm-tab-dn-ln-ne-lr-sg, var(--_ctm-dn-ln-ne-lr-sg))
839
- );
840
- line-height: var(
841
- --_ctm-mob-dn-ln-ne-le-ht,
842
- var(--_ctm-tab-dn-ln-ne-le-ht, var(--_ctm-dn-ln-ne-le-ht))
843
- );
844
- text-decoration: var(
845
- --_ctm-mob-dn-ln-ne-ue,
846
- var(--_ctm-tab-dn-ln-ne-ue, var(--_ctm-dn-ln-ne-ue))
847
- );
848
- }
894
+ input[type="radio"]::before {
895
+ content: "";
896
+ position: absolute;
897
+ top: 50%;
898
+ left: 50%;
899
+ width: 10px;
900
+ height: 10px;
901
+ background-color: var(--_primary-400);
902
+ border-radius: 50%;
903
+ transform: translate(-50%, -50%) scale(0);
904
+ transition: transform 0.2s ease;
905
+ }
849
906
 
850
- .address {
851
- color: var(
852
- --_ctm-mob-dn-ln-as-cr,
853
- var(--_ctm-tab-dn-ln-as-cr, var(--_ctm-dn-ln-as-cr))
854
- );
855
- font-family:
856
- var(
857
- --_ctm-mob-dn-ln-as-ft-fy,
858
- var(--_ctm-tab-dn-ln-as-ft-fy, var(--_ctm-dn-ln-as-ft-fy))
859
- ),
860
- sans-serif;
861
- font-size: var(
862
- --_ctm-mob-dn-ln-as-ft-se,
863
- var(--_ctm-tab-dn-ln-as-ft-se, var(--_ctm-dn-ln-as-ft-se))
864
- );
865
- font-weight: var(
866
- --_ctm-mob-dn-ln-as-ft-wt,
867
- var(--_ctm-tab-dn-ln-as-ft-wt, var(--_ctm-dn-ln-as-ft-wt))
868
- );
869
- font-style: var(
870
- --_ctm-mob-dn-ln-as-ft-se-ic,
871
- var(--_ctm-tab-dn-ln-as-ft-se-ic, var(--_ctm-dn-ln-as-ft-se-ic))
872
- );
873
- text-align: var(
874
- --_ctm-mob-dn-ln-as-tt-an,
875
- var(--_ctm-tab-dn-ln-as-tt-an, var(--_ctm-dn-ln-as-tt-an))
876
- );
877
- letter-spacing: var(
878
- --_ctm-mob-dn-ln-as-lr-sg,
879
- var(--_ctm-tab-dn-ln-as-lr-sg, var(--_ctm-dn-ln-as-lr-sg))
880
- );
881
- line-height: var(
882
- --_ctm-mob-dn-ln-as-le-ht,
883
- var(--_ctm-tab-dn-ln-as-le-ht, var(--_ctm-dn-ln-as-le-ht))
884
- );
885
- text-decoration: var(
886
- --_ctm-mob-dn-ln-as-ue,
887
- var(--_ctm-tab-dn-ln-as-ue, var(--_ctm-dn-ln-as-ue))
888
- );
889
- }
907
+ input[type="radio"]:checked::before {
908
+ transform: translate(-50%, -50%) scale(1);
909
+ }
890
910
 
891
- .inventory {
892
- color: var(
893
- --_ctm-mob-dn-ln-iy-cr,
894
- var(--_ctm-tab-dn-ln-iy-cr, var(--_ctm-dn-ln-iy-cr))
895
- );
896
- font-family:
897
- var(
898
- --_ctm-mob-dn-ln-iy-ft-fy,
899
- var(--_ctm-tab-dn-ln-iy-ft-fy, var(--_ctm-dn-ln-iy-ft-fy))
900
- ),
901
- sans-serif;
902
- font-size: var(
903
- --_ctm-mob-dn-ln-iy-ft-se,
904
- var(--_ctm-tab-dn-ln-iy-ft-se, var(--_ctm-dn-ln-iy-ft-se))
905
- );
906
- font-weight: var(
907
- --_ctm-mob-dn-ln-iy-ft-wt,
908
- var(--_ctm-tab-dn-ln-iy-ft-wt, var(--_ctm-dn-ln-iy-ft-wt))
909
- );
910
- font-style: var(
911
- --_ctm-mob-dn-ln-iy-ft-se-ic,
912
- var(--_ctm-tab-dn-ln-iy-ft-se-ic, var(--_ctm-dn-ln-iy-ft-se-ic))
913
- );
914
- text-align: var(
915
- --_ctm-mob-dn-ln-iy-tt-an,
916
- var(--_ctm-tab-dn-ln-iy-tt-an, var(--_ctm-dn-ln-iy-tt-an))
917
- );
918
- letter-spacing: var(
919
- --_ctm-mob-dn-ln-iy-lr-sg,
920
- var(--_ctm-tab-dn-ln-iy-lr-sg, var(--_ctm-dn-ln-iy-lr-sg))
921
- );
922
- line-height: var(
923
- --_ctm-mob-dn-ln-iy-le-ht,
924
- var(--_ctm-tab-dn-ln-iy-le-ht, var(--_ctm-dn-ln-iy-le-ht))
925
- );
926
- text-decoration: var(
927
- --_ctm-mob-dn-ln-iy-ue,
928
- var(--_ctm-tab-dn-ln-iy-ue, var(--_ctm-dn-ln-iy-ue))
929
- );
911
+ input[type="radio"]:focus {
912
+ outline: 2px solid var(--_primary-200);
913
+ outline-offset: 2px;
914
+ }
930
915
  }
931
- .status {
932
- color: var(
933
- --_ctm-mob-dn-ln-ts-cr,
934
- var(--_ctm-tab-dn-ln-ts-cr, var(--_ctm-dn-ln-ts-cr))
935
- );
936
- font-family:
916
+ .item {
917
+ position: relative;
918
+ padding: var(
919
+ --_ctm-mob-dn-im-se-vl-pg,
920
+ var(--_ctm-tab-dn-im-se-vl-pg, var(--_ctm-dn-im-se-vl-pg))
921
+ )
937
922
  var(
938
- --_ctm-mob-dn-ln-ts-ft-fy,
939
- var(--_ctm-tab-dn-ln-ts-ft-fy, var(--_ctm-dn-ln-ts-ft-fy))
940
- ),
941
- sans-serif;
942
- font-size: var(
943
- --_ctm-mob-dn-ln-ts-ft-se,
944
- var(--_ctm-tab-dn-ln-ts-ft-se, var(--_ctm-dn-ln-ts-ft-se))
945
- );
946
- font-weight: var(
947
- --_ctm-mob-dn-ln-ts-ft-wt,
948
- var(--_ctm-tab-dn-ln-ts-ft-wt, var(--_ctm-dn-ln-ts-ft-wt))
949
- );
950
- font-style: var(
951
- --_ctm-mob-dn-ln-ts-ft-se-ic,
952
- var(--_ctm-tab-dn-ln-ts-ft-se-ic, var(--_ctm-dn-ln-ts-ft-se-ic))
953
- );
954
- text-align: var(
955
- --_ctm-mob-dn-ln-ts-tt-an,
956
- var(--_ctm-tab-dn-ln-ts-tt-an, var(--_ctm-dn-ln-ts-tt-an))
957
- );
958
- letter-spacing: var(
959
- --_ctm-mob-dn-ln-ts-lr-sg,
960
- var(--_ctm-tab-dn-ln-ts-lr-sg, var(--_ctm-dn-ln-ts-lr-sg))
961
- );
962
- line-height: var(
963
- --_ctm-mob-dn-ln-ts-le-ht,
964
- var(--_ctm-tab-dn-ln-ts-le-ht, var(--_ctm-dn-ln-ts-le-ht))
923
+ --_ctm-mob-dn-im-se-hl-pg,
924
+ var(--_ctm-tab-dn-im-se-hl-pg, var(--_ctm-dn-im-se-hl-pg))
925
+ );
926
+ display: flex;
927
+ flex-direction: column;
928
+ background-color: var(
929
+ --_ctm-mob-dn-im-se-bd-cr,
930
+ var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
965
931
  );
966
- text-decoration: var(
967
- --_ctm-mob-dn-ln-ts-ue,
968
- var(--_ctm-tab-dn-ln-ts-ue, var(--_ctm-dn-ln-ts-ue))
932
+
933
+ border-radius: var(
934
+ --_ctm-mob-dn-im-se-br-rs,
935
+ var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
969
936
  );
937
+
938
+ .name {
939
+ color: var(
940
+ --_ctm-mob-dn-ln-ne-cr,
941
+ var(--_ctm-tab-dn-ln-ne-cr, var(--_ctm-dn-ln-ne-cr))
942
+ );
943
+ font-family:
944
+ var(
945
+ --_ctm-mob-dn-ln-ne-ft-fy,
946
+ var(--_ctm-tab-dn-ln-ne-ft-fy, var(--_ctm-dn-ln-ne-ft-fy))
947
+ ),
948
+ sans-serif;
949
+ font-size: var(
950
+ --_ctm-mob-dn-ln-ne-ft-se,
951
+ var(--_ctm-tab-dn-ln-ne-ft-se, var(--_ctm-dn-ln-ne-ft-se))
952
+ );
953
+ font-weight: var(
954
+ --_ctm-mob-dn-ln-ne-ft-wt,
955
+ var(--_ctm-tab-dn-ln-ne-ft-wt, var(--_ctm-dn-ln-ne-ft-wt))
956
+ );
957
+ font-style: var(
958
+ --_ctm-mob-dn-ln-ne-ft-se-ic,
959
+ var(--_ctm-tab-dn-ln-ne-ft-se-ic, var(--_ctm-dn-ln-ne-ft-se-ic))
960
+ );
961
+ text-align: var(
962
+ --_ctm-mob-dn-ln-ne-tt-an,
963
+ var(--_ctm-tab-dn-ln-ne-tt-an, var(--_ctm-dn-ln-ne-tt-an))
964
+ );
965
+ letter-spacing: var(
966
+ --_ctm-mob-dn-ln-ne-lr-sg,
967
+ var(--_ctm-tab-dn-ln-ne-lr-sg, var(--_ctm-dn-ln-ne-lr-sg))
968
+ );
969
+ line-height: var(
970
+ --_ctm-mob-dn-ln-ne-le-ht,
971
+ var(--_ctm-tab-dn-ln-ne-le-ht, var(--_ctm-dn-ln-ne-le-ht))
972
+ );
973
+ text-decoration: var(
974
+ --_ctm-mob-dn-ln-ne-ue,
975
+ var(--_ctm-tab-dn-ln-ne-ue, var(--_ctm-dn-ln-ne-ue))
976
+ );
977
+ }
978
+
979
+ .address {
980
+ color: var(
981
+ --_ctm-mob-dn-ln-as-cr,
982
+ var(--_ctm-tab-dn-ln-as-cr, var(--_ctm-dn-ln-as-cr))
983
+ );
984
+ font-family:
985
+ var(
986
+ --_ctm-mob-dn-ln-as-ft-fy,
987
+ var(--_ctm-tab-dn-ln-as-ft-fy, var(--_ctm-dn-ln-as-ft-fy))
988
+ ),
989
+ sans-serif;
990
+ font-size: var(
991
+ --_ctm-mob-dn-ln-as-ft-se,
992
+ var(--_ctm-tab-dn-ln-as-ft-se, var(--_ctm-dn-ln-as-ft-se))
993
+ );
994
+ font-weight: var(
995
+ --_ctm-mob-dn-ln-as-ft-wt,
996
+ var(--_ctm-tab-dn-ln-as-ft-wt, var(--_ctm-dn-ln-as-ft-wt))
997
+ );
998
+ font-style: var(
999
+ --_ctm-mob-dn-ln-as-ft-se-ic,
1000
+ var(--_ctm-tab-dn-ln-as-ft-se-ic, var(--_ctm-dn-ln-as-ft-se-ic))
1001
+ );
1002
+ text-align: var(
1003
+ --_ctm-mob-dn-ln-as-tt-an,
1004
+ var(--_ctm-tab-dn-ln-as-tt-an, var(--_ctm-dn-ln-as-tt-an))
1005
+ );
1006
+ letter-spacing: var(
1007
+ --_ctm-mob-dn-ln-as-lr-sg,
1008
+ var(--_ctm-tab-dn-ln-as-lr-sg, var(--_ctm-dn-ln-as-lr-sg))
1009
+ );
1010
+ line-height: var(
1011
+ --_ctm-mob-dn-ln-as-le-ht,
1012
+ var(--_ctm-tab-dn-ln-as-le-ht, var(--_ctm-dn-ln-as-le-ht))
1013
+ );
1014
+ text-decoration: var(
1015
+ --_ctm-mob-dn-ln-as-ue,
1016
+ var(--_ctm-tab-dn-ln-as-ue, var(--_ctm-dn-ln-as-ue))
1017
+ );
1018
+ }
1019
+
1020
+ .inventory {
1021
+ color: var(
1022
+ --_ctm-mob-dn-ln-iy-cr,
1023
+ var(--_ctm-tab-dn-ln-iy-cr, var(--_ctm-dn-ln-iy-cr))
1024
+ );
1025
+ font-family:
1026
+ var(
1027
+ --_ctm-mob-dn-ln-iy-ft-fy,
1028
+ var(--_ctm-tab-dn-ln-iy-ft-fy, var(--_ctm-dn-ln-iy-ft-fy))
1029
+ ),
1030
+ sans-serif;
1031
+ font-size: var(
1032
+ --_ctm-mob-dn-ln-iy-ft-se,
1033
+ var(--_ctm-tab-dn-ln-iy-ft-se, var(--_ctm-dn-ln-iy-ft-se))
1034
+ );
1035
+ font-weight: var(
1036
+ --_ctm-mob-dn-ln-iy-ft-wt,
1037
+ var(--_ctm-tab-dn-ln-iy-ft-wt, var(--_ctm-dn-ln-iy-ft-wt))
1038
+ );
1039
+ font-style: var(
1040
+ --_ctm-mob-dn-ln-iy-ft-se-ic,
1041
+ var(--_ctm-tab-dn-ln-iy-ft-se-ic, var(--_ctm-dn-ln-iy-ft-se-ic))
1042
+ );
1043
+ text-align: var(
1044
+ --_ctm-mob-dn-ln-iy-tt-an,
1045
+ var(--_ctm-tab-dn-ln-iy-tt-an, var(--_ctm-dn-ln-iy-tt-an))
1046
+ );
1047
+ letter-spacing: var(
1048
+ --_ctm-mob-dn-ln-iy-lr-sg,
1049
+ var(--_ctm-tab-dn-ln-iy-lr-sg, var(--_ctm-dn-ln-iy-lr-sg))
1050
+ );
1051
+ line-height: var(
1052
+ --_ctm-mob-dn-ln-iy-le-ht,
1053
+ var(--_ctm-tab-dn-ln-iy-le-ht, var(--_ctm-dn-ln-iy-le-ht))
1054
+ );
1055
+ text-decoration: var(
1056
+ --_ctm-mob-dn-ln-iy-ue,
1057
+ var(--_ctm-tab-dn-ln-iy-ue, var(--_ctm-dn-ln-iy-ue))
1058
+ );
1059
+ }
1060
+ .status {
1061
+ color: var(
1062
+ --_ctm-mob-dn-ln-ts-cr,
1063
+ var(--_ctm-tab-dn-ln-ts-cr, var(--_ctm-dn-ln-ts-cr))
1064
+ );
1065
+ font-family:
1066
+ var(
1067
+ --_ctm-mob-dn-ln-ts-ft-fy,
1068
+ var(--_ctm-tab-dn-ln-ts-ft-fy, var(--_ctm-dn-ln-ts-ft-fy))
1069
+ ),
1070
+ sans-serif;
1071
+ font-size: var(
1072
+ --_ctm-mob-dn-ln-ts-ft-se,
1073
+ var(--_ctm-tab-dn-ln-ts-ft-se, var(--_ctm-dn-ln-ts-ft-se))
1074
+ );
1075
+ font-weight: var(
1076
+ --_ctm-mob-dn-ln-ts-ft-wt,
1077
+ var(--_ctm-tab-dn-ln-ts-ft-wt, var(--_ctm-dn-ln-ts-ft-wt))
1078
+ );
1079
+ font-style: var(
1080
+ --_ctm-mob-dn-ln-ts-ft-se-ic,
1081
+ var(--_ctm-tab-dn-ln-ts-ft-se-ic, var(--_ctm-dn-ln-ts-ft-se-ic))
1082
+ );
1083
+ text-align: var(
1084
+ --_ctm-mob-dn-ln-ts-tt-an,
1085
+ var(--_ctm-tab-dn-ln-ts-tt-an, var(--_ctm-dn-ln-ts-tt-an))
1086
+ );
1087
+ letter-spacing: var(
1088
+ --_ctm-mob-dn-ln-ts-lr-sg,
1089
+ var(--_ctm-tab-dn-ln-ts-lr-sg, var(--_ctm-dn-ln-ts-lr-sg))
1090
+ );
1091
+ line-height: var(
1092
+ --_ctm-mob-dn-ln-ts-le-ht,
1093
+ var(--_ctm-tab-dn-ln-ts-le-ht, var(--_ctm-dn-ln-ts-le-ht))
1094
+ );
1095
+ text-decoration: var(
1096
+ --_ctm-mob-dn-ln-ts-ue,
1097
+ var(--_ctm-tab-dn-ln-ts-ue, var(--_ctm-dn-ln-ts-ue))
1098
+ );
1099
+ }
970
1100
  }
971
1101
  }
972
1102
  }
@@ -975,218 +1105,262 @@
975
1105
  flex-direction: column;
976
1106
  align-items: flex-start;
977
1107
  gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
978
-
979
- .item {
1108
+ .radio_wrapper {
980
1109
  display: flex;
981
- position: relative;
982
- flex-direction: column;
983
- width: 100%;
984
- padding: var(
985
- --_ctm-mob-dn-im-se-vl-pg,
986
- var(--_ctm-tab-dn-im-se-vl-pg, var(--_ctm-dn-im-se-vl-pg))
987
- )
988
- var(
989
- --_ctm-mob-dn-im-se-hl-pg,
990
- var(--_ctm-tab-dn-im-se-hl-pg, var(--_ctm-dn-im-se-hl-pg))
991
- );
992
- background-color: var(
993
- --_ctm-mob-dn-im-se-bd-cr,
994
- var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
995
- );
1110
+ gap: prepareMediaVariable(--_ctm-lt-ro-bn-im-gp, 0);
1111
+ .custom_radio {
1112
+ position: relative;
1113
+ display: flex;
1114
+ padding: prepareMediaVariable(--_ctm-dn-ro-bn-pg, 0);
1115
+ // align-items: center;
996
1116
 
997
- // border-color: var(
998
- // --_ctm-mob-dn-im-se-br-cr,
999
- // var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
1000
- // );
1001
- // border-style: var(
1002
- // --_ctm-mob-dn-im-se-br-se,
1003
- // var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
1004
- // );
1005
- // border-width: var(
1006
- // --_ctm-mob-dn-im-se-br-wh,
1007
- // var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
1008
- // );
1009
- border-radius: var(
1010
- --_ctm-mob-dn-im-se-br-rs,
1011
- var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
1012
- );
1117
+ input[type="radio"] {
1118
+ appearance: none;
1119
+ width: 20px;
1120
+ height: 20px;
1121
+ border: 1px solid #d0d5dd;
1122
+ border-radius: 50%;
1123
+ background-color: #fff;
1124
+ cursor: pointer;
1125
+ transition: all 0.2s ease;
1126
+ position: relative;
1127
+ }
1013
1128
 
1014
- // box-shadow: var(
1015
- // --_ctm-mob-dn-im-se-sw-ae,
1016
- // var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
1017
- // )
1018
- // var(
1019
- // --_ctm-mob-dn-im-se-sw-br,
1020
- // var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
1021
- // )
1022
- // var(
1023
- // --_ctm-mob-dn-im-se-sw-sd,
1024
- // var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
1025
- // )
1026
- // var(
1027
- // --_ctm-mob-dn-im-se-sw-cr,
1028
- // var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
1029
- // );
1030
- .name {
1031
- color: var(
1032
- --_ctm-mob-dn-ln-ne-cr,
1033
- var(--_ctm-tab-dn-ln-ne-cr, var(--_ctm-dn-ln-ne-cr))
1034
- );
1035
- font-family:
1036
- var(
1037
- --_ctm-mob-dn-ln-ne-ft-fy,
1038
- var(--_ctm-tab-dn-ln-ne-ft-fy, var(--_ctm-dn-ln-ne-ft-fy))
1039
- ),
1040
- sans-serif;
1041
- font-size: var(
1042
- --_ctm-mob-dn-ln-ne-ft-se,
1043
- var(--_ctm-tab-dn-ln-ne-ft-se, var(--_ctm-dn-ln-ne-ft-se))
1044
- );
1045
- font-weight: var(
1046
- --_ctm-mob-dn-ln-ne-ft-wt,
1047
- var(--_ctm-tab-dn-ln-ne-ft-wt, var(--_ctm-dn-ln-ne-ft-wt))
1048
- );
1049
- font-style: var(
1050
- --_ctm-mob-dn-ln-ne-ft-se-ic,
1051
- var(--_ctm-tab-dn-ln-ne-ft-se-ic, var(--_ctm-dn-ln-ne-ft-se-ic))
1052
- );
1053
- text-align: var(
1054
- --_ctm-mob-dn-ln-ne-tt-an,
1055
- var(--_ctm-tab-dn-ln-ne-tt-an, var(--_ctm-dn-ln-ne-tt-an))
1056
- );
1057
- letter-spacing: var(
1058
- --_ctm-mob-dn-ln-ne-lr-sg,
1059
- var(--_ctm-tab-dn-ln-ne-lr-sg, var(--_ctm-dn-ln-ne-lr-sg))
1060
- );
1061
- line-height: var(
1062
- --_ctm-mob-dn-ln-ne-le-ht,
1063
- var(--_ctm-tab-dn-ln-ne-le-ht, var(--_ctm-dn-ln-ne-le-ht))
1064
- );
1065
- text-decoration: var(
1066
- --_ctm-mob-dn-ln-ne-ue,
1067
- var(--_ctm-tab-dn-ln-ne-ue, var(--_ctm-dn-ln-ne-ue))
1068
- );
1069
- }
1070
- .address {
1071
- color: var(
1072
- --_ctm-mob-dn-ln-as-cr,
1073
- var(--_ctm-tab-dn-ln-as-cr, var(--_ctm-dn-ln-as-cr))
1074
- );
1075
- font-family:
1076
- var(
1077
- --_ctm-mob-dn-ln-as-ft-fy,
1078
- var(--_ctm-tab-dn-ln-as-ft-fy, var(--_ctm-dn-ln-as-ft-fy))
1079
- ),
1080
- sans-serif;
1081
- font-size: var(
1082
- --_ctm-mob-dn-ln-as-ft-se,
1083
- var(--_ctm-tab-dn-ln-as-ft-se, var(--_ctm-dn-ln-as-ft-se))
1084
- );
1085
- font-weight: var(
1086
- --_ctm-mob-dn-ln-as-ft-wt,
1087
- var(--_ctm-tab-dn-ln-as-ft-wt, var(--_ctm-dn-ln-as-ft-wt))
1088
- );
1089
- font-style: var(
1090
- --_ctm-mob-dn-ln-as-ft-se-ic,
1091
- var(--_ctm-tab-dn-ln-as-ft-se-ic, var(--_ctm-dn-ln-as-ft-se-ic))
1092
- );
1093
- text-align: var(
1094
- --_ctm-mob-dn-ln-as-tt-an,
1095
- var(--_ctm-tab-dn-ln-as-tt-an, var(--_ctm-dn-ln-as-tt-an))
1096
- );
1097
- letter-spacing: var(
1098
- --_ctm-mob-dn-ln-as-lr-sg,
1099
- var(--_ctm-tab-dn-ln-as-lr-sg, var(--_ctm-dn-ln-as-lr-sg))
1100
- );
1101
- line-height: var(
1102
- --_ctm-mob-dn-ln-as-le-ht,
1103
- var(--_ctm-tab-dn-ln-as-le-ht, var(--_ctm-dn-ln-as-le-ht))
1104
- );
1105
- text-decoration: var(
1106
- --_ctm-mob-dn-ln-as-ue,
1107
- var(--_ctm-tab-dn-ln-as-ue, var(--_ctm-dn-ln-as-ue))
1108
- );
1109
- }
1129
+ input[type="radio"]::before {
1130
+ content: "";
1131
+ position: absolute;
1132
+ top: 50%;
1133
+ left: 50%;
1134
+ width: 10px;
1135
+ height: 10px;
1136
+ background-color: var(--_primary-400);
1137
+ border-radius: 50%;
1138
+ transform: translate(-50%, -50%) scale(0);
1139
+ transition: transform 0.2s ease;
1140
+ }
1110
1141
 
1111
- .inventory {
1112
- color: var(
1113
- --_ctm-mob-dn-ln-iy-cr,
1114
- var(--_ctm-tab-dn-ln-iy-cr, var(--_ctm-dn-ln-iy-cr))
1115
- );
1116
- font-family:
1117
- var(
1118
- --_ctm-mob-dn-ln-iy-ft-fy,
1119
- var(--_ctm-tab-dn-ln-iy-ft-fy, var(--_ctm-dn-ln-iy-ft-fy))
1120
- ),
1121
- sans-serif;
1122
- font-size: var(
1123
- --_ctm-mob-dn-ln-iy-ft-se,
1124
- var(--_ctm-tab-dn-ln-iy-ft-se, var(--_ctm-dn-ln-iy-ft-se))
1125
- );
1126
- font-weight: var(
1127
- --_ctm-mob-dn-ln-iy-ft-wt,
1128
- var(--_ctm-tab-dn-ln-iy-ft-wt, var(--_ctm-dn-ln-iy-ft-wt))
1129
- );
1130
- font-style: var(
1131
- --_ctm-mob-dn-ln-iy-ft-se-ic,
1132
- var(--_ctm-tab-dn-ln-iy-ft-se-ic, var(--_ctm-dn-ln-iy-ft-se-ic))
1133
- );
1134
- text-align: var(
1135
- --_ctm-mob-dn-ln-iy-tt-an,
1136
- var(--_ctm-tab-dn-ln-iy-tt-an, var(--_ctm-dn-ln-iy-tt-an))
1137
- );
1138
- letter-spacing: var(
1139
- --_ctm-mob-dn-ln-iy-lr-sg,
1140
- var(--_ctm-tab-dn-ln-iy-lr-sg, var(--_ctm-dn-ln-iy-lr-sg))
1141
- );
1142
- line-height: var(
1143
- --_ctm-mob-dn-ln-iy-le-ht,
1144
- var(--_ctm-tab-dn-ln-iy-le-ht, var(--_ctm-dn-ln-iy-le-ht))
1145
- );
1146
- text-decoration: var(
1147
- --_ctm-mob-dn-ln-iy-ue,
1148
- var(--_ctm-tab-dn-ln-iy-ue, var(--_ctm-dn-ln-iy-ue))
1149
- );
1142
+ input[type="radio"]:checked::before {
1143
+ transform: translate(-50%, -50%) scale(1);
1144
+ }
1145
+
1146
+ input[type="radio"]:focus {
1147
+ outline: 2px solid var(--_primary-200);
1148
+ outline-offset: 2px;
1149
+ }
1150
1150
  }
1151
- .status {
1152
- color: var(
1153
- --_ctm-mob-dn-ln-ts-cr,
1154
- var(--_ctm-tab-dn-ln-ts-cr, var(--_ctm-dn-ln-ts-cr))
1155
- );
1156
- font-family:
1151
+
1152
+ .item {
1153
+ display: flex;
1154
+ position: relative;
1155
+ flex-direction: column;
1156
+ width: 100%;
1157
+ padding: var(
1158
+ --_ctm-mob-dn-im-se-vl-pg,
1159
+ var(--_ctm-tab-dn-im-se-vl-pg, var(--_ctm-dn-im-se-vl-pg))
1160
+ )
1157
1161
  var(
1158
- --_ctm-mob-dn-ln-ts-ft-fy,
1159
- var(--_ctm-tab-dn-ln-ts-ft-fy, var(--_ctm-dn-ln-ts-ft-fy))
1160
- ),
1161
- sans-serif;
1162
- font-size: var(
1163
- --_ctm-mob-dn-ln-ts-ft-se,
1164
- var(--_ctm-tab-dn-ln-ts-ft-se, var(--_ctm-dn-ln-ts-ft-se))
1165
- );
1166
- font-weight: var(
1167
- --_ctm-mob-dn-ln-ts-ft-wt,
1168
- var(--_ctm-tab-dn-ln-ts-ft-wt, var(--_ctm-dn-ln-ts-ft-wt))
1169
- );
1170
- font-style: var(
1171
- --_ctm-mob-dn-ln-ts-ft-se-ic,
1172
- var(--_ctm-tab-dn-ln-ts-ft-se-ic, var(--_ctm-dn-ln-ts-ft-se-ic))
1173
- );
1174
- text-align: var(
1175
- --_ctm-mob-dn-ln-ts-tt-an,
1176
- var(--_ctm-tab-dn-ln-ts-tt-an, var(--_ctm-dn-ln-ts-tt-an))
1177
- );
1178
- letter-spacing: var(
1179
- --_ctm-mob-dn-ln-ts-lr-sg,
1180
- var(--_ctm-tab-dn-ln-ts-lr-sg, var(--_ctm-dn-ln-ts-lr-sg))
1181
- );
1182
- line-height: var(
1183
- --_ctm-mob-dn-ln-ts-le-ht,
1184
- var(--_ctm-tab-dn-ln-ts-le-ht, var(--_ctm-dn-ln-ts-le-ht))
1162
+ --_ctm-mob-dn-im-se-hl-pg,
1163
+ var(--_ctm-tab-dn-im-se-hl-pg, var(--_ctm-dn-im-se-hl-pg))
1164
+ );
1165
+ background-color: var(
1166
+ --_ctm-mob-dn-im-se-bd-cr,
1167
+ var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
1185
1168
  );
1186
- text-decoration: var(
1187
- --_ctm-mob-dn-ln-ts-ue,
1188
- var(--_ctm-tab-dn-ln-ts-ue, var(--_ctm-dn-ln-ts-ue))
1169
+
1170
+ // border-color: var(
1171
+ // --_ctm-mob-dn-im-se-br-cr,
1172
+ // var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
1173
+ // );
1174
+ // border-style: var(
1175
+ // --_ctm-mob-dn-im-se-br-se,
1176
+ // var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
1177
+ // );
1178
+ // border-width: var(
1179
+ // --_ctm-mob-dn-im-se-br-wh,
1180
+ // var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
1181
+ // );
1182
+ border-radius: var(
1183
+ --_ctm-mob-dn-im-se-br-rs,
1184
+ var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
1189
1185
  );
1186
+
1187
+ // box-shadow: var(
1188
+ // --_ctm-mob-dn-im-se-sw-ae,
1189
+ // var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
1190
+ // )
1191
+ // var(
1192
+ // --_ctm-mob-dn-im-se-sw-br,
1193
+ // var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
1194
+ // )
1195
+ // var(
1196
+ // --_ctm-mob-dn-im-se-sw-sd,
1197
+ // var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
1198
+ // )
1199
+ // var(
1200
+ // --_ctm-mob-dn-im-se-sw-cr,
1201
+ // var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
1202
+ // );
1203
+ .name {
1204
+ color: var(
1205
+ --_ctm-mob-dn-ln-ne-cr,
1206
+ var(--_ctm-tab-dn-ln-ne-cr, var(--_ctm-dn-ln-ne-cr))
1207
+ );
1208
+ font-family:
1209
+ var(
1210
+ --_ctm-mob-dn-ln-ne-ft-fy,
1211
+ var(--_ctm-tab-dn-ln-ne-ft-fy, var(--_ctm-dn-ln-ne-ft-fy))
1212
+ ),
1213
+ sans-serif;
1214
+ font-size: var(
1215
+ --_ctm-mob-dn-ln-ne-ft-se,
1216
+ var(--_ctm-tab-dn-ln-ne-ft-se, var(--_ctm-dn-ln-ne-ft-se))
1217
+ );
1218
+ font-weight: var(
1219
+ --_ctm-mob-dn-ln-ne-ft-wt,
1220
+ var(--_ctm-tab-dn-ln-ne-ft-wt, var(--_ctm-dn-ln-ne-ft-wt))
1221
+ );
1222
+ font-style: var(
1223
+ --_ctm-mob-dn-ln-ne-ft-se-ic,
1224
+ var(--_ctm-tab-dn-ln-ne-ft-se-ic, var(--_ctm-dn-ln-ne-ft-se-ic))
1225
+ );
1226
+ text-align: var(
1227
+ --_ctm-mob-dn-ln-ne-tt-an,
1228
+ var(--_ctm-tab-dn-ln-ne-tt-an, var(--_ctm-dn-ln-ne-tt-an))
1229
+ );
1230
+ letter-spacing: var(
1231
+ --_ctm-mob-dn-ln-ne-lr-sg,
1232
+ var(--_ctm-tab-dn-ln-ne-lr-sg, var(--_ctm-dn-ln-ne-lr-sg))
1233
+ );
1234
+ line-height: var(
1235
+ --_ctm-mob-dn-ln-ne-le-ht,
1236
+ var(--_ctm-tab-dn-ln-ne-le-ht, var(--_ctm-dn-ln-ne-le-ht))
1237
+ );
1238
+ text-decoration: var(
1239
+ --_ctm-mob-dn-ln-ne-ue,
1240
+ var(--_ctm-tab-dn-ln-ne-ue, var(--_ctm-dn-ln-ne-ue))
1241
+ );
1242
+ }
1243
+ .address {
1244
+ color: var(
1245
+ --_ctm-mob-dn-ln-as-cr,
1246
+ var(--_ctm-tab-dn-ln-as-cr, var(--_ctm-dn-ln-as-cr))
1247
+ );
1248
+ font-family:
1249
+ var(
1250
+ --_ctm-mob-dn-ln-as-ft-fy,
1251
+ var(--_ctm-tab-dn-ln-as-ft-fy, var(--_ctm-dn-ln-as-ft-fy))
1252
+ ),
1253
+ sans-serif;
1254
+ font-size: var(
1255
+ --_ctm-mob-dn-ln-as-ft-se,
1256
+ var(--_ctm-tab-dn-ln-as-ft-se, var(--_ctm-dn-ln-as-ft-se))
1257
+ );
1258
+ font-weight: var(
1259
+ --_ctm-mob-dn-ln-as-ft-wt,
1260
+ var(--_ctm-tab-dn-ln-as-ft-wt, var(--_ctm-dn-ln-as-ft-wt))
1261
+ );
1262
+ font-style: var(
1263
+ --_ctm-mob-dn-ln-as-ft-se-ic,
1264
+ var(--_ctm-tab-dn-ln-as-ft-se-ic, var(--_ctm-dn-ln-as-ft-se-ic))
1265
+ );
1266
+ text-align: var(
1267
+ --_ctm-mob-dn-ln-as-tt-an,
1268
+ var(--_ctm-tab-dn-ln-as-tt-an, var(--_ctm-dn-ln-as-tt-an))
1269
+ );
1270
+ letter-spacing: var(
1271
+ --_ctm-mob-dn-ln-as-lr-sg,
1272
+ var(--_ctm-tab-dn-ln-as-lr-sg, var(--_ctm-dn-ln-as-lr-sg))
1273
+ );
1274
+ line-height: var(
1275
+ --_ctm-mob-dn-ln-as-le-ht,
1276
+ var(--_ctm-tab-dn-ln-as-le-ht, var(--_ctm-dn-ln-as-le-ht))
1277
+ );
1278
+ text-decoration: var(
1279
+ --_ctm-mob-dn-ln-as-ue,
1280
+ var(--_ctm-tab-dn-ln-as-ue, var(--_ctm-dn-ln-as-ue))
1281
+ );
1282
+ }
1283
+
1284
+ .inventory {
1285
+ color: var(
1286
+ --_ctm-mob-dn-ln-iy-cr,
1287
+ var(--_ctm-tab-dn-ln-iy-cr, var(--_ctm-dn-ln-iy-cr))
1288
+ );
1289
+ font-family:
1290
+ var(
1291
+ --_ctm-mob-dn-ln-iy-ft-fy,
1292
+ var(--_ctm-tab-dn-ln-iy-ft-fy, var(--_ctm-dn-ln-iy-ft-fy))
1293
+ ),
1294
+ sans-serif;
1295
+ font-size: var(
1296
+ --_ctm-mob-dn-ln-iy-ft-se,
1297
+ var(--_ctm-tab-dn-ln-iy-ft-se, var(--_ctm-dn-ln-iy-ft-se))
1298
+ );
1299
+ font-weight: var(
1300
+ --_ctm-mob-dn-ln-iy-ft-wt,
1301
+ var(--_ctm-tab-dn-ln-iy-ft-wt, var(--_ctm-dn-ln-iy-ft-wt))
1302
+ );
1303
+ font-style: var(
1304
+ --_ctm-mob-dn-ln-iy-ft-se-ic,
1305
+ var(--_ctm-tab-dn-ln-iy-ft-se-ic, var(--_ctm-dn-ln-iy-ft-se-ic))
1306
+ );
1307
+ text-align: var(
1308
+ --_ctm-mob-dn-ln-iy-tt-an,
1309
+ var(--_ctm-tab-dn-ln-iy-tt-an, var(--_ctm-dn-ln-iy-tt-an))
1310
+ );
1311
+ letter-spacing: var(
1312
+ --_ctm-mob-dn-ln-iy-lr-sg,
1313
+ var(--_ctm-tab-dn-ln-iy-lr-sg, var(--_ctm-dn-ln-iy-lr-sg))
1314
+ );
1315
+ line-height: var(
1316
+ --_ctm-mob-dn-ln-iy-le-ht,
1317
+ var(--_ctm-tab-dn-ln-iy-le-ht, var(--_ctm-dn-ln-iy-le-ht))
1318
+ );
1319
+ text-decoration: var(
1320
+ --_ctm-mob-dn-ln-iy-ue,
1321
+ var(--_ctm-tab-dn-ln-iy-ue, var(--_ctm-dn-ln-iy-ue))
1322
+ );
1323
+ }
1324
+ .status {
1325
+ color: var(
1326
+ --_ctm-mob-dn-ln-ts-cr,
1327
+ var(--_ctm-tab-dn-ln-ts-cr, var(--_ctm-dn-ln-ts-cr))
1328
+ );
1329
+ font-family:
1330
+ var(
1331
+ --_ctm-mob-dn-ln-ts-ft-fy,
1332
+ var(--_ctm-tab-dn-ln-ts-ft-fy, var(--_ctm-dn-ln-ts-ft-fy))
1333
+ ),
1334
+ sans-serif;
1335
+ font-size: var(
1336
+ --_ctm-mob-dn-ln-ts-ft-se,
1337
+ var(--_ctm-tab-dn-ln-ts-ft-se, var(--_ctm-dn-ln-ts-ft-se))
1338
+ );
1339
+ font-weight: var(
1340
+ --_ctm-mob-dn-ln-ts-ft-wt,
1341
+ var(--_ctm-tab-dn-ln-ts-ft-wt, var(--_ctm-dn-ln-ts-ft-wt))
1342
+ );
1343
+ font-style: var(
1344
+ --_ctm-mob-dn-ln-ts-ft-se-ic,
1345
+ var(--_ctm-tab-dn-ln-ts-ft-se-ic, var(--_ctm-dn-ln-ts-ft-se-ic))
1346
+ );
1347
+ text-align: var(
1348
+ --_ctm-mob-dn-ln-ts-tt-an,
1349
+ var(--_ctm-tab-dn-ln-ts-tt-an, var(--_ctm-dn-ln-ts-tt-an))
1350
+ );
1351
+ letter-spacing: var(
1352
+ --_ctm-mob-dn-ln-ts-lr-sg,
1353
+ var(--_ctm-tab-dn-ln-ts-lr-sg, var(--_ctm-dn-ln-ts-lr-sg))
1354
+ );
1355
+ line-height: var(
1356
+ --_ctm-mob-dn-ln-ts-le-ht,
1357
+ var(--_ctm-tab-dn-ln-ts-le-ht, var(--_ctm-dn-ln-ts-le-ht))
1358
+ );
1359
+ text-decoration: var(
1360
+ --_ctm-mob-dn-ln-ts-ue,
1361
+ var(--_ctm-tab-dn-ln-ts-ue, var(--_ctm-dn-ln-ts-ue))
1362
+ );
1363
+ }
1190
1364
  }
1191
1365
  }
1192
1366
  }