:root{--bck-1:#000;--bck-2:#fff;--bck-3:#000428;--lg-1:linear-gradient(90deg,#004e92,#000428);--brd-radius:8px}html{font-size:62.5%}body,html{padding:0;margin:0}body{height:100vh;width:100vw;font-family:"Roboto",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:grid;place-items:center;background-color:#000;background-color:var(--bck-1)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}input{font-family:monospace;font-weight:500;border:none;background-color:transparent;padding:0;margin:0}#root{display:flex;flex-direction:column}@-webkit-keyframes input-bck-breating{0%{background-color:#ecf0f1;color:#2c3e50}50%{background-color:rgba(236,240,241,.8);color:#2c3e50}to{background-color:#ecf0f1;color:#2c3e50}}@keyframes input-bck-breating{0%{background-color:#ecf0f1;color:#2c3e50}50%{background-color:rgba(236,240,241,.8);color:#2c3e50}to{background-color:#ecf0f1;color:#2c3e50}}.card_container{width:485px;height:290px;perspective:5000px;transform-style:preserve-3d;transition:transform .6s;overflow:hidden;border-radius:calc(var(--brd-radius)*2.25)}.turn_card .card_container{transform:rotateX(180deg)}.turn_card .card_container .card_front{transform:rotateX(-180deg);opacity:0}.turn_card .card_container .card_back{transform:rotateX(0deg);opacity:1}.card_back,.card_front{width:100%;height:100%;position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:calc(var(--brd-radius)*2.25);transition:all .6s;color:#fff;font-size:3rem}.card_back,.card_front{background:var(--bck-3);background:var(--lg-1);background:linear-gradient(90deg,#780206,#061161)}.card_front{padding:1rem}.card_back{opacity:0}.card_back_content{text-align:center;font-size:1.5rem;transform:rotateX(180deg);bottom:0;left:0;position:absolute;height:100%;width:100%}.card_front_header{height:53%;width:100%}.card_number{display:flex;align-items:center;justify-content:flex-start;grid-gap:.5rem;gap:.5rem}.number-input{background-color:transparent;border:none;box-shadow:none;color:#ecf0f1;font-size:2.7rem;width:2rem;padding:0;margin:0;line-height:1;text-align:center;height:3rem;border-radius:calc(var(--brd-radius)*0.5);overflow:hidden;caret-color:transparent}.number-input:focus{outline:none;background-color:#ecf0f1;color:#2c3e50;-webkit-animation:input-bck-breating 1.5s ease-in-out infinite;animation:input-bck-breating 1.5s ease-in-out infinite}.number-input::selection{background:transparent}.card_validity{margin-top:1rem;display:flex;align-items:center;transform:translateX(4px)}.card_validity_label{font-size:1rem;display:flex;flex-direction:column}.validity_input_wrapper{display:flex;align-items:center;justify-content:center;margin-left:1rem;transform:translateY(-2px)}.validity_input{background-color:transparent;border:none;box-shadow:none;color:#ecf0f1;font-size:2.2rem;width:3.4rem;height:2.7rem;padding:0;margin:0;line-height:1;text-align:center;border-radius:calc(var(--brd-radius)*0.5);overflow:hidden;caret-color:transparent}.validity_input:focus{outline:none;background-color:#ecf0f1;color:#2c3e50;-webkit-animation:input-bck-breating 1.5s ease-in-out infinite;animation:input-bck-breating 1.5s ease-in-out infinite}.validity_input::selection{background:transparent}.card_name_input{margin-top:1rem;padding:.3rem .3rem .3rem .4rem;display:flex;align-items:center;width:80%;height:auto;font-size:1.5rem;color:#fff;text-transform:uppercase;border-radius:calc(var(--brd-radius)*0.5)}.card_name_input:focus{outline:none;background-color:#ecf0f1;color:#2c3e50;-webkit-animation:input-bck-breating 1.5s ease-in-out infinite;animation:input-bck-breating 1.5s ease-in-out infinite}.zest-logo{width:15rem;height:auto;object-fit:contain;margin-left:-1rem;margin-top:1rem}.card_back_wrapper{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.card_back_mag_strip{width:100%;height:5rem;background-color:#000;margin-top:4rem}.cvv_strip_container{margin-top:2rem;width:100%;display:flex;align-items:center}.cvv_strip{width:60%;height:3rem;background-color:#1d1151}.input_card_cvv{outline:none;margin-left:.5rem;background-color:transparent;font-size:2.4rem;width:5rem;font-family:monospace;text-align:center;caret-color:transparent;color:#fff}.input_card_cvv:focus{outline:none;background-color:#ecf0f1;color:#2c3e50;-webkit-animation:input-bck-breating 1.5s ease-in-out infinite;animation:input-bck-breating 1.5s ease-in-out infinite}.card_back_details{display:flex;align-items:center;justify-content:space-between;margin:2rem;flex:1 1}.card_holo_gram_img{width:10rem;height:4rem;align-self:flex-end;object-fit:contain}.card_turn_button{border:none;padding:1rem 3rem;margin-top:2rem;align-self:center;justify-self:center;cursor:pointer;font-size:2rem;font-weight:600;background-color:#1d1151;color:#fff;border-radius:var(--brd-radius);font-family:monospace}
/*# sourceMappingURL=main.f8b76bf4.chunk.css.map */