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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.card{box-sizing:border-box;height:90vw;min-height:80vw;overflow:visible;padding:2vw;text-align:center;width:83vw;z-index:4}.card,.card-bg{margin:0 auto;position:relative}.card-bg{aspect-ratio:1/1;border:1px solid #000;display:block;flex-shrink:0;height:auto;width:80vw;z-index:1}.card-img{height:84.605px;left:34%;object-fit:contain;position:absolute;top:48.5%;transform:translate(-50%,-50%);width:82px;z-index:2}.card-overlay{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:visible;position:absolute;top:0;width:100%;z-index:3}.input-label{color:#000;cursor:pointer;height:2vw;margin:1vw 0;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.input-field,.input-label{font-family:Space Grotesk,sans-serif;font-size:11px;font-style:normal;font-weight:600;line-height:normal;padding:1vw;text-align:center;width:40vw}.input-field{background:#fff0;border:1px solid #0000;border-radius:5px;box-sizing:border-box;outline:none}.input-field:focus{background:#fff0;border-color:#0000;outline:none}.input-label:first-child{left:13vw;top:-4vw}.input-label:nth-child(2){left:13vw;top:-1vw}.image-upload{z-index:4}.upload-image{cursor:pointer;height:auto;transition:transform .2s;width:15vw}.upload-image:hover{transform:scale(1.1)}.retry-btn{border:none;height:20vw;left:-9px;top:-32px;width:20vw}.retry-btn,.upload-retry-area{cursor:pointer;position:absolute;z-index:5}.upload-retry-area{height:auto;left:0;top:0;width:5vw}.download-btn{border:none;color:#000;cursor:pointer;display:block;font-family:Space Grotesk,sans-serif;font-size:2.5vw;height:40px;margin:2vw auto;padding:1.5vw;position:absolute;top:83%;width:163px;z-index:1}.robot-img{height:100px;position:absolute;position:relative;width:100px;z-index:4}.robot-img,.robotTrick{left:50%;top:5%;transform:translateX(-50%)}.robotTrick{height:102px;position:absolute;width:41.156px;z-index:-2}@media (width:744px) and (height:1133px){.card{margin:0 auto;max-width:430px;min-height:80vw;width:83vw}.card-bg{max-width:400px;width:80vw}.card-img{height:95.605px;left:50%;top:48.5%;transform:translate(-50%,-50%);width:104px}.input-field,.input-label{font-size:12px;max-width:200px;width:40vw}.input-label:first-child,.input-label:nth-child(2){left:0;top:-4vw}.image-upload{left:50%;margin-top:-41.25vw;transform:translateX(-50%)}.upload-image{max-width:70px;width:15vw}.retry-btn{max-width:80px;width:20vw}.download-btn{font-size:2vw}.robot-img{height:100px;width:100px}.robotTrick{height:102px;width:41.156px}}@media (width:769px){.card{margin:0 auto;max-width:430px;min-height:80vw;width:83vw}.card-bg{max-width:400px;width:80vw}.card-img{height:84.605px;left:50%;top:48.5%;transform:translate(-50%,-50%);width:82px}.input-field,.input-label{font-size:13px;max-width:200px;width:40vw}.input-label:first-child,.input-label:nth-child(2){left:0;top:-4vw}.image-upload{left:35%;margin-top:-25.25vw;transform:translateX(-50%)}.upload-image{max-width:70px;width:15vw}.retry-btn{max-width:80px;width:20vw}.download-btn{font-size:1.5vw}.robot-img{height:100px;top:-10.5%!important;width:100px}.robotTrick{height:102px;width:41.156px}}@media (width:820px) and (height:1180px){.card{margin:0 auto;max-width:430px;min-height:80vw;width:83vw}.card-bg{max-width:400px;width:80vw}.card-img{height:84.605px;left:35%;top:30.5%;transform:translate(-50%,-50%);width:82px}.input-field,.input-label{font-size:12px;max-width:200px;width:40vw}.input-label:first-child,.input-label:nth-child(2){left:60px;top:-18vw}.image-upload{left:35%;margin-top:-25.25vw;transform:translateX(-50%)}.upload-image{max-width:70px;width:15vw}.retry-btn{max-width:80px;width:20vw}.download-btn{font-size:1.8vw}.robot-img{height:100px;width:100px}.robotTrick{height:102px;width:41.156px}}@media (width:320px) and (height:568px){.card{min-height:85vw;width:90vw}.card-bg{width:85vw}.card-img{height:auto;max-width:70px;width:20vw}.input-field,.input-label{font-size:10px;width:45vw}.image-upload{left:50%;margin-top:-45vw;transform:translateX(-50%)}.upload-image{max-width:60px;width:18vw}.retry-btn{max-width:70px;width:22vw}.download-btn{font-size:3vw}.robot-img{height:auto;max-width:90px;width:25vw}.robotTrick{height:auto;max-width:38px;width:12vw}.download-btn{font-size:3vw!important;left:50%!important;top:70%!important;transform:translateX(-50%)!important}}@media (width:390px) and (height:844px){.card{min-height:85vw;width:83vw}.card-bg{width:80vw}.card-img{height:auto!important;left:34%;top:48.5%;transform:translate(-50%,-50%);width:74px!important}.input-field,.input-label{font-size:11px;width:40vw}.input-label:first-child{left:13vw;top:-4.5vw}.input-label:nth-child(2){left:13vw;top:-1vw}.image-upload{left:25.5%;margin-top:-41.25vw}.upload-image{width:15vw}.retry-btn{height:20vw;width:20vw}.download-btn{font-size:2.5vw}.robot-img{height:100px;left:50%!important;top:-23.5%!important;width:100px}.robotTrick{height:102px;width:41.156px}}@media (width:375px) and (height:667px){.robot-img{height:100px;left:50%!important;top:-24.5%!important;width:100px}.Trick{height:102px;left:70.5%!important;top:-12%!important;width:41.156px}.input-label:first-child{left:13vw;top:-4.5vw}.card-img{height:84.605px;left:34%;top:48.5%;transform:translate(-50%,-50%);width:71px!important}}@media (width:412px) and (height:915px){.robot-img{left:50%!important;top:-22.5%!important}.Trick{height:102px;left:69%!important;top:-11%!important;width:41.156px}.input-label:first-child{left:13vw;top:-4.5vw}.card-number{bottom:132px!important;font-size:5.5!important;left:93.5px!important}}@media (width:360px) and (height:740px){.robot-img{left:50%!important;top:-22.5%!important}.Trick{height:102px;left:69%!important;top:-11%!important;width:41.156px}.input-label{height:3vw!important;width:26vw!important}.card .card-number{bottom:116px!important;font-size:5px!important;left:82.5px!important}}@media (width:375px) and (height:812px){.robot-img{left:50%!important;top:-22.5%!important}.Trick{height:102px;left:69%!important;top:-11%!important;width:41.156px}.input-label{height:3vw!important;width:26vw!important}.input-label:first-child{left:13vw;top:-3.5vw}.card .card-number{bottom:120.5px!important;font-size:5px!important;left:85.5px!important}.slogan{top:-55%!important}.thehocvien{top:35.5%!important}}.card-number{bottom:138.5px;color:#000;font-family:Space Grotesk,sans-serif;font-size:6px;font-style:normal;font-weight:600;left:98.5px;line-height:normal;position:absolute;text-align:center;text-transform:uppercase;z-index:6}@media (width:390px) and (height:844px){.card-number{bottom:126px;font-size:5.5px;left:89.5px}}@media (width:440px) and (height:932px){.card-number{bottom:138.5px;font-size:6.2px;left:98.5px}}@media (width:320px) and (height:568px){.card-number{bottom:115px;font-size:5px;left:82px}}@media (width:768px) and (height:1024px){.card-number{bottom:248px;font-size:10px;left:176px}}@media (width:800px) and (height:1150px) and (max-height:1200px){.card-number{bottom:264px;font-size:11px;left:188px}}@media (width:1024px) and (height:1366px){.card-number{bottom:330px;font-size:12px;left:234px}}@media (width:375px) and (height:667px){.card-number{bottom:121.5px;font-size:5px;left:86px}}@media (width:414px) and (height:896px){.card-number{bottom:133.82px;font-size:5px;left:95px}}.image-upload{left:25.5%;margin-top:-41.25vw;position:absolute}.save-btn{border:none;cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:3vw;padding:2vw}@media (min-width:744px) and (max-width:768px){.image-upload{left:50%;margin-top:-41.25vw;transform:translateX(-50%)}.save-btn{font-size:2vw}}@media (min-width:769px){.image-upload{left:50%;margin-top:-41.25vw;transform:translateX(-50%)}.save-btn{font-size:1.5vw}}@media (min-width:769px) and (max-width:834px){.image-upload{left:50%;margin-top:-41.25vw;transform:translateX(-50%)}.save-btn{font-size:1.8vw}}@media (max-width:360px){.image-upload{left:50%;margin-top:-45vw;transform:translateX(-50%)}.save-btn{font-size:3.5vw}}@media (min-width:375px) and (max-width:400px){.image-upload{left:25.5%;margin-top:-41.25vw}.save-btn{font-size:3vw}}.App{align-items:center;background:linear-gradient(180deg,#f7f7f7,#3589fe);display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.App,h1{margin:0}h1{font-size:6vw}
/*# sourceMappingURL=main.bef7997b.css.map*/