.card-background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.card-error-message{color:red;font-size:.6rem;font-weight:600;height:.6rem;line-height:1}.credit-card input,.credit-card select{-webkit-appearance:none;appearance:none;border:1px solid transparent;border-radius:.25em;padding:.25em .5em;transition:all .3s ease}.credit-card input.card-input-error{border:1px solid red}.name-group{width:calc(100% - 7.2rem)}.name-group input{font-family:OCR A Std,monospace;text-transform:uppercase}.logo{flex-grow:0;height:40px;width:50px}.horizontal-input-stack{display:flex;gap:.5rem}.horizontal-input-stack input{box-sizing:initial;font-family:OCR A Std,monospace;width:4ch}.submit_button{align-items:center;border:none;border-radius:.25rem;color:#fff;display:flex;font-size:14px;gap:.5rem;justify-content:center;padding:.5em 1em;transition:all .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.submit_button:disabled{background-color:#d3d3d3;cursor:not-allowed}.submit_button:enabled{background-color:#38c238;cursor:pointer}.submit_button:enabled:hover{-webkit-filter:brightness(110%);filter:brightness(110%)}.submit_button .button_loader{background:url(/react-credit-card/static/media/rolling.3d95035307b2050e9f5a.svg) no-repeat 50%;display:inline-block;height:0;margin-right:3px;opacity:0;transition:all .3s ease;visibility:hidden;width:0}.submit_button.loading .button_loader{height:16px;opacity:1;visibility:visible;width:16px}.ccv-group{bottom:3.25rem;position:absolute;right:.5rem;width:-webkit-min-content;width:min-content}@media(max-width:500px){.ccv-group{bottom:1rem;right:1rem}}.ccv-group .ccv-input{box-sizing:initial;width:3ch}@font-face{font-family:OCR A Std;font-style:normal;font-weight:400;src:url(/react-credit-card/static/media/ocrastd.a92debed9e037ee625f9.otf)}.credit-card{font-family:Arial;height:calc(210px + 2rem);position:relative;width:calc(350px + 3.5rem)}@media(max-width:500px){.credit-card{height:calc(192px + 5rem);width:320px}}.credit-card *{box-sizing:border-box}.credit-card-form{align-items:center;display:flex;flex-direction:column;gap:1rem;position:relative}.credit-card .back,.credit-card .front{border-radius:.8rem;box-shadow:3px 3px 5px 0 rgba(0,0,0,.3);height:210px;overflow:hidden;padding:.75rem 1rem 1.25rem;width:350px}@media(max-width:500px){.credit-card .back,.credit-card .front{height:192px;width:320px}}.credit-card .front{display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}@media(max-width:500px){.credit-card .front{gap:.5rem}}.credit-card .card-data-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:auto}@media(max-width:500px){.credit-card .card-data-row{margin-bottom:0}}.credit-card .brand-name{flex-grow:1;font-size:1.25rem;font-weight:700}.credit-card .form-group{display:flex;flex-direction:column;gap:.25rem}.credit-card fieldset{border:none;margin:0;padding:0}.credit-card fieldset legend{height:0;position:absolute;top:-200vh;visibility:hidden;width:0}.credit-card label{font-size:.65rem;padding:0 .5em;text-transform:uppercase}.credit-card .input-row{display:flex;gap:2rem}.credit-card .back{left:3.5rem;position:absolute;top:2rem}@media(max-width:500px){.credit-card .back{left:0;top:5rem}}.credit-card .back .stripe{background-color:#05202e;height:35px;left:0;position:absolute;right:0;top:1.5rem}body{background-color:#fff;margin:0;padding:0}#root,body{display:flex;min-height:100vh;width:100%}.App{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center}
/*# sourceMappingURL=main.becb0ccf.css.map*/