:root{--gap:.25rem}.checkout{flex-direction:row;height:100vh;display:flex}.checkout .left,.checkout .right{color:#fff;width:50%;height:100vh;overflow-y:auto}.checkout .left{background-color:#090909}.checkout .right{background-color:#101010}.checkout .info{margin:calc(var(--gap) * 12) calc(var(--gap) * 16);gap:calc(var(--gap) * 4);flex-direction:column;width:100%;max-width:400px;display:flex}.checkout .left{flex-direction:row;justify-content:end;display:flex}.checkout .left .organization{align-content:space-between;gap:calc(var(--gap) * 3);display:flex}.checkout .left .organization .logo{text-align:center;color:#505050;background:#101010;border:1px solid #ffffff15;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;display:flex}.checkout .left .item h1.name{font-size:1rem;font-weight:500}.checkout .left .item h2.price{font-size:2rem}.checkout .left .item h2.price .recurring{font-size:.9rem}.checkout .left .item h3.after-free-trial-recurring-period{color:#777;font-size:.9rem;font-weight:400}.checkout .left .totals{color:gray;gap:var(--gap);grid-template-columns:80% 20%;font-size:.9rem;display:grid}.checkout .left .totals.recurring{grid-template-columns:70% 30%}.checkout .left .totals .total{color:#fff}.checkout .left .totals span .recurring{font-size:.75rem}.checkout .left .description{padding-top:calc(var(--gap) * 3);border-top:1px solid #ffffff20}.checkout .right{--elevated:#181818}.checkout .right .test-mode{background:var(--elevated);color:gray;border-radius:10px;padding:16px;font-size:14px;display:block}.checkout .right .test-mode h1{color:#fff;font-weight:500}.checkout .right form{gap:calc(var(--gap) * 4);flex-direction:column;display:flex}.checkout .right form label{gap:calc(var(--gap) * 2);flex-direction:column;display:flex}.checkout .right form .form-control{background:var(--elevated);border:1px solid #ffffff05;border-radius:10px;padding:8px 12px}.checkout .right form select.form-control{border-right:8px solid #0000}.checkout .right form .card{gap:calc(var(--gap) * 4);flex-direction:column;display:flex}.checkout .right form .card .stripe-card-button{color:#fff;background-color:#3381ff;border:none;border-radius:8px;padding:.75rem;font-size:.875rem;font-weight:600;box-shadow:0 0 #0000,0 0 0 3px #0047b866,0 1px 2px #0000000d}.checkout .right form .group-two-fields{gap:calc(var(--gap) * 4);width:100%;display:flex}.checkout .right form .group-two-fields>*{width:calc(50% - 2 * var(--gap))}.checkout .right form .billing{gap:calc(var(--gap) * 2);flex-direction:column;display:flex}.checkout .right form .billing .group-two-fields{gap:calc(var(--gap) * 2)}.checkout .right form .billing .group-two-fields>*{width:calc(50% - var(--gap))}.checkout .right form button[type=submit]{color:#000;background-color:#fff;border-radius:3.40282e38px;padding:16px 20px;font-weight:600}.checkout .right form button[type=submit]:disabled{opacity:.5}.checkout .right form .footer{color:gray;text-align:center;gap:calc(var(--gap) * 16);flex-direction:column;margin-top:4rem;font-size:12px;display:flex}.checkout .right form .footer a:nth-child(2){opacity:.5;font-size:14px}