body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Space Grotesk,sans-serif;margin:0;width:1440px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}main{display:flex;flex-direction:row}#s1{background:url(/interactive-card/static/media/bg-main-desktop.806e7aa7b4dbc1d78bc3.png) no-repeat 0/65% 100%;color:#fff;width:50%}.card{border-radius:15px;box-shadow:0 25px 50px 12px #0000002b;height:250px;width:450px}.front{background:url(/interactive-card/static/media/bg-card-front.8153e2ca184402a8385f.png) no-repeat 0/100% 100%;display:grid;grid-template-columns:1fr 1fr;margin:20% 0 5% 20%}.front img{grid-column:span 2;margin:5%}.front h1{font-size:30px;font-weight:500;grid-column:span 2;letter-spacing:2px;margin:5% 0 0 5%}.front h2{font-size:15px;font-weight:500;letter-spacing:3px;text-transform:uppercase}.cardName{margin:5% 0 0 10%}.cardDate{justify-self:end;margin:5% 10% 0 0}.back{background:url(/interactive-card/static/media/bg-card-back.23f68fa3aa3d5b33dfc8.png) no-repeat 0/100% 100%;margin:0 0 20% 30%}.back h2{font-size:15px;font-weight:500;letter-spacing:3px;padding:25% 0 0 80%}#s2{grid-gap:0 5%;display:grid;grid-template-columns:1fr 1fr;margin-left:10%;padding:15% 0;width:30%}#s2 div{height:75px}#s2 label{font-size:13px;letter-spacing:3px;margin-bottom:1%;text-transform:uppercase}#s2 input{border:1px solid #dedddf;border-radius:15px;color:#21092f;font-family:Space Grotesk,sans-serif;font-size:15px;height:50px}#s2 input:focus{outline-color:#6448fe}#cardName,#cardNumb{padding-left:5%}.t1{display:flex;flex-direction:column;grid-column:span 2}#s2 div{position:relative}#s2 div p{bottom:-40%;color:#ff5252;font-size:13px;position:absolute}.t2{grid-gap:0 0;display:grid;gap:0 0;grid-template-columns:1fr 1fr}.t2 label{grid-column:span 2;height:12px;padding:0}.t2 input{padding-left:15%;width:75%}.t3{display:flex;flex-direction:column}#cvc{padding-left:7%}#s2 button{background-color:#21092f;border-radius:15px;border-style:none;color:#fff;cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:15px;grid-column:span 2;letter-spacing:3px}#s3{align-items:center;display:none;flex-direction:column;margin-left:10%;padding:20% 0 15%}#s3 img{width:35%}#s3 h3{font-size:30px;font-weight:400;letter-spacing:5px;margin-bottom:0;text-transform:uppercase}#s3 p{color:#8e8593}#s3 button{background-color:#21092f;border-radius:15px;border-style:none;color:#fff;cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:15px;height:50px;letter-spacing:3px;margin-top:5%;width:150%}@media (max-width:375px){body{width:375px}main{flex-direction:column}#s1{background:url(/interactive-card/static/media/bg-main-mobile.caa4689407777a312ede.png) no-repeat top/100% 80%;height:250px;position:relative;width:100%}.card{height:150px;width:250px}.front{bottom:0;left:5%;margin:0;position:absolute}.front img{width:20%}.front h1{font-size:15px}.front h2{font-size:7px}.back{margin-left:30%}.back h2{font-size:10px;padding-left:78%;padding-top:26.5%}#s2{margin:0 5%;width:90%}#s2 label{font-size:9px}#s2 input{border-radius:5px;font-size:12px;height:30px}#s2 div p{bottom:10%;font-size:7px}.t2 input{margin-top:-35%}#s2 button{border-radius:5px;font-size:13px;height:35px}#s3{margin:0 5%;width:90%}#s3 img{width:25%}#s3 button{border-radius:5px;font-size:13px;height:35px;width:100%}}
/*# sourceMappingURL=main.a4202e64.css.map*/