@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,700;1,800&family=Mulish:wght@200;300;400;500;600;700;800;900;1000&display=swap);#home-page{background-image:url(/static/media/bg.73a22c9e7501034bfab3.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;overflow:hidden;position:relative;width:100%}.sunrise{-webkit-animation:rotate 60s linear infinite;animation:rotate 60s linear infinite;height:150%;left:50%;opacity:.4;position:absolute;top:0;z-index:1}@-webkit-keyframes rotate{0%{-webkit-transform:translateX(-50%) translateY(-25%) rotate(0deg);transform:translateX(-50%) translateY(-25%) rotate(0deg)}to{-webkit-transform:translateX(-50%) translateY(-25%) rotate(359deg);transform:translateX(-50%) translateY(-25%) rotate(359deg)}}@keyframes rotate{0%{-webkit-transform:translateX(-50%) translateY(-25%) rotate(0deg);transform:translateX(-50%) translateY(-25%) rotate(0deg)}to{-webkit-transform:translateX(-50%) translateY(-25%) rotate(359deg);transform:translateX(-50%) translateY(-25%) rotate(359deg)}}.warpper{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:15px;position:absolute;width:100%;z-index:5}.thumb-logo{margin-bottom:36px;max-width:500px;width:80%}.logo{height:auto;margin:0 0 4vh}.logo,.text-img{width:100%}.box-content{background:linear-gradient(110deg,#4abcff 1.17%,#88e0fb 98.1%);border:3px solid #1274f5;border-radius:24px;display:flex;height:100%;max-width:600px;min-height:100%;width:100%}.lixi{display:none}.character-pic{bottom:0;position:absolute;width:100%;z-index:3}.input-cont label{color:#fff;font-family:Montserrat;font-size:22px;font-style:normal;font-weight:800;line-height:normal;text-align:center}.input-cont{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:auto;padding:20px 10%;position:relative;width:100%}.input-item-cont{background-color:#e4e4e4;border:1px solid #929292;border-radius:12px;height:50px;margin:24px 0;width:100%}.input-item-cont input{background-color:initial;border:none;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;height:100%;letter-spacing:1px;padding:6px 24px;width:100%}.input-item-cont input:focus{outline:none}.exp-content{display:inline-block;margin-bottom:16px;width:100%}.exp-content p{color:#000;font-family:Montserrat;font-size:16px;font-style:normal;font-weight:500;line-height:150%;margin:4px 0}#submit-btn,.exp-content .strong{font-weight:600}#submit-btn{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;color:#fff;cursor:pointer;display:flex;font-size:1.1em;justify-content:center;margin-bottom:30px}.submit-btn-jun88cmd{background-image:url(/static/media/button.af3175e72b3946093703.png);height:65px;padding-bottom:5px;width:256px}.submit-btn-jun88cmd:hover{background-image:url(/static/media/buttonhover.fd151f3513ecac2bcd7a.png)}.thunb-btn{position:relative}.thunb-btn:before{background:hsla(0,0%,100%,.2);border-radius:100%;content:"";display:block;height:0;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0;z-index:2}.thunb-btn:hover:before{-webkit-animation:circle .75s;animation:circle .75s}.thunb-btn img{max-width:100%;-webkit-transform:scale(1);transform:scale(1);transition:.3s ease-in-out;width:100%}.thunb-btn:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.btn-back-history{cursor:pointer;height:36px;left:15px;max-width:36px;position:absolute;top:15px;z-index:999}.image-back-history{height:auto;width:100%}@-webkit-keyframes circle{0%{opacity:1}40%{opacity:1}to{height:200%;opacity:0;width:200%}}@keyframes circle{0%{opacity:1}40%{opacity:1}to{height:200%;opacity:0;width:200%}}#promo-detail-btn{-webkit-animation:change-background 3s ease infinite;animation:change-background 3s ease infinite;color:#4d95b1;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600}@-webkit-keyframes change-background{0%{color:#ebd93d}30%{color:#eb572a}60%{color:#ff0101}90%{color:#31a749}}@keyframes change-background{0%{color:#ebd93d}30%{color:#eb572a}60%{color:#ff0101}90%{color:#31a749}}#promo-detail-btn:hover{color:#7a2421;cursor:pointer}.promotion-modal{font-family:Times New Roman,Times,serif}.header-popup{text-align:start!important;width:100%}.promo-popup{line-height:30px}.modal-text-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.modal-text-cont{display:flex}table td,table tr{border:1px solid #fff!important;color:#fff!important}.input-form input,.input-form-captcha input{background-color:#cecece;border:none;border-radius:10px;height:100%;letter-spacing:1px;padding:0 20px;width:100%}.input-form-captcha-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:24px;width:100%}.thumb-captcha{display:flex;height:auto}.thumb-captcha .image-captcha{max-height:38px;width:auto}.input-form-captcha{height:38px;width:50%}#captcha-input,.input-form input:focus{outline:none}#captcha{align-items:center;background:linear-gradient(90deg,#4b6cb7,#182848);border-radius:5px;color:#fff;display:flex;font-family:Mulish,sans-serif;font-size:1.2em;font-style:italic;height:36px;justify-content:center;letter-spacing:3px;margin-right:16px;text-decoration:line-through;width:80px}@media only screen and (max-width:750px){.warpper{padding:10px 5px}.input-cont label{font-size:15px}.submit-btn-jun88cmd{height:40px;width:170px}#submit-btn{font-size:.8em}.lixi{bottom:0;display:block;left:50%;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:180px;z-index:4}.thumb-logo{margin-bottom:16px}.input-cont{padding:15px;z-index:500}#promo-detail-btn{font-size:14px}#submit-btn{cursor:pointer;width:168px}.input-item-cont{height:42px;margin:16px 0}label{font-size:16px}.exp-content p{font-size:14px;margin:0}}.bubbles{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.bubble{-webkit-animation:rise 10s ease-in infinite;animation:rise 10s ease-in infinite;bottom:-100px;height:40px;position:absolute;width:40px}.bubble:first-child{-webkit-animation-duration:8s;animation-duration:8s;height:40px;left:10%;width:40px}.bubble:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:5s;animation-duration:5s;height:20px;left:20%;width:20px}.bubble:nth-child(3){-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:7s;animation-duration:7s;height:50px;left:35%;width:50px}.bubble:nth-child(4){-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:11s;animation-duration:11s;height:80px;left:50%;width:80px}.bubble:nth-child(5){-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:6s;animation-duration:6s;height:35px;left:55%;width:35px}.bubble:nth-child(6){-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-duration:8s;animation-duration:8s;height:45px;left:65%;width:45px}.bubble:nth-child(7){-webkit-animation-duration:12s;animation-duration:12s;height:90px;left:70%;width:90px}.bubble:nth-child(7),.bubble:nth-child(8){-webkit-animation-delay:2s;animation-delay:2s}.bubble:nth-child(8){-webkit-animation-duration:6s;animation-duration:6s;height:25px;left:80%;width:25px}.bubble:nth-child(9){-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:5s;animation-duration:5s;height:15px;left:70%;width:15px}.bubble:nth-child(10){-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-duration:10s;animation-duration:10s;height:90px;left:25%;width:90px}@-webkit-keyframes rise{0%{bottom:-100px;-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translate(100px);transform:translate(100px)}to{bottom:1080px;-webkit-transform:translateX(-200px);transform:translateX(-200px)}}@keyframes rise{0%{bottom:-100px;-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translate(100px);transform:translate(100px)}to{bottom:1080px;-webkit-transform:translateX(-200px);transform:translateX(-200px)}}@-webkit-keyframes confetti-slow{0%{-webkit-transform:translateZ(0) rotateX(0) rotateY(0);transform:translateZ(0) rotateX(0) rotateY(0)}to{-webkit-transform:translate3d(25px,105vh,0) rotateX(1turn) rotateY(180deg);transform:translate3d(25px,105vh,0) rotateX(1turn) rotateY(180deg)}}@keyframes confetti-slow{0%{-webkit-transform:translateZ(0) rotateX(0) rotateY(0);transform:translateZ(0) rotateX(0) rotateY(0)}to{-webkit-transform:translate3d(25px,105vh,0) rotateX(1turn) rotateY(180deg);transform:translate3d(25px,105vh,0) rotateX(1turn) rotateY(180deg)}}@-webkit-keyframes confetti-medium{0%{-webkit-transform:translateZ(0) rotateX(0) rotateY(0);transform:translateZ(0) rotateX(0) rotateY(0)}to{-webkit-transform:translate3d(100px,105vh,0) rotateX(100deg) rotateY(1turn);transform:translate3d(100px,105vh,0) rotateX(100deg) rotateY(1turn)}}@keyframes confetti-medium{0%{-webkit-transform:translateZ(0) rotateX(0) rotateY(0);transform:translateZ(0) rotateX(0) rotateY(0)}to{-webkit-transform:translate3d(100px,105vh,0) rotateX(100deg) rotateY(1turn);transform:translate3d(100px,105vh,0) rotateX(100deg) rotateY(1turn)}}@-webkit-keyframes confetti-fast{0%{-webkit-transform:translateZ(0) rotateX(0) rotateY(0);transform:translateZ(0) rotateX(0) rotateY(0)}to{-webkit-transform:translate3d(-50px,105vh,0) rotateX(10deg) rotateY(250deg);transform:translate3d(-50px,105vh,0) rotateX(10deg) rotateY(250deg)}}@keyframes confetti-fast{0%{-webkit-transform:translateZ(0) rotateX(0) rotateY(0);transform:translateZ(0) rotateX(0) rotateY(0)}to{-webkit-transform:translate3d(-50px,105vh,0) rotateX(10deg) rotateY(250deg);transform:translate3d(-50px,105vh,0) rotateX(10deg) rotateY(250deg)}}.congrat-container{background:hsla(0,0%,100%,.8);border:1px solid #fff;display:fixed;height:100vh;left:0;top:0;width:100vw}.confetti-container{align-items:center;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;line-height:48px;overflow:hidden;-webkit-perspective:700px;perspective:700px;position:absolute;right:0;top:0}.confetti{border-radius:0;position:absolute;top:-10px;z-index:1}.confetti--animation-slow{-webkit-animation:confetti-slow 2.25s linear 1 forwards;animation:confetti-slow 2.25s linear 1 forwards}.confetti--animation-medium{-webkit-animation:confetti-medium 1.75s linear 1 forwards;animation:confetti-medium 1.75s linear 1 forwards}.confetti--animation-fast{-webkit-animation:confetti-fast 1.25s linear 1 forwards;animation:confetti-fast 1.25s linear 1 forwards}.checkmark-circle{display:inline-block;height:150px;margin-left:auto;margin-right:auto;position:relative;vertical-align:top;width:150px}.checkmark-circle .background{background:#00c09d;border-radius:50%;height:150px;position:absolute;width:150px}.checkmark-circle .checkmark{border-radius:5px}.checkmark-circle .checkmark.draw:after{-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:checkmark;animation-name:checkmark;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-transform:scaleX(-1) rotate(135deg);transform:scaleX(-1) rotate(135deg)}.checkmark-circle .checkmark:after{border-radius:2.5px!important;border-right:15px solid #fff;border-top:15px solid #fff;content:"";height:75px;left:25px;opacity:1;position:absolute;top:75px;-webkit-transform-origin:left top;transform-origin:left top;width:37.5px}@-webkit-keyframes checkmark{0%{height:0;opacity:1;width:0}20%{height:0;opacity:1;width:37.5px}40%{height:75px;opacity:1;width:37.5px}to{height:75px;opacity:1;width:37.5px}}@keyframes checkmark{0%{height:0;opacity:1;width:0}20%{height:0;opacity:1;width:37.5px}40%{height:75px;opacity:1;width:37.5px}to{height:75px;opacity:1;width:37.5px}}.congrat-submit-btn{background-color:#00c09d;border:1px solid #00ab8c;border-radius:5px;box-shadow:0 2px 4px 0 rgba(87,71,81,.2);color:#fff;cursor:pointer;font-size:15px;height:45px;margin-top:24px;transition:all 2s ease-out;transition:all .2s ease-out;width:200px}.congrat-submit-btn:hover{background-color:#2ca893;transition:all .2s ease-out}.congrat-wrapper{display:block;height:100%;left:0;margin-top:-1500px;position:fixed;top:0;transition:all .5s ease;width:100%;z-index:500}.congrat-margin{margin-top:0!important}.congrat-main h1{color:#ec165d;font-size:2em;font-weight:700}.congrat-id{font-size:1.5em!important;font-weight:600}.congrat-main p{display:flex;font-size:1.1em}.congrat-score{font-size:1.2em!important;font-weight:600;padding:0 8px}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Montserrat,sans-serif;font-size:16px}a{text-decoration:none}body{background-color:#f4f7fa}.disabled{box-shadow:none!important;cursor:not-allowed!important;filter:alpha(opacity=75)!important;opacity:.75!important;pointer-events:none!important}
/*# sourceMappingURL=main.52ac84ca.css.map*/