@gofynd/theme-template 3.2.6 → 3.2.8

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 (86) 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 +824 -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 -213
  17. package/dist/index.js +1 -1
  18. package/dist/page-layouts/cart/Components/chip-item/chip-item.css +2 -0
  19. package/dist/page-layouts/cart/Components/chip-item/chip-item.js +1 -1
  20. package/dist/page-layouts/cart/Components/delivery-location/delivery-location.js +1 -1
  21. package/dist/page-layouts/compare/compare.css +7319 -309
  22. package/dist/page-layouts/compare/compare.js +2 -1
  23. package/dist/page-layouts/compare/compare.js.LICENSE.txt +5 -0
  24. package/dist/page-layouts/login/component/social-login-button/apple-login-button.css +373 -0
  25. package/dist/page-layouts/login/component/social-login-button/apple-login-button.js +1 -0
  26. package/dist/page-layouts/login/component/social-login-button/facebook-login-button.css +373 -0
  27. package/dist/page-layouts/login/component/social-login-button/facebook-login-button.js +1 -0
  28. package/dist/page-layouts/login/component/social-login-button/google-login-button.css +375 -0
  29. package/dist/page-layouts/login/component/social-login-button/google-login-button.js +1 -0
  30. package/dist/page-layouts/plp/Components/add-to-cart/add-to-cart.css +3 -0
  31. package/dist/page-layouts/plp/Components/add-to-cart/add-to-cart.js +1 -1
  32. package/dist/page-layouts/plp/Components/delivery-info/delivery-info.js +1 -1
  33. package/dist/page-layouts/plp/Components/filter-item/filter-item.js +1 -1
  34. package/dist/page-layouts/plp/Components/filter-list/filter-list.js +1 -1
  35. package/dist/page-layouts/plp/Components/image-gallery/image-gallery.js +1 -1
  36. package/dist/page-layouts/plp/Components/lightbox-image/lightbox-image.js +1 -1
  37. package/dist/page-layouts/plp/Components/mobile-slider/mobile-slider.js +1 -1
  38. package/dist/page-layouts/plp/Components/product-variants/product-variants.js +1 -1
  39. package/dist/page-layouts/single-checkout/address/single-address.js +1 -1
  40. package/dist/page-layouts/single-checkout/payment/card-form.css +59 -1
  41. package/dist/page-layouts/single-checkout/payment/checkout-payment-content.css +59 -1
  42. package/dist/page-layouts/single-checkout/payment/checkout-payment-content.js +1 -1
  43. package/dist/page-layouts/single-checkout/payment/checkout-payment.css +62 -1
  44. package/dist/page-layouts/single-checkout/payment/checkout-payment.js +1 -1
  45. package/dist/page-layouts/single-checkout/payment/juspay-card-from.css +59 -1
  46. package/dist/page-layouts/single-checkout/shipment/single-page-shipment.css +1 -0
  47. package/dist/pages/cart/cart.css +2 -0
  48. package/dist/pages/cart/cart.js +1 -1
  49. package/dist/pages/cart/index.css +2 -0
  50. package/dist/pages/cart/index.js +1 -1
  51. package/dist/pages/checkout/checkout.css +63 -1
  52. package/dist/pages/checkout/checkout.js +1 -1
  53. package/dist/pages/checkout/index.css +63 -1
  54. package/dist/pages/checkout/index.js +1 -1
  55. package/dist/pages/contact-us/contact-us.js +1 -1
  56. package/dist/pages/contact-us/index.js +1 -1
  57. package/dist/pages/index.css +1401 -213
  58. package/dist/pages/index.js +1 -1
  59. package/dist/pages/login/index.css +1121 -0
  60. package/dist/pages/login/index.js +1 -1
  61. package/dist/pages/login/login.css +1121 -0
  62. package/dist/pages/login/login.js +1 -1
  63. package/dist/pages/order/index.js +1 -1
  64. package/dist/pages/order/order-tracking-details/order-tracking-details.js +1 -1
  65. package/dist/pages/order/order-tracking.js +1 -1
  66. package/dist/pages/order-status/index.css +5 -0
  67. package/dist/pages/order-status/index.js +1 -1
  68. package/dist/pages/order-status/order-status.css +5 -0
  69. package/dist/pages/order-status/order-status.js +1 -1
  70. package/dist/pages/product-listing/index.css +3 -0
  71. package/dist/pages/product-listing/index.js +1 -1
  72. package/dist/pages/product-listing/product-listing.css +3 -0
  73. package/dist/pages/product-listing/product-listing.js +1 -1
  74. package/dist/pages/profile/components/add-email-modal/add-email-modal.js +1 -1
  75. package/dist/pages/profile/components/add-phone-modal/add-phone-modal.js +1 -1
  76. package/dist/pages/profile/email/email.js +1 -1
  77. package/dist/pages/profile/email/index.js +1 -1
  78. package/dist/pages/profile/index.js +1 -1
  79. package/dist/pages/profile/phone/index.js +1 -1
  80. package/dist/pages/profile/phone/phone.js +1 -1
  81. package/dist/pages/profile/profile-details.js +1 -1
  82. package/dist/pages/wishlist/index.css +3 -0
  83. package/dist/pages/wishlist/index.js +1 -1
  84. package/dist/pages/wishlist/wishlist.css +3 -0
  85. package/dist/pages/wishlist/wishlist.js +1 -1
  86. package/package.json +1 -1
@@ -0,0 +1,824 @@
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
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__cardImageContainer___gwmlm {
348
+ width: 107px;
349
+ gap: 4px;
350
+ border-radius: 12px;
351
+ }
352
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__cardImageContainer___gwmlm img {
353
+ width: 107px;
354
+ height: 100%;
355
+ object-fit: cover;
356
+ border-radius: 12px;
357
+ }
358
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__cardDetailWrapper___AA6eM {
359
+ display: flex;
360
+ flex-direction: column;
361
+ width: 100%;
362
+ }
363
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__cardDetailContainer___nV8M3 {
364
+ display: flex;
365
+ flex-direction: column;
366
+ justify-content: space-between;
367
+ height: 100%;
368
+ }
369
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__priceBtnSection___iinFL {
370
+ display: flex;
371
+ flex-direction: column;
372
+ gap: 4px;
373
+ }
374
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__priceBtnSection___iinFL h5 {
375
+ color: var(--textBody, #3c3131);
376
+ font-size: 14px;
377
+ font-weight: 600;
378
+ letter-spacing: -0.28px;
379
+ }
380
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__priceBtnSection___iinFL .compare-product-card__category___zIlKv {
381
+ color: var(--textHeading, #26201a);
382
+ font-size: 12px;
383
+ font-weight: 400;
384
+ letter-spacing: -0.24px;
385
+ }
386
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__priceBtnSection___iinFL .compare-product-card__priceInfo___xTmrK {
387
+ display: flex;
388
+ gap: 8px;
389
+ align-items: center;
390
+ }
391
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__priceBtnSection___iinFL .compare-product-card__priceInfo___xTmrK h4 {
392
+ color: var(--textHeading, #26201a);
393
+ font-size: 16px;
394
+ font-weight: 600;
395
+ letter-spacing: -0.32px;
396
+ }
397
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__priceBtnSection___iinFL .compare-product-card__priceInfo___xTmrK .compare-product-card__actualPrice___nDaUJ {
398
+ color: var(--textLabel, #7d7676);
399
+ font-size: 12px;
400
+ font-weight: 400;
401
+ letter-spacing: -0.24px;
402
+ text-decoration-line: line-through;
403
+ }
404
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__priceBtnSection___iinFL .compare-product-card__priceInfo___xTmrK .compare-product-card__discount___qoq0r {
405
+ color: var(--sale-discount-discount-color, #1c958f);
406
+ font-size: 12px;
407
+ font-weight: 400;
408
+ letter-spacing: -0.24px;
409
+ }
410
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__actionsWrapper___VC60Q {
411
+ display: flex;
412
+ justify-content: flex-start;
413
+ }
414
+ .compare-product-card__cardContainer___zMPZh .compare-product-card__addToCartBtnSection____OZ_c {
415
+ height: 48px;
416
+ width: 153px;
417
+ padding: 12px;
418
+ border-radius: 4px;
419
+ border: 0.8px solid var(--overlay-popup-dividers-dividers-and-strokes, #d4d1d1);
420
+ background: var(--buttonSecondary, #fff);
421
+ color: var(--buttonPrimary, #4e3f09);
422
+ font-size: 14px;
423
+ font-weight: 500;
424
+ letter-spacing: -0.28px;
425
+ }
426
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__cardContainer___zMPZh {
427
+ padding: 16px;
428
+ display: flex;
429
+ border-radius: 16px;
430
+ width: 100%;
431
+ height: 159px;
432
+ gap: 12px;
433
+ border: 1px solid var(--Overlay-Popup-Divider-Stroke, #e0e0e0);
434
+ background: var(--Theme-Page-Background, #fff);
435
+ }
436
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__imageShimmer___X9_wx {
437
+ width: 110px !important;
438
+ height: 128px !important;
439
+ border-radius: 12px;
440
+ }
441
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__lineShimmer___WCQwb {
442
+ border-radius: 12px;
443
+ }
444
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__firstLine___KmRgB {
445
+ width: 317px !important;
446
+ height: 16px !important;
447
+ margin-bottom: 4px;
448
+ }
449
+ @media only screen and (max-width: 480px), only screen and (max-width: 768px) {
450
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__firstLine___KmRgB {
451
+ width: 217px !important;
452
+ }
453
+ }
454
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__secondLine___OSckN {
455
+ width: 171px !important;
456
+ height: 16px !important;
457
+ margin-bottom: 8px;
458
+ }
459
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__thirdLine___SpowO {
460
+ height: 9px !important;
461
+ width: 90px !important;
462
+ }
463
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__btnGap___pcI1C {
464
+ margin-top: 42px;
465
+ }
466
+ .compare-product-card__shimmerWrapper___YuAk_ .compare-product-card__buttonShimmer___zW3TJ {
467
+ width: 107px !important;
468
+ height: 28px !important;
469
+ border-radius: 12px;
470
+ }
471
+
472
+ /**color by character**/
473
+ /** Font family **/
474
+ /** Font weight **/
475
+ .shimmer__display-block___KqKOs {
476
+ display: block;
477
+ }
478
+ .shimmer__inline-block___nil4V,
479
+ .shimmer__inlineBlock___hAKaU {
480
+ display: inline-block;
481
+ }
482
+ .shimmer__flex-row___K_GLH {
483
+ display: flex;
484
+ }
485
+ .shimmer__flex-column___j7L8h,
486
+ .shimmer__flexColumn____ueRj {
487
+ display: flex;
488
+ flex-direction: column;
489
+ }
490
+ .shimmer__flex-align-center___IU73o,
491
+ .shimmer__flexAlignCenter___a20Y6 {
492
+ display: flex;
493
+ align-items: center;
494
+ }
495
+ .shimmer__flex-justify-center___k7rxq,
496
+ .shimmer__flexJustifyCenter___qc6o_ {
497
+ display: flex;
498
+ justify-content: center;
499
+ }
500
+ .shimmer__flex-center___gPA9Y,
501
+ .shimmer__flexCenter___kk6Ze {
502
+ display: flex;
503
+ justify-content: center;
504
+ align-items: center;
505
+ }
506
+ .shimmer__justify-start___cdM76,
507
+ .shimmer__justifyStart___KOCpm {
508
+ justify-content: flex-start;
509
+ }
510
+ .shimmer__justify-end___mO5Xw,
511
+ .shimmer__justifyEnd___JEWEK {
512
+ justify-content: flex-end;
513
+ }
514
+ .shimmer__justify-between___i_6PG,
515
+ .shimmer__justifyBetween___jgG4j {
516
+ justify-content: space-between;
517
+ }
518
+ .shimmer__justify-around___eWwfy,
519
+ .shimmer__justifyAround___XXzeg {
520
+ justify-content: space-around;
521
+ }
522
+ .shimmer__justify-evenly___s10dI,
523
+ .shimmer__justifyEvenly___KBq95 {
524
+ justify-content: space-evenly;
525
+ }
526
+ h1,
527
+ .shimmer__h1____gV3I {
528
+ font-weight: 700;
529
+ font-size: 28px;
530
+ line-height: 42px;
531
+ letter-spacing: -0.03em;
532
+ color: var(--textHeading, #26201a);
533
+ }
534
+ @media only screen and (min-width: 769px) {
535
+ h1,
536
+ .shimmer__h1____gV3I {
537
+ font-size: 36px;
538
+ line-height: 48px;
539
+ }
540
+ }
541
+ h2,
542
+ .shimmer__h2___haEep {
543
+ font-weight: 700;
544
+ font-size: 28px;
545
+ line-height: 36px;
546
+ letter-spacing: -0.03em;
547
+ color: var(--textHeading, #26201a);
548
+ }
549
+ @media only screen and (min-width: 769px) {
550
+ h2,
551
+ .shimmer__h2___haEep {
552
+ font-size: 32px;
553
+ line-height: 42px;
554
+ }
555
+ }
556
+ h3,
557
+ .shimmer__h3___ym9A9 {
558
+ font-weight: 700;
559
+ letter-spacing: -0.02em;
560
+ color: var(--textHeading, #26201a);
561
+ font-size: 24px;
562
+ line-height: 32px;
563
+ }
564
+ @media only screen and (min-width: 769px) {
565
+ h3,
566
+ .shimmer__h3___ym9A9 {
567
+ font-weight: 700;
568
+ letter-spacing: -0.02em;
569
+ color: var(--textHeading, #26201a);
570
+ font-size: 28px;
571
+ line-height: 36px;
572
+ }
573
+ }
574
+ h4,
575
+ .shimmer__h4___gyvMX {
576
+ font-weight: 600;
577
+ letter-spacing: -0.02em;
578
+ color: var(--textHeading, #26201a);
579
+ font-size: 16px;
580
+ line-height: 1.5;
581
+ }
582
+ @media only screen and (min-width: 769px) {
583
+ h4,
584
+ .shimmer__h4___gyvMX {
585
+ font-weight: 600;
586
+ letter-spacing: -0.02em;
587
+ color: var(--textHeading, #26201a);
588
+ font-size: 20px;
589
+ line-height: 1.5;
590
+ }
591
+ }
592
+ h5,
593
+ .shimmer__h5___bN7mp {
594
+ font-weight: 600;
595
+ font-size: 14px;
596
+ line-height: 16px;
597
+ letter-spacing: -0.02em;
598
+ color: var(--textHeading, #26201a);
599
+ }
600
+ @media only screen and (min-width: 769px) {
601
+ h5,
602
+ .shimmer__h5___bN7mp {
603
+ font-size: 16px;
604
+ line-height: 18px;
605
+ }
606
+ }
607
+ .shimmer__b1___LdTR4 {
608
+ font-weight: 400;
609
+ font-size: 14px;
610
+ line-height: 18px;
611
+ letter-spacing: -0.02em;
612
+ color: var(--textBody, #3c3131);
613
+ }
614
+ @media only screen and (min-width: 769px) {
615
+ .shimmer__b1___LdTR4 {
616
+ font-size: 16px;
617
+ line-height: 20px;
618
+ }
619
+ }
620
+ .shimmer__b-small___qWHLA,
621
+ .shimmer__bSmall___MRmV7,
622
+ .shimmer__b2___izX7s {
623
+ font-weight: 400;
624
+ letter-spacing: -0.02em;
625
+ color: var(--textBody, #3c3131);
626
+ font-size: 12px;
627
+ line-height: 16px;
628
+ }
629
+ @media only screen and (min-width: 769px) {
630
+ .shimmer__b-small___qWHLA,
631
+ .shimmer__bSmall___MRmV7,
632
+ .shimmer__b2___izX7s {
633
+ font-weight: 400;
634
+ letter-spacing: -0.02em;
635
+ color: var(--textBody, #3c3131);
636
+ font-size: 14px;
637
+ line-height: 18px;
638
+ }
639
+ }
640
+ .shimmer__d1____e6av {
641
+ font-size: 36px;
642
+ font-weight: 700;
643
+ line-height: 48px;
644
+ letter-spacing: -0.02em;
645
+ }
646
+ @media only screen and (min-width: 769px) {
647
+ .shimmer__d1____e6av {
648
+ font-size: 64px;
649
+ line-height: 85px;
650
+ letter-spacing: -0.03em;
651
+ }
652
+ }
653
+ .shimmer__caption-medium___pPy1K,
654
+ .shimmer__captionMedium___r4GQ7 {
655
+ font-size: 12px;
656
+ line-height: 1.5;
657
+ letter-spacing: -0.02em;
658
+ font-weight: 500;
659
+ }
660
+ @media only screen and (max-width: 480px) {
661
+ .shimmer__caption-medium___pPy1K,
662
+ .shimmer__captionMedium___r4GQ7 {
663
+ font-size: 11px;
664
+ }
665
+ }
666
+ .shimmer__caption-semi-bold___XEL7J,
667
+ .shimmer__captionSemiBold___tdnAw {
668
+ font-size: 12px;
669
+ line-height: 1.5;
670
+ letter-spacing: -0.02em;
671
+ font-weight: 600;
672
+ }
673
+ @media only screen and (max-width: 480px) {
674
+ .shimmer__caption-semi-bold___XEL7J,
675
+ .shimmer__captionSemiBold___tdnAw {
676
+ font-size: 11px;
677
+ }
678
+ }
679
+ .shimmer__btn-link___rwrdT,
680
+ .shimmer__btnLink___rywxA {
681
+ font-weight: 500;
682
+ letter-spacing: -0.02em;
683
+ font-size: 12px;
684
+ line-height: 14px;
685
+ border-radius: var(--buttonRadius, 0px);
686
+ cursor: pointer;
687
+ color: var(--buttonLink, #b1655b);
688
+ text-decoration: underline;
689
+ background: none;
690
+ border: none;
691
+ }
692
+ @media only screen and (min-width: 769px) {
693
+ .shimmer__btn-link___rwrdT,
694
+ .shimmer__btnLink___rywxA {
695
+ font-weight: 500;
696
+ letter-spacing: -0.02em;
697
+ font-size: 14px;
698
+ line-height: 16px;
699
+ }
700
+ }
701
+ .shimmer__btn-link___rwrdT:hover,
702
+ .shimmer__btnLink___rywxA:hover {
703
+ color: var(--buttonLinkL1, #c1847c);
704
+ }
705
+ .shimmer__btn-link___rwrdT:disabled,
706
+ .shimmer__btnLink___rywxA:disabled {
707
+ color: var(--buttonLinkL2, #d0a39d);
708
+ }
709
+ .shimmer__btn-link___rwrdT:active,
710
+ .shimmer__btnLink___rywxA:active {
711
+ opacity: 0.8;
712
+ }
713
+ .shimmer__user-select-none___Z0xme,
714
+ .shimmer__userSelectNone___yN1Qu {
715
+ user-select: none;
716
+ -moz-user-select: none;
717
+ -webkit-user-select: none;
718
+ -ms-user-select: none;
719
+ }
720
+ .shimmer__margin-0-auto___adpvx,
721
+ .shimmer__margin0auto___xyxLg {
722
+ margin: 0 auto;
723
+ }
724
+ .shimmer__base-page-container___Rn5KL,
725
+ .shimmer__basePageContainer___gzYLo {
726
+ max-width: 1440px !important;
727
+ }
728
+ .shimmer__remove-scroll___HQR5l,
729
+ .shimmer__removeScroll___tjurd {
730
+ overflow-y: hidden !important;
731
+ }
732
+ .shimmer__mr-5___F8hOD,
733
+ .shimmer__mr5___It4I_ {
734
+ margin-inline-end: 30px !important;
735
+ }
736
+ .shimmer__mr-2___EaUKZ,
737
+ .shimmer__mr2___dR4P0 {
738
+ margin-inline-end: 5px !important;
739
+ }
740
+ .shimmer__py-5___M0fI2,
741
+ .shimmer__py5___Rtxsj {
742
+ padding-top: 1.875rem !important;
743
+ padding-bottom: 1.875rem !important;
744
+ }
745
+ .shimmer__view-all-text___vmduf,
746
+ .shimmer__viewAllText___D2C2T {
747
+ font-size: 20px;
748
+ font-weight: 400;
749
+ text-transform: lowercase;
750
+ text-decoration: underline;
751
+ }
752
+ .shimmer__view-all-mobile___S9Jmi,
753
+ .shimmer__viewAllMobile___rHXMU {
754
+ display: none;
755
+ }
756
+ @media only screen and (max-width: 768px) {
757
+ .shimmer__view-all-mobile___S9Jmi,
758
+ .shimmer__viewAllMobile___rHXMU {
759
+ display: flex;
760
+ align-items: center;
761
+ justify-content: center;
762
+ margin-top: 40px;
763
+ }
764
+ }
765
+ @media only screen and (max-width: 480px) {
766
+ .shimmer__view-all-mobile___S9Jmi,
767
+ .shimmer__viewAllMobile___rHXMU {
768
+ margin-top: 24px;
769
+ }
770
+ }
771
+ .shimmer__accent-btn___aeNG4,
772
+ .shimmer__accentBtn___yOXdz {
773
+ background-color: var(--accentColor);
774
+ color: #fff;
775
+ }
776
+ .shimmer__no-scroll___f4vKo,
777
+ .shimmer__noScroll___jlm3A {
778
+ overflow-y: hidden;
779
+ }
780
+ .shimmer__hide-overflow___qyrhR,
781
+ .shimmer__hideOverflow___kiluw {
782
+ overflow: hidden;
783
+ }
784
+ .shimmer__markdown-body___O0_VR h6 {
785
+ margin-top: 0 !important;
786
+ margin-bottom: 0 !important;
787
+ }
788
+ @media only screen and (max-width: 480px) {
789
+ .shimmer__markdown-body___O0_VR {
790
+ font-size: 12px !important;
791
+ padding: 5px !important;
792
+ }
793
+ }
794
+ .shimmer__view3d-canvas___Oe1zv {
795
+ width: 100%;
796
+ height: 100%;
797
+ }
798
+ @media only screen and (max-width: 480px) {
799
+ .shimmer__view-mobile-up___kKqQL {
800
+ display: none !important;
801
+ }
802
+ }
803
+ @media only screen and (min-width: 481px) {
804
+ .shimmer__view-mobile___pBIGH {
805
+ display: none !important;
806
+ }
807
+ }
808
+ .shimmer__shimmerBox___LToot {
809
+ width: var(--width);
810
+ height: var(--height);
811
+ background: linear-gradient(90deg, var(--themeAccentL4, #f9f6f0) 25%, var(--themeAccentL3, #f5f1e7) 50%, var(--themeAccentL4, #f9f6f0) 75%);
812
+ background-size: 200% 100%;
813
+ animation: shimmer__shimmer___b_S5k 1.5s infinite linear;
814
+ border-radius: 8px;
815
+ }
816
+ @keyframes shimmer__shimmer___b_S5k {
817
+ 0% {
818
+ background-position: -200% 0;
819
+ }
820
+ 100% {
821
+ background-position: 200% 0;
822
+ }
823
+ }
824
+