body.page .payment-form{background-color:var(--mk-block-bg);padding:2rem 1.25rem;border-radius:var(--mk-border-radius);margin-top:8.75rem}@media (max-width: 768px){body.page .payment-form{padding:1.25rem}}body.page .payment-form.open h2{margin-bottom:1.875rem}body.page .payment-form h2{text-align:center;margin-top:0;margin-bottom:0;transition:margin-bottom var(--mk-transition)}body.page .payment-form h2 button{font-weight:700}body.page .payment-form .row{height:0;overflow-y:hidden;margin-top:0;transition:height var(--mk-transition),margin-top var(--mk-transition),padding var(--mk-transition)}@media (max-width: 768px){body.page .payment-form .row{flex-direction:column}}body.page .payment-form .image{padding:0 1.6875rem;max-width:19.6875rem;flex:1}@media (max-width: 992px){body.page .payment-form .image{max-width:15.625rem}}@media (max-width: 768px){body.page .payment-form .image{max-width:100%;text-align:center;margin-bottom:1.25rem}}body.page .payment-form .form{flex:1}body.page .payment-form .form form{display:flex;flex-wrap:wrap}body.page .payment-form .form .field{width:40%;padding-right:1.6875rem;margin-bottom:1.25rem}@media (max-width: 768px){body.page .payment-form .form .field{width:100%;padding-right:0}}body.page .payment-form .form .field.smaller{width:20%}@media (max-width: 768px){body.page .payment-form .form .field.smaller{width:100%}}body.page .payment-form .form .field input:not([type=checkbox],[type=radio]),body.page .payment-form .form .field textarea{width:100%}body.page .payment-form .form button[type=submit]{width:100%;border-radius:0 0 var(--mk-button-radius) 0}body.page .payment-form .form .error{margin-top:1.25rem;display:none}body.page .payment-form .form .error.show{display:inline-block}body.page .payment-form .form .card-element-wrapper{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;z-index:-1;transition:opacity var(--mk-transition);padding:1.25rem;background-color:var(--mk-block-bg);max-width:21.875rem;border-radius:var(--mk-border-radius);width:100%}body.page .payment-form .form .card-element-wrapper .card-element{height:3.125rem}body.page .payment-form .form .card-element-wrapper .card-element div{display:flex;align-items:center;height:100%}body.page .payment-form .form .card-element-wrapper .card-element iframe input{color:#fff}body.page .payment-form .form .card-element-wrapper button{width:100%}body.page .payment-form .form .card-element-wrapper.active{opacity:1;z-index:12}body.page .payment-form .form .card-element-wrapper input{color:var(--mk-primary-ct)}