.checkout-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;background-image:linear-gradient(0deg,#fff1eb 0,#ace0f9);overflow:hidden,}.form-box{position:relative;display:flex;flex-direction:column;gap:16px;width:400px;padding:32px;border-radius:16px;background-color:rgba(255,255,255,.6);backdrop-filter:blur(5px);box-shadow:0 12px 16px -4px rgba(0,0,0,.15);z-index:999;transition:height 1s ease-in-out;.form-step{display:flex;flex-direction:column;gap:16px;& span{font-size:18px}.form-text{color:darkslateblue;font-weight:100}}& h1{font-size:24px}& h1,& p{font-weight:600}.form-options{display:flex;justify-content:space-between;gap:8px;.form-option{display:flex;align-items:center;gap:8px;flex:1;padding:16px;border:1px solid lightgray;border-radius:4px;cursor:pointer}.form-option__selected{border-color:darkslateblue;color:darkslateblue}}.form-field{display:flex;flex-direction:column;& label{font-weight:600;& span{color:gray;font-size:12px;font-weight:100}}& input{height:32px;padding-inline:16px;border:1px solid lightgray;border-radius:4px;outline:none;&:focus{border-color:darkslateblue}&:valid{border-color:darkslateblue}}}.form-revision{display:flex;flex-direction:column;& span{font-weight:600;margin-bottom:12px}.form-revision__divider{margin-block:16px;border-bottom:1px solid lightgray}& strong{font-weight:600}& p{font-weight:100}}.form-buttons{display:flex;flex:1;gap:8px;margin-top:24px}& button{flex:1;height:48px;border-radius:24px;color:white;font-size:18px;font-weight:600;background-image:linear-gradient(-20deg,#6e45e2,#88d3ce);outline:none;cursor:pointer;&:disabled{opacity:.5;cursor:not-allowed}}.form-button__prev{color:var(--foreground);background-image:none;background-color:transparent}}@media (max-width:500px){.form-box{width:90vw}}