#wrapper{perspective:1000px}.max-w-7xl{max-width:1280px}.justify-center{justify-content:center}.items-center{align-items:center}.h-full{height:100%}.mx-auto{margin-left:auto;margin-right:auto}.grid{display:grid}.gap-4{grid-gap:2rem}.mt-8{margin-top:2rem}.flex{display:flex}.flex-col{flex-direction:column}.invisible{visibility:hidden}.credit-card__wrapper{color:#fff;background-color:#0a1045;font-family:monospace;width:100%;max-width:400px;height:200px;padding:30px;margin-bottom:1rem;border:1px solid #000;border-radius:6px;transition:transform .5s;transform-style:preserve-3d}.credit-card.--back,.credit-card.--front{position:absolute;top:0;left:0;padding:1rem;height:100%;width:100%;backface-visibility:hidden}.credit-card.--back,.credit-card__wrapper.--flipped{transform:rotateY(180deg)}.credit-card--wallpaper{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#0a1045;border-radius:10px}.credit-card.--front{display:grid;grid-template-columns:1fr;grid-template-rows:40px 60px 50px}.credit-card__card-number{grid-row:2/2}.credit-card__info{grid-row:3/3;display:flex;justify-content:space-between}.credit-card__field{display:flex;flex-direction:column}.credit-card__field span:first-child{font-size:.85rem}.credit-card__field span:last-child{font-size:1.25rem}.credit-card__field.--expiration{text-align:right}.credit-card__flag{grid-row:1/1;background-size:80px;background-repeat:no-repeat;background-position:top 50% right 10px}.credit-card__flag.--visa{background-image:url(/assets/images/payment/checkout/brands/visa.png)}.credit-card__flag.--mastercard{background-image:url(/assets/images/payment/checkout/brands/master-card-icon.png)}.credit-card__flag.--amex{background-image:url(/assets/images/payment/checkout/brands/amex.svg);background-size:140px}.credit-card--wallpaper{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 60px 1fr}.credit-card__field.--cvv{padding:0 20px;grid-row:2/2;grid-column:1/3;text-align:right;background-color:#e7e7e7;color:#000}@media (max-width:768px){.malga-payments-credit-form__row-fields{flex-direction:column}.malga-payments-credit-form__row-fields>.checkout-text-field:first-child{margin-right:unset!important}.malga-payments-credit-form__row-fields>.checkout-text-field:last-child{margin-left:unset!important}.malga-payments-credit-form__row-fields .checkout-text-field__container{margin-left:unset!important;margin-right:unset!important}.malga-payments-credit-form__row-fields>.checkout-text-field__container:last-child{margin-top:.5em}.malga-payments-credit-form__row-fields+.checkout-error-message{display:block;width:unset;text-align:unset;vertical-align:unset;margin-top:.5em}.malga-payments-credit-form__row-fields+.checkout-error-message+.checkout-error-message{display:block;width:unset;text-align:unset;padding-left:unset;box-sizing:unset;vertical-align:unset;margin-top:.5em}}