@gofynd/theme-template 3.2.32 → 3.2.34

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 (26) hide show
  1. package/dist/components/payment-options/card-payment.css +3556 -0
  2. package/dist/components/payment-options/card-payment.js +1 -0
  3. package/dist/components/payment-options/cardless-emi-pay.js +1 -0
  4. package/dist/components/payment-options/cod-payment.css +497 -0
  5. package/dist/components/payment-options/cod-payment.js +1 -0
  6. package/dist/components/payment-options/net-banking-pay.css +497 -0
  7. package/dist/components/payment-options/net-banking-pay.js +1 -0
  8. package/dist/components/payment-options/other-pay.js +1 -0
  9. package/dist/components/payment-options/pay-later.js +1 -0
  10. package/dist/components/payment-options/qr-code-pay.js +1 -0
  11. package/dist/components/payment-options/upi-app-pay.css +497 -0
  12. package/dist/components/payment-options/upi-app-pay.js +1 -0
  13. package/dist/components/payment-options/wallet-pay.css +497 -0
  14. package/dist/components/payment-options/wallet-pay.js +1 -0
  15. package/dist/index.js +1 -1
  16. package/dist/page-layouts/payment/useCheckoutPayment.js +1 -0
  17. package/dist/page-layouts/single-checkout/payment/card-form.js +1 -1
  18. package/dist/page-layouts/single-checkout/payment/checkout-payment-content.css +269 -1257
  19. package/dist/page-layouts/single-checkout/payment/checkout-payment-content.js +1 -1
  20. package/dist/page-layouts/single-checkout/payment/checkout-payment.css +268 -1256
  21. package/dist/page-layouts/single-checkout/payment/checkout-payment.js +1 -1
  22. package/dist/page-layouts/single-checkout/payment/juspay-card-from.js +1 -1
  23. package/dist/pages/checkout/checkout.js +1 -1
  24. package/dist/pages/checkout/index.js +1 -1
  25. package/dist/pages/index.js +1 -1
  26. package/package.json +1 -1
@@ -3951,59 +3951,59 @@ h5,
3951
3951
  /**color by character**/
3952
3952
  /** Font family **/
3953
3953
  /** Font weight **/
3954
- .fy-button__display-block___vef36 {
3954
+ .skeleton__display-block___flsvh {
3955
3955
  display: block;
3956
3956
  }
3957
- .fy-button__inline-block___AP9JK,
3958
- .fy-button__inlineBlock___xYCrv {
3957
+ .skeleton__inline-block___D3lZU,
3958
+ .skeleton__inlineBlock___jupAM {
3959
3959
  display: inline-block;
3960
3960
  }
3961
- .fy-button__flex-row___PMsJD {
3961
+ .skeleton__flex-row___b7XIS {
3962
3962
  display: flex;
3963
3963
  }
3964
- .fy-button__flex-column___vcBv1,
3965
- .fy-button__flexColumn___ReqFL {
3964
+ .skeleton__flex-column___cx8gj,
3965
+ .skeleton__flexColumn___LJ8kN {
3966
3966
  display: flex;
3967
3967
  flex-direction: column;
3968
3968
  }
3969
- .fy-button__flex-align-center___QErLo,
3970
- .fy-button__flexAlignCenter___byvov {
3969
+ .skeleton__flex-align-center___BkiwJ,
3970
+ .skeleton__flexAlignCenter___eDO81 {
3971
3971
  display: flex;
3972
3972
  align-items: center;
3973
3973
  }
3974
- .fy-button__flex-justify-center___myq9D,
3975
- .fy-button__flexJustifyCenter___mJQrA {
3974
+ .skeleton__flex-justify-center___Bprfn,
3975
+ .skeleton__flexJustifyCenter___Vbv2j {
3976
3976
  display: flex;
3977
3977
  justify-content: center;
3978
3978
  }
3979
- .fy-button__flex-center____Om97,
3980
- .fy-button__flexCenter___PHlCU {
3979
+ .skeleton__flex-center___cMoDY,
3980
+ .skeleton__flexCenter___XDPsj {
3981
3981
  display: flex;
3982
3982
  justify-content: center;
3983
3983
  align-items: center;
3984
3984
  }
3985
- .fy-button__justify-start___vgs9K,
3986
- .fy-button__justifyStart___NggTJ {
3985
+ .skeleton__justify-start___Yje0h,
3986
+ .skeleton__justifyStart___hRG1R {
3987
3987
  justify-content: flex-start;
3988
3988
  }
3989
- .fy-button__justify-end___evwo6,
3990
- .fy-button__justifyEnd___fDa0b {
3989
+ .skeleton__justify-end___RBgxm,
3990
+ .skeleton__justifyEnd___TvO4Q {
3991
3991
  justify-content: flex-end;
3992
3992
  }
3993
- .fy-button__justify-between___gbKe9,
3994
- .fy-button__justifyBetween___XdXo5 {
3993
+ .skeleton__justify-between___V2gwm,
3994
+ .skeleton__justifyBetween___EBTai {
3995
3995
  justify-content: space-between;
3996
3996
  }
3997
- .fy-button__justify-around___O7fq3,
3998
- .fy-button__justifyAround___NdK7j {
3997
+ .skeleton__justify-around___aZcpf,
3998
+ .skeleton__justifyAround___nDOBv {
3999
3999
  justify-content: space-around;
4000
4000
  }
4001
- .fy-button__justify-evenly___Fukno,
4002
- .fy-button__justifyEvenly____8lbT {
4001
+ .skeleton__justify-evenly___X9J4f,
4002
+ .skeleton__justifyEvenly___indDM {
4003
4003
  justify-content: space-evenly;
4004
4004
  }
4005
4005
  h1,
4006
- .fy-button__h1___ljmcG {
4006
+ .skeleton__h1___stHxc {
4007
4007
  font-weight: 700;
4008
4008
  font-size: 28px;
4009
4009
  line-height: 42px;
@@ -4012,13 +4012,13 @@ h1,
4012
4012
  }
4013
4013
  @media only screen and (min-width: 769px) {
4014
4014
  h1,
4015
- .fy-button__h1___ljmcG {
4015
+ .skeleton__h1___stHxc {
4016
4016
  font-size: 36px;
4017
4017
  line-height: 48px;
4018
4018
  }
4019
4019
  }
4020
4020
  h2,
4021
- .fy-button__h2___dtda8 {
4021
+ .skeleton__h2___mN5C0 {
4022
4022
  font-weight: 700;
4023
4023
  font-size: 28px;
4024
4024
  line-height: 36px;
@@ -4027,13 +4027,13 @@ h2,
4027
4027
  }
4028
4028
  @media only screen and (min-width: 769px) {
4029
4029
  h2,
4030
- .fy-button__h2___dtda8 {
4030
+ .skeleton__h2___mN5C0 {
4031
4031
  font-size: 32px;
4032
4032
  line-height: 42px;
4033
4033
  }
4034
4034
  }
4035
4035
  h3,
4036
- .fy-button__h3___HHfmk {
4036
+ .skeleton__h3___kIOpi {
4037
4037
  font-weight: 700;
4038
4038
  letter-spacing: -0.02em;
4039
4039
  color: var(--textHeading, #26201a);
@@ -4042,7 +4042,7 @@ h3,
4042
4042
  }
4043
4043
  @media only screen and (min-width: 769px) {
4044
4044
  h3,
4045
- .fy-button__h3___HHfmk {
4045
+ .skeleton__h3___kIOpi {
4046
4046
  font-weight: 700;
4047
4047
  letter-spacing: -0.02em;
4048
4048
  color: var(--textHeading, #26201a);
@@ -4051,7 +4051,7 @@ h3,
4051
4051
  }
4052
4052
  }
4053
4053
  h4,
4054
- .fy-button__h4___SvINy {
4054
+ .skeleton__h4___QpgGo {
4055
4055
  font-weight: 600;
4056
4056
  letter-spacing: -0.02em;
4057
4057
  color: var(--textHeading, #26201a);
@@ -4060,7 +4060,7 @@ h4,
4060
4060
  }
4061
4061
  @media only screen and (min-width: 769px) {
4062
4062
  h4,
4063
- .fy-button__h4___SvINy {
4063
+ .skeleton__h4___QpgGo {
4064
4064
  font-weight: 600;
4065
4065
  letter-spacing: -0.02em;
4066
4066
  color: var(--textHeading, #26201a);
@@ -4069,7 +4069,7 @@ h4,
4069
4069
  }
4070
4070
  }
4071
4071
  h5,
4072
- .fy-button__h5___LNYpO {
4072
+ .skeleton__h5___PMPlP {
4073
4073
  font-weight: 600;
4074
4074
  font-size: 14px;
4075
4075
  line-height: 16px;
@@ -4078,12 +4078,12 @@ h5,
4078
4078
  }
4079
4079
  @media only screen and (min-width: 769px) {
4080
4080
  h5,
4081
- .fy-button__h5___LNYpO {
4081
+ .skeleton__h5___PMPlP {
4082
4082
  font-size: 16px;
4083
4083
  line-height: 18px;
4084
4084
  }
4085
4085
  }
4086
- .fy-button__b1___cBoS2 {
4086
+ .skeleton__b1___hpM23 {
4087
4087
  font-weight: 400;
4088
4088
  font-size: 14px;
4089
4089
  line-height: 18px;
@@ -4091,14 +4091,14 @@ h5,
4091
4091
  color: var(--textBody, #3c3131);
4092
4092
  }
4093
4093
  @media only screen and (min-width: 769px) {
4094
- .fy-button__b1___cBoS2 {
4094
+ .skeleton__b1___hpM23 {
4095
4095
  font-size: 16px;
4096
4096
  line-height: 20px;
4097
4097
  }
4098
4098
  }
4099
- .fy-button__b-small___s1m8o,
4100
- .fy-button__bSmall___fny2f,
4101
- .fy-button__b2___gOnJ1 {
4099
+ .skeleton__b-small___femyP,
4100
+ .skeleton__bSmall___PhkFq,
4101
+ .skeleton__b2___agwxR {
4102
4102
  font-weight: 400;
4103
4103
  letter-spacing: -0.02em;
4104
4104
  color: var(--textBody, #3c3131);
@@ -4106,9 +4106,9 @@ h5,
4106
4106
  line-height: 16px;
4107
4107
  }
4108
4108
  @media only screen and (min-width: 769px) {
4109
- .fy-button__b-small___s1m8o,
4110
- .fy-button__bSmall___fny2f,
4111
- .fy-button__b2___gOnJ1 {
4109
+ .skeleton__b-small___femyP,
4110
+ .skeleton__bSmall___PhkFq,
4111
+ .skeleton__b2___agwxR {
4112
4112
  font-weight: 400;
4113
4113
  letter-spacing: -0.02em;
4114
4114
  color: var(--textBody, #3c3131);
@@ -4116,47 +4116,47 @@ h5,
4116
4116
  line-height: 18px;
4117
4117
  }
4118
4118
  }
4119
- .fy-button__d1___jr5H6 {
4119
+ .skeleton__d1___M0nh7 {
4120
4120
  font-size: 36px;
4121
4121
  font-weight: 700;
4122
4122
  line-height: 48px;
4123
4123
  letter-spacing: -0.02em;
4124
4124
  }
4125
4125
  @media only screen and (min-width: 769px) {
4126
- .fy-button__d1___jr5H6 {
4126
+ .skeleton__d1___M0nh7 {
4127
4127
  font-size: 64px;
4128
4128
  line-height: 85px;
4129
4129
  letter-spacing: -0.03em;
4130
4130
  }
4131
4131
  }
4132
- .fy-button__caption-medium___PSB4T,
4133
- .fy-button__captionMedium___iW0z_ {
4132
+ .skeleton__caption-medium___j0WKW,
4133
+ .skeleton__captionMedium___SNpGl {
4134
4134
  font-size: 12px;
4135
4135
  line-height: 1.5;
4136
4136
  letter-spacing: -0.02em;
4137
4137
  font-weight: 500;
4138
4138
  }
4139
4139
  @media only screen and (max-width: 480px) {
4140
- .fy-button__caption-medium___PSB4T,
4141
- .fy-button__captionMedium___iW0z_ {
4140
+ .skeleton__caption-medium___j0WKW,
4141
+ .skeleton__captionMedium___SNpGl {
4142
4142
  font-size: 11px;
4143
4143
  }
4144
4144
  }
4145
- .fy-button__caption-semi-bold___FFG2N,
4146
- .fy-button__captionSemiBold___czTMx {
4145
+ .skeleton__caption-semi-bold___F07Te,
4146
+ .skeleton__captionSemiBold___LuLP_ {
4147
4147
  font-size: 12px;
4148
4148
  line-height: 1.5;
4149
4149
  letter-spacing: -0.02em;
4150
4150
  font-weight: 600;
4151
4151
  }
4152
4152
  @media only screen and (max-width: 480px) {
4153
- .fy-button__caption-semi-bold___FFG2N,
4154
- .fy-button__captionSemiBold___czTMx {
4153
+ .skeleton__caption-semi-bold___F07Te,
4154
+ .skeleton__captionSemiBold___LuLP_ {
4155
4155
  font-size: 11px;
4156
4156
  }
4157
4157
  }
4158
- .fy-button__btn-link___bKkQ1,
4159
- .fy-button__btnLink___jOAiL {
4158
+ .skeleton__btn-link___ueOwS,
4159
+ .skeleton__btnLink___DnIPP {
4160
4160
  font-weight: 500;
4161
4161
  letter-spacing: -0.02em;
4162
4162
  font-size: 12px;
@@ -4169,72 +4169,72 @@ h5,
4169
4169
  border: none;
4170
4170
  }
4171
4171
  @media only screen and (min-width: 769px) {
4172
- .fy-button__btn-link___bKkQ1,
4173
- .fy-button__btnLink___jOAiL {
4172
+ .skeleton__btn-link___ueOwS,
4173
+ .skeleton__btnLink___DnIPP {
4174
4174
  font-weight: 500;
4175
4175
  letter-spacing: -0.02em;
4176
4176
  font-size: 14px;
4177
4177
  line-height: 16px;
4178
4178
  }
4179
4179
  }
4180
- .fy-button__btn-link___bKkQ1:hover,
4181
- .fy-button__btnLink___jOAiL:hover {
4180
+ .skeleton__btn-link___ueOwS:hover,
4181
+ .skeleton__btnLink___DnIPP:hover {
4182
4182
  color: var(--buttonLinkL1, #c1847c);
4183
4183
  }
4184
- .fy-button__btn-link___bKkQ1:disabled,
4185
- .fy-button__btnLink___jOAiL:disabled {
4184
+ .skeleton__btn-link___ueOwS:disabled,
4185
+ .skeleton__btnLink___DnIPP:disabled {
4186
4186
  color: var(--buttonLinkL2, #d0a39d);
4187
4187
  }
4188
- .fy-button__btn-link___bKkQ1:active,
4189
- .fy-button__btnLink___jOAiL:active {
4188
+ .skeleton__btn-link___ueOwS:active,
4189
+ .skeleton__btnLink___DnIPP:active {
4190
4190
  opacity: 0.8;
4191
4191
  }
4192
- .fy-button__user-select-none___CegHT,
4193
- .fy-button__userSelectNone___DdRnr {
4192
+ .skeleton__user-select-none___B9lxY,
4193
+ .skeleton__userSelectNone___vwf3u {
4194
4194
  user-select: none;
4195
4195
  -moz-user-select: none;
4196
4196
  -webkit-user-select: none;
4197
4197
  -ms-user-select: none;
4198
4198
  }
4199
- .fy-button__margin-0-auto___f2LiK,
4200
- .fy-button__margin0auto___LCb81 {
4199
+ .skeleton__margin-0-auto___fv4h7,
4200
+ .skeleton__margin0auto___Sxq8P {
4201
4201
  margin: 0 auto;
4202
4202
  }
4203
- .fy-button__base-page-container___blkPJ,
4204
- .fy-button__basePageContainer___ciPsX {
4203
+ .skeleton__base-page-container___cwTaq,
4204
+ .skeleton__basePageContainer___rsyqY {
4205
4205
  max-width: 1440px !important;
4206
4206
  }
4207
- .fy-button__remove-scroll___Kd5MZ,
4208
- .fy-button__removeScroll___UpL4U {
4207
+ .skeleton__remove-scroll___n57D0,
4208
+ .skeleton__removeScroll___v2NfV {
4209
4209
  overflow-y: hidden !important;
4210
4210
  }
4211
- .fy-button__mr-5___A5qJJ,
4212
- .fy-button__mr5___BRUgW {
4211
+ .skeleton__mr-5___TUJhu,
4212
+ .skeleton__mr5___p6f6O {
4213
4213
  margin-inline-end: 30px !important;
4214
4214
  }
4215
- .fy-button__mr-2___Qtkhv,
4216
- .fy-button__mr2___ajbyt {
4215
+ .skeleton__mr-2___M4HUK,
4216
+ .skeleton__mr2___AY7Il {
4217
4217
  margin-inline-end: 5px !important;
4218
4218
  }
4219
- .fy-button__py-5___y7k5w,
4220
- .fy-button__py5___Zi5JN {
4219
+ .skeleton__py-5___b283_,
4220
+ .skeleton__py5___DxZhQ {
4221
4221
  padding-top: 1.875rem !important;
4222
4222
  padding-bottom: 1.875rem !important;
4223
4223
  }
4224
- .fy-button__view-all-text___U6bgs,
4225
- .fy-button__viewAllText___CpXoj {
4224
+ .skeleton__view-all-text___dUB_v,
4225
+ .skeleton__viewAllText___dh6dW {
4226
4226
  font-size: 20px;
4227
4227
  font-weight: 400;
4228
4228
  text-transform: lowercase;
4229
4229
  text-decoration: underline;
4230
4230
  }
4231
- .fy-button__view-all-mobile___T8nf5,
4232
- .fy-button__viewAllMobile___yLYMO {
4231
+ .skeleton__view-all-mobile___hF9hT,
4232
+ .skeleton__viewAllMobile___NApno {
4233
4233
  display: none;
4234
4234
  }
4235
4235
  @media only screen and (max-width: 768px) {
4236
- .fy-button__view-all-mobile___T8nf5,
4237
- .fy-button__viewAllMobile___yLYMO {
4236
+ .skeleton__view-all-mobile___hF9hT,
4237
+ .skeleton__viewAllMobile___NApno {
4238
4238
  display: flex;
4239
4239
  align-items: center;
4240
4240
  justify-content: center;
@@ -4242,270 +4242,136 @@ h5,
4242
4242
  }
4243
4243
  }
4244
4244
  @media only screen and (max-width: 480px) {
4245
- .fy-button__view-all-mobile___T8nf5,
4246
- .fy-button__viewAllMobile___yLYMO {
4245
+ .skeleton__view-all-mobile___hF9hT,
4246
+ .skeleton__viewAllMobile___NApno {
4247
4247
  margin-top: 24px;
4248
4248
  }
4249
4249
  }
4250
- .fy-button__accent-btn___xbDFn,
4251
- .fy-button__accentBtn___opgXg {
4250
+ .skeleton__accent-btn___CAKLm,
4251
+ .skeleton__accentBtn___KeRbh {
4252
4252
  background-color: var(--accentColor);
4253
4253
  color: #fff;
4254
4254
  }
4255
- .fy-button__no-scroll___oFpSx,
4256
- .fy-button__noScroll___ghKBa {
4255
+ .skeleton__no-scroll___h6SgF,
4256
+ .skeleton__noScroll___pVZD0 {
4257
4257
  overflow-y: hidden;
4258
4258
  }
4259
- .fy-button__hide-overflow___wDMEA,
4260
- .fy-button__hideOverflow___F8mRq {
4259
+ .skeleton__hide-overflow___eiE7w,
4260
+ .skeleton__hideOverflow___sdeqq {
4261
4261
  overflow: hidden;
4262
4262
  }
4263
- .fy-button__markdown-body___uimil h6 {
4263
+ .skeleton__markdown-body___PFXgo h6 {
4264
4264
  margin-top: 0 !important;
4265
4265
  margin-bottom: 0 !important;
4266
4266
  }
4267
4267
  @media only screen and (max-width: 480px) {
4268
- .fy-button__markdown-body___uimil {
4268
+ .skeleton__markdown-body___PFXgo {
4269
4269
  font-size: 12px !important;
4270
4270
  padding: 5px !important;
4271
4271
  }
4272
4272
  }
4273
- .fy-button__view3d-canvas___E1pOb {
4273
+ .skeleton__view3d-canvas___SS8rP {
4274
4274
  width: 100%;
4275
4275
  height: 100%;
4276
4276
  }
4277
4277
  @media only screen and (max-width: 480px) {
4278
- .fy-button__view-mobile-up___sto08 {
4278
+ .skeleton__view-mobile-up___P2q7H {
4279
4279
  display: none !important;
4280
4280
  }
4281
4281
  }
4282
4282
  @media only screen and (min-width: 481px) {
4283
- .fy-button__view-mobile___yMsQF {
4283
+ .skeleton__view-mobile___dqi1b {
4284
4284
  display: none !important;
4285
4285
  }
4286
4286
  }
4287
- .fy-button__button___UES8C {
4288
- font-family: inherit;
4289
- border: none;
4290
- border-radius: var(--buttonRadius, 0px);
4291
- cursor: pointer;
4292
- display: flex;
4293
- align-items: center;
4294
- justify-content: center;
4295
- text-align: center;
4296
- gap: 6px;
4297
- transition: background-color 0.3s ease;
4298
- }
4299
- .fy-button__button___UES8C span {
4300
- display: inline-flex;
4301
- }
4302
- .fy-button__button___UES8C:focus-visible {
4303
- outline: none;
4304
- box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
4305
- }
4306
- .fy-button__button___UES8C:disabled {
4307
- cursor: not-allowed;
4308
- opacity: 0.7;
4309
- }
4310
- .fy-button__button___UES8C .fy-button__loaderContainer___BYHJs {
4311
- position: unset;
4312
- background: transparent;
4313
- height: auto;
4314
- z-index: 0;
4315
- }
4316
- .fy-button__button___UES8C .fy-button__loader___eJW6i {
4317
- height: 14px;
4318
- width: unset;
4319
- aspect-ratio: 1;
4320
- border: 2px solid var(--buttonPrimaryL3, #b8b29d);
4321
- border-top: 2px solid var(--buttonPrimary, #4e3f09);
4322
- padding: 0;
4323
- margin-inline-start: 0;
4324
- }
4325
- .fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__contained___F5O7g.fy-button__primary___xKz1S {
4326
- border-top-color: #ffffff;
4327
- }
4328
- .fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__text___HwP6V.fy-button__secondary___z_hBB,
4329
- .fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__outlined___WccQN.fy-button__secondary___z_hBB {
4330
- border: 2px solid var(--buttonPrimaryL3, #b8b29d);
4331
- border-top: 2px solid var(--buttonPrimary, #4e3f09);
4332
- }
4333
- .fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__text___HwP6V.fy-button__error___guhqH,
4334
- .fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__outlined___WccQN.fy-button__error___guhqH {
4335
- border: 2px solid var(--errorBackground, #e6d5d5);
4336
- border-top: 2px solid var(--errorText, #ff3333);
4337
- }
4338
- .fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__text___HwP6V.fy-button__success___M7fJl,
4339
- .fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__outlined___WccQN.fy-button__success___M7fJl {
4340
- border: 2px solid var(--successBackground, #c2dbc9);
4341
- border-top: 2px solid var(--successText, #1c958f);
4342
- }
4343
- .fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__error___guhqH {
4344
- border: 2px solid #ffffff;
4345
- border-top: 2px solid var(--errorText, #ff3333);
4346
- }
4347
- .fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__success___M7fJl {
4348
- border: 2px solid #ffffff;
4349
- border-top: 2px solid var(--successText, #1c958f);
4350
- }
4351
- .fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__secondary___z_hBB {
4352
- border: 2px solid #ffffff;
4353
- border-top: 2px solid var(--buttonPrimary, #4e3f09);
4354
- }
4355
- .fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__medium___uyLw8 {
4356
- height: 30px;
4357
- border-width: 4px;
4358
- }
4359
- .fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__large___nv2sC {
4360
- height: 40px;
4361
- border-width: 4px;
4362
- }
4363
- .fy-button__fullWidth___FLrWt {
4287
+ .skeleton__skeleton___waQcS {
4288
+ background-color: #f0f0f0;
4289
+ display: block;
4290
+ position: relative;
4291
+ overflow: hidden;
4364
4292
  width: 100%;
4365
4293
  }
4366
- .fy-button__text___HwP6V {
4367
- background-color: transparent;
4368
- color: var(--buttonPrimary, #4e3f09);
4369
- }
4370
- .fy-button__text___HwP6V.fy-button__secondary___z_hBB {
4371
- color: var(--buttonPrimary, #4e3f09);
4372
- }
4373
- .fy-button__text___HwP6V.fy-button__error___guhqH {
4374
- color: var(--errorText, #ff3333);
4375
- }
4376
- .fy-button__text___HwP6V.fy-button__success___M7fJl {
4377
- color: var(--successText, #1c958f);
4378
- }
4379
- .fy-button__contained___F5O7g {
4380
- background-color: var(--buttonPrimary, #4e3f09);
4381
- color: #ffffff;
4382
- }
4383
- .fy-button__contained___F5O7g.fy-button__primary___xKz1S:hover:not(:disabled) {
4384
- background-color: var(--buttonPrimaryL1, #71653a);
4385
- color: #ffffff;
4386
- }
4387
- .fy-button__contained___F5O7g.fy-button__secondary___z_hBB {
4388
- background-color: var(--buttonSecondary, #fff);
4389
- color: var(--buttonPrimary, #4e3f09);
4390
- }
4391
- .fy-button__contained___F5O7g.fy-button__secondary___z_hBB:hover:not(:disabled) {
4392
- background-color: var(--buttonPrimaryL1, #71653a);
4393
- color: #ffffff;
4394
- }
4395
- .fy-button__contained___F5O7g.fy-button__error___guhqH {
4396
- background-color: var(--errorBackground, #e6d5d5);
4397
- color: var(--errorText, #ff3333);
4398
- }
4399
- .fy-button__contained___F5O7g.fy-button__success___M7fJl {
4400
- background-color: var(--successBackground, #c2dbc9);
4401
- color: var(--successText, #1c958f);
4402
- }
4403
- .fy-button__outlined___WccQN {
4404
- background-color: transparent;
4405
- border: 1px solid var(--buttonPrimary, #4e3f09);
4406
- color: var(--buttonPrimary, #4e3f09);
4407
- }
4408
- .fy-button__outlined___WccQN.fy-button__primary___xKz1S:hover:not(:disabled) {
4409
- background-color: var(--buttonPrimary, #4e3f09);
4410
- color: var(--buttonSecondary, #fff);
4411
- }
4412
- .fy-button__outlined___WccQN.fy-button__primary___xKz1S:hover:not(:disabled) svg path {
4413
- fill: var(--buttonSecondary, #fff);
4414
- }
4415
- .fy-button__outlined___WccQN.fy-button__secondary___z_hBB {
4416
- border: 1px solid var(--buttonSecondary, #fff);
4417
- color: var(--buttonPrimary, #4e3f09);
4418
- }
4419
- .fy-button__outlined___WccQN.fy-button__secondary___z_hBB:hover:not(:disabled) {
4420
- background-color: var(--buttonPrimary, #4e3f09);
4421
- color: #ffffff;
4422
- }
4423
- .fy-button__outlined___WccQN.fy-button__error___guhqH {
4424
- border: 1px solid var(--errorBackground, #e6d5d5);
4425
- color: var(--errorText, #ff3333);
4426
- }
4427
- .fy-button__outlined___WccQN.fy-button__success___M7fJl {
4428
- border: 1px solid var(--successBackground, #c2dbc9);
4429
- color: var(--successText, #1c958f);
4430
- }
4431
- .fy-button__info___zO7uV {
4432
- background-color: var(--informationBackground, #ebd3bc);
4433
- color: var(--informationText, #d28f51);
4434
- cursor: unset;
4435
- }
4436
- .fy-button__small___MktU8 {
4437
- padding: 5px 10px;
4438
- font-size: 12px;
4294
+ .skeleton__skeleton___waQcS::after {
4295
+ content: "";
4296
+ position: absolute;
4297
+ top: 0;
4298
+ right: 0;
4299
+ bottom: 0;
4300
+ left: 0;
4301
+ background: linear-gradient(90deg, var(--themeAccentL4, #f9f6f0) 25%, var(--themeAccentL3, #f5f1e7) 50%, var(--themeAccentL4, #f9f6f0) 75%);
4302
+ background-size: 200% 100%;
4303
+ animation: skeleton__skeletonWave___Y__OR 1.5s ease-in-out infinite;
4439
4304
  }
4440
- .fy-button__medium___uyLw8 {
4441
- height: 48px;
4442
- padding: 12px 28px;
4443
- font-size: 14px;
4444
- font-weight: 500;
4445
- line-height: normal;
4446
- letter-spacing: -0.28px;
4305
+ .skeleton__skeletonGroup___zpi9b {
4306
+ width: 100%;
4307
+ display: flex;
4308
+ flex-direction: column;
4447
4309
  }
4448
- .fy-button__large___nv2sC {
4449
- padding: 15px 20px;
4450
- font-size: 16px;
4310
+ @keyframes skeleton__skeletonWave___Y__OR {
4311
+ 0% {
4312
+ background-position: -200% 0;
4313
+ }
4314
+ 100% {
4315
+ background-position: 200% 0;
4316
+ }
4451
4317
  }
4452
4318
 
4453
4319
  /**color by character**/
4454
4320
  /** Font family **/
4455
4321
  /** Font weight **/
4456
- .loader__display-block___C28Wh {
4322
+ .checkout-payment-skeleton__display-block___NMCjw {
4457
4323
  display: block;
4458
4324
  }
4459
- .loader__inline-block___qe6ST,
4460
- .loader__inlineBlock___RbcTU {
4325
+ .checkout-payment-skeleton__inline-block___Jbt_a,
4326
+ .checkout-payment-skeleton__inlineBlock___apd_z {
4461
4327
  display: inline-block;
4462
4328
  }
4463
- .loader__flex-row___jtutA {
4329
+ .checkout-payment-skeleton__flex-row___Y4GCR {
4464
4330
  display: flex;
4465
4331
  }
4466
- .loader__flex-column___Xo1gh,
4467
- .loader__flexColumn___BZ1uV {
4332
+ .checkout-payment-skeleton__flex-column___XXV3n,
4333
+ .checkout-payment-skeleton__flexColumn___Atcok {
4468
4334
  display: flex;
4469
4335
  flex-direction: column;
4470
4336
  }
4471
- .loader__flex-align-center___QKakD,
4472
- .loader__flexAlignCenter____hCbC {
4337
+ .checkout-payment-skeleton__flex-align-center___rsSto,
4338
+ .checkout-payment-skeleton__flexAlignCenter___foDNE {
4473
4339
  display: flex;
4474
4340
  align-items: center;
4475
4341
  }
4476
- .loader__flex-justify-center___iXbnu,
4477
- .loader__flexJustifyCenter___x_1Sc {
4342
+ .checkout-payment-skeleton__flex-justify-center___TIRRV,
4343
+ .checkout-payment-skeleton__flexJustifyCenter___TsdZa {
4478
4344
  display: flex;
4479
4345
  justify-content: center;
4480
4346
  }
4481
- .loader__flex-center___cERbN,
4482
- .loader__flexCenter___FRjsH {
4347
+ .checkout-payment-skeleton__flex-center___DFvLJ,
4348
+ .checkout-payment-skeleton__flexCenter___UUlSs {
4483
4349
  display: flex;
4484
4350
  justify-content: center;
4485
4351
  align-items: center;
4486
4352
  }
4487
- .loader__justify-start___PXa_q,
4488
- .loader__justifyStart___RIbpq {
4353
+ .checkout-payment-skeleton__justify-start___k4RZ3,
4354
+ .checkout-payment-skeleton__justifyStart___aqqgv {
4489
4355
  justify-content: flex-start;
4490
4356
  }
4491
- .loader__justify-end___N_MxT,
4492
- .loader__justifyEnd___c9Puj {
4357
+ .checkout-payment-skeleton__justify-end___I2bpx,
4358
+ .checkout-payment-skeleton__justifyEnd___m3yJ2 {
4493
4359
  justify-content: flex-end;
4494
4360
  }
4495
- .loader__justify-between___ryNlc,
4496
- .loader__justifyBetween___bNm10 {
4361
+ .checkout-payment-skeleton__justify-between___Bd_Y8,
4362
+ .checkout-payment-skeleton__justifyBetween___LaZ7m {
4497
4363
  justify-content: space-between;
4498
4364
  }
4499
- .loader__justify-around___kWvQU,
4500
- .loader__justifyAround___TO6v6 {
4365
+ .checkout-payment-skeleton__justify-around___zpZIe,
4366
+ .checkout-payment-skeleton__justifyAround___tijMQ {
4501
4367
  justify-content: space-around;
4502
4368
  }
4503
- .loader__justify-evenly___r6oLK,
4504
- .loader__justifyEvenly___NI1zZ {
4369
+ .checkout-payment-skeleton__justify-evenly___xLp3y,
4370
+ .checkout-payment-skeleton__justifyEvenly___tIKTj {
4505
4371
  justify-content: space-evenly;
4506
4372
  }
4507
4373
  h1,
4508
- .loader__h1___N9UmV {
4374
+ .checkout-payment-skeleton__h1___H8SVk {
4509
4375
  font-weight: 700;
4510
4376
  font-size: 28px;
4511
4377
  line-height: 42px;
@@ -4514,13 +4380,13 @@ h1,
4514
4380
  }
4515
4381
  @media only screen and (min-width: 769px) {
4516
4382
  h1,
4517
- .loader__h1___N9UmV {
4383
+ .checkout-payment-skeleton__h1___H8SVk {
4518
4384
  font-size: 36px;
4519
4385
  line-height: 48px;
4520
4386
  }
4521
4387
  }
4522
4388
  h2,
4523
- .loader__h2___tLPka {
4389
+ .checkout-payment-skeleton__h2___t2pb9 {
4524
4390
  font-weight: 700;
4525
4391
  font-size: 28px;
4526
4392
  line-height: 36px;
@@ -4529,13 +4395,13 @@ h2,
4529
4395
  }
4530
4396
  @media only screen and (min-width: 769px) {
4531
4397
  h2,
4532
- .loader__h2___tLPka {
4398
+ .checkout-payment-skeleton__h2___t2pb9 {
4533
4399
  font-size: 32px;
4534
4400
  line-height: 42px;
4535
4401
  }
4536
4402
  }
4537
4403
  h3,
4538
- .loader__h3___lpAs2 {
4404
+ .checkout-payment-skeleton__h3___JZA6b {
4539
4405
  font-weight: 700;
4540
4406
  letter-spacing: -0.02em;
4541
4407
  color: var(--textHeading, #26201a);
@@ -4544,7 +4410,7 @@ h3,
4544
4410
  }
4545
4411
  @media only screen and (min-width: 769px) {
4546
4412
  h3,
4547
- .loader__h3___lpAs2 {
4413
+ .checkout-payment-skeleton__h3___JZA6b {
4548
4414
  font-weight: 700;
4549
4415
  letter-spacing: -0.02em;
4550
4416
  color: var(--textHeading, #26201a);
@@ -4553,7 +4419,7 @@ h3,
4553
4419
  }
4554
4420
  }
4555
4421
  h4,
4556
- .loader__h4___I9T7x {
4422
+ .checkout-payment-skeleton__h4___Sejpy {
4557
4423
  font-weight: 600;
4558
4424
  letter-spacing: -0.02em;
4559
4425
  color: var(--textHeading, #26201a);
@@ -4562,7 +4428,7 @@ h4,
4562
4428
  }
4563
4429
  @media only screen and (min-width: 769px) {
4564
4430
  h4,
4565
- .loader__h4___I9T7x {
4431
+ .checkout-payment-skeleton__h4___Sejpy {
4566
4432
  font-weight: 600;
4567
4433
  letter-spacing: -0.02em;
4568
4434
  color: var(--textHeading, #26201a);
@@ -4571,7 +4437,7 @@ h4,
4571
4437
  }
4572
4438
  }
4573
4439
  h5,
4574
- .loader__h5___U0S2a {
4440
+ .checkout-payment-skeleton__h5___ZmHNf {
4575
4441
  font-weight: 600;
4576
4442
  font-size: 14px;
4577
4443
  line-height: 16px;
@@ -4580,12 +4446,12 @@ h5,
4580
4446
  }
4581
4447
  @media only screen and (min-width: 769px) {
4582
4448
  h5,
4583
- .loader__h5___U0S2a {
4449
+ .checkout-payment-skeleton__h5___ZmHNf {
4584
4450
  font-size: 16px;
4585
4451
  line-height: 18px;
4586
4452
  }
4587
4453
  }
4588
- .loader__b1___ava08 {
4454
+ .checkout-payment-skeleton__b1___xBfWs {
4589
4455
  font-weight: 400;
4590
4456
  font-size: 14px;
4591
4457
  line-height: 18px;
@@ -4593,14 +4459,14 @@ h5,
4593
4459
  color: var(--textBody, #3c3131);
4594
4460
  }
4595
4461
  @media only screen and (min-width: 769px) {
4596
- .loader__b1___ava08 {
4462
+ .checkout-payment-skeleton__b1___xBfWs {
4597
4463
  font-size: 16px;
4598
4464
  line-height: 20px;
4599
4465
  }
4600
4466
  }
4601
- .loader__b-small___MxINE,
4602
- .loader__bSmall___vHKDM,
4603
- .loader__b2___yNXNt {
4467
+ .checkout-payment-skeleton__b-small___awOnR,
4468
+ .checkout-payment-skeleton__bSmall___ePO4T,
4469
+ .checkout-payment-skeleton__b2___ioudk {
4604
4470
  font-weight: 400;
4605
4471
  letter-spacing: -0.02em;
4606
4472
  color: var(--textBody, #3c3131);
@@ -4608,9 +4474,9 @@ h5,
4608
4474
  line-height: 16px;
4609
4475
  }
4610
4476
  @media only screen and (min-width: 769px) {
4611
- .loader__b-small___MxINE,
4612
- .loader__bSmall___vHKDM,
4613
- .loader__b2___yNXNt {
4477
+ .checkout-payment-skeleton__b-small___awOnR,
4478
+ .checkout-payment-skeleton__bSmall___ePO4T,
4479
+ .checkout-payment-skeleton__b2___ioudk {
4614
4480
  font-weight: 400;
4615
4481
  letter-spacing: -0.02em;
4616
4482
  color: var(--textBody, #3c3131);
@@ -4618,47 +4484,47 @@ h5,
4618
4484
  line-height: 18px;
4619
4485
  }
4620
4486
  }
4621
- .loader__d1___zLD7l {
4487
+ .checkout-payment-skeleton__d1___CPRep {
4622
4488
  font-size: 36px;
4623
4489
  font-weight: 700;
4624
4490
  line-height: 48px;
4625
4491
  letter-spacing: -0.02em;
4626
4492
  }
4627
4493
  @media only screen and (min-width: 769px) {
4628
- .loader__d1___zLD7l {
4494
+ .checkout-payment-skeleton__d1___CPRep {
4629
4495
  font-size: 64px;
4630
4496
  line-height: 85px;
4631
4497
  letter-spacing: -0.03em;
4632
4498
  }
4633
4499
  }
4634
- .loader__caption-medium___Urevx,
4635
- .loader__captionMedium___AiB4A {
4500
+ .checkout-payment-skeleton__caption-medium___D3mNq,
4501
+ .checkout-payment-skeleton__captionMedium___EsDcw {
4636
4502
  font-size: 12px;
4637
4503
  line-height: 1.5;
4638
4504
  letter-spacing: -0.02em;
4639
4505
  font-weight: 500;
4640
4506
  }
4641
4507
  @media only screen and (max-width: 480px) {
4642
- .loader__caption-medium___Urevx,
4643
- .loader__captionMedium___AiB4A {
4508
+ .checkout-payment-skeleton__caption-medium___D3mNq,
4509
+ .checkout-payment-skeleton__captionMedium___EsDcw {
4644
4510
  font-size: 11px;
4645
4511
  }
4646
4512
  }
4647
- .loader__caption-semi-bold___F9hrq,
4648
- .loader__captionSemiBold___GwZZD {
4513
+ .checkout-payment-skeleton__caption-semi-bold___rdysM,
4514
+ .checkout-payment-skeleton__captionSemiBold___pzGer {
4649
4515
  font-size: 12px;
4650
4516
  line-height: 1.5;
4651
4517
  letter-spacing: -0.02em;
4652
4518
  font-weight: 600;
4653
4519
  }
4654
4520
  @media only screen and (max-width: 480px) {
4655
- .loader__caption-semi-bold___F9hrq,
4656
- .loader__captionSemiBold___GwZZD {
4521
+ .checkout-payment-skeleton__caption-semi-bold___rdysM,
4522
+ .checkout-payment-skeleton__captionSemiBold___pzGer {
4657
4523
  font-size: 11px;
4658
4524
  }
4659
4525
  }
4660
- .loader__btn-link___z7cQQ,
4661
- .loader__btnLink___hjxLE {
4526
+ .checkout-payment-skeleton__btn-link___kDjUa,
4527
+ .checkout-payment-skeleton__btnLink___M9X0x {
4662
4528
  font-weight: 500;
4663
4529
  letter-spacing: -0.02em;
4664
4530
  font-size: 12px;
@@ -4671,72 +4537,72 @@ h5,
4671
4537
  border: none;
4672
4538
  }
4673
4539
  @media only screen and (min-width: 769px) {
4674
- .loader__btn-link___z7cQQ,
4675
- .loader__btnLink___hjxLE {
4540
+ .checkout-payment-skeleton__btn-link___kDjUa,
4541
+ .checkout-payment-skeleton__btnLink___M9X0x {
4676
4542
  font-weight: 500;
4677
4543
  letter-spacing: -0.02em;
4678
4544
  font-size: 14px;
4679
4545
  line-height: 16px;
4680
4546
  }
4681
4547
  }
4682
- .loader__btn-link___z7cQQ:hover,
4683
- .loader__btnLink___hjxLE:hover {
4548
+ .checkout-payment-skeleton__btn-link___kDjUa:hover,
4549
+ .checkout-payment-skeleton__btnLink___M9X0x:hover {
4684
4550
  color: var(--buttonLinkL1, #c1847c);
4685
4551
  }
4686
- .loader__btn-link___z7cQQ:disabled,
4687
- .loader__btnLink___hjxLE:disabled {
4552
+ .checkout-payment-skeleton__btn-link___kDjUa:disabled,
4553
+ .checkout-payment-skeleton__btnLink___M9X0x:disabled {
4688
4554
  color: var(--buttonLinkL2, #d0a39d);
4689
4555
  }
4690
- .loader__btn-link___z7cQQ:active,
4691
- .loader__btnLink___hjxLE:active {
4556
+ .checkout-payment-skeleton__btn-link___kDjUa:active,
4557
+ .checkout-payment-skeleton__btnLink___M9X0x:active {
4692
4558
  opacity: 0.8;
4693
4559
  }
4694
- .loader__user-select-none___M5hoJ,
4695
- .loader__userSelectNone___iA0b1 {
4560
+ .checkout-payment-skeleton__user-select-none___yQqNZ,
4561
+ .checkout-payment-skeleton__userSelectNone___y2hQk {
4696
4562
  user-select: none;
4697
4563
  -moz-user-select: none;
4698
4564
  -webkit-user-select: none;
4699
4565
  -ms-user-select: none;
4700
4566
  }
4701
- .loader__margin-0-auto___T2r2j,
4702
- .loader__margin0auto___ZVL7u {
4567
+ .checkout-payment-skeleton__margin-0-auto___CO4PP,
4568
+ .checkout-payment-skeleton__margin0auto___eIQZr {
4703
4569
  margin: 0 auto;
4704
4570
  }
4705
- .loader__base-page-container____Zsxk,
4706
- .loader__basePageContainer___DLiFl {
4571
+ .checkout-payment-skeleton__base-page-container___VLd15,
4572
+ .checkout-payment-skeleton__basePageContainer___ZUx0c {
4707
4573
  max-width: 1440px !important;
4708
4574
  }
4709
- .loader__remove-scroll___hWs9Y,
4710
- .loader__removeScroll___HDDzE {
4575
+ .checkout-payment-skeleton__remove-scroll___CUq6r,
4576
+ .checkout-payment-skeleton__removeScroll___ekgtH {
4711
4577
  overflow-y: hidden !important;
4712
4578
  }
4713
- .loader__mr-5___eLBs7,
4714
- .loader__mr5___zJD9I {
4579
+ .checkout-payment-skeleton__mr-5___umJ2P,
4580
+ .checkout-payment-skeleton__mr5___EYMLe {
4715
4581
  margin-inline-end: 30px !important;
4716
4582
  }
4717
- .loader__mr-2___tbwub,
4718
- .loader__mr2___X89Qh {
4719
- margin-inline-end: 5px !important;
4583
+ .checkout-payment-skeleton__mr-2___pVi6A,
4584
+ .checkout-payment-skeleton__mr2___t8Sju {
4585
+ margin-inline-end: 5px !important;
4720
4586
  }
4721
- .loader__py-5___pdJLF,
4722
- .loader__py5___AvRNG {
4587
+ .checkout-payment-skeleton__py-5___BseOW,
4588
+ .checkout-payment-skeleton__py5___dObQz {
4723
4589
  padding-top: 1.875rem !important;
4724
4590
  padding-bottom: 1.875rem !important;
4725
4591
  }
4726
- .loader__view-all-text___liiUk,
4727
- .loader__viewAllText___Y96u7 {
4592
+ .checkout-payment-skeleton__view-all-text___l6OD2,
4593
+ .checkout-payment-skeleton__viewAllText___FeM_U {
4728
4594
  font-size: 20px;
4729
4595
  font-weight: 400;
4730
4596
  text-transform: lowercase;
4731
4597
  text-decoration: underline;
4732
4598
  }
4733
- .loader__view-all-mobile___ZXDhV,
4734
- .loader__viewAllMobile___h_w0I {
4599
+ .checkout-payment-skeleton__view-all-mobile___xGEz_,
4600
+ .checkout-payment-skeleton__viewAllMobile___JNZZi {
4735
4601
  display: none;
4736
4602
  }
4737
4603
  @media only screen and (max-width: 768px) {
4738
- .loader__view-all-mobile___ZXDhV,
4739
- .loader__viewAllMobile___h_w0I {
4604
+ .checkout-payment-skeleton__view-all-mobile___xGEz_,
4605
+ .checkout-payment-skeleton__viewAllMobile___JNZZi {
4740
4606
  display: flex;
4741
4607
  align-items: center;
4742
4608
  justify-content: center;
@@ -4744,196 +4610,118 @@ h5,
4744
4610
  }
4745
4611
  }
4746
4612
  @media only screen and (max-width: 480px) {
4747
- .loader__view-all-mobile___ZXDhV,
4748
- .loader__viewAllMobile___h_w0I {
4613
+ .checkout-payment-skeleton__view-all-mobile___xGEz_,
4614
+ .checkout-payment-skeleton__viewAllMobile___JNZZi {
4749
4615
  margin-top: 24px;
4750
4616
  }
4751
4617
  }
4752
- .loader__accent-btn___P6FBY,
4753
- .loader__accentBtn___VC5di {
4618
+ .checkout-payment-skeleton__accent-btn___HMDSw,
4619
+ .checkout-payment-skeleton__accentBtn___sWZYK {
4754
4620
  background-color: var(--accentColor);
4755
4621
  color: #fff;
4756
4622
  }
4757
- .loader__no-scroll___vVb6b,
4758
- .loader__noScroll___ddkr9 {
4623
+ .checkout-payment-skeleton__no-scroll___BYVT_,
4624
+ .checkout-payment-skeleton__noScroll___wPPip {
4759
4625
  overflow-y: hidden;
4760
4626
  }
4761
- .loader__hide-overflow___sIszC,
4762
- .loader__hideOverflow___qX4zB {
4627
+ .checkout-payment-skeleton__hide-overflow___an1dW,
4628
+ .checkout-payment-skeleton__hideOverflow___WQc4T {
4763
4629
  overflow: hidden;
4764
4630
  }
4765
- .loader__markdown-body___ZDTE_ h6 {
4631
+ .checkout-payment-skeleton__markdown-body___yazIR h6 {
4766
4632
  margin-top: 0 !important;
4767
4633
  margin-bottom: 0 !important;
4768
4634
  }
4769
4635
  @media only screen and (max-width: 480px) {
4770
- .loader__markdown-body___ZDTE_ {
4636
+ .checkout-payment-skeleton__markdown-body___yazIR {
4771
4637
  font-size: 12px !important;
4772
4638
  padding: 5px !important;
4773
4639
  }
4774
4640
  }
4775
- .loader__view3d-canvas___Y51aL {
4641
+ .checkout-payment-skeleton__view3d-canvas___vz_8I {
4776
4642
  width: 100%;
4777
4643
  height: 100%;
4778
4644
  }
4779
4645
  @media only screen and (max-width: 480px) {
4780
- .loader__view-mobile-up___tbZ1n {
4646
+ .checkout-payment-skeleton__view-mobile-up___hzAVv {
4781
4647
  display: none !important;
4782
4648
  }
4783
4649
  }
4784
4650
  @media only screen and (min-width: 481px) {
4785
- .loader__view-mobile___zSuiC {
4651
+ .checkout-payment-skeleton__view-mobile___eDTpn {
4786
4652
  display: none !important;
4787
4653
  }
4788
4654
  }
4789
- .loader__loading___r6ySa {
4790
- position: fixed;
4791
- z-index: 2000;
4792
- height: 2em;
4793
- width: 2em;
4794
- overflow: visible;
4795
- margin: auto;
4796
- top: 0;
4797
- inset-inline-start: 0;
4798
- bottom: 0;
4799
- inset-inline-end: 0;
4655
+ .checkout-payment-skeleton__paymentSkeleton___Yj2Co {
4656
+ display: flex;
4657
+ gap: 24px;
4800
4658
  }
4801
- /* Transparent Overlay */
4802
- .loader__loading___r6ySa:before {
4803
- content: "";
4804
- display: block;
4805
- position: fixed;
4806
- top: 0;
4807
- inset-inline-start: 0;
4808
- width: 100%;
4809
- height: 100%;
4810
- background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
4811
- background: -webkit-radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
4812
- }
4813
- /* :not(:required) hides these rules from IE9 and below */
4814
- .loader__loading___r6ySa:not(:required) {
4815
- /* hide "loading..." text */
4816
- font: 0/0 a;
4817
- color: transparent;
4818
- text-shadow: none;
4819
- background-color: transparent;
4820
- border: 0;
4821
- }
4822
- .loader__loading___r6ySa:not(:required):after {
4823
- content: "";
4824
- display: block;
4825
- font-size: 10px;
4826
- width: 1em;
4827
- height: 1em;
4828
- margin-top: -0.5em;
4829
- -webkit-animation: loader__spinner___zNEkS 150ms infinite linear;
4830
- -moz-animation: loader__spinner___zNEkS 150ms infinite linear;
4831
- -ms-animation: loader__spinner___zNEkS 150ms infinite linear;
4832
- -o-animation: loader__spinner___zNEkS 150ms infinite linear;
4833
- animation: loader__spinner___zNEkS 150ms infinite linear;
4834
- border-radius: 0.5em;
4835
- -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
4836
- box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
4837
- }
4838
- /* Animation */
4839
- @-webkit-keyframes loader__spinner___zNEkS {
4840
- 0% {
4841
- -webkit-transform: rotate(0deg);
4842
- -moz-transform: rotate(0deg);
4843
- -ms-transform: rotate(0deg);
4844
- -o-transform: rotate(0deg);
4845
- transform: rotate(0deg);
4846
- }
4847
- 100% {
4848
- -webkit-transform: rotate(360deg);
4849
- -moz-transform: rotate(360deg);
4850
- -ms-transform: rotate(360deg);
4851
- -o-transform: rotate(360deg);
4852
- transform: rotate(360deg);
4659
+ @media only screen and (min-width: 769px) and (max-width: 1024px) {
4660
+ .checkout-payment-skeleton__paymentSkeleton___Yj2Co {
4661
+ margin: 8px;
4853
4662
  }
4854
4663
  }
4855
- @-moz-keyframes loader__spinner___zNEkS {
4856
- 0% {
4857
- -webkit-transform: rotate(0deg);
4858
- -moz-transform: rotate(0deg);
4859
- -ms-transform: rotate(0deg);
4860
- -o-transform: rotate(0deg);
4861
- transform: rotate(0deg);
4862
- }
4863
- 100% {
4864
- -webkit-transform: rotate(360deg);
4865
- -moz-transform: rotate(360deg);
4866
- -ms-transform: rotate(360deg);
4867
- -o-transform: rotate(360deg);
4868
- transform: rotate(360deg);
4664
+ @media only screen and (min-width: 769px) {
4665
+ .checkout-payment-skeleton__paymentSkeleton___Yj2Co {
4666
+ margin: 24px 0px 10px 0px;
4667
+ border: 1px solid var(--dividerStokes);
4668
+ border-radius: 0 0 8px 8px;
4869
4669
  }
4870
4670
  }
4871
- @-o-keyframes loader__spinner___zNEkS {
4872
- 0% {
4873
- -webkit-transform: rotate(0deg);
4874
- -moz-transform: rotate(0deg);
4875
- -ms-transform: rotate(0deg);
4876
- -o-transform: rotate(0deg);
4877
- transform: rotate(0deg);
4878
- }
4879
- 100% {
4880
- -webkit-transform: rotate(360deg);
4881
- -moz-transform: rotate(360deg);
4882
- -ms-transform: rotate(360deg);
4883
- -o-transform: rotate(360deg);
4884
- transform: rotate(360deg);
4885
- }
4671
+ .checkout-payment-skeleton__leftNav___VI5F9 {
4672
+ width: 33.33%;
4673
+ display: flex;
4674
+ flex-direction: column;
4675
+ border-color: var(--dividerStokes);
4676
+ border-radius: 4px 0 0 4px;
4677
+ padding: 8px 0;
4886
4678
  }
4887
- @keyframes loader__spinner___zNEkS {
4888
- 0% {
4889
- -webkit-transform: rotate(0deg);
4890
- -moz-transform: rotate(0deg);
4891
- -ms-transform: rotate(0deg);
4892
- -o-transform: rotate(0deg);
4893
- transform: rotate(0deg);
4894
- }
4895
- 100% {
4896
- -webkit-transform: rotate(360deg);
4897
- -moz-transform: rotate(360deg);
4898
- -ms-transform: rotate(360deg);
4899
- -o-transform: rotate(360deg);
4900
- transform: rotate(360deg);
4679
+ @media only screen and (max-width: 768px) {
4680
+ .checkout-payment-skeleton__leftNav___VI5F9 {
4681
+ display: none;
4901
4682
  }
4902
4683
  }
4903
- .loader__page-loader-container___jJHee {
4904
- position: fixed;
4905
- top: 0;
4906
- inset-inline-start: 0;
4907
- width: 100%;
4908
- background: rgba(0, 0, 0, 0.1);
4909
- display: flex;
4910
- justify-content: center;
4684
+ .checkout-payment-skeleton__navItem___fM653 {
4685
+ display: grid;
4686
+ grid-template-columns: 38px 1fr;
4911
4687
  align-items: center;
4912
- height: 100vh;
4913
- z-index: 222;
4688
+ gap: 12px;
4689
+ padding: 16px;
4690
+ border-bottom: 1px solid var(--dividerStokes);
4914
4691
  }
4915
- .loader__loader___ytdT3 {
4916
- border: 8px solid var(--themeAccentL4, #f9f6f0);
4917
- border-top: 8px solid var(--themeAccentD3, #5c584e);
4918
- border-radius: 50%;
4919
- width: 50px;
4920
- height: 50px;
4921
- animation: loader__spin___omoke 2s linear infinite;
4922
- margin-inline-start: 10%;
4692
+ .checkout-payment-skeleton__rightPanel___QgPKv {
4693
+ width: 66.66%;
4694
+ display: flex;
4695
+ flex-direction: column;
4696
+ gap: 16px;
4697
+ border-color: var(--dividerStokes);
4698
+ border-radius: 0 4px 4px 0;
4699
+ padding: 24px;
4923
4700
  }
4924
- @keyframes loader__spin___omoke {
4925
- 0% {
4926
- transform: rotate(0deg);
4701
+ @media only screen and (min-width: 769px) and (max-width: 1024px) {
4702
+ .checkout-payment-skeleton__rightPanel___QgPKv {
4703
+ width: 100%;
4704
+ padding: 16px;
4705
+ border-width: 1px;
4927
4706
  }
4928
- 100% {
4929
- transform: rotate(360deg);
4707
+ }
4708
+ .checkout-payment-skeleton__field___sIP5X {
4709
+ width: 100%;
4710
+ }
4711
+ .checkout-payment-skeleton__row___H6phv {
4712
+ display: grid;
4713
+ grid-template-columns: 1fr 140px;
4714
+ gap: 16px;
4715
+ }
4716
+ @media only screen and (max-width: 768px) {
4717
+ .checkout-payment-skeleton__row___H6phv {
4718
+ grid-template-columns: 1fr;
4930
4719
  }
4931
4720
  }
4932
- .loader__page-loader-container___jJHee p {
4933
- margin-inline-start: 10px;
4934
- font-weight: bold;
4935
- color: #333;
4936
- /* Dark grey */
4721
+ .checkout-payment-skeleton__checkboxRow___EedIm {
4722
+ display: flex;
4723
+ align-items: center;
4724
+ gap: 8px;
4937
4725
  }
4938
4726
 
4939
4727
  /**color by character**/
@@ -5289,779 +5077,3 @@ h5,
5289
5077
  }
5290
5078
  }
5291
5079
 
5292
- /**color by character**/
5293
- /** Font family **/
5294
- /** Font weight **/
5295
- .skeleton__display-block___flsvh {
5296
- display: block;
5297
- }
5298
- .skeleton__inline-block___D3lZU,
5299
- .skeleton__inlineBlock___jupAM {
5300
- display: inline-block;
5301
- }
5302
- .skeleton__flex-row___b7XIS {
5303
- display: flex;
5304
- }
5305
- .skeleton__flex-column___cx8gj,
5306
- .skeleton__flexColumn___LJ8kN {
5307
- display: flex;
5308
- flex-direction: column;
5309
- }
5310
- .skeleton__flex-align-center___BkiwJ,
5311
- .skeleton__flexAlignCenter___eDO81 {
5312
- display: flex;
5313
- align-items: center;
5314
- }
5315
- .skeleton__flex-justify-center___Bprfn,
5316
- .skeleton__flexJustifyCenter___Vbv2j {
5317
- display: flex;
5318
- justify-content: center;
5319
- }
5320
- .skeleton__flex-center___cMoDY,
5321
- .skeleton__flexCenter___XDPsj {
5322
- display: flex;
5323
- justify-content: center;
5324
- align-items: center;
5325
- }
5326
- .skeleton__justify-start___Yje0h,
5327
- .skeleton__justifyStart___hRG1R {
5328
- justify-content: flex-start;
5329
- }
5330
- .skeleton__justify-end___RBgxm,
5331
- .skeleton__justifyEnd___TvO4Q {
5332
- justify-content: flex-end;
5333
- }
5334
- .skeleton__justify-between___V2gwm,
5335
- .skeleton__justifyBetween___EBTai {
5336
- justify-content: space-between;
5337
- }
5338
- .skeleton__justify-around___aZcpf,
5339
- .skeleton__justifyAround___nDOBv {
5340
- justify-content: space-around;
5341
- }
5342
- .skeleton__justify-evenly___X9J4f,
5343
- .skeleton__justifyEvenly___indDM {
5344
- justify-content: space-evenly;
5345
- }
5346
- h1,
5347
- .skeleton__h1___stHxc {
5348
- font-weight: 700;
5349
- font-size: 28px;
5350
- line-height: 42px;
5351
- letter-spacing: -0.03em;
5352
- color: var(--textHeading, #26201a);
5353
- }
5354
- @media only screen and (min-width: 769px) {
5355
- h1,
5356
- .skeleton__h1___stHxc {
5357
- font-size: 36px;
5358
- line-height: 48px;
5359
- }
5360
- }
5361
- h2,
5362
- .skeleton__h2___mN5C0 {
5363
- font-weight: 700;
5364
- font-size: 28px;
5365
- line-height: 36px;
5366
- letter-spacing: -0.03em;
5367
- color: var(--textHeading, #26201a);
5368
- }
5369
- @media only screen and (min-width: 769px) {
5370
- h2,
5371
- .skeleton__h2___mN5C0 {
5372
- font-size: 32px;
5373
- line-height: 42px;
5374
- }
5375
- }
5376
- h3,
5377
- .skeleton__h3___kIOpi {
5378
- font-weight: 700;
5379
- letter-spacing: -0.02em;
5380
- color: var(--textHeading, #26201a);
5381
- font-size: 24px;
5382
- line-height: 32px;
5383
- }
5384
- @media only screen and (min-width: 769px) {
5385
- h3,
5386
- .skeleton__h3___kIOpi {
5387
- font-weight: 700;
5388
- letter-spacing: -0.02em;
5389
- color: var(--textHeading, #26201a);
5390
- font-size: 28px;
5391
- line-height: 36px;
5392
- }
5393
- }
5394
- h4,
5395
- .skeleton__h4___QpgGo {
5396
- font-weight: 600;
5397
- letter-spacing: -0.02em;
5398
- color: var(--textHeading, #26201a);
5399
- font-size: 16px;
5400
- line-height: 1.5;
5401
- }
5402
- @media only screen and (min-width: 769px) {
5403
- h4,
5404
- .skeleton__h4___QpgGo {
5405
- font-weight: 600;
5406
- letter-spacing: -0.02em;
5407
- color: var(--textHeading, #26201a);
5408
- font-size: 20px;
5409
- line-height: 1.5;
5410
- }
5411
- }
5412
- h5,
5413
- .skeleton__h5___PMPlP {
5414
- font-weight: 600;
5415
- font-size: 14px;
5416
- line-height: 16px;
5417
- letter-spacing: -0.02em;
5418
- color: var(--textHeading, #26201a);
5419
- }
5420
- @media only screen and (min-width: 769px) {
5421
- h5,
5422
- .skeleton__h5___PMPlP {
5423
- font-size: 16px;
5424
- line-height: 18px;
5425
- }
5426
- }
5427
- .skeleton__b1___hpM23 {
5428
- font-weight: 400;
5429
- font-size: 14px;
5430
- line-height: 18px;
5431
- letter-spacing: -0.02em;
5432
- color: var(--textBody, #3c3131);
5433
- }
5434
- @media only screen and (min-width: 769px) {
5435
- .skeleton__b1___hpM23 {
5436
- font-size: 16px;
5437
- line-height: 20px;
5438
- }
5439
- }
5440
- .skeleton__b-small___femyP,
5441
- .skeleton__bSmall___PhkFq,
5442
- .skeleton__b2___agwxR {
5443
- font-weight: 400;
5444
- letter-spacing: -0.02em;
5445
- color: var(--textBody, #3c3131);
5446
- font-size: 12px;
5447
- line-height: 16px;
5448
- }
5449
- @media only screen and (min-width: 769px) {
5450
- .skeleton__b-small___femyP,
5451
- .skeleton__bSmall___PhkFq,
5452
- .skeleton__b2___agwxR {
5453
- font-weight: 400;
5454
- letter-spacing: -0.02em;
5455
- color: var(--textBody, #3c3131);
5456
- font-size: 14px;
5457
- line-height: 18px;
5458
- }
5459
- }
5460
- .skeleton__d1___M0nh7 {
5461
- font-size: 36px;
5462
- font-weight: 700;
5463
- line-height: 48px;
5464
- letter-spacing: -0.02em;
5465
- }
5466
- @media only screen and (min-width: 769px) {
5467
- .skeleton__d1___M0nh7 {
5468
- font-size: 64px;
5469
- line-height: 85px;
5470
- letter-spacing: -0.03em;
5471
- }
5472
- }
5473
- .skeleton__caption-medium___j0WKW,
5474
- .skeleton__captionMedium___SNpGl {
5475
- font-size: 12px;
5476
- line-height: 1.5;
5477
- letter-spacing: -0.02em;
5478
- font-weight: 500;
5479
- }
5480
- @media only screen and (max-width: 480px) {
5481
- .skeleton__caption-medium___j0WKW,
5482
- .skeleton__captionMedium___SNpGl {
5483
- font-size: 11px;
5484
- }
5485
- }
5486
- .skeleton__caption-semi-bold___F07Te,
5487
- .skeleton__captionSemiBold___LuLP_ {
5488
- font-size: 12px;
5489
- line-height: 1.5;
5490
- letter-spacing: -0.02em;
5491
- font-weight: 600;
5492
- }
5493
- @media only screen and (max-width: 480px) {
5494
- .skeleton__caption-semi-bold___F07Te,
5495
- .skeleton__captionSemiBold___LuLP_ {
5496
- font-size: 11px;
5497
- }
5498
- }
5499
- .skeleton__btn-link___ueOwS,
5500
- .skeleton__btnLink___DnIPP {
5501
- font-weight: 500;
5502
- letter-spacing: -0.02em;
5503
- font-size: 12px;
5504
- line-height: 14px;
5505
- border-radius: var(--buttonRadius, 0px);
5506
- cursor: pointer;
5507
- color: var(--buttonLink, #b1655b);
5508
- text-decoration: underline;
5509
- background: none;
5510
- border: none;
5511
- }
5512
- @media only screen and (min-width: 769px) {
5513
- .skeleton__btn-link___ueOwS,
5514
- .skeleton__btnLink___DnIPP {
5515
- font-weight: 500;
5516
- letter-spacing: -0.02em;
5517
- font-size: 14px;
5518
- line-height: 16px;
5519
- }
5520
- }
5521
- .skeleton__btn-link___ueOwS:hover,
5522
- .skeleton__btnLink___DnIPP:hover {
5523
- color: var(--buttonLinkL1, #c1847c);
5524
- }
5525
- .skeleton__btn-link___ueOwS:disabled,
5526
- .skeleton__btnLink___DnIPP:disabled {
5527
- color: var(--buttonLinkL2, #d0a39d);
5528
- }
5529
- .skeleton__btn-link___ueOwS:active,
5530
- .skeleton__btnLink___DnIPP:active {
5531
- opacity: 0.8;
5532
- }
5533
- .skeleton__user-select-none___B9lxY,
5534
- .skeleton__userSelectNone___vwf3u {
5535
- user-select: none;
5536
- -moz-user-select: none;
5537
- -webkit-user-select: none;
5538
- -ms-user-select: none;
5539
- }
5540
- .skeleton__margin-0-auto___fv4h7,
5541
- .skeleton__margin0auto___Sxq8P {
5542
- margin: 0 auto;
5543
- }
5544
- .skeleton__base-page-container___cwTaq,
5545
- .skeleton__basePageContainer___rsyqY {
5546
- max-width: 1440px !important;
5547
- }
5548
- .skeleton__remove-scroll___n57D0,
5549
- .skeleton__removeScroll___v2NfV {
5550
- overflow-y: hidden !important;
5551
- }
5552
- .skeleton__mr-5___TUJhu,
5553
- .skeleton__mr5___p6f6O {
5554
- margin-inline-end: 30px !important;
5555
- }
5556
- .skeleton__mr-2___M4HUK,
5557
- .skeleton__mr2___AY7Il {
5558
- margin-inline-end: 5px !important;
5559
- }
5560
- .skeleton__py-5___b283_,
5561
- .skeleton__py5___DxZhQ {
5562
- padding-top: 1.875rem !important;
5563
- padding-bottom: 1.875rem !important;
5564
- }
5565
- .skeleton__view-all-text___dUB_v,
5566
- .skeleton__viewAllText___dh6dW {
5567
- font-size: 20px;
5568
- font-weight: 400;
5569
- text-transform: lowercase;
5570
- text-decoration: underline;
5571
- }
5572
- .skeleton__view-all-mobile___hF9hT,
5573
- .skeleton__viewAllMobile___NApno {
5574
- display: none;
5575
- }
5576
- @media only screen and (max-width: 768px) {
5577
- .skeleton__view-all-mobile___hF9hT,
5578
- .skeleton__viewAllMobile___NApno {
5579
- display: flex;
5580
- align-items: center;
5581
- justify-content: center;
5582
- margin-top: 40px;
5583
- }
5584
- }
5585
- @media only screen and (max-width: 480px) {
5586
- .skeleton__view-all-mobile___hF9hT,
5587
- .skeleton__viewAllMobile___NApno {
5588
- margin-top: 24px;
5589
- }
5590
- }
5591
- .skeleton__accent-btn___CAKLm,
5592
- .skeleton__accentBtn___KeRbh {
5593
- background-color: var(--accentColor);
5594
- color: #fff;
5595
- }
5596
- .skeleton__no-scroll___h6SgF,
5597
- .skeleton__noScroll___pVZD0 {
5598
- overflow-y: hidden;
5599
- }
5600
- .skeleton__hide-overflow___eiE7w,
5601
- .skeleton__hideOverflow___sdeqq {
5602
- overflow: hidden;
5603
- }
5604
- .skeleton__markdown-body___PFXgo h6 {
5605
- margin-top: 0 !important;
5606
- margin-bottom: 0 !important;
5607
- }
5608
- @media only screen and (max-width: 480px) {
5609
- .skeleton__markdown-body___PFXgo {
5610
- font-size: 12px !important;
5611
- padding: 5px !important;
5612
- }
5613
- }
5614
- .skeleton__view3d-canvas___SS8rP {
5615
- width: 100%;
5616
- height: 100%;
5617
- }
5618
- @media only screen and (max-width: 480px) {
5619
- .skeleton__view-mobile-up___P2q7H {
5620
- display: none !important;
5621
- }
5622
- }
5623
- @media only screen and (min-width: 481px) {
5624
- .skeleton__view-mobile___dqi1b {
5625
- display: none !important;
5626
- }
5627
- }
5628
- .skeleton__skeleton___waQcS {
5629
- background-color: #f0f0f0;
5630
- display: block;
5631
- position: relative;
5632
- overflow: hidden;
5633
- width: 100%;
5634
- }
5635
- .skeleton__skeleton___waQcS::after {
5636
- content: "";
5637
- position: absolute;
5638
- top: 0;
5639
- right: 0;
5640
- bottom: 0;
5641
- left: 0;
5642
- background: linear-gradient(90deg, var(--themeAccentL4, #f9f6f0) 25%, var(--themeAccentL3, #f5f1e7) 50%, var(--themeAccentL4, #f9f6f0) 75%);
5643
- background-size: 200% 100%;
5644
- animation: skeleton__skeletonWave___Y__OR 1.5s ease-in-out infinite;
5645
- }
5646
- .skeleton__skeletonGroup___zpi9b {
5647
- width: 100%;
5648
- display: flex;
5649
- flex-direction: column;
5650
- }
5651
- @keyframes skeleton__skeletonWave___Y__OR {
5652
- 0% {
5653
- background-position: -200% 0;
5654
- }
5655
- 100% {
5656
- background-position: 200% 0;
5657
- }
5658
- }
5659
-
5660
- /**color by character**/
5661
- /** Font family **/
5662
- /** Font weight **/
5663
- .checkout-payment-skeleton__display-block___NMCjw {
5664
- display: block;
5665
- }
5666
- .checkout-payment-skeleton__inline-block___Jbt_a,
5667
- .checkout-payment-skeleton__inlineBlock___apd_z {
5668
- display: inline-block;
5669
- }
5670
- .checkout-payment-skeleton__flex-row___Y4GCR {
5671
- display: flex;
5672
- }
5673
- .checkout-payment-skeleton__flex-column___XXV3n,
5674
- .checkout-payment-skeleton__flexColumn___Atcok {
5675
- display: flex;
5676
- flex-direction: column;
5677
- }
5678
- .checkout-payment-skeleton__flex-align-center___rsSto,
5679
- .checkout-payment-skeleton__flexAlignCenter___foDNE {
5680
- display: flex;
5681
- align-items: center;
5682
- }
5683
- .checkout-payment-skeleton__flex-justify-center___TIRRV,
5684
- .checkout-payment-skeleton__flexJustifyCenter___TsdZa {
5685
- display: flex;
5686
- justify-content: center;
5687
- }
5688
- .checkout-payment-skeleton__flex-center___DFvLJ,
5689
- .checkout-payment-skeleton__flexCenter___UUlSs {
5690
- display: flex;
5691
- justify-content: center;
5692
- align-items: center;
5693
- }
5694
- .checkout-payment-skeleton__justify-start___k4RZ3,
5695
- .checkout-payment-skeleton__justifyStart___aqqgv {
5696
- justify-content: flex-start;
5697
- }
5698
- .checkout-payment-skeleton__justify-end___I2bpx,
5699
- .checkout-payment-skeleton__justifyEnd___m3yJ2 {
5700
- justify-content: flex-end;
5701
- }
5702
- .checkout-payment-skeleton__justify-between___Bd_Y8,
5703
- .checkout-payment-skeleton__justifyBetween___LaZ7m {
5704
- justify-content: space-between;
5705
- }
5706
- .checkout-payment-skeleton__justify-around___zpZIe,
5707
- .checkout-payment-skeleton__justifyAround___tijMQ {
5708
- justify-content: space-around;
5709
- }
5710
- .checkout-payment-skeleton__justify-evenly___xLp3y,
5711
- .checkout-payment-skeleton__justifyEvenly___tIKTj {
5712
- justify-content: space-evenly;
5713
- }
5714
- h1,
5715
- .checkout-payment-skeleton__h1___H8SVk {
5716
- font-weight: 700;
5717
- font-size: 28px;
5718
- line-height: 42px;
5719
- letter-spacing: -0.03em;
5720
- color: var(--textHeading, #26201a);
5721
- }
5722
- @media only screen and (min-width: 769px) {
5723
- h1,
5724
- .checkout-payment-skeleton__h1___H8SVk {
5725
- font-size: 36px;
5726
- line-height: 48px;
5727
- }
5728
- }
5729
- h2,
5730
- .checkout-payment-skeleton__h2___t2pb9 {
5731
- font-weight: 700;
5732
- font-size: 28px;
5733
- line-height: 36px;
5734
- letter-spacing: -0.03em;
5735
- color: var(--textHeading, #26201a);
5736
- }
5737
- @media only screen and (min-width: 769px) {
5738
- h2,
5739
- .checkout-payment-skeleton__h2___t2pb9 {
5740
- font-size: 32px;
5741
- line-height: 42px;
5742
- }
5743
- }
5744
- h3,
5745
- .checkout-payment-skeleton__h3___JZA6b {
5746
- font-weight: 700;
5747
- letter-spacing: -0.02em;
5748
- color: var(--textHeading, #26201a);
5749
- font-size: 24px;
5750
- line-height: 32px;
5751
- }
5752
- @media only screen and (min-width: 769px) {
5753
- h3,
5754
- .checkout-payment-skeleton__h3___JZA6b {
5755
- font-weight: 700;
5756
- letter-spacing: -0.02em;
5757
- color: var(--textHeading, #26201a);
5758
- font-size: 28px;
5759
- line-height: 36px;
5760
- }
5761
- }
5762
- h4,
5763
- .checkout-payment-skeleton__h4___Sejpy {
5764
- font-weight: 600;
5765
- letter-spacing: -0.02em;
5766
- color: var(--textHeading, #26201a);
5767
- font-size: 16px;
5768
- line-height: 1.5;
5769
- }
5770
- @media only screen and (min-width: 769px) {
5771
- h4,
5772
- .checkout-payment-skeleton__h4___Sejpy {
5773
- font-weight: 600;
5774
- letter-spacing: -0.02em;
5775
- color: var(--textHeading, #26201a);
5776
- font-size: 20px;
5777
- line-height: 1.5;
5778
- }
5779
- }
5780
- h5,
5781
- .checkout-payment-skeleton__h5___ZmHNf {
5782
- font-weight: 600;
5783
- font-size: 14px;
5784
- line-height: 16px;
5785
- letter-spacing: -0.02em;
5786
- color: var(--textHeading, #26201a);
5787
- }
5788
- @media only screen and (min-width: 769px) {
5789
- h5,
5790
- .checkout-payment-skeleton__h5___ZmHNf {
5791
- font-size: 16px;
5792
- line-height: 18px;
5793
- }
5794
- }
5795
- .checkout-payment-skeleton__b1___xBfWs {
5796
- font-weight: 400;
5797
- font-size: 14px;
5798
- line-height: 18px;
5799
- letter-spacing: -0.02em;
5800
- color: var(--textBody, #3c3131);
5801
- }
5802
- @media only screen and (min-width: 769px) {
5803
- .checkout-payment-skeleton__b1___xBfWs {
5804
- font-size: 16px;
5805
- line-height: 20px;
5806
- }
5807
- }
5808
- .checkout-payment-skeleton__b-small___awOnR,
5809
- .checkout-payment-skeleton__bSmall___ePO4T,
5810
- .checkout-payment-skeleton__b2___ioudk {
5811
- font-weight: 400;
5812
- letter-spacing: -0.02em;
5813
- color: var(--textBody, #3c3131);
5814
- font-size: 12px;
5815
- line-height: 16px;
5816
- }
5817
- @media only screen and (min-width: 769px) {
5818
- .checkout-payment-skeleton__b-small___awOnR,
5819
- .checkout-payment-skeleton__bSmall___ePO4T,
5820
- .checkout-payment-skeleton__b2___ioudk {
5821
- font-weight: 400;
5822
- letter-spacing: -0.02em;
5823
- color: var(--textBody, #3c3131);
5824
- font-size: 14px;
5825
- line-height: 18px;
5826
- }
5827
- }
5828
- .checkout-payment-skeleton__d1___CPRep {
5829
- font-size: 36px;
5830
- font-weight: 700;
5831
- line-height: 48px;
5832
- letter-spacing: -0.02em;
5833
- }
5834
- @media only screen and (min-width: 769px) {
5835
- .checkout-payment-skeleton__d1___CPRep {
5836
- font-size: 64px;
5837
- line-height: 85px;
5838
- letter-spacing: -0.03em;
5839
- }
5840
- }
5841
- .checkout-payment-skeleton__caption-medium___D3mNq,
5842
- .checkout-payment-skeleton__captionMedium___EsDcw {
5843
- font-size: 12px;
5844
- line-height: 1.5;
5845
- letter-spacing: -0.02em;
5846
- font-weight: 500;
5847
- }
5848
- @media only screen and (max-width: 480px) {
5849
- .checkout-payment-skeleton__caption-medium___D3mNq,
5850
- .checkout-payment-skeleton__captionMedium___EsDcw {
5851
- font-size: 11px;
5852
- }
5853
- }
5854
- .checkout-payment-skeleton__caption-semi-bold___rdysM,
5855
- .checkout-payment-skeleton__captionSemiBold___pzGer {
5856
- font-size: 12px;
5857
- line-height: 1.5;
5858
- letter-spacing: -0.02em;
5859
- font-weight: 600;
5860
- }
5861
- @media only screen and (max-width: 480px) {
5862
- .checkout-payment-skeleton__caption-semi-bold___rdysM,
5863
- .checkout-payment-skeleton__captionSemiBold___pzGer {
5864
- font-size: 11px;
5865
- }
5866
- }
5867
- .checkout-payment-skeleton__btn-link___kDjUa,
5868
- .checkout-payment-skeleton__btnLink___M9X0x {
5869
- font-weight: 500;
5870
- letter-spacing: -0.02em;
5871
- font-size: 12px;
5872
- line-height: 14px;
5873
- border-radius: var(--buttonRadius, 0px);
5874
- cursor: pointer;
5875
- color: var(--buttonLink, #b1655b);
5876
- text-decoration: underline;
5877
- background: none;
5878
- border: none;
5879
- }
5880
- @media only screen and (min-width: 769px) {
5881
- .checkout-payment-skeleton__btn-link___kDjUa,
5882
- .checkout-payment-skeleton__btnLink___M9X0x {
5883
- font-weight: 500;
5884
- letter-spacing: -0.02em;
5885
- font-size: 14px;
5886
- line-height: 16px;
5887
- }
5888
- }
5889
- .checkout-payment-skeleton__btn-link___kDjUa:hover,
5890
- .checkout-payment-skeleton__btnLink___M9X0x:hover {
5891
- color: var(--buttonLinkL1, #c1847c);
5892
- }
5893
- .checkout-payment-skeleton__btn-link___kDjUa:disabled,
5894
- .checkout-payment-skeleton__btnLink___M9X0x:disabled {
5895
- color: var(--buttonLinkL2, #d0a39d);
5896
- }
5897
- .checkout-payment-skeleton__btn-link___kDjUa:active,
5898
- .checkout-payment-skeleton__btnLink___M9X0x:active {
5899
- opacity: 0.8;
5900
- }
5901
- .checkout-payment-skeleton__user-select-none___yQqNZ,
5902
- .checkout-payment-skeleton__userSelectNone___y2hQk {
5903
- user-select: none;
5904
- -moz-user-select: none;
5905
- -webkit-user-select: none;
5906
- -ms-user-select: none;
5907
- }
5908
- .checkout-payment-skeleton__margin-0-auto___CO4PP,
5909
- .checkout-payment-skeleton__margin0auto___eIQZr {
5910
- margin: 0 auto;
5911
- }
5912
- .checkout-payment-skeleton__base-page-container___VLd15,
5913
- .checkout-payment-skeleton__basePageContainer___ZUx0c {
5914
- max-width: 1440px !important;
5915
- }
5916
- .checkout-payment-skeleton__remove-scroll___CUq6r,
5917
- .checkout-payment-skeleton__removeScroll___ekgtH {
5918
- overflow-y: hidden !important;
5919
- }
5920
- .checkout-payment-skeleton__mr-5___umJ2P,
5921
- .checkout-payment-skeleton__mr5___EYMLe {
5922
- margin-inline-end: 30px !important;
5923
- }
5924
- .checkout-payment-skeleton__mr-2___pVi6A,
5925
- .checkout-payment-skeleton__mr2___t8Sju {
5926
- margin-inline-end: 5px !important;
5927
- }
5928
- .checkout-payment-skeleton__py-5___BseOW,
5929
- .checkout-payment-skeleton__py5___dObQz {
5930
- padding-top: 1.875rem !important;
5931
- padding-bottom: 1.875rem !important;
5932
- }
5933
- .checkout-payment-skeleton__view-all-text___l6OD2,
5934
- .checkout-payment-skeleton__viewAllText___FeM_U {
5935
- font-size: 20px;
5936
- font-weight: 400;
5937
- text-transform: lowercase;
5938
- text-decoration: underline;
5939
- }
5940
- .checkout-payment-skeleton__view-all-mobile___xGEz_,
5941
- .checkout-payment-skeleton__viewAllMobile___JNZZi {
5942
- display: none;
5943
- }
5944
- @media only screen and (max-width: 768px) {
5945
- .checkout-payment-skeleton__view-all-mobile___xGEz_,
5946
- .checkout-payment-skeleton__viewAllMobile___JNZZi {
5947
- display: flex;
5948
- align-items: center;
5949
- justify-content: center;
5950
- margin-top: 40px;
5951
- }
5952
- }
5953
- @media only screen and (max-width: 480px) {
5954
- .checkout-payment-skeleton__view-all-mobile___xGEz_,
5955
- .checkout-payment-skeleton__viewAllMobile___JNZZi {
5956
- margin-top: 24px;
5957
- }
5958
- }
5959
- .checkout-payment-skeleton__accent-btn___HMDSw,
5960
- .checkout-payment-skeleton__accentBtn___sWZYK {
5961
- background-color: var(--accentColor);
5962
- color: #fff;
5963
- }
5964
- .checkout-payment-skeleton__no-scroll___BYVT_,
5965
- .checkout-payment-skeleton__noScroll___wPPip {
5966
- overflow-y: hidden;
5967
- }
5968
- .checkout-payment-skeleton__hide-overflow___an1dW,
5969
- .checkout-payment-skeleton__hideOverflow___WQc4T {
5970
- overflow: hidden;
5971
- }
5972
- .checkout-payment-skeleton__markdown-body___yazIR h6 {
5973
- margin-top: 0 !important;
5974
- margin-bottom: 0 !important;
5975
- }
5976
- @media only screen and (max-width: 480px) {
5977
- .checkout-payment-skeleton__markdown-body___yazIR {
5978
- font-size: 12px !important;
5979
- padding: 5px !important;
5980
- }
5981
- }
5982
- .checkout-payment-skeleton__view3d-canvas___vz_8I {
5983
- width: 100%;
5984
- height: 100%;
5985
- }
5986
- @media only screen and (max-width: 480px) {
5987
- .checkout-payment-skeleton__view-mobile-up___hzAVv {
5988
- display: none !important;
5989
- }
5990
- }
5991
- @media only screen and (min-width: 481px) {
5992
- .checkout-payment-skeleton__view-mobile___eDTpn {
5993
- display: none !important;
5994
- }
5995
- }
5996
- .checkout-payment-skeleton__paymentSkeleton___Yj2Co {
5997
- display: flex;
5998
- gap: 24px;
5999
- }
6000
- @media only screen and (min-width: 769px) and (max-width: 1024px) {
6001
- .checkout-payment-skeleton__paymentSkeleton___Yj2Co {
6002
- margin: 8px;
6003
- }
6004
- }
6005
- @media only screen and (min-width: 769px) {
6006
- .checkout-payment-skeleton__paymentSkeleton___Yj2Co {
6007
- margin: 24px 0px 10px 0px;
6008
- border: 1px solid var(--dividerStokes);
6009
- border-radius: 0 0 8px 8px;
6010
- }
6011
- }
6012
- .checkout-payment-skeleton__leftNav___VI5F9 {
6013
- width: 33.33%;
6014
- display: flex;
6015
- flex-direction: column;
6016
- border-color: var(--dividerStokes);
6017
- border-radius: 4px 0 0 4px;
6018
- padding: 8px 0;
6019
- }
6020
- @media only screen and (max-width: 768px) {
6021
- .checkout-payment-skeleton__leftNav___VI5F9 {
6022
- display: none;
6023
- }
6024
- }
6025
- .checkout-payment-skeleton__navItem___fM653 {
6026
- display: grid;
6027
- grid-template-columns: 38px 1fr;
6028
- align-items: center;
6029
- gap: 12px;
6030
- padding: 16px;
6031
- border-bottom: 1px solid var(--dividerStokes);
6032
- }
6033
- .checkout-payment-skeleton__rightPanel___QgPKv {
6034
- width: 66.66%;
6035
- display: flex;
6036
- flex-direction: column;
6037
- gap: 16px;
6038
- border-color: var(--dividerStokes);
6039
- border-radius: 0 4px 4px 0;
6040
- padding: 24px;
6041
- }
6042
- @media only screen and (min-width: 769px) and (max-width: 1024px) {
6043
- .checkout-payment-skeleton__rightPanel___QgPKv {
6044
- width: 100%;
6045
- padding: 16px;
6046
- border-width: 1px;
6047
- }
6048
- }
6049
- .checkout-payment-skeleton__field___sIP5X {
6050
- width: 100%;
6051
- }
6052
- .checkout-payment-skeleton__row___H6phv {
6053
- display: grid;
6054
- grid-template-columns: 1fr 140px;
6055
- gap: 16px;
6056
- }
6057
- @media only screen and (max-width: 768px) {
6058
- .checkout-payment-skeleton__row___H6phv {
6059
- grid-template-columns: 1fr;
6060
- }
6061
- }
6062
- .checkout-payment-skeleton__checkboxRow___EedIm {
6063
- display: flex;
6064
- align-items: center;
6065
- gap: 8px;
6066
- }
6067
-