@gofynd/theme-template 3.2.32 → 3.2.33

package/dist/page-layouts/single-checkout/payment/checkout-payment-content.css

@@ -3951,59 +3951,59 @@ h5,
 /**color by character**/
 /** Font family **/
 /** Font weight **/
-.fy-button__display-block___vef36 {
+.skeleton__display-block___flsvh {
   display: block;
 }
-.fy-button__inline-block___AP9JK,
-.fy-button__inlineBlock___xYCrv {
+.skeleton__inline-block___D3lZU,
+.skeleton__inlineBlock___jupAM {
   display: inline-block;
 }
-.fy-button__flex-row___PMsJD {
+.skeleton__flex-row___b7XIS {
   display: flex;
 }
-.fy-button__flex-column___vcBv1,
-.fy-button__flexColumn___ReqFL {
+.skeleton__flex-column___cx8gj,
+.skeleton__flexColumn___LJ8kN {
   display: flex;
   flex-direction: column;
 }
-.fy-button__flex-align-center___QErLo,
-.fy-button__flexAlignCenter___byvov {
+.skeleton__flex-align-center___BkiwJ,
+.skeleton__flexAlignCenter___eDO81 {
   display: flex;
   align-items: center;
 }
-.fy-button__flex-justify-center___myq9D,
-.fy-button__flexJustifyCenter___mJQrA {
+.skeleton__flex-justify-center___Bprfn,
+.skeleton__flexJustifyCenter___Vbv2j {
   display: flex;
   justify-content: center;
 }
-.fy-button__flex-center____Om97,
-.fy-button__flexCenter___PHlCU {
+.skeleton__flex-center___cMoDY,
+.skeleton__flexCenter___XDPsj {
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.fy-button__justify-start___vgs9K,
-.fy-button__justifyStart___NggTJ {
+.skeleton__justify-start___Yje0h,
+.skeleton__justifyStart___hRG1R {
   justify-content: flex-start;
 }
-.fy-button__justify-end___evwo6,
-.fy-button__justifyEnd___fDa0b {
+.skeleton__justify-end___RBgxm,
+.skeleton__justifyEnd___TvO4Q {
   justify-content: flex-end;
 }
-.fy-button__justify-between___gbKe9,
-.fy-button__justifyBetween___XdXo5 {
+.skeleton__justify-between___V2gwm,
+.skeleton__justifyBetween___EBTai {
   justify-content: space-between;
 }
-.fy-button__justify-around___O7fq3,
-.fy-button__justifyAround___NdK7j {
+.skeleton__justify-around___aZcpf,
+.skeleton__justifyAround___nDOBv {
   justify-content: space-around;
 }
-.fy-button__justify-evenly___Fukno,
-.fy-button__justifyEvenly____8lbT {
+.skeleton__justify-evenly___X9J4f,
+.skeleton__justifyEvenly___indDM {
   justify-content: space-evenly;
 }
 h1,
-.fy-button__h1___ljmcG {
+.skeleton__h1___stHxc {
   font-weight: 700;
   font-size: 28px;
   line-height: 42px;
@@ -4012,13 +4012,13 @@ h1,
 }
 @media only screen and (min-width: 769px) {
   h1,
-  .fy-button__h1___ljmcG {
+  .skeleton__h1___stHxc {
     font-size: 36px;
     line-height: 48px;
   }
 }
 h2,
-.fy-button__h2___dtda8 {
+.skeleton__h2___mN5C0 {
   font-weight: 700;
   font-size: 28px;
   line-height: 36px;
@@ -4027,13 +4027,13 @@ h2,
 }
 @media only screen and (min-width: 769px) {
   h2,
-  .fy-button__h2___dtda8 {
+  .skeleton__h2___mN5C0 {
     font-size: 32px;
     line-height: 42px;
   }
 }
 h3,
-.fy-button__h3___HHfmk {
+.skeleton__h3___kIOpi {
   font-weight: 700;
   letter-spacing: -0.02em;
   color: var(--textHeading, #26201a);
@@ -4042,7 +4042,7 @@ h3,
 }
 @media only screen and (min-width: 769px) {
   h3,
-  .fy-button__h3___HHfmk {
+  .skeleton__h3___kIOpi {
     font-weight: 700;
     letter-spacing: -0.02em;
     color: var(--textHeading, #26201a);
@@ -4051,7 +4051,7 @@ h3,
   }
 }
 h4,
-.fy-button__h4___SvINy {
+.skeleton__h4___QpgGo {
   font-weight: 600;
   letter-spacing: -0.02em;
   color: var(--textHeading, #26201a);
@@ -4060,7 +4060,7 @@ h4,
 }
 @media only screen and (min-width: 769px) {
   h4,
-  .fy-button__h4___SvINy {
+  .skeleton__h4___QpgGo {
     font-weight: 600;
     letter-spacing: -0.02em;
     color: var(--textHeading, #26201a);
@@ -4069,7 +4069,7 @@ h4,
   }
 }
 h5,
-.fy-button__h5___LNYpO {
+.skeleton__h5___PMPlP {
   font-weight: 600;
   font-size: 14px;
   line-height: 16px;
@@ -4078,12 +4078,12 @@ h5,
 }
 @media only screen and (min-width: 769px) {
   h5,
-  .fy-button__h5___LNYpO {
+  .skeleton__h5___PMPlP {
     font-size: 16px;
     line-height: 18px;
   }
 }
-.fy-button__b1___cBoS2 {
+.skeleton__b1___hpM23 {
   font-weight: 400;
   font-size: 14px;
   line-height: 18px;
@@ -4091,14 +4091,14 @@ h5,
   color: var(--textBody, #3c3131);
 }
 @media only screen and (min-width: 769px) {
-  .fy-button__b1___cBoS2 {
+  .skeleton__b1___hpM23 {
     font-size: 16px;
     line-height: 20px;
   }
 }
-.fy-button__b-small___s1m8o,
-.fy-button__bSmall___fny2f,
-.fy-button__b2___gOnJ1 {
+.skeleton__b-small___femyP,
+.skeleton__bSmall___PhkFq,
+.skeleton__b2___agwxR {
   font-weight: 400;
   letter-spacing: -0.02em;
   color: var(--textBody, #3c3131);
@@ -4106,9 +4106,9 @@ h5,
   line-height: 16px;
 }
 @media only screen and (min-width: 769px) {
-  .fy-button__b-small___s1m8o,
-  .fy-button__bSmall___fny2f,
-  .fy-button__b2___gOnJ1 {
+  .skeleton__b-small___femyP,
+  .skeleton__bSmall___PhkFq,
+  .skeleton__b2___agwxR {
     font-weight: 400;
     letter-spacing: -0.02em;
     color: var(--textBody, #3c3131);
@@ -4116,47 +4116,47 @@ h5,
     line-height: 18px;
   }
 }
-.fy-button__d1___jr5H6 {
+.skeleton__d1___M0nh7 {
   font-size: 36px;
   font-weight: 700;
   line-height: 48px;
   letter-spacing: -0.02em;
 }
 @media only screen and (min-width: 769px) {
-  .fy-button__d1___jr5H6 {
+  .skeleton__d1___M0nh7 {
     font-size: 64px;
     line-height: 85px;
     letter-spacing: -0.03em;
   }
 }
-.fy-button__caption-medium___PSB4T,
-.fy-button__captionMedium___iW0z_ {
+.skeleton__caption-medium___j0WKW,
+.skeleton__captionMedium___SNpGl {
   font-size: 12px;
   line-height: 1.5;
   letter-spacing: -0.02em;
   font-weight: 500;
 }
 @media only screen and (max-width: 480px) {
-  .fy-button__caption-medium___PSB4T,
-  .fy-button__captionMedium___iW0z_ {
+  .skeleton__caption-medium___j0WKW,
+  .skeleton__captionMedium___SNpGl {
     font-size: 11px;
   }
 }
-.fy-button__caption-semi-bold___FFG2N,
-.fy-button__captionSemiBold___czTMx {
+.skeleton__caption-semi-bold___F07Te,
+.skeleton__captionSemiBold___LuLP_ {
   font-size: 12px;
   line-height: 1.5;
   letter-spacing: -0.02em;
   font-weight: 600;
 }
 @media only screen and (max-width: 480px) {
-  .fy-button__caption-semi-bold___FFG2N,
-  .fy-button__captionSemiBold___czTMx {
+  .skeleton__caption-semi-bold___F07Te,
+  .skeleton__captionSemiBold___LuLP_ {
     font-size: 11px;
   }
 }
-.fy-button__btn-link___bKkQ1,
-.fy-button__btnLink___jOAiL {
+.skeleton__btn-link___ueOwS,
+.skeleton__btnLink___DnIPP {
   font-weight: 500;
   letter-spacing: -0.02em;
   font-size: 12px;
@@ -4169,72 +4169,72 @@ h5,
   border: none;
 }
 @media only screen and (min-width: 769px) {
-  .fy-button__btn-link___bKkQ1,
-  .fy-button__btnLink___jOAiL {
+  .skeleton__btn-link___ueOwS,
+  .skeleton__btnLink___DnIPP {
     font-weight: 500;
     letter-spacing: -0.02em;
     font-size: 14px;
     line-height: 16px;
   }
 }
-.fy-button__btn-link___bKkQ1:hover,
-.fy-button__btnLink___jOAiL:hover {
+.skeleton__btn-link___ueOwS:hover,
+.skeleton__btnLink___DnIPP:hover {
   color: var(--buttonLinkL1, #c1847c);
 }
-.fy-button__btn-link___bKkQ1:disabled,
-.fy-button__btnLink___jOAiL:disabled {
+.skeleton__btn-link___ueOwS:disabled,
+.skeleton__btnLink___DnIPP:disabled {
   color: var(--buttonLinkL2, #d0a39d);
 }
-.fy-button__btn-link___bKkQ1:active,
-.fy-button__btnLink___jOAiL:active {
+.skeleton__btn-link___ueOwS:active,
+.skeleton__btnLink___DnIPP:active {
   opacity: 0.8;
 }
-.fy-button__user-select-none___CegHT,
-.fy-button__userSelectNone___DdRnr {
+.skeleton__user-select-none___B9lxY,
+.skeleton__userSelectNone___vwf3u {
   user-select: none;
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
 }
-.fy-button__margin-0-auto___f2LiK,
-.fy-button__margin0auto___LCb81 {
+.skeleton__margin-0-auto___fv4h7,
+.skeleton__margin0auto___Sxq8P {
   margin: 0 auto;
 }
-.fy-button__base-page-container___blkPJ,
-.fy-button__basePageContainer___ciPsX {
+.skeleton__base-page-container___cwTaq,
+.skeleton__basePageContainer___rsyqY {
   max-width: 1440px !important;
 }
-.fy-button__remove-scroll___Kd5MZ,
-.fy-button__removeScroll___UpL4U {
+.skeleton__remove-scroll___n57D0,
+.skeleton__removeScroll___v2NfV {
   overflow-y: hidden !important;
 }
-.fy-button__mr-5___A5qJJ,
-.fy-button__mr5___BRUgW {
+.skeleton__mr-5___TUJhu,
+.skeleton__mr5___p6f6O {
   margin-inline-end: 30px !important;
 }
-.fy-button__mr-2___Qtkhv,
-.fy-button__mr2___ajbyt {
+.skeleton__mr-2___M4HUK,
+.skeleton__mr2___AY7Il {
   margin-inline-end: 5px !important;
 }
-.fy-button__py-5___y7k5w,
-.fy-button__py5___Zi5JN {
+.skeleton__py-5___b283_,
+.skeleton__py5___DxZhQ {
   padding-top: 1.875rem !important;
   padding-bottom: 1.875rem !important;
 }
-.fy-button__view-all-text___U6bgs,
-.fy-button__viewAllText___CpXoj {
+.skeleton__view-all-text___dUB_v,
+.skeleton__viewAllText___dh6dW {
   font-size: 20px;
   font-weight: 400;
   text-transform: lowercase;
   text-decoration: underline;
 }
-.fy-button__view-all-mobile___T8nf5,
-.fy-button__viewAllMobile___yLYMO {
+.skeleton__view-all-mobile___hF9hT,
+.skeleton__viewAllMobile___NApno {
   display: none;
 }
 @media only screen and (max-width: 768px) {
-  .fy-button__view-all-mobile___T8nf5,
-  .fy-button__viewAllMobile___yLYMO {
+  .skeleton__view-all-mobile___hF9hT,
+  .skeleton__viewAllMobile___NApno {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -4242,270 +4242,136 @@ h5,
   }
 }
 @media only screen and (max-width: 480px) {
-  .fy-button__view-all-mobile___T8nf5,
-  .fy-button__viewAllMobile___yLYMO {
+  .skeleton__view-all-mobile___hF9hT,
+  .skeleton__viewAllMobile___NApno {
     margin-top: 24px;
   }
 }
-.fy-button__accent-btn___xbDFn,
-.fy-button__accentBtn___opgXg {
+.skeleton__accent-btn___CAKLm,
+.skeleton__accentBtn___KeRbh {
   background-color: var(--accentColor);
   color: #fff;
 }
-.fy-button__no-scroll___oFpSx,
-.fy-button__noScroll___ghKBa {
+.skeleton__no-scroll___h6SgF,
+.skeleton__noScroll___pVZD0 {
   overflow-y: hidden;
 }
-.fy-button__hide-overflow___wDMEA,
-.fy-button__hideOverflow___F8mRq {
+.skeleton__hide-overflow___eiE7w,
+.skeleton__hideOverflow___sdeqq {
   overflow: hidden;
 }
-.fy-button__markdown-body___uimil h6 {
+.skeleton__markdown-body___PFXgo h6 {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
 }
 @media only screen and (max-width: 480px) {
-  .fy-button__markdown-body___uimil {
+  .skeleton__markdown-body___PFXgo {
     font-size: 12px !important;
     padding: 5px !important;
   }
 }
-.fy-button__view3d-canvas___E1pOb {
+.skeleton__view3d-canvas___SS8rP {
   width: 100%;
   height: 100%;
 }
 @media only screen and (max-width: 480px) {
-  .fy-button__view-mobile-up___sto08 {
+  .skeleton__view-mobile-up___P2q7H {
     display: none !important;
   }
 }
 @media only screen and (min-width: 481px) {
-  .fy-button__view-mobile___yMsQF {
+  .skeleton__view-mobile___dqi1b {
     display: none !important;
   }
 }
-.fy-button__button___UES8C {
-  font-family: inherit;
-  border: none;
-  border-radius: var(--buttonRadius, 0px);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  gap: 6px;
-  transition: background-color 0.3s ease;
-}
-.fy-button__button___UES8C span {
-  display: inline-flex;
-}
-.fy-button__button___UES8C:focus-visible {
-  outline: none;
-  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
-}
-.fy-button__button___UES8C:disabled {
-  cursor: not-allowed;
-  opacity: 0.7;
-}
-.fy-button__button___UES8C .fy-button__loaderContainer___BYHJs {
-  position: unset;
-  background: transparent;
-  height: auto;
-  z-index: 0;
-}
-.fy-button__button___UES8C .fy-button__loader___eJW6i {
-  height: 14px;
-  width: unset;
-  aspect-ratio: 1;
-  border: 2px solid var(--buttonPrimaryL3, #b8b29d);
-  border-top: 2px solid var(--buttonPrimary, #4e3f09);
-  padding: 0;
-  margin-inline-start: 0;
-}
-.fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__contained___F5O7g.fy-button__primary___xKz1S {
-  border-top-color: #ffffff;
-}
-.fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__text___HwP6V.fy-button__secondary___z_hBB,
-.fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__outlined___WccQN.fy-button__secondary___z_hBB {
-  border: 2px solid var(--buttonPrimaryL3, #b8b29d);
-  border-top: 2px solid var(--buttonPrimary, #4e3f09);
-}
-.fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__text___HwP6V.fy-button__error___guhqH,
-.fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__outlined___WccQN.fy-button__error___guhqH {
-  border: 2px solid var(--errorBackground, #e6d5d5);
-  border-top: 2px solid var(--errorText, #ff3333);
-}
-.fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__text___HwP6V.fy-button__success___M7fJl,
-.fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__outlined___WccQN.fy-button__success___M7fJl {
-  border: 2px solid var(--successBackground, #c2dbc9);
-  border-top: 2px solid var(--successText, #1c958f);
-}
-.fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__error___guhqH {
-  border: 2px solid #ffffff;
-  border-top: 2px solid var(--errorText, #ff3333);
-}
-.fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__success___M7fJl {
-  border: 2px solid #ffffff;
-  border-top: 2px solid var(--successText, #1c958f);
-}
-.fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__secondary___z_hBB {
-  border: 2px solid #ffffff;
-  border-top: 2px solid var(--buttonPrimary, #4e3f09);
-}
-.fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__medium___uyLw8 {
-  height: 30px;
-  border-width: 4px;
-}
-.fy-button__button___UES8C .fy-button__loader___eJW6i.fy-button__large___nv2sC {
-  height: 40px;
-  border-width: 4px;
-}
-.fy-button__fullWidth___FLrWt {
+.skeleton__skeleton___waQcS {
+  background-color: #f0f0f0;
+  display: block;
+  position: relative;
+  overflow: hidden;
   width: 100%;
 }
-.fy-button__text___HwP6V {
-  background-color: transparent;
-  color: var(--buttonPrimary, #4e3f09);
-}
-.fy-button__text___HwP6V.fy-button__secondary___z_hBB {
-  color: var(--buttonPrimary, #4e3f09);
-}
-.fy-button__text___HwP6V.fy-button__error___guhqH {
-  color: var(--errorText, #ff3333);
-}
-.fy-button__text___HwP6V.fy-button__success___M7fJl {
-  color: var(--successText, #1c958f);
-}
-.fy-button__contained___F5O7g {
-  background-color: var(--buttonPrimary, #4e3f09);
-  color: #ffffff;
-}
-.fy-button__contained___F5O7g.fy-button__primary___xKz1S:hover:not(:disabled) {
-  background-color: var(--buttonPrimaryL1, #71653a);
-  color: #ffffff;
-}
-.fy-button__contained___F5O7g.fy-button__secondary___z_hBB {
-  background-color: var(--buttonSecondary, #fff);
-  color: var(--buttonPrimary, #4e3f09);
-}
-.fy-button__contained___F5O7g.fy-button__secondary___z_hBB:hover:not(:disabled) {
-  background-color: var(--buttonPrimaryL1, #71653a);
-  color: #ffffff;
-}
-.fy-button__contained___F5O7g.fy-button__error___guhqH {
-  background-color: var(--errorBackground, #e6d5d5);
-  color: var(--errorText, #ff3333);
-}
-.fy-button__contained___F5O7g.fy-button__success___M7fJl {
-  background-color: var(--successBackground, #c2dbc9);
-  color: var(--successText, #1c958f);
-}
-.fy-button__outlined___WccQN {
-  background-color: transparent;
-  border: 1px solid var(--buttonPrimary, #4e3f09);
-  color: var(--buttonPrimary, #4e3f09);
-}
-.fy-button__outlined___WccQN.fy-button__primary___xKz1S:hover:not(:disabled) {
-  background-color: var(--buttonPrimary, #4e3f09);
-  color: var(--buttonSecondary, #fff);
-}
-.fy-button__outlined___WccQN.fy-button__primary___xKz1S:hover:not(:disabled) svg path {
-  fill: var(--buttonSecondary, #fff);
-}
-.fy-button__outlined___WccQN.fy-button__secondary___z_hBB {
-  border: 1px solid var(--buttonSecondary, #fff);
-  color: var(--buttonPrimary, #4e3f09);
-}
-.fy-button__outlined___WccQN.fy-button__secondary___z_hBB:hover:not(:disabled) {
-  background-color: var(--buttonPrimary, #4e3f09);
-  color: #ffffff;
-}
-.fy-button__outlined___WccQN.fy-button__error___guhqH {
-  border: 1px solid var(--errorBackground, #e6d5d5);
-  color: var(--errorText, #ff3333);
-}
-.fy-button__outlined___WccQN.fy-button__success___M7fJl {
-  border: 1px solid var(--successBackground, #c2dbc9);
-  color: var(--successText, #1c958f);
-}
-.fy-button__info___zO7uV {
-  background-color: var(--informationBackground, #ebd3bc);
-  color: var(--informationText, #d28f51);
-  cursor: unset;
-}
-.fy-button__small___MktU8 {
-  padding: 5px 10px;
-  font-size: 12px;
+.skeleton__skeleton___waQcS::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: linear-gradient(90deg, var(--themeAccentL4, #f9f6f0) 25%, var(--themeAccentL3, #f5f1e7) 50%, var(--themeAccentL4, #f9f6f0) 75%);
+  background-size: 200% 100%;
+  animation: skeleton__skeletonWave___Y__OR 1.5s ease-in-out infinite;
 }
-.fy-button__medium___uyLw8 {
-  height: 48px;
-  padding: 12px 28px;
-  font-size: 14px;
-  font-weight: 500;
-  line-height: normal;
-  letter-spacing: -0.28px;
+.skeleton__skeletonGroup___zpi9b {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
 }
-.fy-button__large___nv2sC {
-  padding: 15px 20px;
-  font-size: 16px;
+@keyframes skeleton__skeletonWave___Y__OR {
+  0% {
+    background-position: -200% 0;
+  }
+  100% {
+    background-position: 200% 0;
+  }
 }
 
 /**color by character**/
 /** Font family **/
 /** Font weight **/
-.loader__display-block___C28Wh {
+.checkout-payment-skeleton__display-block___NMCjw {
   display: block;
 }
-.loader__inline-block___qe6ST,
-.loader__inlineBlock___RbcTU {
+.checkout-payment-skeleton__inline-block___Jbt_a,
+.checkout-payment-skeleton__inlineBlock___apd_z {
   display: inline-block;
 }
-.loader__flex-row___jtutA {
+.checkout-payment-skeleton__flex-row___Y4GCR {
   display: flex;
 }
-.loader__flex-column___Xo1gh,
-.loader__flexColumn___BZ1uV {
+.checkout-payment-skeleton__flex-column___XXV3n,
+.checkout-payment-skeleton__flexColumn___Atcok {
   display: flex;
   flex-direction: column;
 }
-.loader__flex-align-center___QKakD,
-.loader__flexAlignCenter____hCbC {
+.checkout-payment-skeleton__flex-align-center___rsSto,
+.checkout-payment-skeleton__flexAlignCenter___foDNE {
   display: flex;
   align-items: center;
 }
-.loader__flex-justify-center___iXbnu,
-.loader__flexJustifyCenter___x_1Sc {
+.checkout-payment-skeleton__flex-justify-center___TIRRV,
+.checkout-payment-skeleton__flexJustifyCenter___TsdZa {
   display: flex;
   justify-content: center;
 }
-.loader__flex-center___cERbN,
-.loader__flexCenter___FRjsH {
+.checkout-payment-skeleton__flex-center___DFvLJ,
+.checkout-payment-skeleton__flexCenter___UUlSs {
   display: flex;
   justify-content: center;
   align-items: center;
 }
-.loader__justify-start___PXa_q,
-.loader__justifyStart___RIbpq {
+.checkout-payment-skeleton__justify-start___k4RZ3,
+.checkout-payment-skeleton__justifyStart___aqqgv {
   justify-content: flex-start;
 }
-.loader__justify-end___N_MxT,
-.loader__justifyEnd___c9Puj {
+.checkout-payment-skeleton__justify-end___I2bpx,
+.checkout-payment-skeleton__justifyEnd___m3yJ2 {
   justify-content: flex-end;
 }
-.loader__justify-between___ryNlc,
-.loader__justifyBetween___bNm10 {
+.checkout-payment-skeleton__justify-between___Bd_Y8,
+.checkout-payment-skeleton__justifyBetween___LaZ7m {
   justify-content: space-between;
 }
-.loader__justify-around___kWvQU,
-.loader__justifyAround___TO6v6 {
+.checkout-payment-skeleton__justify-around___zpZIe,
+.checkout-payment-skeleton__justifyAround___tijMQ {
   justify-content: space-around;
 }
-.loader__justify-evenly___r6oLK,
-.loader__justifyEvenly___NI1zZ {
+.checkout-payment-skeleton__justify-evenly___xLp3y,
+.checkout-payment-skeleton__justifyEvenly___tIKTj {
   justify-content: space-evenly;
 }
 h1,
-.loader__h1___N9UmV {
+.checkout-payment-skeleton__h1___H8SVk {
   font-weight: 700;
   font-size: 28px;
   line-height: 42px;
@@ -4514,13 +4380,13 @@ h1,
 }
 @media only screen and (min-width: 769px) {
   h1,
-  .loader__h1___N9UmV {
+  .checkout-payment-skeleton__h1___H8SVk {
     font-size: 36px;
     line-height: 48px;
   }
 }
 h2,
-.loader__h2___tLPka {
+.checkout-payment-skeleton__h2___t2pb9 {
   font-weight: 700;
   font-size: 28px;
   line-height: 36px;
@@ -4529,13 +4395,13 @@ h2,
 }
 @media only screen and (min-width: 769px) {
   h2,
-  .loader__h2___tLPka {
+  .checkout-payment-skeleton__h2___t2pb9 {
     font-size: 32px;
     line-height: 42px;
   }
 }
 h3,
-.loader__h3___lpAs2 {
+.checkout-payment-skeleton__h3___JZA6b {
   font-weight: 700;
   letter-spacing: -0.02em;
   color: var(--textHeading, #26201a);
@@ -4544,7 +4410,7 @@ h3,
 }
 @media only screen and (min-width: 769px) {
   h3,
-  .loader__h3___lpAs2 {
+  .checkout-payment-skeleton__h3___JZA6b {
     font-weight: 700;
     letter-spacing: -0.02em;
     color: var(--textHeading, #26201a);
@@ -4553,7 +4419,7 @@ h3,
   }
 }
 h4,
-.loader__h4___I9T7x {
+.checkout-payment-skeleton__h4___Sejpy {
   font-weight: 600;
   letter-spacing: -0.02em;
   color: var(--textHeading, #26201a);
@@ -4562,7 +4428,7 @@ h4,
 }
 @media only screen and (min-width: 769px) {
   h4,
-  .loader__h4___I9T7x {
+  .checkout-payment-skeleton__h4___Sejpy {
     font-weight: 600;
     letter-spacing: -0.02em;
     color: var(--textHeading, #26201a);
@@ -4571,7 +4437,7 @@ h4,
   }
 }
 h5,
-.loader__h5___U0S2a {
+.checkout-payment-skeleton__h5___ZmHNf {
   font-weight: 600;
   font-size: 14px;
   line-height: 16px;
@@ -4580,12 +4446,12 @@ h5,
 }
 @media only screen and (min-width: 769px) {
   h5,
-  .loader__h5___U0S2a {
+  .checkout-payment-skeleton__h5___ZmHNf {
     font-size: 16px;
     line-height: 18px;
   }
 }
-.loader__b1___ava08 {
+.checkout-payment-skeleton__b1___xBfWs {
   font-weight: 400;
   font-size: 14px;
   line-height: 18px;
@@ -4593,14 +4459,14 @@ h5,
   color: var(--textBody, #3c3131);
 }
 @media only screen and (min-width: 769px) {
-  .loader__b1___ava08 {
+  .checkout-payment-skeleton__b1___xBfWs {
     font-size: 16px;
     line-height: 20px;
   }
 }
-.loader__b-small___MxINE,
-.loader__bSmall___vHKDM,
-.loader__b2___yNXNt {
+.checkout-payment-skeleton__b-small___awOnR,
+.checkout-payment-skeleton__bSmall___ePO4T,
+.checkout-payment-skeleton__b2___ioudk {
   font-weight: 400;
   letter-spacing: -0.02em;
   color: var(--textBody, #3c3131);
@@ -4608,9 +4474,9 @@ h5,
   line-height: 16px;
 }
 @media only screen and (min-width: 769px) {
-  .loader__b-small___MxINE,
-  .loader__bSmall___vHKDM,
-  .loader__b2___yNXNt {
+  .checkout-payment-skeleton__b-small___awOnR,
+  .checkout-payment-skeleton__bSmall___ePO4T,
+  .checkout-payment-skeleton__b2___ioudk {
     font-weight: 400;
     letter-spacing: -0.02em;
     color: var(--textBody, #3c3131);
@@ -4618,47 +4484,47 @@ h5,
     line-height: 18px;
   }
 }
-.loader__d1___zLD7l {
+.checkout-payment-skeleton__d1___CPRep {
   font-size: 36px;
   font-weight: 700;
   line-height: 48px;
   letter-spacing: -0.02em;
 }
 @media only screen and (min-width: 769px) {
-  .loader__d1___zLD7l {
+  .checkout-payment-skeleton__d1___CPRep {
     font-size: 64px;
     line-height: 85px;
     letter-spacing: -0.03em;
   }
 }
-.loader__caption-medium___Urevx,
-.loader__captionMedium___AiB4A {
+.checkout-payment-skeleton__caption-medium___D3mNq,
+.checkout-payment-skeleton__captionMedium___EsDcw {
   font-size: 12px;
   line-height: 1.5;
   letter-spacing: -0.02em;
   font-weight: 500;
 }
 @media only screen and (max-width: 480px) {
-  .loader__caption-medium___Urevx,
-  .loader__captionMedium___AiB4A {
+  .checkout-payment-skeleton__caption-medium___D3mNq,
+  .checkout-payment-skeleton__captionMedium___EsDcw {
     font-size: 11px;
   }
 }
-.loader__caption-semi-bold___F9hrq,
-.loader__captionSemiBold___GwZZD {
+.checkout-payment-skeleton__caption-semi-bold___rdysM,
+.checkout-payment-skeleton__captionSemiBold___pzGer {
   font-size: 12px;
   line-height: 1.5;
   letter-spacing: -0.02em;
   font-weight: 600;
 }
 @media only screen and (max-width: 480px) {
-  .loader__caption-semi-bold___F9hrq,
-  .loader__captionSemiBold___GwZZD {
+  .checkout-payment-skeleton__caption-semi-bold___rdysM,
+  .checkout-payment-skeleton__captionSemiBold___pzGer {
     font-size: 11px;
   }
 }
-.loader__btn-link___z7cQQ,
-.loader__btnLink___hjxLE {
+.checkout-payment-skeleton__btn-link___kDjUa,
+.checkout-payment-skeleton__btnLink___M9X0x {
   font-weight: 500;
   letter-spacing: -0.02em;
   font-size: 12px;
@@ -4671,72 +4537,72 @@ h5,
   border: none;
 }
 @media only screen and (min-width: 769px) {
-  .loader__btn-link___z7cQQ,
-  .loader__btnLink___hjxLE {
+  .checkout-payment-skeleton__btn-link___kDjUa,
+  .checkout-payment-skeleton__btnLink___M9X0x {
     font-weight: 500;
     letter-spacing: -0.02em;
     font-size: 14px;
     line-height: 16px;
   }
 }
-.loader__btn-link___z7cQQ:hover,
-.loader__btnLink___hjxLE:hover {
+.checkout-payment-skeleton__btn-link___kDjUa:hover,
+.checkout-payment-skeleton__btnLink___M9X0x:hover {
   color: var(--buttonLinkL1, #c1847c);
 }
-.loader__btn-link___z7cQQ:disabled,
-.loader__btnLink___hjxLE:disabled {
+.checkout-payment-skeleton__btn-link___kDjUa:disabled,
+.checkout-payment-skeleton__btnLink___M9X0x:disabled {
   color: var(--buttonLinkL2, #d0a39d);
 }
-.loader__btn-link___z7cQQ:active,
-.loader__btnLink___hjxLE:active {
+.checkout-payment-skeleton__btn-link___kDjUa:active,
+.checkout-payment-skeleton__btnLink___M9X0x:active {
   opacity: 0.8;
 }
-.loader__user-select-none___M5hoJ,
-.loader__userSelectNone___iA0b1 {
+.checkout-payment-skeleton__user-select-none___yQqNZ,
+.checkout-payment-skeleton__userSelectNone___y2hQk {
   user-select: none;
   -moz-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
 }
-.loader__margin-0-auto___T2r2j,
-.loader__margin0auto___ZVL7u {
+.checkout-payment-skeleton__margin-0-auto___CO4PP,
+.checkout-payment-skeleton__margin0auto___eIQZr {
   margin: 0 auto;
 }
-.loader__base-page-container____Zsxk,
-.loader__basePageContainer___DLiFl {
+.checkout-payment-skeleton__base-page-container___VLd15,
+.checkout-payment-skeleton__basePageContainer___ZUx0c {
   max-width: 1440px !important;
 }
-.loader__remove-scroll___hWs9Y,
-.loader__removeScroll___HDDzE {
+.checkout-payment-skeleton__remove-scroll___CUq6r,
+.checkout-payment-skeleton__removeScroll___ekgtH {
   overflow-y: hidden !important;
 }
-.loader__mr-5___eLBs7,
-.loader__mr5___zJD9I {
+.checkout-payment-skeleton__mr-5___umJ2P,
+.checkout-payment-skeleton__mr5___EYMLe {
   margin-inline-end: 30px !important;
 }
-.loader__mr-2___tbwub,
-.loader__mr2___X89Qh {
-  margin-inline-end: 5px !important;
+.checkout-payment-skeleton__mr-2___pVi6A,
+.checkout-payment-skeleton__mr2___t8Sju {
+  margin-inline-end: 5px !important;
 }
-.loader__py-5___pdJLF,
-.loader__py5___AvRNG {
+.checkout-payment-skeleton__py-5___BseOW,
+.checkout-payment-skeleton__py5___dObQz {
   padding-top: 1.875rem !important;
   padding-bottom: 1.875rem !important;
 }
-.loader__view-all-text___liiUk,
-.loader__viewAllText___Y96u7 {
+.checkout-payment-skeleton__view-all-text___l6OD2,
+.checkout-payment-skeleton__viewAllText___FeM_U {
   font-size: 20px;
   font-weight: 400;
   text-transform: lowercase;
   text-decoration: underline;
 }
-.loader__view-all-mobile___ZXDhV,
-.loader__viewAllMobile___h_w0I {
+.checkout-payment-skeleton__view-all-mobile___xGEz_,
+.checkout-payment-skeleton__viewAllMobile___JNZZi {
   display: none;
 }
 @media only screen and (max-width: 768px) {
-  .loader__view-all-mobile___ZXDhV,
-  .loader__viewAllMobile___h_w0I {
+  .checkout-payment-skeleton__view-all-mobile___xGEz_,
+  .checkout-payment-skeleton__viewAllMobile___JNZZi {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -4744,196 +4610,118 @@ h5,
   }
 }
 @media only screen and (max-width: 480px) {
-  .loader__view-all-mobile___ZXDhV,
-  .loader__viewAllMobile___h_w0I {
+  .checkout-payment-skeleton__view-all-mobile___xGEz_,
+  .checkout-payment-skeleton__viewAllMobile___JNZZi {
     margin-top: 24px;
   }
 }
-.loader__accent-btn___P6FBY,
-.loader__accentBtn___VC5di {
+.checkout-payment-skeleton__accent-btn___HMDSw,
+.checkout-payment-skeleton__accentBtn___sWZYK {
   background-color: var(--accentColor);
   color: #fff;
 }
-.loader__no-scroll___vVb6b,
-.loader__noScroll___ddkr9 {
+.checkout-payment-skeleton__no-scroll___BYVT_,
+.checkout-payment-skeleton__noScroll___wPPip {
   overflow-y: hidden;
 }
-.loader__hide-overflow___sIszC,
-.loader__hideOverflow___qX4zB {
+.checkout-payment-skeleton__hide-overflow___an1dW,
+.checkout-payment-skeleton__hideOverflow___WQc4T {
   overflow: hidden;
 }
-.loader__markdown-body___ZDTE_ h6 {
+.checkout-payment-skeleton__markdown-body___yazIR h6 {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
 }
 @media only screen and (max-width: 480px) {
-  .loader__markdown-body___ZDTE_ {
+  .checkout-payment-skeleton__markdown-body___yazIR {
     font-size: 12px !important;
     padding: 5px !important;
   }
 }
-.loader__view3d-canvas___Y51aL {
+.checkout-payment-skeleton__view3d-canvas___vz_8I {
   width: 100%;
   height: 100%;
 }
 @media only screen and (max-width: 480px) {
-  .loader__view-mobile-up___tbZ1n {
+  .checkout-payment-skeleton__view-mobile-up___hzAVv {
     display: none !important;
   }
 }
 @media only screen and (min-width: 481px) {
-  .loader__view-mobile___zSuiC {
+  .checkout-payment-skeleton__view-mobile___eDTpn {
     display: none !important;
   }
 }
-.loader__loading___r6ySa {
-  position: fixed;
-  z-index: 2000;
-  height: 2em;
-  width: 2em;
-  overflow: visible;
-  margin: auto;
-  top: 0;
-  inset-inline-start: 0;
-  bottom: 0;
-  inset-inline-end: 0;
+.checkout-payment-skeleton__paymentSkeleton___Yj2Co {
+  display: flex;
+  gap: 24px;
 }
-/* Transparent Overlay */
-.loader__loading___r6ySa:before {
-  content: "";
-  display: block;
-  position: fixed;
-  top: 0;
-  inset-inline-start: 0;
-  width: 100%;
-  height: 100%;
-  background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
-  background: -webkit-radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8));
-}
-/* :not(:required) hides these rules from IE9 and below */
-.loader__loading___r6ySa:not(:required) {
-  /* hide "loading..." text */
-  font: 0/0 a;
-  color: transparent;
-  text-shadow: none;
-  background-color: transparent;
-  border: 0;
-}
-.loader__loading___r6ySa:not(:required):after {
-  content: "";
-  display: block;
-  font-size: 10px;
-  width: 1em;
-  height: 1em;
-  margin-top: -0.5em;
-  -webkit-animation: loader__spinner___zNEkS 150ms infinite linear;
-  -moz-animation: loader__spinner___zNEkS 150ms infinite linear;
-  -ms-animation: loader__spinner___zNEkS 150ms infinite linear;
-  -o-animation: loader__spinner___zNEkS 150ms infinite linear;
-  animation: loader__spinner___zNEkS 150ms infinite linear;
-  border-radius: 0.5em;
-  -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;
-  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;
-}
-/* Animation */
-@-webkit-keyframes loader__spinner___zNEkS {
-  0% {
-    -webkit-transform: rotate(0deg);
-    -moz-transform: rotate(0deg);
-    -ms-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    -moz-transform: rotate(360deg);
-    -ms-transform: rotate(360deg);
-    -o-transform: rotate(360deg);
-    transform: rotate(360deg);
+@media only screen and (min-width: 769px) and (max-width: 1024px) {
+  .checkout-payment-skeleton__paymentSkeleton___Yj2Co {
+    margin: 8px;
   }
 }
-@-moz-keyframes loader__spinner___zNEkS {
-  0% {
-    -webkit-transform: rotate(0deg);
-    -moz-transform: rotate(0deg);
-    -ms-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    -moz-transform: rotate(360deg);
-    -ms-transform: rotate(360deg);
-    -o-transform: rotate(360deg);
-    transform: rotate(360deg);
+@media only screen and (min-width: 769px) {
+  .checkout-payment-skeleton__paymentSkeleton___Yj2Co {
+    margin: 24px 0px 10px 0px;
+    border: 1px solid var(--dividerStokes);
+    border-radius: 0 0 8px 8px;
   }
 }
-@-o-keyframes loader__spinner___zNEkS {
-  0% {
-    -webkit-transform: rotate(0deg);
-    -moz-transform: rotate(0deg);
-    -ms-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    -moz-transform: rotate(360deg);
-    -ms-transform: rotate(360deg);
-    -o-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
+.checkout-payment-skeleton__leftNav___VI5F9 {
+  width: 33.33%;
+  display: flex;
+  flex-direction: column;
+  border-color: var(--dividerStokes);
+  border-radius: 4px 0 0 4px;
+  padding: 8px 0;
 }
-@keyframes loader__spinner___zNEkS {
-  0% {
-    -webkit-transform: rotate(0deg);
-    -moz-transform: rotate(0deg);
-    -ms-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    -moz-transform: rotate(360deg);
-    -ms-transform: rotate(360deg);
-    -o-transform: rotate(360deg);
-    transform: rotate(360deg);
+@media only screen and (max-width: 768px) {
+  .checkout-payment-skeleton__leftNav___VI5F9 {
+    display: none;
   }
 }
-.loader__page-loader-container___jJHee {
-  position: fixed;
-  top: 0;
-  inset-inline-start: 0;
-  width: 100%;
-  background: rgba(0, 0, 0, 0.1);
-  display: flex;
-  justify-content: center;
+.checkout-payment-skeleton__navItem___fM653 {
+  display: grid;
+  grid-template-columns: 38px 1fr;
   align-items: center;
-  height: 100vh;
-  z-index: 222;
+  gap: 12px;
+  padding: 16px;
+  border-bottom: 1px solid var(--dividerStokes);
 }
-.loader__loader___ytdT3 {
-  border: 8px solid var(--themeAccentL4, #f9f6f0);
-  border-top: 8px solid var(--themeAccentD3, #5c584e);
-  border-radius: 50%;
-  width: 50px;
-  height: 50px;
-  animation: loader__spin___omoke 2s linear infinite;
-  margin-inline-start: 10%;
+.checkout-payment-skeleton__rightPanel___QgPKv {
+  width: 66.66%;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  border-color: var(--dividerStokes);
+  border-radius: 0 4px 4px 0;
+  padding: 24px;
 }
-@keyframes loader__spin___omoke {
-  0% {
-    transform: rotate(0deg);
+@media only screen and (min-width: 769px) and (max-width: 1024px) {
+  .checkout-payment-skeleton__rightPanel___QgPKv {
+    width: 100%;
+    padding: 16px;
+    border-width: 1px;
   }
-  100% {
-    transform: rotate(360deg);
+}
+.checkout-payment-skeleton__field___sIP5X {
+  width: 100%;
+}
+.checkout-payment-skeleton__row___H6phv {
+  display: grid;
+  grid-template-columns: 1fr 140px;
+  gap: 16px;
+}
+@media only screen and (max-width: 768px) {
+  .checkout-payment-skeleton__row___H6phv {
+    grid-template-columns: 1fr;
   }
 }
-.loader__page-loader-container___jJHee p {
-  margin-inline-start: 10px;
-  font-weight: bold;
-  color: #333;
-  /* Dark grey */
+.checkout-payment-skeleton__checkboxRow___EedIm {
+  display: flex;
+  align-items: center;
+  gap: 8px;
 }
 
 /**color by character**/
@@ -5289,779 +5077,3 @@ h5,
   }
 }
 
-/**color by character**/
-/** Font family **/
-/** Font weight **/
-.skeleton__display-block___flsvh {
-  display: block;
-}
-.skeleton__inline-block___D3lZU,
-.skeleton__inlineBlock___jupAM {
-  display: inline-block;
-}
-.skeleton__flex-row___b7XIS {
-  display: flex;
-}
-.skeleton__flex-column___cx8gj,
-.skeleton__flexColumn___LJ8kN {
-  display: flex;
-  flex-direction: column;
-}
-.skeleton__flex-align-center___BkiwJ,
-.skeleton__flexAlignCenter___eDO81 {
-  display: flex;
-  align-items: center;
-}
-.skeleton__flex-justify-center___Bprfn,
-.skeleton__flexJustifyCenter___Vbv2j {
-  display: flex;
-  justify-content: center;
-}
-.skeleton__flex-center___cMoDY,
-.skeleton__flexCenter___XDPsj {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.skeleton__justify-start___Yje0h,
-.skeleton__justifyStart___hRG1R {
-  justify-content: flex-start;
-}
-.skeleton__justify-end___RBgxm,
-.skeleton__justifyEnd___TvO4Q {
-  justify-content: flex-end;
-}
-.skeleton__justify-between___V2gwm,
-.skeleton__justifyBetween___EBTai {
-  justify-content: space-between;
-}
-.skeleton__justify-around___aZcpf,
-.skeleton__justifyAround___nDOBv {
-  justify-content: space-around;
-}
-.skeleton__justify-evenly___X9J4f,
-.skeleton__justifyEvenly___indDM {
-  justify-content: space-evenly;
-}
-h1,
-.skeleton__h1___stHxc {
-  font-weight: 700;
-  font-size: 28px;
-  line-height: 42px;
-  letter-spacing: -0.03em;
-  color: var(--textHeading, #26201a);
-}
-@media only screen and (min-width: 769px) {
-  h1,
-  .skeleton__h1___stHxc {
-    font-size: 36px;
-    line-height: 48px;
-  }
-}
-h2,
-.skeleton__h2___mN5C0 {
-  font-weight: 700;
-  font-size: 28px;
-  line-height: 36px;
-  letter-spacing: -0.03em;
-  color: var(--textHeading, #26201a);
-}
-@media only screen and (min-width: 769px) {
-  h2,
-  .skeleton__h2___mN5C0 {
-    font-size: 32px;
-    line-height: 42px;
-  }
-}
-h3,
-.skeleton__h3___kIOpi {
-  font-weight: 700;
-  letter-spacing: -0.02em;
-  color: var(--textHeading, #26201a);
-  font-size: 24px;
-  line-height: 32px;
-}
-@media only screen and (min-width: 769px) {
-  h3,
-  .skeleton__h3___kIOpi {
-    font-weight: 700;
-    letter-spacing: -0.02em;
-    color: var(--textHeading, #26201a);
-    font-size: 28px;
-    line-height: 36px;
-  }
-}
-h4,
-.skeleton__h4___QpgGo {
-  font-weight: 600;
-  letter-spacing: -0.02em;
-  color: var(--textHeading, #26201a);
-  font-size: 16px;
-  line-height: 1.5;
-}
-@media only screen and (min-width: 769px) {
-  h4,
-  .skeleton__h4___QpgGo {
-    font-weight: 600;
-    letter-spacing: -0.02em;
-    color: var(--textHeading, #26201a);
-    font-size: 20px;
-    line-height: 1.5;
-  }
-}
-h5,
-.skeleton__h5___PMPlP {
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 16px;
-  letter-spacing: -0.02em;
-  color: var(--textHeading, #26201a);
-}
-@media only screen and (min-width: 769px) {
-  h5,
-  .skeleton__h5___PMPlP {
-    font-size: 16px;
-    line-height: 18px;
-  }
-}
-.skeleton__b1___hpM23 {
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 18px;
-  letter-spacing: -0.02em;
-  color: var(--textBody, #3c3131);
-}
-@media only screen and (min-width: 769px) {
-  .skeleton__b1___hpM23 {
-    font-size: 16px;
-    line-height: 20px;
-  }
-}
-.skeleton__b-small___femyP,
-.skeleton__bSmall___PhkFq,
-.skeleton__b2___agwxR {
-  font-weight: 400;
-  letter-spacing: -0.02em;
-  color: var(--textBody, #3c3131);
-  font-size: 12px;
-  line-height: 16px;
-}
-@media only screen and (min-width: 769px) {
-  .skeleton__b-small___femyP,
-  .skeleton__bSmall___PhkFq,
-  .skeleton__b2___agwxR {
-    font-weight: 400;
-    letter-spacing: -0.02em;
-    color: var(--textBody, #3c3131);
-    font-size: 14px;
-    line-height: 18px;
-  }
-}
-.skeleton__d1___M0nh7 {
-  font-size: 36px;
-  font-weight: 700;
-  line-height: 48px;
-  letter-spacing: -0.02em;
-}
-@media only screen and (min-width: 769px) {
-  .skeleton__d1___M0nh7 {
-    font-size: 64px;
-    line-height: 85px;
-    letter-spacing: -0.03em;
-  }
-}
-.skeleton__caption-medium___j0WKW,
-.skeleton__captionMedium___SNpGl {
-  font-size: 12px;
-  line-height: 1.5;
-  letter-spacing: -0.02em;
-  font-weight: 500;
-}
-@media only screen and (max-width: 480px) {
-  .skeleton__caption-medium___j0WKW,
-  .skeleton__captionMedium___SNpGl {
-    font-size: 11px;
-  }
-}
-.skeleton__caption-semi-bold___F07Te,
-.skeleton__captionSemiBold___LuLP_ {
-  font-size: 12px;
-  line-height: 1.5;
-  letter-spacing: -0.02em;
-  font-weight: 600;
-}
-@media only screen and (max-width: 480px) {
-  .skeleton__caption-semi-bold___F07Te,
-  .skeleton__captionSemiBold___LuLP_ {
-    font-size: 11px;
-  }
-}
-.skeleton__btn-link___ueOwS,
-.skeleton__btnLink___DnIPP {
-  font-weight: 500;
-  letter-spacing: -0.02em;
-  font-size: 12px;
-  line-height: 14px;
-  border-radius: var(--buttonRadius, 0px);
-  cursor: pointer;
-  color: var(--buttonLink, #b1655b);
-  text-decoration: underline;
-  background: none;
-  border: none;
-}
-@media only screen and (min-width: 769px) {
-  .skeleton__btn-link___ueOwS,
-  .skeleton__btnLink___DnIPP {
-    font-weight: 500;
-    letter-spacing: -0.02em;
-    font-size: 14px;
-    line-height: 16px;
-  }
-}
-.skeleton__btn-link___ueOwS:hover,
-.skeleton__btnLink___DnIPP:hover {
-  color: var(--buttonLinkL1, #c1847c);
-}
-.skeleton__btn-link___ueOwS:disabled,
-.skeleton__btnLink___DnIPP:disabled {
-  color: var(--buttonLinkL2, #d0a39d);
-}
-.skeleton__btn-link___ueOwS:active,
-.skeleton__btnLink___DnIPP:active {
-  opacity: 0.8;
-}
-.skeleton__user-select-none___B9lxY,
-.skeleton__userSelectNone___vwf3u {
-  user-select: none;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-}
-.skeleton__margin-0-auto___fv4h7,
-.skeleton__margin0auto___Sxq8P {
-  margin: 0 auto;
-}
-.skeleton__base-page-container___cwTaq,
-.skeleton__basePageContainer___rsyqY {
-  max-width: 1440px !important;
-}
-.skeleton__remove-scroll___n57D0,
-.skeleton__removeScroll___v2NfV {
-  overflow-y: hidden !important;
-}
-.skeleton__mr-5___TUJhu,
-.skeleton__mr5___p6f6O {
-  margin-inline-end: 30px !important;
-}
-.skeleton__mr-2___M4HUK,
-.skeleton__mr2___AY7Il {
-  margin-inline-end: 5px !important;
-}
-.skeleton__py-5___b283_,
-.skeleton__py5___DxZhQ {
-  padding-top: 1.875rem !important;
-  padding-bottom: 1.875rem !important;
-}
-.skeleton__view-all-text___dUB_v,
-.skeleton__viewAllText___dh6dW {
-  font-size: 20px;
-  font-weight: 400;
-  text-transform: lowercase;
-  text-decoration: underline;
-}
-.skeleton__view-all-mobile___hF9hT,
-.skeleton__viewAllMobile___NApno {
-  display: none;
-}
-@media only screen and (max-width: 768px) {
-  .skeleton__view-all-mobile___hF9hT,
-  .skeleton__viewAllMobile___NApno {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-top: 40px;
-  }
-}
-@media only screen and (max-width: 480px) {
-  .skeleton__view-all-mobile___hF9hT,
-  .skeleton__viewAllMobile___NApno {
-    margin-top: 24px;
-  }
-}
-.skeleton__accent-btn___CAKLm,
-.skeleton__accentBtn___KeRbh {
-  background-color: var(--accentColor);
-  color: #fff;
-}
-.skeleton__no-scroll___h6SgF,
-.skeleton__noScroll___pVZD0 {
-  overflow-y: hidden;
-}
-.skeleton__hide-overflow___eiE7w,
-.skeleton__hideOverflow___sdeqq {
-  overflow: hidden;
-}
-.skeleton__markdown-body___PFXgo h6 {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
-}
-@media only screen and (max-width: 480px) {
-  .skeleton__markdown-body___PFXgo {
-    font-size: 12px !important;
-    padding: 5px !important;
-  }
-}
-.skeleton__view3d-canvas___SS8rP {
-  width: 100%;
-  height: 100%;
-}
-@media only screen and (max-width: 480px) {
-  .skeleton__view-mobile-up___P2q7H {
-    display: none !important;
-  }
-}
-@media only screen and (min-width: 481px) {
-  .skeleton__view-mobile___dqi1b {
-    display: none !important;
-  }
-}
-.skeleton__skeleton___waQcS {
-  background-color: #f0f0f0;
-  display: block;
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-}
-.skeleton__skeleton___waQcS::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background: linear-gradient(90deg, var(--themeAccentL4, #f9f6f0) 25%, var(--themeAccentL3, #f5f1e7) 50%, var(--themeAccentL4, #f9f6f0) 75%);
-  background-size: 200% 100%;
-  animation: skeleton__skeletonWave___Y__OR 1.5s ease-in-out infinite;
-}
-.skeleton__skeletonGroup___zpi9b {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-}
-@keyframes skeleton__skeletonWave___Y__OR {
-  0% {
-    background-position: -200% 0;
-  }
-  100% {
-    background-position: 200% 0;
-  }
-}
-
-/**color by character**/
-/** Font family **/
-/** Font weight **/
-.checkout-payment-skeleton__display-block___NMCjw {
-  display: block;
-}
-.checkout-payment-skeleton__inline-block___Jbt_a,
-.checkout-payment-skeleton__inlineBlock___apd_z {
-  display: inline-block;
-}
-.checkout-payment-skeleton__flex-row___Y4GCR {
-  display: flex;
-}
-.checkout-payment-skeleton__flex-column___XXV3n,
-.checkout-payment-skeleton__flexColumn___Atcok {
-  display: flex;
-  flex-direction: column;
-}
-.checkout-payment-skeleton__flex-align-center___rsSto,
-.checkout-payment-skeleton__flexAlignCenter___foDNE {
-  display: flex;
-  align-items: center;
-}
-.checkout-payment-skeleton__flex-justify-center___TIRRV,
-.checkout-payment-skeleton__flexJustifyCenter___TsdZa {
-  display: flex;
-  justify-content: center;
-}
-.checkout-payment-skeleton__flex-center___DFvLJ,
-.checkout-payment-skeleton__flexCenter___UUlSs {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.checkout-payment-skeleton__justify-start___k4RZ3,
-.checkout-payment-skeleton__justifyStart___aqqgv {
-  justify-content: flex-start;
-}
-.checkout-payment-skeleton__justify-end___I2bpx,
-.checkout-payment-skeleton__justifyEnd___m3yJ2 {
-  justify-content: flex-end;
-}
-.checkout-payment-skeleton__justify-between___Bd_Y8,
-.checkout-payment-skeleton__justifyBetween___LaZ7m {
-  justify-content: space-between;
-}
-.checkout-payment-skeleton__justify-around___zpZIe,
-.checkout-payment-skeleton__justifyAround___tijMQ {
-  justify-content: space-around;
-}
-.checkout-payment-skeleton__justify-evenly___xLp3y,
-.checkout-payment-skeleton__justifyEvenly___tIKTj {
-  justify-content: space-evenly;
-}
-h1,
-.checkout-payment-skeleton__h1___H8SVk {
-  font-weight: 700;
-  font-size: 28px;
-  line-height: 42px;
-  letter-spacing: -0.03em;
-  color: var(--textHeading, #26201a);
-}
-@media only screen and (min-width: 769px) {
-  h1,
-  .checkout-payment-skeleton__h1___H8SVk {
-    font-size: 36px;
-    line-height: 48px;
-  }
-}
-h2,
-.checkout-payment-skeleton__h2___t2pb9 {
-  font-weight: 700;
-  font-size: 28px;
-  line-height: 36px;
-  letter-spacing: -0.03em;
-  color: var(--textHeading, #26201a);
-}
-@media only screen and (min-width: 769px) {
-  h2,
-  .checkout-payment-skeleton__h2___t2pb9 {
-    font-size: 32px;
-    line-height: 42px;
-  }
-}
-h3,
-.checkout-payment-skeleton__h3___JZA6b {
-  font-weight: 700;
-  letter-spacing: -0.02em;
-  color: var(--textHeading, #26201a);
-  font-size: 24px;
-  line-height: 32px;
-}
-@media only screen and (min-width: 769px) {
-  h3,
-  .checkout-payment-skeleton__h3___JZA6b {
-    font-weight: 700;
-    letter-spacing: -0.02em;
-    color: var(--textHeading, #26201a);
-    font-size: 28px;
-    line-height: 36px;
-  }
-}
-h4,
-.checkout-payment-skeleton__h4___Sejpy {
-  font-weight: 600;
-  letter-spacing: -0.02em;
-  color: var(--textHeading, #26201a);
-  font-size: 16px;
-  line-height: 1.5;
-}
-@media only screen and (min-width: 769px) {
-  h4,
-  .checkout-payment-skeleton__h4___Sejpy {
-    font-weight: 600;
-    letter-spacing: -0.02em;
-    color: var(--textHeading, #26201a);
-    font-size: 20px;
-    line-height: 1.5;
-  }
-}
-h5,
-.checkout-payment-skeleton__h5___ZmHNf {
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 16px;
-  letter-spacing: -0.02em;
-  color: var(--textHeading, #26201a);
-}
-@media only screen and (min-width: 769px) {
-  h5,
-  .checkout-payment-skeleton__h5___ZmHNf {
-    font-size: 16px;
-    line-height: 18px;
-  }
-}
-.checkout-payment-skeleton__b1___xBfWs {
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 18px;
-  letter-spacing: -0.02em;
-  color: var(--textBody, #3c3131);
-}
-@media only screen and (min-width: 769px) {
-  .checkout-payment-skeleton__b1___xBfWs {
-    font-size: 16px;
-    line-height: 20px;
-  }
-}
-.checkout-payment-skeleton__b-small___awOnR,
-.checkout-payment-skeleton__bSmall___ePO4T,
-.checkout-payment-skeleton__b2___ioudk {
-  font-weight: 400;
-  letter-spacing: -0.02em;
-  color: var(--textBody, #3c3131);
-  font-size: 12px;
-  line-height: 16px;
-}
-@media only screen and (min-width: 769px) {
-  .checkout-payment-skeleton__b-small___awOnR,
-  .checkout-payment-skeleton__bSmall___ePO4T,
-  .checkout-payment-skeleton__b2___ioudk {
-    font-weight: 400;
-    letter-spacing: -0.02em;
-    color: var(--textBody, #3c3131);
-    font-size: 14px;
-    line-height: 18px;
-  }
-}
-.checkout-payment-skeleton__d1___CPRep {
-  font-size: 36px;
-  font-weight: 700;
-  line-height: 48px;
-  letter-spacing: -0.02em;
-}
-@media only screen and (min-width: 769px) {
-  .checkout-payment-skeleton__d1___CPRep {
-    font-size: 64px;
-    line-height: 85px;
-    letter-spacing: -0.03em;
-  }
-}
-.checkout-payment-skeleton__caption-medium___D3mNq,
-.checkout-payment-skeleton__captionMedium___EsDcw {
-  font-size: 12px;
-  line-height: 1.5;
-  letter-spacing: -0.02em;
-  font-weight: 500;
-}
-@media only screen and (max-width: 480px) {
-  .checkout-payment-skeleton__caption-medium___D3mNq,
-  .checkout-payment-skeleton__captionMedium___EsDcw {
-    font-size: 11px;
-  }
-}
-.checkout-payment-skeleton__caption-semi-bold___rdysM,
-.checkout-payment-skeleton__captionSemiBold___pzGer {
-  font-size: 12px;
-  line-height: 1.5;
-  letter-spacing: -0.02em;
-  font-weight: 600;
-}
-@media only screen and (max-width: 480px) {
-  .checkout-payment-skeleton__caption-semi-bold___rdysM,
-  .checkout-payment-skeleton__captionSemiBold___pzGer {
-    font-size: 11px;
-  }
-}
-.checkout-payment-skeleton__btn-link___kDjUa,
-.checkout-payment-skeleton__btnLink___M9X0x {
-  font-weight: 500;
-  letter-spacing: -0.02em;
-  font-size: 12px;
-  line-height: 14px;
-  border-radius: var(--buttonRadius, 0px);
-  cursor: pointer;
-  color: var(--buttonLink, #b1655b);
-  text-decoration: underline;
-  background: none;
-  border: none;
-}
-@media only screen and (min-width: 769px) {
-  .checkout-payment-skeleton__btn-link___kDjUa,
-  .checkout-payment-skeleton__btnLink___M9X0x {
-    font-weight: 500;
-    letter-spacing: -0.02em;
-    font-size: 14px;
-    line-height: 16px;
-  }
-}
-.checkout-payment-skeleton__btn-link___kDjUa:hover,
-.checkout-payment-skeleton__btnLink___M9X0x:hover {
-  color: var(--buttonLinkL1, #c1847c);
-}
-.checkout-payment-skeleton__btn-link___kDjUa:disabled,
-.checkout-payment-skeleton__btnLink___M9X0x:disabled {
-  color: var(--buttonLinkL2, #d0a39d);
-}
-.checkout-payment-skeleton__btn-link___kDjUa:active,
-.checkout-payment-skeleton__btnLink___M9X0x:active {
-  opacity: 0.8;
-}
-.checkout-payment-skeleton__user-select-none___yQqNZ,
-.checkout-payment-skeleton__userSelectNone___y2hQk {
-  user-select: none;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-}
-.checkout-payment-skeleton__margin-0-auto___CO4PP,
-.checkout-payment-skeleton__margin0auto___eIQZr {
-  margin: 0 auto;
-}
-.checkout-payment-skeleton__base-page-container___VLd15,
-.checkout-payment-skeleton__basePageContainer___ZUx0c {
-  max-width: 1440px !important;
-}
-.checkout-payment-skeleton__remove-scroll___CUq6r,
-.checkout-payment-skeleton__removeScroll___ekgtH {
-  overflow-y: hidden !important;
-}
-.checkout-payment-skeleton__mr-5___umJ2P,
-.checkout-payment-skeleton__mr5___EYMLe {
-  margin-inline-end: 30px !important;
-}
-.checkout-payment-skeleton__mr-2___pVi6A,
-.checkout-payment-skeleton__mr2___t8Sju {
-  margin-inline-end: 5px !important;
-}
-.checkout-payment-skeleton__py-5___BseOW,
-.checkout-payment-skeleton__py5___dObQz {
-  padding-top: 1.875rem !important;
-  padding-bottom: 1.875rem !important;
-}
-.checkout-payment-skeleton__view-all-text___l6OD2,
-.checkout-payment-skeleton__viewAllText___FeM_U {
-  font-size: 20px;
-  font-weight: 400;
-  text-transform: lowercase;
-  text-decoration: underline;
-}
-.checkout-payment-skeleton__view-all-mobile___xGEz_,
-.checkout-payment-skeleton__viewAllMobile___JNZZi {
-  display: none;
-}
-@media only screen and (max-width: 768px) {
-  .checkout-payment-skeleton__view-all-mobile___xGEz_,
-  .checkout-payment-skeleton__viewAllMobile___JNZZi {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-top: 40px;
-  }
-}
-@media only screen and (max-width: 480px) {
-  .checkout-payment-skeleton__view-all-mobile___xGEz_,
-  .checkout-payment-skeleton__viewAllMobile___JNZZi {
-    margin-top: 24px;
-  }
-}
-.checkout-payment-skeleton__accent-btn___HMDSw,
-.checkout-payment-skeleton__accentBtn___sWZYK {
-  background-color: var(--accentColor);
-  color: #fff;
-}
-.checkout-payment-skeleton__no-scroll___BYVT_,
-.checkout-payment-skeleton__noScroll___wPPip {
-  overflow-y: hidden;
-}
-.checkout-payment-skeleton__hide-overflow___an1dW,
-.checkout-payment-skeleton__hideOverflow___WQc4T {
-  overflow: hidden;
-}
-.checkout-payment-skeleton__markdown-body___yazIR h6 {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
-}
-@media only screen and (max-width: 480px) {
-  .checkout-payment-skeleton__markdown-body___yazIR {
-    font-size: 12px !important;
-    padding: 5px !important;
-  }
-}
-.checkout-payment-skeleton__view3d-canvas___vz_8I {
-  width: 100%;
-  height: 100%;
-}
-@media only screen and (max-width: 480px) {
-  .checkout-payment-skeleton__view-mobile-up___hzAVv {
-    display: none !important;
-  }
-}
-@media only screen and (min-width: 481px) {
-  .checkout-payment-skeleton__view-mobile___eDTpn {
-    display: none !important;
-  }
-}
-.checkout-payment-skeleton__paymentSkeleton___Yj2Co {
-  display: flex;
-  gap: 24px;
-}
-@media only screen and (min-width: 769px) and (max-width: 1024px) {
-  .checkout-payment-skeleton__paymentSkeleton___Yj2Co {
-    margin: 8px;
-  }
-}
-@media only screen and (min-width: 769px) {
-  .checkout-payment-skeleton__paymentSkeleton___Yj2Co {
-    margin: 24px 0px 10px 0px;
-    border: 1px solid var(--dividerStokes);
-    border-radius: 0 0 8px 8px;
-  }
-}
-.checkout-payment-skeleton__leftNav___VI5F9 {
-  width: 33.33%;
-  display: flex;
-  flex-direction: column;
-  border-color: var(--dividerStokes);
-  border-radius: 4px 0 0 4px;
-  padding: 8px 0;
-}
-@media only screen and (max-width: 768px) {
-  .checkout-payment-skeleton__leftNav___VI5F9 {
-    display: none;
-  }
-}
-.checkout-payment-skeleton__navItem___fM653 {
-  display: grid;
-  grid-template-columns: 38px 1fr;
-  align-items: center;
-  gap: 12px;
-  padding: 16px;
-  border-bottom: 1px solid var(--dividerStokes);
-}
-.checkout-payment-skeleton__rightPanel___QgPKv {
-  width: 66.66%;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  border-color: var(--dividerStokes);
-  border-radius: 0 4px 4px 0;
-  padding: 24px;
-}
-@media only screen and (min-width: 769px) and (max-width: 1024px) {
-  .checkout-payment-skeleton__rightPanel___QgPKv {
-    width: 100%;
-    padding: 16px;
-    border-width: 1px;
-  }
-}
-.checkout-payment-skeleton__field___sIP5X {
-  width: 100%;
-}
-.checkout-payment-skeleton__row___H6phv {
-  display: grid;
-  grid-template-columns: 1fr 140px;
-  gap: 16px;
-}
-@media only screen and (max-width: 768px) {
-  .checkout-payment-skeleton__row___H6phv {
-    grid-template-columns: 1fr;
-  }
-}
-.checkout-payment-skeleton__checkboxRow___EedIm {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-