@gofynd/theme-template 3.2.7 → 3.2.9

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 (83) hide show
  1. package/dist/components/address-form/address-form.js +1 -1
  2. package/dist/components/address-form/form-input-selector.js +1 -1
  3. package/dist/components/address-form/v2/address-form.js +1 -1
  4. package/dist/components/compare-product-card/compare-product-card.css +888 -0
  5. package/dist/components/compare-product-card/compare-product-card.js +1 -0
  6. package/dist/components/core/fy-dropdown/fy-dropdown.js +1 -1
  7. package/dist/components/core/fy-input/fy-input.js +1 -1
  8. package/dist/components/filter-modal/filter-modal.js +1 -1
  9. package/dist/components/form-builder/form-builder.js +1 -1
  10. package/dist/components/google-map/google-map.js +1 -1
  11. package/dist/components/index.js +1 -1
  12. package/dist/components/location-modal/location-modal.js +1 -1
  13. package/dist/components/product-card/product-card.js +1 -1
  14. package/dist/components/quantity-control/quantity-control.js +1 -1
  15. package/dist/components/range-slider/range-slider.js +1 -1
  16. package/dist/index.css +1401 -216
  17. package/dist/index.js +1 -1
  18. package/dist/page-layouts/cart/Components/chip-item/chip-item.js +1 -1
  19. package/dist/page-layouts/cart/Components/delivery-location/delivery-location.js +1 -1
  20. package/dist/page-layouts/compare/compare.css +7384 -309
  21. package/dist/page-layouts/compare/compare.js +2 -1
  22. package/dist/page-layouts/compare/compare.js.LICENSE.txt +5 -0
  23. package/dist/page-layouts/login/component/social-login-button/apple-login-button.css +373 -0
  24. package/dist/page-layouts/login/component/social-login-button/apple-login-button.js +1 -0
  25. package/dist/page-layouts/login/component/social-login-button/facebook-login-button.css +373 -0
  26. package/dist/page-layouts/login/component/social-login-button/facebook-login-button.js +1 -0
  27. package/dist/page-layouts/login/component/social-login-button/google-login-button.css +375 -0
  28. package/dist/page-layouts/login/component/social-login-button/google-login-button.js +1 -0
  29. package/dist/page-layouts/plp/Components/add-to-cart/add-to-cart.css +3 -0
  30. package/dist/page-layouts/plp/Components/add-to-cart/add-to-cart.js +1 -1
  31. package/dist/page-layouts/plp/Components/delivery-info/delivery-info.js +1 -1
  32. package/dist/page-layouts/plp/Components/filter-item/filter-item.js +1 -1
  33. package/dist/page-layouts/plp/Components/filter-list/filter-list.js +1 -1
  34. package/dist/page-layouts/plp/Components/image-gallery/image-gallery.js +1 -1
  35. package/dist/page-layouts/plp/Components/lightbox-image/lightbox-image.js +1 -1
  36. package/dist/page-layouts/plp/Components/mobile-slider/mobile-slider.js +1 -1
  37. package/dist/page-layouts/plp/Components/product-variants/product-variants.js +1 -1
  38. package/dist/page-layouts/single-checkout/address/single-address.js +1 -1
  39. package/dist/page-layouts/single-checkout/payment/card-form.css +58 -1
  40. package/dist/page-layouts/single-checkout/payment/checkout-payment-content.css +1046 -1
  41. package/dist/page-layouts/single-checkout/payment/checkout-payment-content.js +1 -1
  42. package/dist/page-layouts/single-checkout/payment/checkout-payment.css +1192 -144
  43. package/dist/page-layouts/single-checkout/payment/checkout-payment.js +1 -1
  44. package/dist/page-layouts/single-checkout/payment/juspay-card-from.css +58 -1
  45. package/dist/page-layouts/single-checkout/shipment/single-page-shipment.css +1 -0
  46. package/dist/pages/cart/cart.js +1 -1
  47. package/dist/pages/cart/index.js +1 -1
  48. package/dist/pages/checkout/checkout.css +62 -1
  49. package/dist/pages/checkout/checkout.js +1 -1
  50. package/dist/pages/checkout/index.css +62 -1
  51. package/dist/pages/checkout/index.js +1 -1
  52. package/dist/pages/contact-us/contact-us.js +1 -1
  53. package/dist/pages/contact-us/index.js +1 -1
  54. package/dist/pages/index.css +1401 -216
  55. package/dist/pages/index.js +1 -1
  56. package/dist/pages/login/index.css +1121 -0
  57. package/dist/pages/login/index.js +1 -1
  58. package/dist/pages/login/login.css +1121 -0
  59. package/dist/pages/login/login.js +1 -1
  60. package/dist/pages/order/index.js +1 -1
  61. package/dist/pages/order/order-tracking-details/order-tracking-details.js +1 -1
  62. package/dist/pages/order/order-tracking.js +1 -1
  63. package/dist/pages/order-status/index.css +5 -0
  64. package/dist/pages/order-status/index.js +1 -1
  65. package/dist/pages/order-status/order-status.css +5 -0
  66. package/dist/pages/order-status/order-status.js +1 -1
  67. package/dist/pages/product-listing/index.css +3 -0
  68. package/dist/pages/product-listing/index.js +1 -1
  69. package/dist/pages/product-listing/product-listing.css +3 -0
  70. package/dist/pages/product-listing/product-listing.js +1 -1
  71. package/dist/pages/profile/components/add-email-modal/add-email-modal.js +1 -1
  72. package/dist/pages/profile/components/add-phone-modal/add-phone-modal.js +1 -1
  73. package/dist/pages/profile/email/email.js +1 -1
  74. package/dist/pages/profile/email/index.js +1 -1
  75. package/dist/pages/profile/index.js +1 -1
  76. package/dist/pages/profile/phone/index.js +1 -1
  77. package/dist/pages/profile/phone/phone.js +1 -1
  78. package/dist/pages/profile/profile-details.js +1 -1
  79. package/dist/pages/wishlist/index.css +3 -0
  80. package/dist/pages/wishlist/index.js +1 -1
  81. package/dist/pages/wishlist/wishlist.css +3 -0
  82. package/dist/pages/wishlist/wishlist.js +1 -1
  83. package/package.json +1 -1
@@ -0,0 +1,888 @@
1
+ /**color by character**/
2
+ /** Font family **/
3
+ /** Font weight **/
4
+ .compare-product-card__display-block___C7fpF {
5
+ display: block;
6
+ }
7
+ .compare-product-card__inline-block___HnhWJ,
8
+ .compare-product-card__inlineBlock___Ufj06 {
9
+ display: inline-block;
10
+ }
11
+ .compare-product-card__flex-row___P0Ghb {
12
+ display: flex;
13
+ }
14
+ .compare-product-card__flex-column___xs_Dx,
15
+ .compare-product-card__flexColumn___GCSLD {
16
+ display: flex;
17
+ flex-direction: column;
18
+ }
19
+ .compare-product-card__flex-align-center___tLPN4,
20
+ .compare-product-card__flexAlignCenter___DRuXA {
21
+ display: flex;
22
+ align-items: center;
23
+ }
24
+ .compare-product-card__flex-justify-center___CETPe,
25
+ .compare-product-card__flexJustifyCenter___pUIlD {
26
+ display: flex;
27
+ justify-content: center;
28
+ }
29
+ .compare-product-card__flex-center___BXdzh,
30
+ .compare-product-card__flexCenter___pjcjL {
31
+ display: flex;
32
+ justify-content: center;
33
+ align-items: center;
34
+ }
35
+ .compare-product-card__justify-start___jXVYp,
36
+ .compare-product-card__justifyStart___d0jZ5 {
37
+ justify-content: flex-start;
38
+ }
39
+ .compare-product-card__justify-end___Vdo6_,
40
+ .compare-product-card__justifyEnd___BfuA9 {
41
+ justify-content: flex-end;
42
+ }
43
+ .compare-product-card__justify-between___mcXOo,
44
+ .compare-product-card__justifyBetween___EQE5u {
45
+ justify-content: space-between;
46
+ }
47
+ .compare-product-card__justify-around___DjKDh,
48
+ .compare-product-card__justifyAround___UEEo1 {
49
+ justify-content: space-around;
50
+ }
51
+ .compare-product-card__justify-evenly___K0zgL,
52
+ .compare-product-card__justifyEvenly___tFXxi {
53
+ justify-content: space-evenly;
54
+ }
55
+ h1,
56
+ .compare-product-card__h1___KdVPs {
57
+ font-weight: 700;
58
+ font-size: 28px;
59
+ line-height: 42px;
60
+ letter-spacing: -0.03em;
61
+ color: var(--textHeading, #26201a);
62
+ }
63
+ @media only screen and (min-width: 769px) {
64
+ h1,
65
+ .compare-product-card__h1___KdVPs {
66
+ font-size: 36px;
67
+ line-height: 48px;
68
+ }
69
+ }
70
+ h2,
71
+ .compare-product-card__h2___NgiR8 {
72
+ font-weight: 700;
73
+ font-size: 28px;
74
+ line-height: 36px;
75
+ letter-spacing: -0.03em;
76
+ color: var(--textHeading, #26201a);
77
+ }
78
+ @media only screen and (min-width: 769px) {
79
+ h2,
80
+ .compare-product-card__h2___NgiR8 {
81
+ font-size: 32px;
82
+ line-height: 42px;
83
+ }
84
+ }
85
+ h3,
86
+ .compare-product-card__h3___gvtVI {
87
+ font-weight: 700;
88
+ letter-spacing: -0.02em;
89
+ color: var(--textHeading, #26201a);
90
+ font-size: 24px;
91
+ line-height: 32px;
92
+ }
93
+ @media only screen and (min-width: 769px) {
94
+ h3,
95
+ .compare-product-card__h3___gvtVI {
96
+ font-weight: 700;
97
+ letter-spacing: -0.02em;
98
+ color: var(--textHeading, #26201a);
99
+ font-size: 28px;
100
+ line-height: 36px;
101
+ }
102
+ }
103
+ h4,
104
+ .compare-product-card__h4___UKamt {
105
+ font-weight: 600;
106
+ letter-spacing: -0.02em;
107
+ color: var(--textHeading, #26201a);
108
+ font-size: 16px;
109
+ line-height: 1.5;
110
+ }
111
+ @media only screen and (min-width: 769px) {
112
+ h4,
113
+ .compare-product-card__h4___UKamt {
114
+ font-weight: 600;
115
+ letter-spacing: -0.02em;
116
+ color: var(--textHeading, #26201a);
117
+ font-size: 20px;
118
+ line-height: 1.5;
119
+ }
120
+ }
121
+ h5,
122
+ .compare-product-card__h5___mMMV9 {
123
+ font-weight: 600;
124
+ font-size: 14px;
125
+ line-height: 16px;
126
+ letter-spacing: -0.02em;
127
+ color: var(--textHeading, #26201a);
128
+ }
129
+ @media only screen and (min-width: 769px) {
130
+ h5,
131
+ .compare-product-card__h5___mMMV9 {
132
+ font-size: 16px;
133
+ line-height: 18px;
134
+ }
135
+ }
136
+ .compare-product-card__b1___f8AcK {
137
+ font-weight: 400;
138
+ font-size: 14px;
139
+ line-height: 18px;
140
+ letter-spacing: -0.02em;
141
+ color: var(--textBody, #3c3131);
142
+ }
143
+ @media only screen and (min-width: 769px) {
144
+ .compare-product-card__b1___f8AcK {
145
+ font-size: 16px;
146
+ line-height: 20px;
147
+ }
148
+ }
149
+ .compare-product-card__b-small___Obtbw,
150
+ .compare-product-card__bSmall___nmeNq,
151
+ .compare-product-card__b2___YA1wT {
152
+ font-weight: 400;
153
+ letter-spacing: -0.02em;
154
+ color: var(--textBody, #3c3131);
155
+ font-size: 12px;
156
+ line-height: 16px;
157
+ }
158
+ @media only screen and (min-width: 769px) {
159
+ .compare-product-card__b-small___Obtbw,
160
+ .compare-product-card__bSmall___nmeNq,
161
+ .compare-product-card__b2___YA1wT {
162
+ font-weight: 400;
163
+ letter-spacing: -0.02em;
164
+ color: var(--textBody, #3c3131);
165
+ font-size: 14px;
166
+ line-height: 18px;
167
+ }
168
+ }
169
+ .compare-product-card__d1___FeCEz {
170
+ font-size: 36px;
171
+ font-weight: 700;
172
+ line-height: 48px;
173
+ letter-spacing: -0.02em;
174
+ }
175
+ @media only screen and (min-width: 769px) {
176
+ .compare-product-card__d1___FeCEz {
177
+ font-size: 64px;
178
+ line-height: 85px;
179
+ letter-spacing: -0.03em;
180
+ }
181
+ }
182
+ .compare-product-card__caption-medium___j6kwM,
183
+ .compare-product-card__captionMedium___YVqZU {
184
+ font-size: 12px;
185
+ line-height: 1.5;
186
+ letter-spacing: -0.02em;
187
+ font-weight: 500;
188
+ }
189
+ @media only screen and (max-width: 480px) {
190
+ .compare-product-card__caption-medium___j6kwM,
191
+ .compare-product-card__captionMedium___YVqZU {
192
+ font-size: 11px;
193
+ }
194
+ }
195
+ .compare-product-card__caption-semi-bold___jkVTe,
196
+ .compare-product-card__captionSemiBold___UrTN1 {
197
+ font-size: 12px;
198
+ line-height: 1.5;
199
+ letter-spacing: -0.02em;
200
+ font-weight: 600;
201
+ }
202
+ @media only screen and (max-width: 480px) {
203
+ .compare-product-card__caption-semi-bold___jkVTe,
204
+ .compare-product-card__captionSemiBold___UrTN1 {
205
+ font-size: 11px;
206
+ }
207
+ }
208
+ .compare-product-card__btn-link___H7GBe,
209
+ .compare-product-card__btnLink___zE4_y {
210
+ font-weight: 500;
211
+ letter-spacing: -0.02em;
212
+ font-size: 12px;
213
+ line-height: 14px;
214
+ border-radius: var(--buttonRadius, 0px);
215
+ cursor: pointer;
216
+ color: var(--buttonLink, #b1655b);
217
+ text-decoration: underline;
218
+ background: none;
219
+ border: none;
220
+ }
221
+ @media only screen and (min-width: 769px) {
222
+ .compare-product-card__btn-link___H7GBe,
223
+ .compare-product-card__btnLink___zE4_y {
224
+ font-weight: 500;
225
+ letter-spacing: -0.02em;
226
+ font-size: 14px;
227
+ line-height: 16px;
228
+ }
229
+ }
230
+ .compare-product-card__btn-link___H7GBe:hover,
231
+ .compare-product-card__btnLink___zE4_y:hover {
232
+ color: var(--buttonLinkL1, #c1847c);
233
+ }
234
+ .compare-product-card__btn-link___H7GBe:disabled,
235
+ .compare-product-card__btnLink___zE4_y:disabled {
236
+ color: var(--buttonLinkL2, #d0a39d);
237
+ }
238
+ .compare-product-card__btn-link___H7GBe:active,
239
+ .compare-product-card__btnLink___zE4_y:active {
240
+ opacity: 0.8;
241
+ }
242
+ .compare-product-card__user-select-none___ZwqIo,
243
+ .compare-product-card__userSelectNone___bJxsR {
244
+ user-select: none;
245
+ -moz-user-select: none;
246
+ -webkit-user-select: none;
247
+ -ms-user-select: none;
248
+ }
249
+ .compare-product-card__margin-0-auto___YFgup,
250
+ .compare-product-card__margin0auto___pd00Q {
251
+ margin: 0 auto;
252
+ }
253
+ .compare-product-card__base-page-container___SRyAp,
254
+ .compare-product-card__basePageContainer___rZDnH {
255
+ max-width: 1440px !important;
256
+ }
257
+ .compare-product-card__remove-scroll___qCfww,
258
+ .compare-product-card__removeScroll___hpgO8 {
259
+ overflow-y: hidden !important;
260
+ }
261
+ .compare-product-card__mr-5___iPIvq,
262
+ .compare-product-card__mr5___P7gn1 {
263
+ margin-inline-end: 30px !important;
264
+ }
265
+ .compare-product-card__mr-2___R9h_i,
266
+ .compare-product-card__mr2___goaEl {
267
+ margin-inline-end: 5px !important;
268
+ }
269
+ .compare-product-card__py-5___ckuY4,
270
+ .compare-product-card__py5___Gws_K {
271
+ padding-top: 1.875rem !important;
272
+ padding-bottom: 1.875rem !important;
273
+ }
274
+ .compare-product-card__view-all-text___ky8Lp,
275
+ .compare-product-card__viewAllText___hH0UT {
276
+ font-size: 20px;
277
+ font-weight: 400;
278
+ text-transform: lowercase;
279
+ text-decoration: underline;
280
+ }
281
+ .compare-product-card__view-all-mobile___Ms84h,
282
+ .compare-product-card__viewAllMobile___JUq8f {
283
+ display: none;
284
+ }
285
+ @media only screen and (max-width: 768px) {
286
+ .compare-product-card__view-all-mobile___Ms84h,
287
+ .compare-product-card__viewAllMobile___JUq8f {
288
+ display: flex;
289
+ align-items: center;
290
+ justify-content: center;
291
+ margin-top: 40px;
292
+ }
293
+ }
294
+ @media only screen and (max-width: 480px) {
295
+ .compare-product-card__view-all-mobile___Ms84h,
296
+ .compare-product-card__viewAllMobile___JUq8f {
297
+ margin-top: 24px;
298
+ }
299
+ }
300
+ .compare-product-card__accent-btn___XsGrd,
301
+ .compare-product-card__accentBtn___QJaA7 {
302
+ background-color: var(--accentColor);
303
+ color: #fff;
304
+ }
305
+ .compare-product-card__no-scroll___USbLH,
306
+ .compare-product-card__noScroll___pMCn8 {
307
+ overflow-y: hidden;
308
+ }
309
+ .compare-product-card__hide-overflow___yJJwi,
310
+ .compare-product-card__hideOverflow___JMXRr {
311
+ overflow: hidden;
312
+ }
313
+ .compare-product-card__markdown-body___pPbER h6 {
314
+ margin-top: 0 !important;
315
+ margin-bottom: 0 !important;
316
+ }
317
+ @media only screen and (max-width: 480px) {
318
+ .compare-product-card__markdown-body___pPbER {
319
+ font-size: 12px !important;
320
+ padding: 5px !important;
321
+ }
322
+ }
323
+ .compare-product-card__view3d-canvas___iRul_ {
324
+ width: 100%;
325
+ height: 100%;
326
+ }
327
+ @media only screen and (max-width: 480px) {
328
+ .compare-product-card__view-mobile-up___po8Nx {
329
+ display: none !important;
330
+ }
331
+ }
332
+ @media only screen and (min-width: 481px) {
333
+ .compare-product-card__view-mobile___rCgWS {
334
+ display: none !important;
335
+ }
336
+ }
337
+ .compare-product-card__cardContainer___zMPZh {
338
+ padding: 16px;
339
+ display: flex;
340
+ border-radius: 16px;
341
+ width: 100%;
342
+ height: 166px;
343
+ gap: 12px;
344
+ border: 1px solid var(--Overlay-Popup-Divider-Stroke, #e0e0e0);
345
+ background: var(--Theme-Page-Background, #fff);
346
+ }
347
+ @media only screen and (max-width: 480px) {
348
+ .compare-product-card__cardContainer___zMPZh {
349
+ padding: 8px;
350
+ gap: 8px !important;
351
+ }
352
+ }
353
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__cardImageContainer___gwmlm {
354
+ width: 107px;
355
+ gap: 4px;
356
+ border-radius: 12px;
357
+ }
358
+ @media only screen and (max-width: 480px) {
359
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__cardImageContainer___gwmlm {
360
+ width: 76px !important;
361
+ height: 100% !important;
362
+ }
363
+ }
364
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__cardImageContainer___gwmlm img {
365
+ width: 107px;
366
+ height: 100%;
367
+ object-fit: cover;
368
+ border-radius: 12px;
369
+ }
370
+ @media only screen and (max-width: 480px) {
371
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__cardImageContainer___gwmlm img {
372
+ width: 76px;
373
+ height: 100% !important;
374
+ }
375
+ }
376
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__cardDetailWrapper___AA6eM {
377
+ display: flex;
378
+ flex-direction: column;
379
+ width: 100%;
380
+ }
381
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__cardDetailContainer___nV8M3 {
382
+ display: flex;
383
+ flex-direction: column;
384
+ justify-content: space-between;
385
+ height: 100%;
386
+ }
387
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__priceBtnSection___iinFL {
388
+ display: flex;
389
+ flex-direction: column;
390
+ gap: 4px;
391
+ }
392
+ @media only screen and (max-width: 480px) {
393
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__priceBtnSection___iinFL {
394
+ gap: 8px;
395
+ }
396
+ }
397
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__priceBtnSection___iinFL h5 {
398
+ color: var(--textBody, #3c3131);
399
+ font-size: 14px;
400
+ font-weight: 600;
401
+ letter-spacing: -0.28px;
402
+ }
403
+ @media only screen and (max-width: 480px) {
404
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__priceBtnSection___iinFL h5 {
405
+ font-size: 12px;
406
+ font-weight: 400;
407
+ letter-spacing: -0.24px;
408
+ }
409
+ }
410
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__priceBtnSection___iinFL .compare-product-card__category___zIlKv {
411
+ color: var(--textHeading, #26201a);
412
+ font-size: 12px;
413
+ font-weight: 400;
414
+ letter-spacing: -0.24px;
415
+ }
416
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__priceBtnSection___iinFL .compare-product-card__priceInfo___xTmrK {
417
+ display: flex;
418
+ gap: 8px;
419
+ align-items: center;
420
+ }
421
+ @media only screen and (max-width: 480px) {
422
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__priceBtnSection___iinFL .compare-product-card__priceInfo___xTmrK {
423
+ gap: 0 !important;
424
+ align-items: normal;
425
+ flex-direction: column;
426
+ }
427
+ }
428
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__priceBtnSection___iinFL .compare-product-card__priceInfo___xTmrK h4 {
429
+ color: var(--textHeading, #26201a);
430
+ font-size: 16px;
431
+ font-weight: 600;
432
+ letter-spacing: -0.32px;
433
+ }
434
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__priceBtnSection___iinFL .compare-product-card__priceInfo___xTmrK .compare-product-card__priceContainer___ryFbU {
435
+ display: flex;
436
+ gap: 8px;
437
+ }
438
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__priceBtnSection___iinFL .compare-product-card__priceInfo___xTmrK .compare-product-card__actualPrice___nDaUJ {
439
+ color: var(--textLabel, #7d7676);
440
+ font-size: 12px;
441
+ font-weight: 400;
442
+ letter-spacing: -0.24px;
443
+ text-decoration-line: line-through;
444
+ }
445
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__priceBtnSection___iinFL .compare-product-card__priceInfo___xTmrK .compare-product-card__discount___qoq0r {
446
+ color: var(--sale-discount-discount-color, #1c958f);
447
+ font-size: 12px;
448
+ font-weight: 400;
449
+ letter-spacing: -0.24px;
450
+ }
451
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__actionsWrapper___VC60Q {
452
+ display: flex;
453
+ justify-content: flex-start;
454
+ }
455
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__addToCartBtnSection____OZ_c {
456
+ height: 48px;
457
+ width: 153px;
458
+ padding: 12px;
459
+ border-radius: 4px;
460
+ border: 0.8px solid var(--overlay-popup-dividers-dividers-and-strokes, #d4d1d1);
461
+ background: var(--buttonSecondary, #fff);
462
+ color: var(--buttonPrimary, #4e3f09);
463
+ font-size: 14px;
464
+ font-weight: 500;
465
+ letter-spacing: -0.28px;
466
+ display: flex;
467
+ align-items: center;
468
+ justify-content: center;
469
+ }
470
+ @media only screen and (max-width: 480px) {
471
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__addToCartBtnSection____OZ_c {
472
+ font-size: 12px;
473
+ font-weight: 500;
474
+ letter-spacing: -0.24px;
475
+ padding: 6.795px 18.12px;
476
+ height: 32px;
477
+ margin-top: 8px;
478
+ }
479
+ }
480
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__cardContainer___zMPZh {
481
+ padding: 16px;
482
+ display: flex;
483
+ border-radius: 16px;
484
+ width: 100%;
485
+ height: 159px;
486
+ gap: 12px;
487
+ border: 1px solid var(--Overlay-Popup-Divider-Stroke, #e0e0e0);
488
+ background: var(--Theme-Page-Background, #fff);
489
+ }
490
+ @media only screen and (max-width: 480px) {
491
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__cardContainer___zMPZh {
492
+ gap: 8px !important;
493
+ }
494
+ }
495
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__imageShimmer___X9_wx {
496
+ width: 110px !important;
497
+ height: 100% !important;
498
+ border-radius: 12px;
499
+ }
500
+ @media only screen and (max-width: 480px) {
501
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__imageShimmer___X9_wx {
502
+ width: 76px !important;
503
+ }
504
+ }
505
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__lineShimmer___WCQwb {
506
+ border-radius: 12px;
507
+ }
508
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__firstLine___KmRgB {
509
+ width: 317px !important;
510
+ height: 16px !important;
511
+ margin-bottom: 4px;
512
+ }
513
+ @media only screen and (max-width: 480px), only screen and (max-width: 768px) {
514
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__firstLine___KmRgB {
515
+ width: 217px !important;
516
+ }
517
+ }
518
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__secondLine___OSckN {
519
+ width: 171px !important;
520
+ height: 16px !important;
521
+ margin-bottom: 8px;
522
+ }
523
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__thirdLine___SpowO {
524
+ height: 9px !important;
525
+ width: 90px !important;
526
+ }
527
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__btnGap___pcI1C {
528
+ margin-top: 42px;
529
+ }
530
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__buttonShimmer___zW3TJ {
531
+ width: 107px !important;
532
+ height: 28px !important;
533
+ border-radius: 12px;
534
+ }
535
+
536
+ /**color by character**/
537
+ /** Font family **/
538
+ /** Font weight **/
539
+ .shimmer__display-block___KqKOs {
540
+ display: block;
541
+ }
542
+ .shimmer__inline-block___nil4V,
543
+ .shimmer__inlineBlock___hAKaU {
544
+ display: inline-block;
545
+ }
546
+ .shimmer__flex-row___K_GLH {
547
+ display: flex;
548
+ }
549
+ .shimmer__flex-column___j7L8h,
550
+ .shimmer__flexColumn____ueRj {
551
+ display: flex;
552
+ flex-direction: column;
553
+ }
554
+ .shimmer__flex-align-center___IU73o,
555
+ .shimmer__flexAlignCenter___a20Y6 {
556
+ display: flex;
557
+ align-items: center;
558
+ }
559
+ .shimmer__flex-justify-center___k7rxq,
560
+ .shimmer__flexJustifyCenter___qc6o_ {
561
+ display: flex;
562
+ justify-content: center;
563
+ }
564
+ .shimmer__flex-center___gPA9Y,
565
+ .shimmer__flexCenter___kk6Ze {
566
+ display: flex;
567
+ justify-content: center;
568
+ align-items: center;
569
+ }
570
+ .shimmer__justify-start___cdM76,
571
+ .shimmer__justifyStart___KOCpm {
572
+ justify-content: flex-start;
573
+ }
574
+ .shimmer__justify-end___mO5Xw,
575
+ .shimmer__justifyEnd___JEWEK {
576
+ justify-content: flex-end;
577
+ }
578
+ .shimmer__justify-between___i_6PG,
579
+ .shimmer__justifyBetween___jgG4j {
580
+ justify-content: space-between;
581
+ }
582
+ .shimmer__justify-around___eWwfy,
583
+ .shimmer__justifyAround___XXzeg {
584
+ justify-content: space-around;
585
+ }
586
+ .shimmer__justify-evenly___s10dI,
587
+ .shimmer__justifyEvenly___KBq95 {
588
+ justify-content: space-evenly;
589
+ }
590
+ h1,
591
+ .shimmer__h1____gV3I {
592
+ font-weight: 700;
593
+ font-size: 28px;
594
+ line-height: 42px;
595
+ letter-spacing: -0.03em;
596
+ color: var(--textHeading, #26201a);
597
+ }
598
+ @media only screen and (min-width: 769px) {
599
+ h1,
600
+ .shimmer__h1____gV3I {
601
+ font-size: 36px;
602
+ line-height: 48px;
603
+ }
604
+ }
605
+ h2,
606
+ .shimmer__h2___haEep {
607
+ font-weight: 700;
608
+ font-size: 28px;
609
+ line-height: 36px;
610
+ letter-spacing: -0.03em;
611
+ color: var(--textHeading, #26201a);
612
+ }
613
+ @media only screen and (min-width: 769px) {
614
+ h2,
615
+ .shimmer__h2___haEep {
616
+ font-size: 32px;
617
+ line-height: 42px;
618
+ }
619
+ }
620
+ h3,
621
+ .shimmer__h3___ym9A9 {
622
+ font-weight: 700;
623
+ letter-spacing: -0.02em;
624
+ color: var(--textHeading, #26201a);
625
+ font-size: 24px;
626
+ line-height: 32px;
627
+ }
628
+ @media only screen and (min-width: 769px) {
629
+ h3,
630
+ .shimmer__h3___ym9A9 {
631
+ font-weight: 700;
632
+ letter-spacing: -0.02em;
633
+ color: var(--textHeading, #26201a);
634
+ font-size: 28px;
635
+ line-height: 36px;
636
+ }
637
+ }
638
+ h4,
639
+ .shimmer__h4___gyvMX {
640
+ font-weight: 600;
641
+ letter-spacing: -0.02em;
642
+ color: var(--textHeading, #26201a);
643
+ font-size: 16px;
644
+ line-height: 1.5;
645
+ }
646
+ @media only screen and (min-width: 769px) {
647
+ h4,
648
+ .shimmer__h4___gyvMX {
649
+ font-weight: 600;
650
+ letter-spacing: -0.02em;
651
+ color: var(--textHeading, #26201a);
652
+ font-size: 20px;
653
+ line-height: 1.5;
654
+ }
655
+ }
656
+ h5,
657
+ .shimmer__h5___bN7mp {
658
+ font-weight: 600;
659
+ font-size: 14px;
660
+ line-height: 16px;
661
+ letter-spacing: -0.02em;
662
+ color: var(--textHeading, #26201a);
663
+ }
664
+ @media only screen and (min-width: 769px) {
665
+ h5,
666
+ .shimmer__h5___bN7mp {
667
+ font-size: 16px;
668
+ line-height: 18px;
669
+ }
670
+ }
671
+ .shimmer__b1___LdTR4 {
672
+ font-weight: 400;
673
+ font-size: 14px;
674
+ line-height: 18px;
675
+ letter-spacing: -0.02em;
676
+ color: var(--textBody, #3c3131);
677
+ }
678
+ @media only screen and (min-width: 769px) {
679
+ .shimmer__b1___LdTR4 {
680
+ font-size: 16px;
681
+ line-height: 20px;
682
+ }
683
+ }
684
+ .shimmer__b-small___qWHLA,
685
+ .shimmer__bSmall___MRmV7,
686
+ .shimmer__b2___izX7s {
687
+ font-weight: 400;
688
+ letter-spacing: -0.02em;
689
+ color: var(--textBody, #3c3131);
690
+ font-size: 12px;
691
+ line-height: 16px;
692
+ }
693
+ @media only screen and (min-width: 769px) {
694
+ .shimmer__b-small___qWHLA,
695
+ .shimmer__bSmall___MRmV7,
696
+ .shimmer__b2___izX7s {
697
+ font-weight: 400;
698
+ letter-spacing: -0.02em;
699
+ color: var(--textBody, #3c3131);
700
+ font-size: 14px;
701
+ line-height: 18px;
702
+ }
703
+ }
704
+ .shimmer__d1____e6av {
705
+ font-size: 36px;
706
+ font-weight: 700;
707
+ line-height: 48px;
708
+ letter-spacing: -0.02em;
709
+ }
710
+ @media only screen and (min-width: 769px) {
711
+ .shimmer__d1____e6av {
712
+ font-size: 64px;
713
+ line-height: 85px;
714
+ letter-spacing: -0.03em;
715
+ }
716
+ }
717
+ .shimmer__caption-medium___pPy1K,
718
+ .shimmer__captionMedium___r4GQ7 {
719
+ font-size: 12px;
720
+ line-height: 1.5;
721
+ letter-spacing: -0.02em;
722
+ font-weight: 500;
723
+ }
724
+ @media only screen and (max-width: 480px) {
725
+ .shimmer__caption-medium___pPy1K,
726
+ .shimmer__captionMedium___r4GQ7 {
727
+ font-size: 11px;
728
+ }
729
+ }
730
+ .shimmer__caption-semi-bold___XEL7J,
731
+ .shimmer__captionSemiBold___tdnAw {
732
+ font-size: 12px;
733
+ line-height: 1.5;
734
+ letter-spacing: -0.02em;
735
+ font-weight: 600;
736
+ }
737
+ @media only screen and (max-width: 480px) {
738
+ .shimmer__caption-semi-bold___XEL7J,
739
+ .shimmer__captionSemiBold___tdnAw {
740
+ font-size: 11px;
741
+ }
742
+ }
743
+ .shimmer__btn-link___rwrdT,
744
+ .shimmer__btnLink___rywxA {
745
+ font-weight: 500;
746
+ letter-spacing: -0.02em;
747
+ font-size: 12px;
748
+ line-height: 14px;
749
+ border-radius: var(--buttonRadius, 0px);
750
+ cursor: pointer;
751
+ color: var(--buttonLink, #b1655b);
752
+ text-decoration: underline;
753
+ background: none;
754
+ border: none;
755
+ }
756
+ @media only screen and (min-width: 769px) {
757
+ .shimmer__btn-link___rwrdT,
758
+ .shimmer__btnLink___rywxA {
759
+ font-weight: 500;
760
+ letter-spacing: -0.02em;
761
+ font-size: 14px;
762
+ line-height: 16px;
763
+ }
764
+ }
765
+ .shimmer__btn-link___rwrdT:hover,
766
+ .shimmer__btnLink___rywxA:hover {
767
+ color: var(--buttonLinkL1, #c1847c);
768
+ }
769
+ .shimmer__btn-link___rwrdT:disabled,
770
+ .shimmer__btnLink___rywxA:disabled {
771
+ color: var(--buttonLinkL2, #d0a39d);
772
+ }
773
+ .shimmer__btn-link___rwrdT:active,
774
+ .shimmer__btnLink___rywxA:active {
775
+ opacity: 0.8;
776
+ }
777
+ .shimmer__user-select-none___Z0xme,
778
+ .shimmer__userSelectNone___yN1Qu {
779
+ user-select: none;
780
+ -moz-user-select: none;
781
+ -webkit-user-select: none;
782
+ -ms-user-select: none;
783
+ }
784
+ .shimmer__margin-0-auto___adpvx,
785
+ .shimmer__margin0auto___xyxLg {
786
+ margin: 0 auto;
787
+ }
788
+ .shimmer__base-page-container___Rn5KL,
789
+ .shimmer__basePageContainer___gzYLo {
790
+ max-width: 1440px !important;
791
+ }
792
+ .shimmer__remove-scroll___HQR5l,
793
+ .shimmer__removeScroll___tjurd {
794
+ overflow-y: hidden !important;
795
+ }
796
+ .shimmer__mr-5___F8hOD,
797
+ .shimmer__mr5___It4I_ {
798
+ margin-inline-end: 30px !important;
799
+ }
800
+ .shimmer__mr-2___EaUKZ,
801
+ .shimmer__mr2___dR4P0 {
802
+ margin-inline-end: 5px !important;
803
+ }
804
+ .shimmer__py-5___M0fI2,
805
+ .shimmer__py5___Rtxsj {
806
+ padding-top: 1.875rem !important;
807
+ padding-bottom: 1.875rem !important;
808
+ }
809
+ .shimmer__view-all-text___vmduf,
810
+ .shimmer__viewAllText___D2C2T {
811
+ font-size: 20px;
812
+ font-weight: 400;
813
+ text-transform: lowercase;
814
+ text-decoration: underline;
815
+ }
816
+ .shimmer__view-all-mobile___S9Jmi,
817
+ .shimmer__viewAllMobile___rHXMU {
818
+ display: none;
819
+ }
820
+ @media only screen and (max-width: 768px) {
821
+ .shimmer__view-all-mobile___S9Jmi,
822
+ .shimmer__viewAllMobile___rHXMU {
823
+ display: flex;
824
+ align-items: center;
825
+ justify-content: center;
826
+ margin-top: 40px;
827
+ }
828
+ }
829
+ @media only screen and (max-width: 480px) {
830
+ .shimmer__view-all-mobile___S9Jmi,
831
+ .shimmer__viewAllMobile___rHXMU {
832
+ margin-top: 24px;
833
+ }
834
+ }
835
+ .shimmer__accent-btn___aeNG4,
836
+ .shimmer__accentBtn___yOXdz {
837
+ background-color: var(--accentColor);
838
+ color: #fff;
839
+ }
840
+ .shimmer__no-scroll___f4vKo,
841
+ .shimmer__noScroll___jlm3A {
842
+ overflow-y: hidden;
843
+ }
844
+ .shimmer__hide-overflow___qyrhR,
845
+ .shimmer__hideOverflow___kiluw {
846
+ overflow: hidden;
847
+ }
848
+ .shimmer__markdown-body___O0_VR h6 {
849
+ margin-top: 0 !important;
850
+ margin-bottom: 0 !important;
851
+ }
852
+ @media only screen and (max-width: 480px) {
853
+ .shimmer__markdown-body___O0_VR {
854
+ font-size: 12px !important;
855
+ padding: 5px !important;
856
+ }
857
+ }
858
+ .shimmer__view3d-canvas___Oe1zv {
859
+ width: 100%;
860
+ height: 100%;
861
+ }
862
+ @media only screen and (max-width: 480px) {
863
+ .shimmer__view-mobile-up___kKqQL {
864
+ display: none !important;
865
+ }
866
+ }
867
+ @media only screen and (min-width: 481px) {
868
+ .shimmer__view-mobile___pBIGH {
869
+ display: none !important;
870
+ }
871
+ }
872
+ .shimmer__shimmerBox___LToot {
873
+ width: var(--width);
874
+ height: var(--height);
875
+ background: linear-gradient(90deg, var(--themeAccentL4, #f9f6f0) 25%, var(--themeAccentL3, #f5f1e7) 50%, var(--themeAccentL4, #f9f6f0) 75%);
876
+ background-size: 200% 100%;
877
+ animation: shimmer__shimmer___b_S5k 1.5s infinite linear;
878
+ border-radius: 8px;
879
+ }
880
+ @keyframes shimmer__shimmer___b_S5k {
881
+ 0% {
882
+ background-position: -200% 0;
883
+ }
884
+ 100% {
885
+ background-position: 200% 0;
886
+ }
887
+ }
888
+