@sc-360-v2/storefront-cms-library 0.4.18 → 0.4.20

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 (16) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/faq.scss +76 -39
  3. package/dist/icon-library.scss +1 -0
  4. package/dist/pickup-locations.scss +0 -2
  5. package/dist/product-price.scss +19 -0
  6. package/dist/product-sizechart.scss +3 -0
  7. package/dist/stack.scss +2 -1
  8. package/dist/store-locations.scss +456 -390
  9. package/dist/table.scss +34 -0
  10. package/dist/types/builder/tools/element-edit/pickupLocations.d.ts +7 -1
  11. package/dist/types/builder/tools/element-edit/storeLocations.d.ts +7 -1
  12. package/dist/types/builder/tools/element-edit/table.d.ts +2 -2
  13. package/dist/types/builder/tools/element-edit/video.d.ts +16 -1
  14. package/dist/video.scss +105 -3
  15. package/dist/widget.scss +1 -1
  16. package/package.json +1 -1
package/dist/store-locations.scss CHANGED
@@ -468,8 +468,6 @@
468
468
  .crt__btn {
469
469
  display: flex;
470
470
  align-items: center;
471
- padding-inline: 15px;
472
- padding: 6px;
473
471
  cursor: pointer;
474
472
  min-width: 100px;
475
473
  min-height: 50px;
@@ -514,8 +512,8 @@
514
512
  var(--_ctm-tab-dn-se-ls-bn-dt-se-bd-cr, var(--_ctm-dn-se-ls-bn-dt-se-bd-cr))
515
513
  );
516
514
  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))
515
+ --_ctm-mob-dn-se-ls-bn-dt-se-gp,
516
+ var(--_ctm-tab-dn-se-ls-bn-dt-se-gp, var(--_ctm-dn-se-ls-bn-dt-se-gp))
519
517
  );
520
518
  color: var(
521
519
  --_ctm-mob-dn-se-ls-bn-dt-se-cr,
@@ -612,11 +610,8 @@
612
610
  var(--_ctm-tab-dn-se-ls-bn-hr-se-bd-cr, var(--_ctm-dn-se-ls-bn-hr-se-bd-cr))
613
611
  );
614
612
  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
- )
613
+ --_ctm-mob-dn-se-ls-bn-hr-se-gp,
614
+ var(--_ctm-tab-dn-se-ls-bn-hr-se-gp, var(--_ctm-dn-se-ls-bn-hr-se-gp))
620
615
  );
621
616
  color: var(
622
617
  --_ctm-mob-dn-se-ls-bn-hr-se-cr,
@@ -785,188 +780,215 @@
785
780
  align-items: center;
786
781
  margin-top: 10px;
787
782
  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
- );
797
- 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
- );
803
-
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
- );
808
-
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
- );
783
+ .radio_wrapper {
784
+ .custom_radio {
785
+ position: relative;
786
+ input[type="radio"] {
787
+ margin-right: 12px;
788
+ width: 16px;
789
+ height: 16px;
790
+ accent-color: #2563eb;
791
+ cursor: pointer;
792
+ display: none;
793
+ }
794
+ .radio-style {
795
+ width: 20px;
796
+ height: 20px;
797
+ border-radius: 50%;
798
+ border: 1px solid #d0d5dd;
799
+ background: white;
800
+ display: inline-block;
801
+ box-sizing: border-box;
802
+ transition: all 0.2s;
803
+ }
804
+ input[type="radio"]:checked + .radio-style {
805
+ background-color: var(--_base-white);
806
+ border: 5px solid var(--_primary-400);
807
+ }
848
808
  }
849
-
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:
809
+ .item {
810
+ padding: var(
811
+ --_ctm-mob-dn-im-se-vl-pg,
812
+ var(--_ctm-tab-dn-im-se-vl-pg, var(--_ctm-dn-im-se-vl-pg))
813
+ )
856
814
  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))
815
+ --_ctm-mob-dn-im-se-hl-pg,
816
+ var(--_ctm-tab-dn-im-se-hl-pg, var(--_ctm-dn-im-se-hl-pg))
817
+ );
818
+ display: flex;
819
+ flex-direction: column;
820
+ background-color: var(
821
+ --_ctm-mob-dn-im-se-bd-cr,
822
+ var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
888
823
  );
889
- }
890
824
 
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
- );
930
- }
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:
937
- 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))
965
- );
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))
825
+ border-radius: var(
826
+ --_ctm-mob-dn-im-se-br-rs,
827
+ var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
969
828
  );
829
+
830
+ .name {
831
+ color: var(
832
+ --_ctm-mob-dn-ln-ne-cr,
833
+ var(--_ctm-tab-dn-ln-ne-cr, var(--_ctm-dn-ln-ne-cr))
834
+ );
835
+ font-family:
836
+ var(
837
+ --_ctm-mob-dn-ln-ne-ft-fy,
838
+ var(--_ctm-tab-dn-ln-ne-ft-fy, var(--_ctm-dn-ln-ne-ft-fy))
839
+ ),
840
+ sans-serif;
841
+ font-size: var(
842
+ --_ctm-mob-dn-ln-ne-ft-se,
843
+ var(--_ctm-tab-dn-ln-ne-ft-se, var(--_ctm-dn-ln-ne-ft-se))
844
+ );
845
+ font-weight: var(
846
+ --_ctm-mob-dn-ln-ne-ft-wt,
847
+ var(--_ctm-tab-dn-ln-ne-ft-wt, var(--_ctm-dn-ln-ne-ft-wt))
848
+ );
849
+ font-style: var(
850
+ --_ctm-mob-dn-ln-ne-ft-se-ic,
851
+ var(--_ctm-tab-dn-ln-ne-ft-se-ic, var(--_ctm-dn-ln-ne-ft-se-ic))
852
+ );
853
+ text-align: var(
854
+ --_ctm-mob-dn-ln-ne-tt-an,
855
+ var(--_ctm-tab-dn-ln-ne-tt-an, var(--_ctm-dn-ln-ne-tt-an))
856
+ );
857
+ letter-spacing: var(
858
+ --_ctm-mob-dn-ln-ne-lr-sg,
859
+ var(--_ctm-tab-dn-ln-ne-lr-sg, var(--_ctm-dn-ln-ne-lr-sg))
860
+ );
861
+ line-height: var(
862
+ --_ctm-mob-dn-ln-ne-le-ht,
863
+ var(--_ctm-tab-dn-ln-ne-le-ht, var(--_ctm-dn-ln-ne-le-ht))
864
+ );
865
+ text-decoration: var(
866
+ --_ctm-mob-dn-ln-ne-ue,
867
+ var(--_ctm-tab-dn-ln-ne-ue, var(--_ctm-dn-ln-ne-ue))
868
+ );
869
+ }
870
+
871
+ .address {
872
+ color: var(
873
+ --_ctm-mob-dn-ln-as-cr,
874
+ var(--_ctm-tab-dn-ln-as-cr, var(--_ctm-dn-ln-as-cr))
875
+ );
876
+ font-family:
877
+ var(
878
+ --_ctm-mob-dn-ln-as-ft-fy,
879
+ var(--_ctm-tab-dn-ln-as-ft-fy, var(--_ctm-dn-ln-as-ft-fy))
880
+ ),
881
+ sans-serif;
882
+ font-size: var(
883
+ --_ctm-mob-dn-ln-as-ft-se,
884
+ var(--_ctm-tab-dn-ln-as-ft-se, var(--_ctm-dn-ln-as-ft-se))
885
+ );
886
+ font-weight: var(
887
+ --_ctm-mob-dn-ln-as-ft-wt,
888
+ var(--_ctm-tab-dn-ln-as-ft-wt, var(--_ctm-dn-ln-as-ft-wt))
889
+ );
890
+ font-style: var(
891
+ --_ctm-mob-dn-ln-as-ft-se-ic,
892
+ var(--_ctm-tab-dn-ln-as-ft-se-ic, var(--_ctm-dn-ln-as-ft-se-ic))
893
+ );
894
+ text-align: var(
895
+ --_ctm-mob-dn-ln-as-tt-an,
896
+ var(--_ctm-tab-dn-ln-as-tt-an, var(--_ctm-dn-ln-as-tt-an))
897
+ );
898
+ letter-spacing: var(
899
+ --_ctm-mob-dn-ln-as-lr-sg,
900
+ var(--_ctm-tab-dn-ln-as-lr-sg, var(--_ctm-dn-ln-as-lr-sg))
901
+ );
902
+ line-height: var(
903
+ --_ctm-mob-dn-ln-as-le-ht,
904
+ var(--_ctm-tab-dn-ln-as-le-ht, var(--_ctm-dn-ln-as-le-ht))
905
+ );
906
+ text-decoration: var(
907
+ --_ctm-mob-dn-ln-as-ue,
908
+ var(--_ctm-tab-dn-ln-as-ue, var(--_ctm-dn-ln-as-ue))
909
+ );
910
+ }
911
+
912
+ .inventory {
913
+ color: var(
914
+ --_ctm-mob-dn-ln-iy-cr,
915
+ var(--_ctm-tab-dn-ln-iy-cr, var(--_ctm-dn-ln-iy-cr))
916
+ );
917
+ font-family:
918
+ var(
919
+ --_ctm-mob-dn-ln-iy-ft-fy,
920
+ var(--_ctm-tab-dn-ln-iy-ft-fy, var(--_ctm-dn-ln-iy-ft-fy))
921
+ ),
922
+ sans-serif;
923
+ font-size: var(
924
+ --_ctm-mob-dn-ln-iy-ft-se,
925
+ var(--_ctm-tab-dn-ln-iy-ft-se, var(--_ctm-dn-ln-iy-ft-se))
926
+ );
927
+ font-weight: var(
928
+ --_ctm-mob-dn-ln-iy-ft-wt,
929
+ var(--_ctm-tab-dn-ln-iy-ft-wt, var(--_ctm-dn-ln-iy-ft-wt))
930
+ );
931
+ font-style: var(
932
+ --_ctm-mob-dn-ln-iy-ft-se-ic,
933
+ var(--_ctm-tab-dn-ln-iy-ft-se-ic, var(--_ctm-dn-ln-iy-ft-se-ic))
934
+ );
935
+ text-align: var(
936
+ --_ctm-mob-dn-ln-iy-tt-an,
937
+ var(--_ctm-tab-dn-ln-iy-tt-an, var(--_ctm-dn-ln-iy-tt-an))
938
+ );
939
+ letter-spacing: var(
940
+ --_ctm-mob-dn-ln-iy-lr-sg,
941
+ var(--_ctm-tab-dn-ln-iy-lr-sg, var(--_ctm-dn-ln-iy-lr-sg))
942
+ );
943
+ line-height: var(
944
+ --_ctm-mob-dn-ln-iy-le-ht,
945
+ var(--_ctm-tab-dn-ln-iy-le-ht, var(--_ctm-dn-ln-iy-le-ht))
946
+ );
947
+ text-decoration: var(
948
+ --_ctm-mob-dn-ln-iy-ue,
949
+ var(--_ctm-tab-dn-ln-iy-ue, var(--_ctm-dn-ln-iy-ue))
950
+ );
951
+ }
952
+ .status {
953
+ color: var(
954
+ --_ctm-mob-dn-ln-ts-cr,
955
+ var(--_ctm-tab-dn-ln-ts-cr, var(--_ctm-dn-ln-ts-cr))
956
+ );
957
+ font-family:
958
+ var(
959
+ --_ctm-mob-dn-ln-ts-ft-fy,
960
+ var(--_ctm-tab-dn-ln-ts-ft-fy, var(--_ctm-dn-ln-ts-ft-fy))
961
+ ),
962
+ sans-serif;
963
+ font-size: var(
964
+ --_ctm-mob-dn-ln-ts-ft-se,
965
+ var(--_ctm-tab-dn-ln-ts-ft-se, var(--_ctm-dn-ln-ts-ft-se))
966
+ );
967
+ font-weight: var(
968
+ --_ctm-mob-dn-ln-ts-ft-wt,
969
+ var(--_ctm-tab-dn-ln-ts-ft-wt, var(--_ctm-dn-ln-ts-ft-wt))
970
+ );
971
+ font-style: var(
972
+ --_ctm-mob-dn-ln-ts-ft-se-ic,
973
+ var(--_ctm-tab-dn-ln-ts-ft-se-ic, var(--_ctm-dn-ln-ts-ft-se-ic))
974
+ );
975
+ text-align: var(
976
+ --_ctm-mob-dn-ln-ts-tt-an,
977
+ var(--_ctm-tab-dn-ln-ts-tt-an, var(--_ctm-dn-ln-ts-tt-an))
978
+ );
979
+ letter-spacing: var(
980
+ --_ctm-mob-dn-ln-ts-lr-sg,
981
+ var(--_ctm-tab-dn-ln-ts-lr-sg, var(--_ctm-dn-ln-ts-lr-sg))
982
+ );
983
+ line-height: var(
984
+ --_ctm-mob-dn-ln-ts-le-ht,
985
+ var(--_ctm-tab-dn-ln-ts-le-ht, var(--_ctm-dn-ln-ts-le-ht))
986
+ );
987
+ text-decoration: var(
988
+ --_ctm-mob-dn-ln-ts-ue,
989
+ var(--_ctm-tab-dn-ln-ts-ue, var(--_ctm-dn-ln-ts-ue))
990
+ );
991
+ }
970
992
  }
971
993
  }
972
994
  }
@@ -975,218 +997,262 @@
975
997
  flex-direction: column;
976
998
  align-items: flex-start;
977
999
  gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
978
-
979
- .item {
1000
+ .radio_wrapper {
980
1001
  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
- );
1002
+ gap: prepareMediaVariable(--_ctm-lt-ro-bn-im-gp, 0);
1003
+ .custom_radio {
1004
+ position: relative;
1005
+ display: flex;
1006
+ padding: prepareMediaVariable(--_ctm-dn-ro-bn-pg, 0);
1007
+ // align-items: center;
996
1008
 
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
- );
1009
+ input[type="radio"] {
1010
+ appearance: none;
1011
+ width: 20px;
1012
+ height: 20px;
1013
+ border: 1px solid #d0d5dd;
1014
+ border-radius: 50%;
1015
+ background-color: #fff;
1016
+ cursor: pointer;
1017
+ transition: all 0.2s ease;
1018
+ position: relative;
1019
+ }
1013
1020
 
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
- }
1021
+ input[type="radio"]::before {
1022
+ content: "";
1023
+ position: absolute;
1024
+ top: 50%;
1025
+ left: 50%;
1026
+ width: 10px;
1027
+ height: 10px;
1028
+ background-color: var(--_primary-400);
1029
+ border-radius: 50%;
1030
+ transform: translate(-50%, -50%) scale(0);
1031
+ transition: transform 0.2s ease;
1032
+ }
1110
1033
 
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
- );
1034
+ input[type="radio"]:checked::before {
1035
+ transform: translate(-50%, -50%) scale(1);
1036
+ }
1037
+
1038
+ input[type="radio"]:focus {
1039
+ outline: 2px solid var(--_primary-200);
1040
+ outline-offset: 2px;
1041
+ }
1150
1042
  }
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:
1043
+
1044
+ .item {
1045
+ display: flex;
1046
+ position: relative;
1047
+ flex-direction: column;
1048
+ width: 100%;
1049
+ padding: var(
1050
+ --_ctm-mob-dn-im-se-vl-pg,
1051
+ var(--_ctm-tab-dn-im-se-vl-pg, var(--_ctm-dn-im-se-vl-pg))
1052
+ )
1157
1053
  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))
1054
+ --_ctm-mob-dn-im-se-hl-pg,
1055
+ var(--_ctm-tab-dn-im-se-hl-pg, var(--_ctm-dn-im-se-hl-pg))
1056
+ );
1057
+ background-color: var(
1058
+ --_ctm-mob-dn-im-se-bd-cr,
1059
+ var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
1185
1060
  );
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))
1061
+
1062
+ // border-color: var(
1063
+ // --_ctm-mob-dn-im-se-br-cr,
1064
+ // var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
1065
+ // );
1066
+ // border-style: var(
1067
+ // --_ctm-mob-dn-im-se-br-se,
1068
+ // var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
1069
+ // );
1070
+ // border-width: var(
1071
+ // --_ctm-mob-dn-im-se-br-wh,
1072
+ // var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
1073
+ // );
1074
+ border-radius: var(
1075
+ --_ctm-mob-dn-im-se-br-rs,
1076
+ var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
1189
1077
  );
1078
+
1079
+ // box-shadow: var(
1080
+ // --_ctm-mob-dn-im-se-sw-ae,
1081
+ // var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
1082
+ // )
1083
+ // var(
1084
+ // --_ctm-mob-dn-im-se-sw-br,
1085
+ // var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
1086
+ // )
1087
+ // var(
1088
+ // --_ctm-mob-dn-im-se-sw-sd,
1089
+ // var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
1090
+ // )
1091
+ // var(
1092
+ // --_ctm-mob-dn-im-se-sw-cr,
1093
+ // var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
1094
+ // );
1095
+ .name {
1096
+ color: var(
1097
+ --_ctm-mob-dn-ln-ne-cr,
1098
+ var(--_ctm-tab-dn-ln-ne-cr, var(--_ctm-dn-ln-ne-cr))
1099
+ );
1100
+ font-family:
1101
+ var(
1102
+ --_ctm-mob-dn-ln-ne-ft-fy,
1103
+ var(--_ctm-tab-dn-ln-ne-ft-fy, var(--_ctm-dn-ln-ne-ft-fy))
1104
+ ),
1105
+ sans-serif;
1106
+ font-size: var(
1107
+ --_ctm-mob-dn-ln-ne-ft-se,
1108
+ var(--_ctm-tab-dn-ln-ne-ft-se, var(--_ctm-dn-ln-ne-ft-se))
1109
+ );
1110
+ font-weight: var(
1111
+ --_ctm-mob-dn-ln-ne-ft-wt,
1112
+ var(--_ctm-tab-dn-ln-ne-ft-wt, var(--_ctm-dn-ln-ne-ft-wt))
1113
+ );
1114
+ font-style: var(
1115
+ --_ctm-mob-dn-ln-ne-ft-se-ic,
1116
+ var(--_ctm-tab-dn-ln-ne-ft-se-ic, var(--_ctm-dn-ln-ne-ft-se-ic))
1117
+ );
1118
+ text-align: var(
1119
+ --_ctm-mob-dn-ln-ne-tt-an,
1120
+ var(--_ctm-tab-dn-ln-ne-tt-an, var(--_ctm-dn-ln-ne-tt-an))
1121
+ );
1122
+ letter-spacing: var(
1123
+ --_ctm-mob-dn-ln-ne-lr-sg,
1124
+ var(--_ctm-tab-dn-ln-ne-lr-sg, var(--_ctm-dn-ln-ne-lr-sg))
1125
+ );
1126
+ line-height: var(
1127
+ --_ctm-mob-dn-ln-ne-le-ht,
1128
+ var(--_ctm-tab-dn-ln-ne-le-ht, var(--_ctm-dn-ln-ne-le-ht))
1129
+ );
1130
+ text-decoration: var(
1131
+ --_ctm-mob-dn-ln-ne-ue,
1132
+ var(--_ctm-tab-dn-ln-ne-ue, var(--_ctm-dn-ln-ne-ue))
1133
+ );
1134
+ }
1135
+ .address {
1136
+ color: var(
1137
+ --_ctm-mob-dn-ln-as-cr,
1138
+ var(--_ctm-tab-dn-ln-as-cr, var(--_ctm-dn-ln-as-cr))
1139
+ );
1140
+ font-family:
1141
+ var(
1142
+ --_ctm-mob-dn-ln-as-ft-fy,
1143
+ var(--_ctm-tab-dn-ln-as-ft-fy, var(--_ctm-dn-ln-as-ft-fy))
1144
+ ),
1145
+ sans-serif;
1146
+ font-size: var(
1147
+ --_ctm-mob-dn-ln-as-ft-se,
1148
+ var(--_ctm-tab-dn-ln-as-ft-se, var(--_ctm-dn-ln-as-ft-se))
1149
+ );
1150
+ font-weight: var(
1151
+ --_ctm-mob-dn-ln-as-ft-wt,
1152
+ var(--_ctm-tab-dn-ln-as-ft-wt, var(--_ctm-dn-ln-as-ft-wt))
1153
+ );
1154
+ font-style: var(
1155
+ --_ctm-mob-dn-ln-as-ft-se-ic,
1156
+ var(--_ctm-tab-dn-ln-as-ft-se-ic, var(--_ctm-dn-ln-as-ft-se-ic))
1157
+ );
1158
+ text-align: var(
1159
+ --_ctm-mob-dn-ln-as-tt-an,
1160
+ var(--_ctm-tab-dn-ln-as-tt-an, var(--_ctm-dn-ln-as-tt-an))
1161
+ );
1162
+ letter-spacing: var(
1163
+ --_ctm-mob-dn-ln-as-lr-sg,
1164
+ var(--_ctm-tab-dn-ln-as-lr-sg, var(--_ctm-dn-ln-as-lr-sg))
1165
+ );
1166
+ line-height: var(
1167
+ --_ctm-mob-dn-ln-as-le-ht,
1168
+ var(--_ctm-tab-dn-ln-as-le-ht, var(--_ctm-dn-ln-as-le-ht))
1169
+ );
1170
+ text-decoration: var(
1171
+ --_ctm-mob-dn-ln-as-ue,
1172
+ var(--_ctm-tab-dn-ln-as-ue, var(--_ctm-dn-ln-as-ue))
1173
+ );
1174
+ }
1175
+
1176
+ .inventory {
1177
+ color: var(
1178
+ --_ctm-mob-dn-ln-iy-cr,
1179
+ var(--_ctm-tab-dn-ln-iy-cr, var(--_ctm-dn-ln-iy-cr))
1180
+ );
1181
+ font-family:
1182
+ var(
1183
+ --_ctm-mob-dn-ln-iy-ft-fy,
1184
+ var(--_ctm-tab-dn-ln-iy-ft-fy, var(--_ctm-dn-ln-iy-ft-fy))
1185
+ ),
1186
+ sans-serif;
1187
+ font-size: var(
1188
+ --_ctm-mob-dn-ln-iy-ft-se,
1189
+ var(--_ctm-tab-dn-ln-iy-ft-se, var(--_ctm-dn-ln-iy-ft-se))
1190
+ );
1191
+ font-weight: var(
1192
+ --_ctm-mob-dn-ln-iy-ft-wt,
1193
+ var(--_ctm-tab-dn-ln-iy-ft-wt, var(--_ctm-dn-ln-iy-ft-wt))
1194
+ );
1195
+ font-style: var(
1196
+ --_ctm-mob-dn-ln-iy-ft-se-ic,
1197
+ var(--_ctm-tab-dn-ln-iy-ft-se-ic, var(--_ctm-dn-ln-iy-ft-se-ic))
1198
+ );
1199
+ text-align: var(
1200
+ --_ctm-mob-dn-ln-iy-tt-an,
1201
+ var(--_ctm-tab-dn-ln-iy-tt-an, var(--_ctm-dn-ln-iy-tt-an))
1202
+ );
1203
+ letter-spacing: var(
1204
+ --_ctm-mob-dn-ln-iy-lr-sg,
1205
+ var(--_ctm-tab-dn-ln-iy-lr-sg, var(--_ctm-dn-ln-iy-lr-sg))
1206
+ );
1207
+ line-height: var(
1208
+ --_ctm-mob-dn-ln-iy-le-ht,
1209
+ var(--_ctm-tab-dn-ln-iy-le-ht, var(--_ctm-dn-ln-iy-le-ht))
1210
+ );
1211
+ text-decoration: var(
1212
+ --_ctm-mob-dn-ln-iy-ue,
1213
+ var(--_ctm-tab-dn-ln-iy-ue, var(--_ctm-dn-ln-iy-ue))
1214
+ );
1215
+ }
1216
+ .status {
1217
+ color: var(
1218
+ --_ctm-mob-dn-ln-ts-cr,
1219
+ var(--_ctm-tab-dn-ln-ts-cr, var(--_ctm-dn-ln-ts-cr))
1220
+ );
1221
+ font-family:
1222
+ var(
1223
+ --_ctm-mob-dn-ln-ts-ft-fy,
1224
+ var(--_ctm-tab-dn-ln-ts-ft-fy, var(--_ctm-dn-ln-ts-ft-fy))
1225
+ ),
1226
+ sans-serif;
1227
+ font-size: var(
1228
+ --_ctm-mob-dn-ln-ts-ft-se,
1229
+ var(--_ctm-tab-dn-ln-ts-ft-se, var(--_ctm-dn-ln-ts-ft-se))
1230
+ );
1231
+ font-weight: var(
1232
+ --_ctm-mob-dn-ln-ts-ft-wt,
1233
+ var(--_ctm-tab-dn-ln-ts-ft-wt, var(--_ctm-dn-ln-ts-ft-wt))
1234
+ );
1235
+ font-style: var(
1236
+ --_ctm-mob-dn-ln-ts-ft-se-ic,
1237
+ var(--_ctm-tab-dn-ln-ts-ft-se-ic, var(--_ctm-dn-ln-ts-ft-se-ic))
1238
+ );
1239
+ text-align: var(
1240
+ --_ctm-mob-dn-ln-ts-tt-an,
1241
+ var(--_ctm-tab-dn-ln-ts-tt-an, var(--_ctm-dn-ln-ts-tt-an))
1242
+ );
1243
+ letter-spacing: var(
1244
+ --_ctm-mob-dn-ln-ts-lr-sg,
1245
+ var(--_ctm-tab-dn-ln-ts-lr-sg, var(--_ctm-dn-ln-ts-lr-sg))
1246
+ );
1247
+ line-height: var(
1248
+ --_ctm-mob-dn-ln-ts-le-ht,
1249
+ var(--_ctm-tab-dn-ln-ts-le-ht, var(--_ctm-dn-ln-ts-le-ht))
1250
+ );
1251
+ text-decoration: var(
1252
+ --_ctm-mob-dn-ln-ts-ue,
1253
+ var(--_ctm-tab-dn-ln-ts-ue, var(--_ctm-dn-ln-ts-ue))
1254
+ );
1255
+ }
1190
1256
  }
1191
1257
  }
1192
1258
  }