@import url(https://fonts.googleapis.com/css?family=Space+Grotesk);:root{--light-grayish-violet:#dedddf;--dark-grayish-violet:#8e8593;--very-dark-violet:#21092f;--input-linear-gradient:linear-gradient(#6448fe,#600594);--card-ratio:1.824489796}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,sans-serif;height:100vh;margin:0}#root{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.flex{display:flex}.cardBack{background:url(/static/media/bg-card-back.23f68fa3aa3d5b33dfc8.png);background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 0 1rem rgba(0,0,0,.2);box-sizing:border-box;height:245px;width:447px}.cvv{color:#fff;left:22.6rem;position:relative;top:6.85rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media only screen and (max-width:1000px){.cardBack{height:160px;position:relative;right:-2rem;top:-9rem;width:calc(160px*var(--card-ratio));z-index:1}.cvv{font-size:small;left:14.5rem;top:4.4rem}}.cardFront{background:url(/static/media/bg-card-front.8153e2ca184402a8385f.png);background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 0 1rem rgba(0,0,0,.2);box-sizing:border-box;height:245px;padding:2rem;width:447px}.cardNumber{font-size:x-large;letter-spacing:.3rem;margin-top:4rem}.cardNumber,.nameCad{color:#fff;font-weight:600}.nameCad{display:flex;justify-content:space-between;letter-spacing:.1rem;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.nameCad>p{display:inline;margin-top:0}.nameCad>p:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (max-width:1000px){.cardFront{height:160px;left:-1.5rem;padding:1.5rem;position:relative;top:7.6rem;width:calc(160px*var(--card-ratio));z-index:2}.nameCad>p{font-size:small}.cardNumber{font-size:large;margin-bottom:.5rem;margin-top:2rem}.cardLogo{height:2rem;width:auto}}.app{align-items:center;background:url(/static/media/bg-main-desktop.806e7aa7b4dbc1d78bc3.png);background-repeat:no-repeat;background-size:contain;display:flex;gap:10vw;height:100%;justify-content:center}.cardContainer{left:10rem;padding:1rem;top:18%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cardContainer>div:last-child{margin-left:5rem;margin-top:2rem}footer{background-color:hsla(0,0%,100%,.8);bottom:0;color:var(--light-cyan);left:0;overflow-x:hidden;position:fixed;text-align:center;width:100%}footer>p{color:var(--dark-grayish-violet);margin:.4rem 0}footer>p>a{color:var(--very-dark-violet);margin:0 .2rem;text-decoration:none}@media only screen and (max-width:1000px){.app{background:url(/static/media/bg-main-mobile.caa4689407777a312ede.png);background-repeat:no-repeat;background-size:contain;flex-flow:column;justify-content:start}.cardContainer{height:200px}.cardContainer>div:last-child{margin-left:0;margin-top:0}}.form{background-color:#fff;font-size:smaller;letter-spacing:.1rem;padding:1rem;width:24rem}.cardDetails{display:flex}.confirmButton{background-color:var(--very-dark-violet);border:none;border-radius:8px;box-shadow:0 0 1rem rgba(0,0,0,.2);color:#fff;cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:large;font-weight:800;height:2.5rem;margin-top:1.5rem;width:100%}.confirmButton:disabled{background-color:var(--dark-grayish-violet);box-shadow:none;cursor:default}.errorText{color:#ff5a5a}@media only screen and (max-width:1000px){.form{padding:4rem 5%;width:90%}}.inputWrapper,.inputWrapper[error=false]{background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),radial-gradient(circle at top left,#6448fe,#600594);background-origin:border-box;border:1px solid transparent;border-radius:10px;height:2.5rem;margin-top:.5rem;width:100%}.inputWrapper[error=true]{background-image:linear-gradient(#fff,#fff),radial-gradient(circle at top left,#ff5a5a,#ff5a5a)}.inputComponent{margin-top:1.5rem}input{background-color:initial;border:none;font-family:Space Grotesk,sans-serif;height:95%;letter-spacing:.1rem;margin-left:.5rem;width:95%}input:focus{outline:none}label{font-size:smaller;font-weight:900}input,label{display:block;text-transform:uppercase}.confirmation{background-color:#fff;text-align:center;width:24rem}.confirmation>h1{letter-spacing:.2em}.confirmation>p{color:var(--dark-grayish-violet)}.confirmation>img{margin:0 auto}@media only screen and (max-width:1000px){.confirmation{padding:4rem 20%;width:60%}}
/*# sourceMappingURL=main.3c298a48.css.map*/