@sc-360-v2/storefront-cms-library 0.4.47 → 0.4.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/add-products-tab.scss +847 -0
  2. package/dist/allocations.scss +217 -218
  3. package/dist/builder.js +1 -1
  4. package/dist/bulk-variant-picker.scss +511 -309
  5. package/dist/cart-details.scss +877 -56
  6. package/dist/cart-summary.scss +38 -38
  7. package/dist/cartAttributes.scss +37 -5
  8. package/dist/cartDropdownOverlay.scss +7 -0
  9. package/dist/dropdownTemplate.scss +41 -3
  10. package/dist/language-selector.scss +0 -30
  11. package/dist/profile.scss +2 -2
  12. package/dist/static-global.scss +31 -0
  13. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +215 -0
  14. package/dist/types/builder/tools/element-edit/bulkVariantPicker.d.ts +1 -1
  15. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +66 -0
  16. package/package.json +1 -1
package/dist/add-products-tab.scss CHANGED
@@ -859,6 +859,853 @@ div[data-div-type="cms-buy-for-tabs-container-wrapper"] {
859
859
  // }
860
860
  // }
861
861
  // }
862
+ .denominations_container {
863
+ // font-size: 16px;
864
+ display: flex;
865
+ flex-direction: column;
866
+ // gap: 6px;
867
+ // padding-bottom: 14px;
868
+
869
+ background-color: var(
870
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-bd-cr,
871
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-bd-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-bd-cr))
872
+ );
873
+ border-color: var(
874
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-br-cr,
875
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-br-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-br-cr))
876
+ );
877
+ border-radius: var(
878
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-br-rs,
879
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-br-rs, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-br-rs))
880
+ );
881
+ border-style: var(
882
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-br-se,
883
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-br-se, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-br-se))
884
+ );
885
+ border-width: var(
886
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-br-wh,
887
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-br-wh, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-br-wh))
888
+ );
889
+ box-shadow: var(
890
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-sw-ae,
891
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-sw-ae, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-sw-ae))
892
+ )
893
+ var(
894
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-sw-br,
895
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-sw-br, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-sw-br))
896
+ )
897
+ var(
898
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-sw-sd,
899
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-sw-sd, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-sw-sd))
900
+ )
901
+ var(
902
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-sw-cr,
903
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-sw-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-sw-cr))
904
+ );
905
+ padding: var(
906
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-pg,
907
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-pg, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-pg))
908
+ );
909
+ gap: var(
910
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-im-gp,
911
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-im-gp, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-im-gp))
912
+ );
913
+ .denominations_title {
914
+ // margin-bottom: 4px;
915
+ // font-size: 16px;
916
+ // color: #000000;
917
+ // font-weight: 500;
918
+ // line-height: 150%;
919
+ font-family: var(
920
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-fy,
921
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-fy))
922
+ );
923
+ color: var(
924
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-cr,
925
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-cr, var(--_ctm-dn-pt-ds-gt-cd-ts-cr))
926
+ );
927
+ font-weight: var(
928
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-wt,
929
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-wt))
930
+ );
931
+ font-size: var(
932
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-se,
933
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-se, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-se))
934
+ );
935
+ text-decoration: var(
936
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ue,
937
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ue, var(--_ctm-dn-pt-ds-gt-cd-ts-ue))
938
+ );
939
+ letter-spacing: var(
940
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-lr-sg,
941
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-ts-lr-sg))
942
+ );
943
+ line-height: var(
944
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-le-ht,
945
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-le-ht, var(--_ctm-dn-pt-ds-gt-cd-ts-le-ht))
946
+ );
947
+ font-style: var(
948
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-se-ic,
949
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-se-ic, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-se-ic))
950
+ );
951
+ text-align: var(
952
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-tt-an,
953
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-tt-an, var(--_ctm-dn-pt-ds-gt-cd-ts-tt-an))
954
+ );
955
+ }
956
+ .denominations_grid {
957
+ display: flex;
958
+ // gap: 8px;
959
+ flex-wrap: wrap;
960
+ margin-top: 12px;
961
+ flex-direction: row;
962
+ gap: 12px;
963
+ // gap: var(
964
+ // --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-im-gp,
965
+ // var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-im-gp, var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-im-gp))
966
+ // );
967
+ .amount_btn {
968
+ transition: color 0.3s ease;
969
+ cursor: pointer;
970
+ display: flex;
971
+ align-items: center;
972
+ justify-content: center;
973
+ // padding: 4px;
974
+ min-width: 20px;
975
+ min-height: 20px;
976
+ box-sizing: content-box;
977
+ // font-size: 16px;
978
+ // font-weight: 600;
979
+ // line-height: 150%;
980
+ // background-color: #ffffff;
981
+ // border: 1px solid #d6d6d6;
982
+ background-color: var(
983
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-bd-cr,
984
+ var(
985
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-bd-cr,
986
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-bd-cr)
987
+ )
988
+ );
989
+ font-family: var(
990
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ft-fy,
991
+ var(
992
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ft-fy,
993
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ft-fy)
994
+ )
995
+ );
996
+ color: var(
997
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-cr,
998
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-cr))
999
+ );
1000
+ font-weight: var(
1001
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ft-wt,
1002
+ var(
1003
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ft-wt,
1004
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ft-wt)
1005
+ )
1006
+ );
1007
+ font-size: var(
1008
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ft-se,
1009
+ var(
1010
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ft-se,
1011
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ft-se)
1012
+ )
1013
+ );
1014
+ text-decoration: var(
1015
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ue,
1016
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ue, var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ue))
1017
+ );
1018
+ letter-spacing: var(
1019
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-lr-sg,
1020
+ var(
1021
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-lr-sg,
1022
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-lr-sg)
1023
+ )
1024
+ );
1025
+ line-height: var(
1026
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-le-ht,
1027
+ var(
1028
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-le-ht,
1029
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-le-ht)
1030
+ )
1031
+ );
1032
+ font-style: var(
1033
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-ft-se-ic,
1034
+ var(
1035
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-ft-se-ic,
1036
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-ft-se-ic)
1037
+ )
1038
+ );
1039
+ text-align: var(
1040
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-tt-an,
1041
+ var(
1042
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-tt-an,
1043
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-tt-an)
1044
+ )
1045
+ );
1046
+ border-color: var(
1047
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-br-cr,
1048
+ var(
1049
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-br-cr,
1050
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-br-cr)
1051
+ )
1052
+ );
1053
+ border-radius: var(
1054
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-br-rs,
1055
+ var(
1056
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-br-rs,
1057
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-br-rs)
1058
+ )
1059
+ );
1060
+ border-style: var(
1061
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-br-se,
1062
+ var(
1063
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-br-se,
1064
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-br-se)
1065
+ )
1066
+ );
1067
+ border-width: var(
1068
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-br-wh,
1069
+ var(
1070
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-br-wh,
1071
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-br-wh)
1072
+ )
1073
+ );
1074
+ box-shadow: var(
1075
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-sw-ae,
1076
+ var(
1077
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-sw-ae,
1078
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-sw-ae)
1079
+ )
1080
+ )
1081
+ var(
1082
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-sw-br,
1083
+ var(
1084
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-sw-br,
1085
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-sw-br)
1086
+ )
1087
+ )
1088
+ var(
1089
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-sw-sd,
1090
+ var(
1091
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-sw-sd,
1092
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-sw-sd)
1093
+ )
1094
+ )
1095
+ var(
1096
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-sw-cr,
1097
+ var(
1098
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-sw-cr,
1099
+ var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-sw-cr)
1100
+ )
1101
+ );
1102
+ padding: var(
1103
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-dt-se-pg,
1104
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-dt-se-pg, var(--_ctm-dn-pt-ds-gt-cd-cd-dt-se-pg))
1105
+ );
1106
+ &.active {
1107
+ background-color: var(
1108
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-bd-cr,
1109
+ var(
1110
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-bd-cr,
1111
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-bd-cr)
1112
+ )
1113
+ );
1114
+ font-family: var(
1115
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ft-fy,
1116
+ var(
1117
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ft-fy,
1118
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ft-fy)
1119
+ )
1120
+ );
1121
+ color: var(
1122
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-cr,
1123
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-cr, var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-cr))
1124
+ );
1125
+ font-weight: var(
1126
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ft-wt,
1127
+ var(
1128
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ft-wt,
1129
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ft-wt)
1130
+ )
1131
+ );
1132
+ font-size: var(
1133
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ft-se,
1134
+ var(
1135
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ft-se,
1136
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ft-se)
1137
+ )
1138
+ );
1139
+ text-decoration: var(
1140
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ue,
1141
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ue, var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ue))
1142
+ );
1143
+ letter-spacing: var(
1144
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-lr-sg,
1145
+ var(
1146
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-lr-sg,
1147
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-lr-sg)
1148
+ )
1149
+ );
1150
+ line-height: var(
1151
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-le-ht,
1152
+ var(
1153
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-le-ht,
1154
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-le-ht)
1155
+ )
1156
+ );
1157
+ font-style: var(
1158
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-ft-se-ic,
1159
+ var(
1160
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-ft-se-ic,
1161
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-ft-se-ic)
1162
+ )
1163
+ );
1164
+ text-align: var(
1165
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-tt-an,
1166
+ var(
1167
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-tt-an,
1168
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-tt-an)
1169
+ )
1170
+ );
1171
+ border-color: var(
1172
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-br-cr,
1173
+ var(
1174
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-br-cr,
1175
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-br-cr)
1176
+ )
1177
+ );
1178
+ border-radius: var(
1179
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-br-rs,
1180
+ var(
1181
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-br-rs,
1182
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-br-rs)
1183
+ )
1184
+ );
1185
+ border-style: var(
1186
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-br-se,
1187
+ var(
1188
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-br-se,
1189
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-br-se)
1190
+ )
1191
+ );
1192
+ border-width: var(
1193
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-br-wh,
1194
+ var(
1195
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-br-wh,
1196
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-br-wh)
1197
+ )
1198
+ );
1199
+ box-shadow: var(
1200
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-sw-ae,
1201
+ var(
1202
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-sw-ae,
1203
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-sw-ae)
1204
+ )
1205
+ )
1206
+ var(
1207
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-sw-br,
1208
+ var(
1209
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-sw-br,
1210
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-sw-br)
1211
+ )
1212
+ )
1213
+ var(
1214
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-sw-sd,
1215
+ var(
1216
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-sw-sd,
1217
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-sw-sd)
1218
+ )
1219
+ )
1220
+ var(
1221
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-sw-cr,
1222
+ var(
1223
+ --_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-sw-cr,
1224
+ var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-sw-cr)
1225
+ )
1226
+ );
1227
+ padding: var(
1228
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-sd-se-pg,
1229
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-sd-se-pg, var(--_ctm-dn-pt-ds-gt-cd-cd-sd-se-pg))
1230
+ );
1231
+ // background-color: #f5f5f5;
1232
+ // border: 1px solid #3e4784;
1233
+ // color: #000080;
1234
+ }
1235
+ }
1236
+ }
1237
+ .custom_amount_container {
1238
+ display: flex;
1239
+ flex-direction: column;
1240
+ gap: 8px;
1241
+ .error_text {
1242
+ font-size: 12px;
1243
+ color: var(--_error-500);
1244
+ }
1245
+ .custom_amount_label {
1246
+ font-family: var(
1247
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-fy,
1248
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-fy))
1249
+ );
1250
+ color: var(
1251
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-cr,
1252
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-cr, var(--_ctm-dn-pt-ds-gt-cd-ls-cr))
1253
+ );
1254
+ font-weight: var(
1255
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-wt,
1256
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-wt))
1257
+ );
1258
+ font-size: var(
1259
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-se,
1260
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-se, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-se))
1261
+ );
1262
+ text-decoration: var(
1263
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ue,
1264
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ue, var(--_ctm-dn-pt-ds-gt-cd-ls-ue))
1265
+ );
1266
+ letter-spacing: var(
1267
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-lr-sg,
1268
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-ls-lr-sg))
1269
+ );
1270
+ line-height: var(
1271
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-le-ht,
1272
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-le-ht, var(--_ctm-dn-pt-ds-gt-cd-ls-le-ht))
1273
+ );
1274
+ font-style: var(
1275
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-se-ic,
1276
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-se-ic, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-se-ic))
1277
+ );
1278
+ text-align: var(
1279
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-tt-an,
1280
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-tt-an, var(--_ctm-dn-pt-ds-gt-cd-ls-tt-an))
1281
+ );
1282
+ padding: var(
1283
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-pg,
1284
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-pg, var(--_ctm-dn-pt-ds-gt-cd-ls-pg))
1285
+ );
1286
+ }
1287
+ .custom_amount_input {
1288
+ height: 40px;
1289
+ display: flex;
1290
+ position: relative;
1291
+ // gap: 6px;
1292
+ align-items: center;
1293
+ // border-radius: 4px;
1294
+ // background: #fff;
1295
+ // border: 1px solid #d0d5dd;
1296
+ // padding: 8px 12px;
1297
+ background-color: var(
1298
+ --_ctm-mob-dn-pt-ds-gt-cd-is-bd-cr,
1299
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-bd-cr, var(--_ctm-dn-pt-ds-gt-cd-is-bd-cr))
1300
+ );
1301
+
1302
+ border-color: var(
1303
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-cr,
1304
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-cr, var(--_ctm-dn-pt-ds-gt-cd-is-br-cr))
1305
+ );
1306
+ border-radius: var(
1307
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-rs,
1308
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-rs, var(--_ctm-dn-pt-ds-gt-cd-is-br-rs))
1309
+ );
1310
+ border-style: var(
1311
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-se,
1312
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-se, var(--_ctm-dn-pt-ds-gt-cd-is-br-se))
1313
+ );
1314
+ border-width: var(
1315
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-wh,
1316
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-wh, var(--_ctm-dn-pt-ds-gt-cd-is-br-wh))
1317
+ );
1318
+ padding: var(
1319
+ --_ctm-mob-dn-pt-ds-gt-cd-is-pg,
1320
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-pg, var(--_ctm-dn-pt-ds-gt-cd-is-pg))
1321
+ );
1322
+ // width: 220px;
1323
+ transition:
1324
+ background-color 0.2s,
1325
+ color 0.2s,
1326
+ border-color 0.2s,
1327
+ box-shadow 0.2s;
1328
+ .svg_icon {
1329
+ color: var(--_gray-700);
1330
+ font-weight: 500;
1331
+ font-size: 14px;
1332
+ line-height: 24px;
1333
+ white-space: nowrap;
1334
+ position: absolute;
1335
+ top: 7px;
1336
+ }
1337
+ input {
1338
+ color: var(--_gray-700);
1339
+ margin-top: 2px;
1340
+ &::placeholder {
1341
+ font-family: var(
1342
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-fy,
1343
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-is-ft-fy))
1344
+ );
1345
+ color: var(
1346
+ --_ctm-mob-dn-pt-ds-gt-cd-is-cr,
1347
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-cr, var(--_ctm-dn-pt-ds-gt-cd-is-cr))
1348
+ );
1349
+ font-weight: var(
1350
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-wt,
1351
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-is-ft-wt))
1352
+ );
1353
+ font-size: var(
1354
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-se,
1355
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-se, var(--_ctm-dn-pt-ds-gt-cd-is-ft-se))
1356
+ );
1357
+ text-decoration: var(
1358
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ue,
1359
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ue, var(--_ctm-dn-pt-ds-gt-cd-is-ue))
1360
+ );
1361
+ letter-spacing: var(
1362
+ --_ctm-mob-dn-pt-ds-gt-cd-is-lr-sg,
1363
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-is-lr-sg))
1364
+ );
1365
+ line-height: var(
1366
+ --_ctm-mob-dn-pt-ds-gt-cd-is-le-ht,
1367
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-le-ht, var(--_ctm-dn-pt-ds-gt-cd-is-le-ht))
1368
+ );
1369
+ font-style: var(
1370
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-se-ic,
1371
+ var(
1372
+ --_ctm-tab-dn-pt-ds-gt-cd-is-ft-se-ic,
1373
+ var(--_ctm-dn-pt-ds-gt-cd-is-ft-se-ic)
1374
+ )
1375
+ );
1376
+ text-align: var(
1377
+ --_ctm-mob-dn-pt-ds-gt-cd-is-tt-an,
1378
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-tt-an, var(--_ctm-dn-pt-ds-gt-cd-is-tt-an))
1379
+ );
1380
+ // color: var(--_gray-500);
1381
+ // font-weight: 500;
1382
+ // font-size: 14px;
1383
+ // line-height: 24px;
1384
+ }
1385
+ padding-left: 24px;
1386
+ }
1387
+ &:focus-within {
1388
+ outline: 0 none;
1389
+ outline-offset: 0;
1390
+ border-radius: 4px;
1391
+ box-shadow:
1392
+ 0px 1px 2px rgba(16, 24, 40, 0.05),
1393
+ 0px 0px 0px 2px var(--_primary-100);
1394
+ border: 1px solid var(--_primary-300);
1395
+ }
1396
+ }
1397
+ }
1398
+ .delivery_details_container {
1399
+ display: flex;
1400
+ flex-direction: column;
1401
+ gap: var(
1402
+ --_ctm-mob-dn-pt-ds-gt-cd-cd-wr-im-gp,
1403
+ var(--_ctm-tab-dn-pt-ds-gt-cd-cd-wr-im-gp, var(--_ctm-dn-pt-ds-gt-cd-cd-wr-im-gp))
1404
+ );
1405
+ .delivery_details_title {
1406
+ display: inline-block;
1407
+ // margin-top: 8px;
1408
+ // margin-bottom: 4px;
1409
+ // font-size: 16px;
1410
+ // color: #000000;
1411
+ // font-weight: 500;
1412
+ // line-height: 150%;
1413
+ font-family: var(
1414
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-fy,
1415
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-fy))
1416
+ );
1417
+ color: var(
1418
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-cr,
1419
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-cr, var(--_ctm-dn-pt-ds-gt-cd-ts-cr))
1420
+ );
1421
+ font-weight: var(
1422
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-wt,
1423
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-wt))
1424
+ );
1425
+ font-size: var(
1426
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-se,
1427
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-se, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-se))
1428
+ );
1429
+ text-decoration: var(
1430
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ue,
1431
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ue, var(--_ctm-dn-pt-ds-gt-cd-ts-ue))
1432
+ );
1433
+ letter-spacing: var(
1434
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-lr-sg,
1435
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-ts-lr-sg))
1436
+ );
1437
+ line-height: var(
1438
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-le-ht,
1439
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-le-ht, var(--_ctm-dn-pt-ds-gt-cd-ts-le-ht))
1440
+ );
1441
+ font-style: var(
1442
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-ft-se-ic,
1443
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-ft-se-ic, var(--_ctm-dn-pt-ds-gt-cd-ts-ft-se-ic))
1444
+ );
1445
+ text-align: var(
1446
+ --_ctm-mob-dn-pt-ds-gt-cd-ts-tt-an,
1447
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ts-tt-an, var(--_ctm-dn-pt-ds-gt-cd-ts-tt-an))
1448
+ );
1449
+ }
1450
+ .horizontal_line {
1451
+ // border: 1px solid #d0d5dd;
1452
+ // display: block;
1453
+ // width: 100%;
1454
+ // border-style: var(--_ctm-dn-pt-ds-gt-cd-dr-dr-se);
1455
+ // border-color: var(--_ctm-dn-pt-ds-gt-cd-dr-dr-cr);
1456
+ // border-width: var(--_ctm-dn-pt-ds-gt-cd-dr-dr-wh);
1457
+ border-top: var(--_ctm-dn-pt-ds-gt-cd-dr-dr-wh) var(--_ctm-dn-pt-ds-gt-cd-dr-dr-se)
1458
+ var(--_ctm-dn-pt-ds-gt-cd-dr-dr-cr);
1459
+ }
1460
+ .input_container {
1461
+ display: flex;
1462
+ flex-direction: column;
1463
+ gap: 6px;
1464
+ // margin-bottom: 12px;
1465
+
1466
+ &:last-child {
1467
+ margin-bottom: 0;
1468
+ }
1469
+ label {
1470
+ display: block;
1471
+ font-family: var(
1472
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-fy,
1473
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-fy))
1474
+ );
1475
+ color: var(
1476
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-cr,
1477
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-cr, var(--_ctm-dn-pt-ds-gt-cd-ls-cr))
1478
+ );
1479
+ font-weight: var(
1480
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-wt,
1481
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-wt))
1482
+ );
1483
+ font-size: var(
1484
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-se,
1485
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-se, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-se))
1486
+ );
1487
+ text-decoration: var(
1488
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ue,
1489
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ue, var(--_ctm-dn-pt-ds-gt-cd-ls-ue))
1490
+ );
1491
+ letter-spacing: var(
1492
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-lr-sg,
1493
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-ls-lr-sg))
1494
+ );
1495
+ line-height: var(
1496
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-le-ht,
1497
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-le-ht, var(--_ctm-dn-pt-ds-gt-cd-ls-le-ht))
1498
+ );
1499
+ font-style: var(
1500
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-ft-se-ic,
1501
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-ft-se-ic, var(--_ctm-dn-pt-ds-gt-cd-ls-ft-se-ic))
1502
+ );
1503
+ text-align: var(
1504
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-tt-an,
1505
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-tt-an, var(--_ctm-dn-pt-ds-gt-cd-ls-tt-an))
1506
+ );
1507
+ padding: var(
1508
+ --_ctm-mob-dn-pt-ds-gt-cd-ls-pg,
1509
+ var(--_ctm-tab-dn-pt-ds-gt-cd-ls-pg, var(--_ctm-dn-pt-ds-gt-cd-ls-pg))
1510
+ );
1511
+ // color: var(--_gray-700);
1512
+ // font-weight: 400;
1513
+ // font-size: 14px;
1514
+ // line-height: 20px;
1515
+ }
1516
+ .message_text {
1517
+ resize: none;
1518
+ // background-color: var(--_base-white);
1519
+ // padding: 5px 12px;
1520
+ // border: 1px solid var(--_gray-300);
1521
+ // border-radius: 4px;
1522
+ background-color: var(
1523
+ --_ctm-mob-dn-pt-ds-gt-cd-is-bd-cr,
1524
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-bd-cr, var(--_ctm-dn-pt-ds-gt-cd-is-bd-cr))
1525
+ );
1526
+
1527
+ border-color: var(
1528
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-cr,
1529
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-cr, var(--_ctm-dn-pt-ds-gt-cd-is-br-cr))
1530
+ );
1531
+ border-radius: var(
1532
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-rs,
1533
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-rs, var(--_ctm-dn-pt-ds-gt-cd-is-br-rs))
1534
+ );
1535
+ border-style: var(
1536
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-se,
1537
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-se, var(--_ctm-dn-pt-ds-gt-cd-is-br-se))
1538
+ );
1539
+ border-width: var(
1540
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-wh,
1541
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-wh, var(--_ctm-dn-pt-ds-gt-cd-is-br-wh))
1542
+ );
1543
+ padding: var(
1544
+ --_ctm-mob-dn-pt-ds-gt-cd-is-pg,
1545
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-pg, var(--_ctm-dn-pt-ds-gt-cd-is-pg))
1546
+ );
1547
+ // margin-bottom: 8px;
1548
+ transition:
1549
+ background-color 0.2s,
1550
+ color 0.2s,
1551
+ border-color 0.2s,
1552
+ box-shadow 0.2s;
1553
+ height: 90px;
1554
+ &::placeholder {
1555
+ // color: var(--_gray-500);
1556
+ // font-weight: 500;
1557
+ // font-size: 14px;
1558
+ // line-height: 24px;
1559
+ font-family: var(
1560
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-fy,
1561
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-is-ft-fy))
1562
+ );
1563
+ color: var(
1564
+ --_ctm-mob-dn-pt-ds-gt-cd-is-cr,
1565
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-cr, var(--_ctm-dn-pt-ds-gt-cd-is-cr))
1566
+ );
1567
+ font-weight: var(
1568
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-wt,
1569
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-is-ft-wt))
1570
+ );
1571
+ font-size: var(
1572
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-se,
1573
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-se, var(--_ctm-dn-pt-ds-gt-cd-is-ft-se))
1574
+ );
1575
+ text-decoration: var(
1576
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ue,
1577
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ue, var(--_ctm-dn-pt-ds-gt-cd-is-ue))
1578
+ );
1579
+ letter-spacing: var(
1580
+ --_ctm-mob-dn-pt-ds-gt-cd-is-lr-sg,
1581
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-is-lr-sg))
1582
+ );
1583
+ line-height: var(
1584
+ --_ctm-mob-dn-pt-ds-gt-cd-is-le-ht,
1585
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-le-ht, var(--_ctm-dn-pt-ds-gt-cd-is-le-ht))
1586
+ );
1587
+ font-style: var(
1588
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-se-ic,
1589
+ var(
1590
+ --_ctm-tab-dn-pt-ds-gt-cd-is-ft-se-ic,
1591
+ var(--_ctm-dn-pt-ds-gt-cd-is-ft-se-ic)
1592
+ )
1593
+ );
1594
+ text-align: var(
1595
+ --_ctm-mob-dn-pt-ds-gt-cd-is-tt-an,
1596
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-tt-an, var(--_ctm-dn-pt-ds-gt-cd-is-tt-an))
1597
+ );
1598
+ }
1599
+ &:focus {
1600
+ outline: 0 none;
1601
+ outline-offset: 0;
1602
+ border-radius: 4px;
1603
+ box-shadow:
1604
+ 0px 1px 2px rgba(16, 24, 40, 0.05),
1605
+ 0px 0px 0px 2px var(--_primary-100);
1606
+ border: 1px solid var(--_primary-300);
1607
+ }
1608
+ }
1609
+ input {
1610
+ // background-color: var(--_base-white);
1611
+ // padding: 8px 12px;
1612
+ // border: 1px solid var(--_gray-300);
1613
+ // border-radius: 4px;
1614
+ height: 40px;
1615
+
1616
+ background-color: var(
1617
+ --_ctm-mob-dn-pt-ds-gt-cd-is-bd-cr,
1618
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-bd-cr, var(--_ctm-dn-pt-ds-gt-cd-is-bd-cr))
1619
+ );
1620
+
1621
+ border-color: var(
1622
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-cr,
1623
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-cr, var(--_ctm-dn-pt-ds-gt-cd-is-br-cr))
1624
+ );
1625
+ border-radius: var(
1626
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-rs,
1627
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-rs, var(--_ctm-dn-pt-ds-gt-cd-is-br-rs))
1628
+ );
1629
+ border-style: var(
1630
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-se,
1631
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-se, var(--_ctm-dn-pt-ds-gt-cd-is-br-se))
1632
+ );
1633
+ border-width: var(
1634
+ --_ctm-mob-dn-pt-ds-gt-cd-is-br-wh,
1635
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-br-wh, var(--_ctm-dn-pt-ds-gt-cd-is-br-wh))
1636
+ );
1637
+ padding: var(
1638
+ --_ctm-mob-dn-pt-ds-gt-cd-is-pg,
1639
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-pg, var(--_ctm-dn-pt-ds-gt-cd-is-pg))
1640
+ );
1641
+
1642
+ transition:
1643
+ background-color 0.2s,
1644
+ color 0.2s,
1645
+ border-color 0.2s,
1646
+ box-shadow 0.2s;
1647
+ &::placeholder {
1648
+ // color: var(--_gray-500);
1649
+ // font-weight: 500;
1650
+ // font-size: 14px;
1651
+ // line-height: 24px;
1652
+ font-family: var(
1653
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-fy,
1654
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-fy, var(--_ctm-dn-pt-ds-gt-cd-is-ft-fy))
1655
+ );
1656
+ color: var(
1657
+ --_ctm-mob-dn-pt-ds-gt-cd-is-cr,
1658
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-cr, var(--_ctm-dn-pt-ds-gt-cd-is-cr))
1659
+ );
1660
+ font-weight: var(
1661
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-wt,
1662
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-wt, var(--_ctm-dn-pt-ds-gt-cd-is-ft-wt))
1663
+ );
1664
+ font-size: var(
1665
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-se,
1666
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ft-se, var(--_ctm-dn-pt-ds-gt-cd-is-ft-se))
1667
+ );
1668
+ text-decoration: var(
1669
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ue,
1670
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-ue, var(--_ctm-dn-pt-ds-gt-cd-is-ue))
1671
+ );
1672
+ letter-spacing: var(
1673
+ --_ctm-mob-dn-pt-ds-gt-cd-is-lr-sg,
1674
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-lr-sg, var(--_ctm-dn-pt-ds-gt-cd-is-lr-sg))
1675
+ );
1676
+ line-height: var(
1677
+ --_ctm-mob-dn-pt-ds-gt-cd-is-le-ht,
1678
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-le-ht, var(--_ctm-dn-pt-ds-gt-cd-is-le-ht))
1679
+ );
1680
+ font-style: var(
1681
+ --_ctm-mob-dn-pt-ds-gt-cd-is-ft-se-ic,
1682
+ var(
1683
+ --_ctm-tab-dn-pt-ds-gt-cd-is-ft-se-ic,
1684
+ var(--_ctm-dn-pt-ds-gt-cd-is-ft-se-ic)
1685
+ )
1686
+ );
1687
+ text-align: var(
1688
+ --_ctm-mob-dn-pt-ds-gt-cd-is-tt-an,
1689
+ var(--_ctm-tab-dn-pt-ds-gt-cd-is-tt-an, var(--_ctm-dn-pt-ds-gt-cd-is-tt-an))
1690
+ );
1691
+ }
1692
+ &:focus {
1693
+ outline: 0 none;
1694
+ outline-offset: 0;
1695
+ border-radius: 4px;
1696
+ box-shadow:
1697
+ 0px 1px 2px rgba(16, 24, 40, 0.05),
1698
+ 0px 0px 0px 2px var(--_primary-100);
1699
+ border: 1px solid var(--_primary-300);
1700
+ }
1701
+ }
1702
+ .error_text {
1703
+ font-size: 12px;
1704
+ color: var(--_error-500);
1705
+ }
1706
+ }
1707
+ }
1708
+ }
862
1709
  .product_qty_wrapper {
863
1710
  display: flex;
864
1711
  // width: 124px;