@gofynd/theme-template 2.0.3 → 2.0.4

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

@@ -337,6 +337,10 @@ h5,
 .checkout-payment-content__container___HusGh {
   background: var(--pageBackground, #f8f8f8);
 }
+.checkout-payment-content__container___HusGh.checkout-payment-content__unsetBorder___iXIU7 {
+  border: unset;
+  padding-top: 0;
+}
 @media only screen and (min-width: 769px) {
   .checkout-payment-content__container___HusGh {
     display: flex;
@@ -471,6 +475,7 @@ h5,
   font-size: 14px;
   font-weight: 500;
   line-height: 140%;
+  height: 18px;
 }
 @media only screen and (max-width: 768px) {
   .checkout-payment-content__container___HusGh .checkout-payment-content__navigationLink___jrTvz .checkout-payment-content__linkWrapper___rbKAK .checkout-payment-content__link___ZIR_i .checkout-payment-content__modeName___oABQ2 {
@@ -858,6 +863,11 @@ h5,
   display: flex;
   flex-direction: column;
 }
+@media only screen and (max-width: 480px) {
+  .checkout-payment-content__container___HusGh .checkout-payment-content__cardTab___uYvQv .checkout-payment-content__newCardWrapper___p35go .checkout-payment-content__newCard___gXKVk.checkout-payment-content__addPaddingBottom___Qc5bl {
+    padding-bottom: 24px;
+  }
+}
 .checkout-payment-content__container___HusGh .checkout-payment-content__cardTab___uYvQv .checkout-payment-content__newCardWrapper___p35go .checkout-payment-content__newCard___gXKVk .checkout-payment-content__cardInputWrapper___YqlSP {
   display: flex;
   flex-direction: column;
@@ -1009,12 +1019,12 @@ h5,
   margin-bottom: 16px;
 }
 .checkout-payment-content__container___HusGh .checkout-payment-content__cardTab___uYvQv .checkout-payment-content__newCardWrapper___p35go .checkout-payment-content__saveNewCard___cPi2y {
-  padding: 8px;
-  border-radius: 5px;
+  padding: 16px;
+  border-radius: var(--buttonRadius, 0px);
   background-color: var(--primaryColor);
   border: none;
   width: 100%;
-  margin-top: 24px;
+  margin-top: 16px;
   font-weight: 600;
   font-size: 14px;
   text-transform: uppercase;
@@ -1023,12 +1033,12 @@ h5,
   line-height: 140%;
 }
 .checkout-payment-content__container___HusGh .checkout-payment-content__cardTab___uYvQv .checkout-payment-content__newCardWrapper___p35go .checkout-payment-content__saveNewCard___cPi2y[disabled] {
-  padding: 8px;
-  border-radius: 5px;
+  padding: 16px;
+  border-radius: var(--buttonRadius, 0px);
   background-color: var(--primaryColor);
   border: none;
   width: 100%;
-  margin-top: 24px;
+  margin-top: 16px;
   font-weight: 600;
   font-size: 14px;
   text-transform: uppercase;
@@ -1199,7 +1209,7 @@ h5,
 .checkout-payment-content__container___HusGh .checkout-payment-content__modeOption___onKtJ .checkout-payment-content__modeItemWrapper___IlJf3 .checkout-payment-content__modeItem___M6Obf .checkout-payment-content__moreModeArrow___yBQbk {
   transform: rotate(270deg);
 }
-[dir='rtl'] .checkout-payment-content__container___HusGh .checkout-payment-content__modeOption___onKtJ .checkout-payment-content__modeItemWrapper___IlJf3 .checkout-payment-content__modeItem___M6Obf .checkout-payment-content__moreModeArrow___yBQbk {
+[dir="rtl"] .checkout-payment-content__container___HusGh .checkout-payment-content__modeOption___onKtJ .checkout-payment-content__modeItemWrapper___IlJf3 .checkout-payment-content__modeItem___M6Obf .checkout-payment-content__moreModeArrow___yBQbk {
   transform: rotate(90deg);
 }
 .checkout-payment-content__container___HusGh .checkout-payment-content__modeOption___onKtJ .checkout-payment-content__modeItemWrapper___IlJf3 .checkout-payment-content__modeItem___M6Obf .checkout-payment-content__otherModeArrow___ulm30 {
@@ -1276,6 +1286,12 @@ h5,
   align-items: center;
   border: 1px solid var(--dividerStokes);
   border-radius: 100px;
+  width: 38px;
+  height: 38px;
+  padding: 8px 4px;
+}
+.checkout-payment-content__container___HusGh .checkout-payment-content__upiApp___M2sjF .checkout-payment-content__logo___jNLmQ:last-child {
+  padding: unset;
 }
 .checkout-payment-content__container___HusGh .checkout-payment-content__upiApp___M2sjF .checkout-payment-content__displayName___dLKMP {
   flex: 1;
@@ -1502,7 +1518,8 @@ h5,
   text-transform: uppercase;
   cursor: pointer;
   line-height: 140%;
-  margin: 24px 0;
+  margin-top: 16px;
+  margin-bottom: 24px;
 }
 .checkout-payment-content__container___HusGh .checkout-payment-content__upiPay___CycYi .checkout-payment-content__payBtn___dgcAp:hover {
   background-color: var(--buttonPrimaryL1, #71653a);
@@ -1939,7 +1956,7 @@ h5,
   display: flex;
   align-items: center;
 }
-[dir='rtl'] .checkout-payment-content__moreModeIcon___Hjipo {
+[dir="rtl"] .checkout-payment-content__moreModeIcon___Hjipo {
   transform: rotate(90deg);
 }
 .checkout-payment-content__moreModeIcon___Hjipo svg {
@@ -2037,6 +2054,10 @@ h5,
     display: none;
   }
 }
+.checkout-payment-content__mopIcon___koORc {
+  width: 24px;
+  height: 24px;
+}
 
 /**color by character**/
 /** Font family **/
@@ -2937,6 +2958,9 @@ h5,
 .sticky-pay-now__checkoutButton___mtO42 {
   gap: 12px;
 }
+.sticky-pay-now__buttonWidth___nKraw {
+  width: 100%;
+}
 
 /**color by character**/
 /** Font family **/