*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:transparent;color:#1d2129;-webkit-font-smoothing:antialiased}#root{padding:0;display:flex;flex-direction:column;gap:24px}.card-container{border:1px solid #f2f3f5;border-radius:12px;padding:24px 16px;display:flex;flex-direction:column;gap:24px;background:#fff}.card-header{display:flex;align-items:center;gap:8px}.card-header__title{font-size:16px;line-height:24px;font-weight:500;color:#1d2129}.field-group{display:flex;flex-direction:column;gap:4px}.field-group__label{font-size:14px;line-height:22px;font-weight:500;color:#4e5969}.card-input-group{display:flex;flex-direction:column}.card-input-row{display:flex;margin-bottom:-1px}.card-input-cell{flex:1 0 0;min-width:0;height:48px;padding:12px;border:1px solid #e5e6eb;background:#fff;display:flex;align-items:center}.card-input-row+.card-input-row .card-input-cell{margin-top:-1px}.card-input-cell+.card-input-cell{margin-left:-1px}.card-input-row:first-child .card-input-cell:first-child{border-top-left-radius:12px}.card-input-row:first-child .card-input-cell:last-child{border-top-right-radius:12px}.card-input-row:last-child .card-input-cell:first-child{border-bottom-left-radius:12px}.card-input-row:last-child .card-input-cell:last-child{border-bottom-right-radius:12px}.card-input-row:only-child .card-input-cell:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.card-input-row:only-child .card-input-cell:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.card-input-cell:focus-within{border-color:var(--brand-primary-6, #0066ff);position:relative;z-index:1}.card-input-cell input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:16px;line-height:22px;font-family:inherit;color:#1d2129;padding:0}.card-input-cell input::placeholder{color:#c9cdd4}.card-input-cell__suffix{display:flex;align-items:center;gap:4px;flex-shrink:0}.card-input-cell__suffix .brand{display:inline-flex;align-items:center}.card-input-cell__suffix[data-brand=visa] .brand:not(.brand--visa),.card-input-cell__suffix[data-brand=mastercard] .brand:not(.brand--mastercard),.card-input-cell__suffix[data-brand=amex] .brand:not(.brand--amex){display:none}.text-input{width:100%;height:48px;padding:12px;border:1px solid #e5e6eb;border-radius:12px;background:#fff;font-size:16px;line-height:22px;font-family:inherit;color:#1d2129;outline:none}.text-input::placeholder{color:#c9cdd4}.text-input:focus{border-color:var(--brand-primary-6, #0066ff)}.pay-button{width:100%;height:48px;border:none;border-radius:12px;background:var(--brand-primary-6, #0066ff);color:#fff;font-size:16px;line-height:24px;font-weight:500;font-family:inherit;cursor:pointer}.pay-button:active:not(:disabled){opacity:.9}.pay-button:disabled{opacity:.6;cursor:not-allowed}.status{font-size:14px;line-height:22px;color:#4e5969;text-align:center;padding:24px}.error{font-size:13px;line-height:20px;color:#f53f3f;padding:8px 0}.field-error{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:20px;color:#f53f3f;margin-top:4px}.field-error:empty{display:none}