@gofynd/theme-template 3.1.3 → 3.2.1

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 (148) hide show
  1. package/dist/components/accordion/accordion.css +25 -0
  2. package/dist/components/accordion/accordion.js +1 -1
  3. package/dist/components/address-form/address-form.css +26 -20
  4. package/dist/components/address-form/form-input-selector.css +16 -16
  5. package/dist/components/address-item/address-item.js +1 -1
  6. package/dist/components/chip-review-item/chip-review-item.js +1 -1
  7. package/dist/components/core/fy-button/fy-button.css +6 -6
  8. package/dist/components/core/fy-dropdown/fy-dropdown.css +3 -3
  9. package/dist/components/core/fy-input/fy-input.css +4 -4
  10. package/dist/components/core/fy-input-group/fy-input-group.css +2 -2
  11. package/dist/components/filter-modal/filter-modal.css +12 -9
  12. package/dist/components/forced-ltr/forced-ltr.js +1 -0
  13. package/dist/components/form-builder/form-builder.css +22 -22
  14. package/dist/components/google-map/google-map.css +7 -1
  15. package/dist/components/index.css +52 -43
  16. package/dist/components/index.js +1 -1
  17. package/dist/components/location-modal/location-modal.css +10 -10
  18. package/dist/components/order-header/order-header.css +4 -4
  19. package/dist/components/order-header/order-header.js +1 -1
  20. package/dist/components/order-shipment/order-shipment.css +26 -1
  21. package/dist/components/order-shipment/order-shipment.js +1 -1
  22. package/dist/components/price-breakup/price-breakup.js +1 -1
  23. package/dist/components/product-card/product-card.css +6 -6
  24. package/dist/components/product-card/product-card.js +1 -1
  25. package/dist/components/profile-navigation/profile-navigation.css +2 -2
  26. package/dist/components/quantity-control/quantity-control.js +1 -1
  27. package/dist/components/range-slider/range-slider.css +9 -6
  28. package/dist/components/reasons-list/reason-item/reason-item.css +3 -3
  29. package/dist/components/reasons-list/reasons-list.css +3 -3
  30. package/dist/components/shipment-breakup/shipment-breakup.css +1 -1
  31. package/dist/components/shipment-item/shipment-item.css +1 -1
  32. package/dist/components/shipment-tracking/shipment-tracking.css +5 -5
  33. package/dist/components/shipments-update-item/quantity-ctrl/quantity-ctrl.css +2 -2
  34. package/dist/components/shipments-update-item/shipments-update-item.css +10 -6
  35. package/dist/helper/hooks/useLocaleDirection.js +1 -0
  36. package/dist/index.css +210 -143
  37. package/dist/index.js +1 -1
  38. package/dist/page-layouts/auth/account-locked/account-locked.css +6 -6
  39. package/dist/page-layouts/auth/mobile-number/mobile-number.css +7 -7
  40. package/dist/page-layouts/auth/verify-both/verify-both.css +3 -3
  41. package/dist/page-layouts/auth/verify-both/verify-both.js +1 -1
  42. package/dist/page-layouts/cart/Components/chip-item/chip-item.css +36 -8
  43. package/dist/page-layouts/cart/Components/chip-item/chip-item.js +1 -1
  44. package/dist/page-layouts/cart/Components/comment/comment.css +8 -5
  45. package/dist/page-layouts/cart/Components/coupon/coupon.css +1 -1
  46. package/dist/page-layouts/cart/Components/coupon/coupon.js +1 -1
  47. package/dist/page-layouts/cart/Components/delivery-location/delivery-location.css +31 -25
  48. package/dist/page-layouts/cart/Components/delivery-location/delivery-location.js +1 -1
  49. package/dist/page-layouts/cart/Components/free-gift-item/free-gift-item.css +1 -1
  50. package/dist/page-layouts/cart/Components/free-gift-item/free-gift-item.js +1 -1
  51. package/dist/page-layouts/cart/Components/gst-card/gst-card.css +2 -2
  52. package/dist/page-layouts/cart/Components/gst-card/gst-card.js +1 -1
  53. package/dist/page-layouts/cart/Components/remove-cart-item/remove-cart-item.css +3 -3
  54. package/dist/page-layouts/cart/Components/share-cart/share-cart.css +2 -2
  55. package/dist/page-layouts/cart/Components/share-cart-modal/share-cart-modal.css +2 -2
  56. package/dist/page-layouts/cart/Components/sticky-footer/sticky-footer.css +3 -0
  57. package/dist/page-layouts/cart/Components/sticky-footer/sticky-footer.js +1 -1
  58. package/dist/page-layouts/compare/compare.css +14 -12
  59. package/dist/page-layouts/compare/compare.js +1 -1
  60. package/dist/page-layouts/login/component/login-otp/login-otp.css +11 -11
  61. package/dist/page-layouts/login/component/login-otp/login-otp.js +1 -1
  62. package/dist/page-layouts/login/component/login-password/login-password.css +10 -10
  63. package/dist/page-layouts/plp/Components/add-to-cart/add-to-cart.css +20 -17
  64. package/dist/page-layouts/plp/Components/add-to-cart/add-to-cart.js +1 -1
  65. package/dist/page-layouts/plp/Components/delivery-info/delivery-info.css +13 -13
  66. package/dist/page-layouts/plp/Components/filter-item/filter-item.css +11 -8
  67. package/dist/page-layouts/plp/Components/filter-list/filter-list.css +11 -8
  68. package/dist/page-layouts/plp/Components/image-gallery/image-gallery.js +1 -1
  69. package/dist/page-layouts/plp/Components/mobile-slider/mobile-slider.js +1 -1
  70. package/dist/page-layouts/plp/Components/product-variants/product-variants.css +3 -0
  71. package/dist/page-layouts/single-checkout/address/single-address-content.css +4 -4
  72. package/dist/page-layouts/single-checkout/address/single-address-content.js +1 -1
  73. package/dist/page-layouts/single-checkout/address/single-address.css +30 -24
  74. package/dist/page-layouts/single-checkout/address/single-address.js +1 -1
  75. package/dist/page-layouts/single-checkout/payment/card-form.css +38 -20
  76. package/dist/page-layouts/single-checkout/payment/card-form.js +1 -1
  77. package/dist/page-layouts/single-checkout/payment/checkout-payment-content.css +38 -20
  78. package/dist/page-layouts/single-checkout/payment/checkout-payment-content.js +1 -1
  79. package/dist/page-layouts/single-checkout/payment/checkout-payment-failure.css +1 -1
  80. package/dist/page-layouts/single-checkout/payment/checkout-payment.css +42 -24
  81. package/dist/page-layouts/single-checkout/payment/checkout-payment.js +1 -1
  82. package/dist/page-layouts/single-checkout/payment/sticky-pay-now/sticky-pay-now.css +2 -2
  83. package/dist/page-layouts/single-checkout/payment/ukt-modal.css +2 -2
  84. package/dist/page-layouts/single-checkout/shipment/single-page-shipment.css +11 -8
  85. package/dist/page-layouts/single-checkout/shipment/single-page-shipment.js +1 -1
  86. package/dist/page-layouts/single-checkout/shipment/single-shipment-content.css +9 -6
  87. package/dist/page-layouts/single-checkout/shipment/single-shipment-content.js +1 -1
  88. package/dist/pages/blog/blog.js +1 -1
  89. package/dist/pages/blog/index.js +1 -1
  90. package/dist/pages/cart/cart.css +87 -47
  91. package/dist/pages/cart/cart.js +1 -1
  92. package/dist/pages/cart/index.css +87 -47
  93. package/dist/pages/cart/index.js +1 -1
  94. package/dist/pages/checkout/checkout.css +92 -62
  95. package/dist/pages/checkout/checkout.js +1 -1
  96. package/dist/pages/checkout/index.css +92 -62
  97. package/dist/pages/checkout/index.js +1 -1
  98. package/dist/pages/contact-us/contact-us.css +11 -11
  99. package/dist/pages/contact-us/contact-us.js +1 -1
  100. package/dist/pages/contact-us/index.css +11 -11
  101. package/dist/pages/contact-us/index.js +1 -1
  102. package/dist/pages/edit-profile/edit-profile.css +19 -19
  103. package/dist/pages/edit-profile/edit-profile.js +1 -1
  104. package/dist/pages/edit-profile/index.css +19 -19
  105. package/dist/pages/edit-profile/index.js +1 -1
  106. package/dist/pages/forgot-password/forget-password.css +6 -6
  107. package/dist/pages/forgot-password/index.css +6 -6
  108. package/dist/pages/index.css +208 -141
  109. package/dist/pages/index.js +1 -1
  110. package/dist/pages/login/index.css +14 -14
  111. package/dist/pages/login/index.js +1 -1
  112. package/dist/pages/login/login.css +14 -14
  113. package/dist/pages/login/login.js +1 -1
  114. package/dist/pages/order/index.css +10 -10
  115. package/dist/pages/order/order-tracking-details/order-tracking-details.css +46 -21
  116. package/dist/pages/order/order-tracking-details/order-tracking-details.js +1 -1
  117. package/dist/pages/order/order-tracking.css +10 -10
  118. package/dist/pages/order-status/index.css +11 -8
  119. package/dist/pages/order-status/index.js +1 -1
  120. package/dist/pages/order-status/order-status.css +11 -8
  121. package/dist/pages/order-status/order-status.js +1 -1
  122. package/dist/pages/product-listing/index.css +30 -24
  123. package/dist/pages/product-listing/index.js +1 -1
  124. package/dist/pages/product-listing/product-listing.css +30 -24
  125. package/dist/pages/product-listing/product-listing.js +1 -1
  126. package/dist/pages/profile/components/add-email-modal/add-email-modal.css +10 -10
  127. package/dist/pages/profile/components/add-phone-modal/add-phone-modal.css +18 -18
  128. package/dist/pages/profile/components/confirm-modal/confirm-modal.css +6 -6
  129. package/dist/pages/profile/components/empty-state/empty-state.css +6 -6
  130. package/dist/pages/profile/email/email.css +10 -10
  131. package/dist/pages/profile/email/index.css +10 -10
  132. package/dist/pages/profile/index.css +12 -12
  133. package/dist/pages/profile/phone/index.css +18 -18
  134. package/dist/pages/profile/phone/phone.css +18 -18
  135. package/dist/pages/profile/profile-details.css +12 -12
  136. package/dist/pages/register/index.css +18 -18
  137. package/dist/pages/register/index.js +1 -1
  138. package/dist/pages/register/register.css +18 -18
  139. package/dist/pages/register/register.js +1 -1
  140. package/dist/pages/set-password/index.css +5 -5
  141. package/dist/pages/set-password/set-password.css +5 -5
  142. package/dist/pages/shared-cart/index.js +1 -1
  143. package/dist/pages/shared-cart/shared-cart.js +1 -1
  144. package/dist/pages/wishlist/index.css +20 -17
  145. package/dist/pages/wishlist/index.js +1 -1
  146. package/dist/pages/wishlist/wishlist.css +20 -17
  147. package/dist/pages/wishlist/wishlist.js +1 -1
  148. package/package.json +1 -1
@@ -849,7 +849,10 @@ h5,
849
849
  }
850
850
  .single-shipment-content__reviewContentContainer___xogoD .single-shipment-content__shipmentWrapper___vvFUN .single-shipment-content__shipmentHeading___Jn_LF .single-shipment-content__headerLeft___ffG20 {
851
851
  display: flex;
852
- padding: 4px 12px 4px 0px;
852
+ padding-top: 4px;
853
+ padding-inline-end: 12px;
854
+ padding-bottom: 4px;
855
+ padding-inline-start: 0px;
853
856
  }
854
857
  .single-shipment-content__reviewContentContainer___xogoD .single-shipment-content__shipmentWrapper___vvFUN .single-shipment-content__shipmentHeading___Jn_LF .single-shipment-content__headerLeft___ffG20 .single-shipment-content__shipmentNumber___vcnbw {
855
858
  font-weight: 600;
@@ -1018,13 +1021,13 @@ h5,
1018
1021
  color: var(--textHeading, #26201a);
1019
1022
  font-size: 16px;
1020
1023
  font-weight: 600;
1021
- margin-right: 12px;
1024
+ margin-inline-end: 12px;
1022
1025
  }
1023
1026
  .single-shipment-content__reviewContentContainer___xogoD .single-shipment-content__shipmentWrapper___vvFUN .single-shipment-content__item___EOvzd .single-shipment-content__itemWrapper___Sz3u9 .single-shipment-content__rightDetails___Ll92n .single-shipment-content__paymentInfo___lbLQI .single-shipment-content__priceWrapper___KZYrt .single-shipment-content__markedPrice___GvV6W {
1024
1027
  font-size: 12px;
1025
1028
  text-decoration: line-through;
1026
1029
  color: var(--textLabel, #7d7676);
1027
- margin-right: 12px;
1030
+ margin-inline-end: 12px;
1028
1031
  }
1029
1032
  .single-shipment-content__reviewContentContainer___xogoD .single-shipment-content__shipmentWrapper___vvFUN .single-shipment-content__item___EOvzd .single-shipment-content__itemWrapper___Sz3u9 .single-shipment-content__rightDetails___Ll92n .single-shipment-content__paymentInfo___lbLQI .single-shipment-content__priceWrapper___KZYrt .single-shipment-content__discount___ur9L7 {
1030
1033
  font-weight: 500;
@@ -1053,7 +1056,7 @@ h5,
1053
1056
  font-size: 12px;
1054
1057
  line-height: 140%;
1055
1058
  color: var(--successText, #1c958f);
1056
- margin-right: 12px;
1059
+ margin-inline-end: 12px;
1057
1060
  width: fit-content;
1058
1061
  }
1059
1062
  .single-shipment-content__reviewContentContainer___xogoD .single-shipment-content__shipmentWrapper___vvFUN .single-shipment-content__item___EOvzd .single-shipment-content__itemWrapper___Sz3u9 .single-shipment-content__rightDetails___Ll92n .single-shipment-content__paymentInfo___lbLQI .single-shipment-content__offersWarning___bo1Rp .single-shipment-content__appliedOffer___I9cuC .single-shipment-content__offerInfoIcon___b6JtJ {
@@ -1107,7 +1110,7 @@ h5,
1107
1110
  }
1108
1111
  .single-shipment-content__proceedBtnWrapper___r54yh .single-shipment-content__proceedBtn___csoKN span {
1109
1112
  align-self: center;
1110
- margin-left: 3px;
1113
+ margin-inline-start: 3px;
1111
1114
  }
1112
1115
  @media only screen and (max-width: 480px) {
1113
1116
  .single-shipment-content__proceedBtnWrapper___r54yh .single-shipment-content__proceedBtn___csoKN {
@@ -1482,7 +1485,7 @@ h5,
1482
1485
  font-weight: 600;
1483
1486
  }
1484
1487
  .free-gift-item__freeArticleContainer___wFbcr .free-gift-item__quantityCount___zoOkQ {
1485
- margin-left: 8px;
1488
+ margin-inline-start: 8px;
1486
1489
  color: var(--textBody);
1487
1490
  font-weight: 400;
1488
1491
  }
@@ -1892,8 +1895,8 @@ h5,
1892
1895
  width: 100%;
1893
1896
  z-index: 1;
1894
1897
  bottom: 0;
1895
- left: 0;
1896
- right: 0;
1898
+ inset-inline-start: 0;
1899
+ inset-inline-end: 0;
1897
1900
  display: none;
1898
1901
  box-sizing: border-box;
1899
1902
  background-color: var(--pageBackground, #f8f8f8);
@@ -2410,7 +2413,7 @@ h5,
2410
2413
  justify-content: space-between;
2411
2414
  }
2412
2415
  .address-form__addressFormWrapper___M0Ler .address-form__formContainer___UrnfJ .address-form__labelClassName___vSawZ span {
2413
- color: var(--errorText, #b24141);
2416
+ color: var(--errorText, #ff3333);
2414
2417
  }
2415
2418
  .address-form__addressFormWrapper___M0Ler .address-form__formContainer___UrnfJ .address-form__formItemDiv___ciw5I:nth-child(odd) {
2416
2419
  margin-inline-end: 8px;
@@ -2421,7 +2424,7 @@ h5,
2421
2424
  }
2422
2425
  }
2423
2426
  .address-form__addressFormWrapper___M0Ler .address-form__formError___uBC6H {
2424
- color: var(--errorText, #b24141);
2427
+ color: var(--errorText, #ff3333);
2425
2428
  width: max-content;
2426
2429
  font-size: 12px;
2427
2430
  font-weight: 400;
@@ -2453,7 +2456,7 @@ h5,
2453
2456
  padding: 8px;
2454
2457
  white-space: nowrap;
2455
2458
  border-radius: 6px;
2456
- margin-right: 16px;
2459
+ margin-inline-end: 16px;
2457
2460
  border: 1px solid var(--dividerStokes);
2458
2461
  color: var(--textHeading, #26201a);
2459
2462
  }
@@ -2645,7 +2648,7 @@ h5,
2645
2648
  position: absolute;
2646
2649
  z-index: 1;
2647
2650
  top: 16px;
2648
- left: 50%;
2651
+ inset-inline-start: 50%;
2649
2652
  transform: translateX(-50%);
2650
2653
  border: 1px solid var(--dividerStokes);
2651
2654
  border-radius: 8px;
@@ -2724,10 +2727,16 @@ h5,
2724
2727
  background: linear-gradient(90deg, #cccccc, #efefef, #cccccc);
2725
2728
  animation: google-map__loading___w2nsO 0.8s infinite;
2726
2729
  }
2730
+ [dir="rtl"] .google-map__mapWrapper___YR7HM .google-map__skeleton___whDH9 > canvas {
2731
+ transform: translateX(100%);
2732
+ }
2727
2733
  @keyframes google-map__loading___w2nsO {
2728
2734
  100% {
2729
2735
  transform: translateX(100%);
2730
2736
  }
2737
+ [dir="rtl"] 100% {
2738
+ transform: translateX(-100%);
2739
+ }
2731
2740
  }
2732
2741
 
2733
2742
  /**color by character**/
@@ -3072,7 +3081,7 @@ h5,
3072
3081
  position: relative;
3073
3082
  }
3074
3083
  .fy-input__inputContainer___Du9V3 .fy-input__error___wplxk {
3075
- color: var(--errorText, #b24141);
3084
+ color: var(--errorText, #ff3333);
3076
3085
  padding-top: 5px;
3077
3086
  font-weight: 400;
3078
3087
  font-size: 12px;
@@ -3083,10 +3092,10 @@ h5,
3083
3092
  line-height: 21px;
3084
3093
  }
3085
3094
  .fy-input__label___YQgmr span {
3086
- color: var(--errorText, #b24141);
3095
+ color: var(--errorText, #ff3333);
3087
3096
  }
3088
3097
  .fy-input__required___MaAlL {
3089
- color: var(--errorText, #b24141);
3098
+ color: var(--errorText, #ff3333);
3090
3099
  }
3091
3100
  .fy-input__floating___jgtoq {
3092
3101
  position: absolute;
@@ -3133,7 +3142,7 @@ h5,
3133
3142
  border-color: var(--buttonPrimary, #4e3f09);
3134
3143
  }
3135
3144
  .fy-input__inputError___KsMkv {
3136
- border-color: var(--errorText, #b24141) !important;
3145
+ border-color: var(--errorText, #ff3333) !important;
3137
3146
  }
3138
3147
  .fy-input__no-border____9qYF {
3139
3148
  border: none;
@@ -3536,7 +3545,7 @@ h5,
3536
3545
  position: relative;
3537
3546
  }
3538
3547
  .fy-input-group__inputGroupContainer___DUhUi .fy-input-group__error___oRFgR {
3539
- color: var(--errorText, #b24141);
3548
+ color: var(--errorText, #ff3333);
3540
3549
  font-weight: 400;
3541
3550
  font-size: 12px;
3542
3551
  padding-top: 5px;
@@ -3547,7 +3556,7 @@ h5,
3547
3556
  line-height: 21px;
3548
3557
  }
3549
3558
  .fy-input-group__required___A8_zF {
3550
- color: var(--errorText, #b24141);
3559
+ color: var(--errorText, #ff3333);
3551
3560
  }
3552
3561
  .fy-input-group__fyInput___ufjFf {
3553
3562
  accent-color: var(--buttonPrimary, #4e3f09);
@@ -3914,13 +3923,13 @@ h5,
3914
3923
  position: relative;
3915
3924
  }
3916
3925
  .fy-dropdown__dropdownContainer___fhUVa .fy-dropdown__error___HSxiT {
3917
- color: var(--errorText, #b24141);
3926
+ color: var(--errorText, #ff3333);
3918
3927
  font-weight: 400;
3919
3928
  font-size: 12px;
3920
3929
  padding-top: 5px;
3921
3930
  }
3922
3931
  .fy-dropdown__dropdownContainer___fhUVa .fy-dropdown__required___h4JQY {
3923
- color: var(--errorText, #b24141);
3932
+ color: var(--errorText, #ff3333);
3924
3933
  }
3925
3934
  .fy-dropdown__dropdownContainer___fhUVa .fy-dropdown__dropdown___N1atH {
3926
3935
  box-sizing: border-box;
@@ -3938,7 +3947,7 @@ h5,
3938
3947
  cursor: not-allowed;
3939
3948
  }
3940
3949
  .fy-dropdown__dropdownContainer___fhUVa .fy-dropdown__dropdown___N1atH.fy-dropdown__dropDownError___IqJV1 {
3941
- border-color: var(--errorText, #b24141);
3950
+ border-color: var(--errorText, #ff3333);
3942
3951
  }
3943
3952
  .fy-dropdown__dropdownContainer___fhUVa .fy-dropdown__dropdown___N1atH .fy-dropdown__dropdownButton___SqCaQ {
3944
3953
  border-radius: 3px;
@@ -4353,7 +4362,7 @@ h5,
4353
4362
  flex-direction: column;
4354
4363
  }
4355
4364
  .mobile-number__mobileInputWrapper___Na12n .mobile-number__errorText___lRww6 {
4356
- color: var(--errorText, #b24141);
4365
+ color: var(--errorText, #ff3333);
4357
4366
  font-size: 12px;
4358
4367
  font-style: normal;
4359
4368
  font-weight: 400;
@@ -4361,28 +4370,28 @@ h5,
4361
4370
  margin-top: 5px;
4362
4371
  }
4363
4372
  .mobile-number__mobileInputWrapper___Na12n.mobile-number__errorInput___TKkzT label {
4364
- color: var(--errorText, #b24141);
4373
+ color: var(--errorText, #ff3333);
4365
4374
  font-size: 12px;
4366
4375
  font-style: normal;
4367
4376
  font-weight: 400;
4368
4377
  line-height: 16.8px;
4369
4378
  }
4370
4379
  .mobile-number__mobileInputWrapper___Na12n.mobile-number__errorInput___TKkzT .mobile-number__mobileNumberInput___iRnFG {
4371
- border: 1px solid var(--errorText, #b24141);
4380
+ border: 1px solid var(--errorText, #ff3333);
4372
4381
  }
4373
4382
  .mobile-number__mobileInputWrapper___Na12n .mobile-number__mobileInputContainer___deIgv {
4374
4383
  height: auto;
4375
4384
  }
4376
4385
  .mobile-number__mobileInputWrapper___Na12n .mobile-number__mobileInputContainer___deIgv .mobile-number__dialCodePreview___E0m4Z {
4377
4386
  border-inline: none;
4378
- padding-right: 4px;
4387
+ padding-inline-end: 4px;
4379
4388
  }
4380
4389
  .mobile-number__mobileInputWrapper___Na12n .mobile-number__mobileInputContainer___deIgv .mobile-number__mobileNumberInput___iRnFG {
4381
4390
  width: 100%;
4382
4391
  font-weight: 400;
4383
4392
  display: flex;
4384
- border-left: none;
4385
- padding-left: 4px;
4393
+ border-inline-start: none;
4394
+ padding-inline-start: 4px;
4386
4395
  }
4387
4396
  .mobile-number__mobileInputWrapper___Na12n .mobile-number__mobileInputContainer___deIgv .mobile-number__mobileNumberInput___iRnFG:focus-visible {
4388
4397
  outline: none;
@@ -4392,7 +4401,7 @@ h5,
4392
4401
  opacity: 0.3;
4393
4402
  }
4394
4403
  .mobile-number__required___yHCeh {
4395
- color: var(--errorText, #b24141);
4404
+ color: var(--errorText, #ff3333);
4396
4405
  }
4397
4406
  .mobile-number__countryDropdown___GP6Fo {
4398
4407
  background-color: aquamarine;
@@ -6070,8 +6079,8 @@ h5,
6070
6079
  .single-address-content__addressContentConitainer___CupPn .single-address-content__actionContainer___vCQh2 {
6071
6080
  position: fixed;
6072
6081
  bottom: 0;
6073
- left: 0;
6074
- right: 0;
6082
+ inset-inline-start: 0;
6083
+ inset-inline-end: 0;
6075
6084
  padding: 16px;
6076
6085
  background: var(--pageBackground, #f8f8f8);
6077
6086
  z-index: 2;
@@ -6126,7 +6135,7 @@ h5,
6126
6135
  font-weight: 600;
6127
6136
  font-size: 12px;
6128
6137
  line-height: 140%;
6129
- color: var(--errorText, #b24141);
6138
+ color: var(--errorText, #ff3333);
6130
6139
  }
6131
6140
  .single-address-content__invalidAddError___WDHnv .single-address-content__invalidAddErrorLeft___AUwWL .single-address-content__invalidAddErrorData___ardbO .single-address-content__invalidAddErrorSuggestion___BY4RT {
6132
6141
  font-weight: 400;
@@ -6140,7 +6149,7 @@ h5,
6140
6149
  line-height: 140%;
6141
6150
  text-align: center;
6142
6151
  text-transform: uppercase;
6143
- color: var(--errorText, #b24141);
6152
+ color: var(--errorText, #ff3333);
6144
6153
  cursor: pointer;
6145
6154
  }
6146
6155
 
@@ -7053,8 +7062,8 @@ h5,
7053
7062
  }
7054
7063
  @media only screen and (max-width: 768px) {
7055
7064
  .checkout__customStyles___Cgmm9 {
7056
- padding-left: 16px !important;
7057
- padding-right: 16px !important;
7065
+ padding-inline-start: 16px !important;
7066
+ padding-inline-end: 16px !important;
7058
7067
  }
7059
7068
  }
7060
7069
  @media only screen and (max-width: 768px) {
@@ -7555,7 +7564,7 @@ h5,
7555
7564
  .checkout-payment-content__container___HusGh .checkout-payment-content__navigationLink___jrTvz .checkout-payment-content__linkWrapper___rbKAK .checkout-payment-content__link___ZIR_i .checkout-payment-content__codCharge___o7TCE {
7556
7565
  font-weight: 400;
7557
7566
  font-size: 12px;
7558
- color: var(--errorText, #b24141);
7567
+ color: var(--errorText, #ff3333);
7559
7568
  line-height: 140%;
7560
7569
  border-radius: 4px;
7561
7570
  text-align: center;
@@ -7590,6 +7599,9 @@ h5,
7590
7599
  .checkout-payment-content__container___HusGh .checkout-payment-content__navigationLink___jrTvz .checkout-payment-content__linkWrapper___rbKAK .checkout-payment-content__arrowContainer___LDeoa.checkout-payment-content__codIconContainer____fdEj svg {
7591
7600
  transform: rotate(270deg);
7592
7601
  }
7602
+ [dir='rtl'] .checkout-payment-content__container___HusGh .checkout-payment-content__navigationLink___jrTvz .checkout-payment-content__linkWrapper___rbKAK .checkout-payment-content__arrowContainer___LDeoa.checkout-payment-content__codIconContainer____fdEj svg {
7603
+ transform: rotate(90deg);
7604
+ }
7593
7605
  .checkout-payment-content__container___HusGh .checkout-payment-content__navigationLink___jrTvz .checkout-payment-content__linkWrapper___rbKAK .checkout-payment-content__arrowContainer___LDeoa .checkout-payment-content__upsideDown___dk0Z9 {
7594
7606
  transform: rotate(180deg);
7595
7607
  }
@@ -7750,7 +7762,10 @@ h5,
7750
7762
  color: var(--textHeading);
7751
7763
  }
7752
7764
  .checkout-payment-content__container___HusGh .checkout-payment-content__cardTab___uYvQv .checkout-payment-content__savedCardWrapper___HlKIX .checkout-payment-content__cvvInfo___UveDM .checkout-payment-content__type___rvnHr .checkout-payment-content__desc___aVB9G {
7753
- margin: 8px 0 16px 0;
7765
+ margin-top: 8px;
7766
+ margin-inline-end: 0;
7767
+ margin-bottom: 16px;
7768
+ margin-inline-start: 0;
7754
7769
  color: var(--textBody);
7755
7770
  font-size: 12px;
7756
7771
  }
@@ -8022,7 +8037,7 @@ h5,
8022
8037
  color: var(--textBody, #3c3131);
8023
8038
  }
8024
8039
  .checkout-payment-content__container___HusGh .checkout-payment-content__cardTab___uYvQv .checkout-payment-content__newCardWrapper___p35go .checkout-payment-content__newCard___gXKVk .checkout-payment-content__error___DzZ0L {
8025
- border: 1px solid var(--errorText, #b24141);
8040
+ border: 1px solid var(--errorText, #ff3333);
8026
8041
  }
8027
8042
  .checkout-payment-content__container___HusGh .checkout-payment-content__cardTab___uYvQv .checkout-payment-content__newCardWrapper___p35go .checkout-payment-content__newCard___gXKVk .checkout-payment-content__inputName___VvI9l {
8028
8043
  position: absolute;
@@ -8036,10 +8051,10 @@ h5,
8036
8051
  padding: 0 4px;
8037
8052
  }
8038
8053
  .checkout-payment-content__container___HusGh .checkout-payment-content__cardTab___uYvQv .checkout-payment-content__newCardWrapper___p35go .checkout-payment-content__newCard___gXKVk .checkout-payment-content__inputName___VvI9l .checkout-payment-content__required___YDb3J {
8039
- color: var(--errorText, #b24141);
8054
+ color: var(--errorText, #ff3333);
8040
8055
  }
8041
8056
  .checkout-payment-content__container___HusGh .checkout-payment-content__cardTab___uYvQv .checkout-payment-content__newCardWrapper___p35go .checkout-payment-content__newCard___gXKVk .checkout-payment-content__errorInputName___creos {
8042
- color: var(--errorText, #b24141);
8057
+ color: var(--errorText, #ff3333);
8043
8058
  }
8044
8059
  .checkout-payment-content__container___HusGh .checkout-payment-content__cardTab___uYvQv .checkout-payment-content__newCardWrapper___p35go .checkout-payment-content__newCard___gXKVk .checkout-payment-content__rbiGuidelines___jmtpW {
8045
8060
  display: flex;
@@ -8075,7 +8090,10 @@ h5,
8075
8090
  padding: 16px;
8076
8091
  }
8077
8092
  .checkout-payment-content__container___HusGh .checkout-payment-content__cardTab___uYvQv .checkout-payment-content__newCardWrapper___p35go .checkout-payment-content__newCard___gXKVk .checkout-payment-content__rbiGuidelines___jmtpW .checkout-payment-content__rbiGuidelinesContent___ycqoZ ul {
8078
- padding: 0 0 0 16px;
8093
+ padding-top: 0;
8094
+ padding-inline-end: 0;
8095
+ padding-bottom: 0;
8096
+ padding-inline-start: 16px;
8079
8097
  }
8080
8098
  .checkout-payment-content__container___HusGh .checkout-payment-content__cardTab___uYvQv .checkout-payment-content__newCardWrapper___p35go .checkout-payment-content__newCard___gXKVk .checkout-payment-content__rbiGuidelines___jmtpW .checkout-payment-content__rbiGuidelinesContent___ycqoZ ul li {
8081
8099
  list-style-type: disc;
@@ -8150,7 +8168,10 @@ h5,
8150
8168
  }
8151
8169
  }
8152
8170
  .checkout-payment-content__container___HusGh .checkout-payment-content__cardTab___uYvQv .checkout-payment-content__newCardWrapper___p35go .checkout-payment-content__cvvInfo___UveDM .checkout-payment-content__type___rvnHr .checkout-payment-content__desc___aVB9G {
8153
- margin: 8px 0 16px 0;
8171
+ margin-top: 8px;
8172
+ margin-inline-end: 0;
8173
+ margin-bottom: 16px;
8174
+ margin-inline-start: 0;
8154
8175
  color: var(--textBody);
8155
8176
  }
8156
8177
  @media only screen and (min-width: 769px) {
@@ -8159,7 +8180,10 @@ h5,
8159
8180
  }
8160
8181
  }
8161
8182
  .checkout-payment-content__container___HusGh .checkout-payment-content__cardTab___uYvQv .checkout-payment-content__addNewCardModal___HuBPW {
8162
- padding: 0px 16px 24px 16px;
8183
+ padding-top: 0px;
8184
+ padding-inline-end: 16px;
8185
+ padding-bottom: 24px;
8186
+ padding-inline-start: 16px;
8163
8187
  }
8164
8188
  .checkout-payment-content__container___HusGh .checkout-payment-content__modePay___tBSpm .checkout-payment-content__payBtn___dgcAp,
8165
8189
  .checkout-payment-content__container___HusGh .checkout-payment-content__cardlessPay___dcGhw .checkout-payment-content__payBtn___dgcAp,
@@ -8546,13 +8570,13 @@ h5,
8546
8570
  border: 1px solid var(--primaryColor);
8547
8571
  }
8548
8572
  .checkout-payment-content__container___HusGh .checkout-payment-content__upiIdWrapper___Eqfiy .checkout-payment-content__error___DzZ0L {
8549
- border: 1px solid var(--errorText, #b24141);
8573
+ border: 1px solid var(--errorText, #ff3333);
8550
8574
  }
8551
8575
  .checkout-payment-content__container___HusGh .checkout-payment-content__upiIdWrapper___Eqfiy .checkout-payment-content__upiInput___unikS.checkout-payment-content__input___CtIj_ {
8552
8576
  border: 1px solid var(--primaryColor);
8553
8577
  }
8554
8578
  .checkout-payment-content__container___HusGh .checkout-payment-content__upiIdWrapper___Eqfiy .checkout-payment-content__upiInput___unikS.checkout-payment-content__error___DzZ0L {
8555
- border: 1px solid var(--errorText, #b24141);
8579
+ border: 1px solid var(--errorText, #ff3333);
8556
8580
  }
8557
8581
  .checkout-payment-content__container___HusGh .checkout-payment-content__upiIdWrapper___Eqfiy .checkout-payment-content__inputName___VvI9l {
8558
8582
  position: absolute;
@@ -8566,10 +8590,10 @@ h5,
8566
8590
  padding: 0 4px;
8567
8591
  }
8568
8592
  .checkout-payment-content__container___HusGh .checkout-payment-content__upiIdWrapper___Eqfiy .checkout-payment-content__inputName___VvI9l .checkout-payment-content__required___YDb3J {
8569
- color: var(--errorText, #b24141);
8593
+ color: var(--errorText, #ff3333);
8570
8594
  }
8571
8595
  .checkout-payment-content__container___HusGh .checkout-payment-content__upiIdWrapper___Eqfiy .checkout-payment-content__errorInputName___creos {
8572
- color: var(--errorText, #b24141);
8596
+ color: var(--errorText, #ff3333);
8573
8597
  }
8574
8598
  .checkout-payment-content__container___HusGh .checkout-payment-content__upiPay___CycYi .checkout-payment-content__payBtn___dgcAp {
8575
8599
  padding: 14px;
@@ -8624,7 +8648,7 @@ h5,
8624
8648
  .checkout-payment-content__container___HusGh .checkout-payment-content__codInfo___MgPkv {
8625
8649
  font-weight: 400;
8626
8650
  font-size: 12px;
8627
- color: var(--errorText, #b24141);
8651
+ color: var(--errorText, #ff3333);
8628
8652
  line-height: 140%;
8629
8653
  background-color: #fbeaea;
8630
8654
  border-radius: 4px;
@@ -8672,7 +8696,7 @@ h5,
8672
8696
  color: green;
8673
8697
  }
8674
8698
  .checkout-payment-content__container___HusGh .checkout-payment-content__formError___Mntli {
8675
- color: var(--errorText, #b24141);
8699
+ color: var(--errorText, #ff3333);
8676
8700
  font-size: 12px;
8677
8701
  font-weight: 400;
8678
8702
  margin-top: 8px;
@@ -8794,7 +8818,10 @@ h5,
8794
8818
  font-weight: 700;
8795
8819
  font-size: 24px;
8796
8820
  line-height: 33.6px;
8797
- margin: 16px 0 8px 0;
8821
+ margin-top: 16px;
8822
+ margin-inline-end: 0;
8823
+ margin-bottom: 8px;
8824
+ margin-inline-start: 0;
8798
8825
  color: var(--primaryColor);
8799
8826
  }
8800
8827
  .checkout-payment-content__upiRedirectionModal___A77Sr .checkout-payment-content__message___r1UVA {
@@ -8864,7 +8891,7 @@ h5,
8864
8891
  font-size: 12px;
8865
8892
  font-weight: 400;
8866
8893
  line-height: 16.8px;
8867
- color: var(--errorText, #b24141);
8894
+ color: var(--errorText, #ff3333);
8868
8895
  text-align: center;
8869
8896
  }
8870
8897
  .checkout-payment-content__codModal___SSel2 .checkout-payment-content__payBtn___dgcAp {
@@ -8982,7 +9009,7 @@ h5,
8982
9009
  border-radius: 4px;
8983
9010
  }
8984
9011
  .checkout-payment-content__upiError___hFHVG {
8985
- color: var(--errorText, #b24141);
9012
+ color: var(--errorText, #ff3333);
8986
9013
  font-size: 12px;
8987
9014
  font-weight: 400;
8988
9015
  }
@@ -9089,7 +9116,7 @@ h5,
9089
9116
  }
9090
9117
  .checkout-payment-content__crossMobile___jmnlv {
9091
9118
  position: absolute;
9092
- right: 16px;
9119
+ inset-inline-end: 16px;
9093
9120
  }
9094
9121
  .checkout-payment-content__noResultFound___suFuv {
9095
9122
  color: var(--Text-Body, #4d4d4e);
@@ -9859,7 +9886,7 @@ h5,
9859
9886
  color: var(--textHeading);
9860
9887
  }
9861
9888
  .checkout-payment__paymentContainer___1UBn5 .checkout-payment__reviewHeaderUnselect___KZS1G .checkout-payment__unsetPaddingLeft___MfCqa {
9862
- padding-left: 0 !important;
9889
+ padding-inline-start: 0 !important;
9863
9890
  }
9864
9891
  .checkout-payment__paymentContainer___1UBn5 .checkout-payment__paymentHeaderSelect___m4N3s {
9865
9892
  display: flex;
@@ -9908,7 +9935,7 @@ h5,
9908
9935
  }
9909
9936
  }
9910
9937
  .checkout-payment__paymentContainer___1UBn5 .checkout-payment__paymentHeaderSelect___m4N3s .checkout-payment__unsetPaddingLeft___MfCqa {
9911
- padding-left: 0 !important;
9938
+ padding-inline-start: 0 !important;
9912
9939
  }
9913
9940
  .checkout-payment__paymentContainer___1UBn5 .checkout-payment__paymentFailedHeader___hxZJR {
9914
9941
  border-width: 0 1px 1px 1px;
@@ -9927,7 +9954,7 @@ h5,
9927
9954
  }
9928
9955
  .checkout-payment__paymentContainer___1UBn5 .checkout-payment__paymentFailedHeader___hxZJR .checkout-payment__redSplit___RhEIg {
9929
9956
  width: 8px;
9930
- background: var(--errorText, #b24141);
9957
+ background: var(--errorText, #ff3333);
9931
9958
  border-radius: 8px 0px 0px 8px;
9932
9959
  }
9933
9960
 
@@ -10287,7 +10314,7 @@ h5,
10287
10314
  font-size: 14px;
10288
10315
  font-weight: 600;
10289
10316
  line-height: 140%;
10290
- color: var(--errorText, #b24141);
10317
+ color: var(--errorText, #ff3333);
10291
10318
  margin-bottom: 4px;
10292
10319
  }
10293
10320
  .checkout-payment-failure__paymentFailedContainer___dz8Zc .checkout-payment-failure__wrapper___C8Z_W .checkout-payment-failure__header___Lfvf8 .checkout-payment-failure__paymentErrMsg___gg6bD {
@@ -11603,7 +11630,7 @@ h5,
11603
11630
  font-size: 12px;
11604
11631
  font-weight: 600;
11605
11632
  margin-inline-start: 14px;
11606
- color: var(--errorText, #b24141);
11633
+ color: var(--errorText, #ff3333);
11607
11634
  }
11608
11635
  .coupon__modalContent___BJog_ .coupon__modalBody___vZ3YF .coupon__couponInputBox___mlvGS {
11609
11636
  position: relative;
@@ -12346,8 +12373,11 @@ h5,
12346
12373
  .comment__commentOuterBox___tyEJJ .comment__inputBox___hqxzy .comment__commentError___qZ8ZF {
12347
12374
  font-weight: 400;
12348
12375
  font-size: 10px;
12349
- color: var(--errorText, #b24141);
12350
- padding: 12px 12px 0px 12px;
12376
+ color: var(--errorText, #ff3333);
12377
+ padding-top: 12px;
12378
+ padding-inline-end: 12px;
12379
+ padding-bottom: 0px;
12380
+ padding-inline-start: 12px;
12351
12381
  }
12352
12382
  .comment__modelHeader___zmsaH {
12353
12383
  display: flex;
@@ -12368,8 +12398,8 @@ h5,
12368
12398
  }
12369
12399
  @media only screen and (max-width: 768px) {
12370
12400
  .comment__modalContainer___iL5Lo {
12371
- border-top-left-radius: 4px;
12372
- border-top-right-radius: 4px;
12401
+ border-start-start-radius: 4px;
12402
+ border-start-end-radius: 4px;
12373
12403
  }
12374
12404
  }
12375
12405
  .comment__modalContent___YcBhL {
@@ -12409,7 +12439,7 @@ h5,
12409
12439
  color: var(--textLabel, #7d7676);
12410
12440
  font-weight: 400;
12411
12441
  width: max-content;
12412
- margin-left: auto;
12442
+ margin-inline-start: auto;
12413
12443
  font-size: 12px;
12414
12444
  line-height: 140%;
12415
12445
  /* 16.8px */