.Payment-form{display:flex;flex-direction:column;justify-content:space-between;color:#fefefe;padding:1rem}.Payment-form #spinner{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(50,50,50,0.5);display:flex;align-items:center;justify-content:center;z-index:999999}.hidden,.Payment-form #spinner.hidden{display:none}.Payment-form .invisible{visibility:hidden}.Payment-form #spinner img{width:3rem;height:3rem;border-radius:50%;border:3px solid #d8d8d8;background:#313145;padding:0.5rem}.Payment-form dialog{display:none;width:50%;color:#fff;background:#313145;border-radius:1rem;border-color:#d8d8d8}.Payment-form dialog[open]{display:block;position:absolute;right:0;left:0;margin:auto}.Payment-form dialog pre{max-height:60vh;overflow:scroll}.Payment-form dialog h3{font-size:2rem;text-align:center;margin:1rem}.Payment-form dialog pre div{text-align:center;font-size:5rem;cursor:pointer}.Payment-form dialog button{display:block;width:40%;background:#d8d8d8;font-size:1rem;padding:1rem;margin:1rem auto;border-radius:0.5rem;border:none;cursor:pointer}.Payment-form header{font-size:2rem}#payment-form{max-width:470px;margin:0 auto}.card{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;background-image:linear-gradient(90deg,#22223e,#474c6c);margin:1rem;padding:4.5rem 2rem;border-radius:1rem;max-height:150px}.card .field-message{font-size:0.5rem;color:red}.card iframe{width:100%}.card label{display:block;font-size:0.5rem}.card input{display:block;background:none;border:none;border-bottom:1px solid #fefefe;font-size:1.275rem;align-self:start;color:#fefefe}.card-number{grid-column-start:1;grid-column-end:4}.card-number input{width:100%;font-size:3rem}.card-data{display:grid;grid-template-columns:3fr 2fr 1fr;grid-template-rows:1fr 1fr -webkit-max-content;grid-template-rows:1fr 1fr max-content;grid-gap:0 0.5rem;gap:0 0.5rem;align-items:end}#submit iframe,.card-data input{width:100%}#card-cvv iframe{width:30%}@media (max-width:1024px){.Payment-form .card{padding:2rem}}