.alert{background-color:#0000;height:100%;left:0;position:fixed;top:0;transition:all .5s ease;visibility:hidden;width:100%;z-index:1000;z-index:999999999}.alert .content{box-sizing:border-box;left:50%;max-width:28rem;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.alert .content .box{background-color:#fff;border-radius:1rem;opacity:0;overflow:hidden;position:relative;text-align:center;transform:scale(1.1);transition:all .3s ease}.alert .content .box .text{font-size:.8rem;font-weight:500;padding:1.5rem 1rem}.alert .content button{align-items:center;background:#fff;border:none;border-top:1px solid #ddd;box-sizing:border-box;color:#333;display:flex;font-size:1rem;font-weight:500;justify-content:center;padding:.5rem;width:100%}.alert .content button:hover{background-color:#eee}.alert .content .whatsapp-button{padding:0 1rem 1rem}.alert .content .whatsapp-button button{align-items:center;background-color:#259535;border:1px solid #ddd;border-radius:.5rem;color:#fff;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;justify-content:center}.alert .content .whatsapp-button .icon{height:1.5rem}.alert .content .retry-button{padding:0 1rem .2rem}.alert .content .retry-button button{align-items:center;background-color:#efefef;border:1px solid #ddd;border-bottom:3px solid #ccc;border-radius:.4rem;box-sizing:border-box;color:#333;display:flex;font-size:.9rem;font-weight:500;justify-content:center;padding:.5rem;width:100%}.alert .content .retry-button button:disabled{color:#939393}.alert .content .retry-button button .loader{display:inline-block;height:1.5rem}.alert.show{background-color:#000c;transition:all 1s ease;visibility:visible}.alert.show .box{opacity:1;transform:scale(1);transition:all .5s ease}.account-container{padding-top:9rem;position:relative}.account-container .back{box-sizing:border-box;margin:0 auto;max-width:28rem;overflow:hidden;position:fixed;top:0;width:100%;z-index:100}.account-container .back .button{animation:show-back 1s ease forwards;border-radius:100%;display:inline-block;padding:1rem}.account-container .back .button .icon{display:block;height:2.5rem}.account-container .logo{left:50%;margin:0 auto;position:absolute;text-align:center;top:0;transform:translate(-50%,10%) scale(.8);transition:all 1s ease}.account-container .logo .macs{display:block;height:3.5rem;margin:0 auto}.account-container .logo .hybrid-gel{-webkit-text-stroke:1px #004479;background:#004479;border:1px solid #fff;border-radius:.5rem;color:#fff;display:inline-block;font-family:ethnocentric;font-size:1rem;margin-top:.8rem;padding:.2rem .5rem;transition:all .5s ease}.account-container .logo .macs-hybrid-gel{display:inline-block;height:3.5rem;margin-top:.8rem;transition:all .5s ease}.account-container .running-info{margin-bottom:1rem;position:relative;transform:translateX(100%);transition:all 2s ease 1s}.account-container .running-info.show{opacity:1;transform:translateX(0)}.account-container .running-text{color:#fff;font-size:.8rem;font-weight:400}.account-container .running-text span{margin:auto .2rem}.account-container .pen{animation:show-pen .5s ease forwards;display:block;margin:0 auto;opacity:0;width:90%}.account-container .card{align-items:center;animation:show-account-card .5s ease .3s forwards;background-color:#fff;border-radius:1.7rem;display:flex;margin:1rem;opacity:0;padding:.8rem}.account-container .card .profile{flex:1 1;min-width:0}.account-container .card .profile>div{align-items:center;display:flex}.account-container .card .profile .icon{height:1.2rem;opacity:.8}.account-container .card .profile .name{font-size:1rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-container .card .profile .skeleton{animation:skeleton 1s ease infinite;background-color:#eee;border-radius:1rem;height:1rem;opacity:0;transform-origin:left center;width:10rem}.account-container .card .lucky-number{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:.4rem;position:relative;width:3.5rem}.account-container .card .lucky-number .icon{height:2rem}.account-container .card .lucky-number .label{font-size:.6rem;font-weight:600;line-height:.7rem;text-align:center}.account-container .card .lucky-number .badge{animation:show-badge .3s ease forwards;background-color:#c00;border-radius:4rem;color:#fff;font-size:.6rem;font-weight:600;opacity:0;padding:.2rem .4rem;position:absolute;right:-.2rem;top:-.2rem;transform:scale(0);z-index:2}.account-container .card input{background-color:#0000;border:none;color:#333!important;font-size:1rem;font-weight:500;padding:0;pointer-events:none;width:100%}.account-container .words{box-sizing:border-box;display:flex;gap:.4rem;justify-content:center;padding:.2rem}.account-container .words .box{border:solid #ddd;border-radius:.46rem .46rem .7rem .7rem;border-width:1px 1px 4px;box-sizing:border-box;opacity:.2;transform:scale(.9);transition:all 1s ease}.account-container .words .box.active{opacity:1;transform:scale(1)!important}.account-container .words .box .border{background-color:#eee;border:2px solid #fff;border-radius:.4rem;height:1.8rem;padding:.2rem;width:1.8rem}.account-container .words .box .inner{align-items:center;background-color:#004479;border:1px solid #bfbfbf;border-radius:.2rem;box-sizing:border-box;color:#fff;display:flex;font-family:ethnocentric;font-size:1.2rem;height:100%;justify-content:center}.account-container .info{animation:show-account-card .5s ease .5s forwards;color:#fff;font-size:.8rem;margin:1rem;opacity:0;text-align:center}.account-container .input-code{animation:show-account-card .5s ease .8s forwards;opacity:0;padding:0 1rem 1rem}.account-container .input-code input{text-align:center}.account-container .input-code button,.account-container .input-code input{border:1px solid #ddd;border-radius:.4rem;box-sizing:border-box;font-size:1rem;font-weight:500;padding:.5rem;width:100%}.account-container .input-code button{align-items:center;background-color:#efefef;border-bottom:3px solid #ccc;color:#333;display:flex;justify-content:center;margin-top:.5rem}.account-container .input-code button:disabled{color:#939393}.account-container .input-code button .loader{display:inline-block;height:1.5rem}.account-container .generate{background-color:#0000;height:100%;left:0;overflow:auto;position:fixed;top:0;transition:all .5s ease;visibility:hidden;width:100%;z-index:1000}.account-container .generate .content{box-sizing:border-box;left:50%;max-width:28rem;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.account-container .generate .content .box{background-color:#fff;border-radius:2rem;opacity:0;padding:1rem;position:relative;text-align:center;transform:scale(1.1);transition:all .3s ease}.account-container .generate .content .box .random-word{font-family:ethnocentric;font-size:8rem}.account-container .generate .content .box .collect{display:flex;font-size:1rem;justify-content:center;margin-bottom:.3rem}.account-container .generate .content .box .collect .word{font-family:ethnocentric;opacity:.2;position:relative;transition:all .3s ease}.account-container .generate .content .box .collect .word.space{margin-right:.5rem}.account-container .generate .content .box .collect .word.active{opacity:1}.account-container .generate .content .box .info{animation:none 0s ease 0s 1 normal none running;animation:initial;border:1px solid #ddd;border-radius:1rem;color:#333;display:flex;flex-direction:column;font-size:.8rem;font-weight:500;gap:.5rem;height:100%;margin:0;max-height:0;opacity:0;overflow:hidden;padding:.5rem}.account-container .generate .content .box .info.show{max-height:50vh;opacity:1;transition:max-height 1s ease}.account-container .generate .content .box .voucher .voucher-card{background-color:#fff;border:1px solid #eee;border-radius:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0003;margin-top:.5rem;text-align:center}.account-container .generate .content .box .voucher .voucher-card .inner{background-color:#fe5722;border-radius:1.3rem;padding:1rem;position:relative}.account-container .generate .content .box .voucher .voucher-card .inner:after{background-color:#fff;border-radius:100%;content:"";height:2rem;left:-1rem;position:absolute;top:50%;transform:translateY(-50%);width:2rem;z-index:2}.account-container .generate .content .box .voucher .voucher-card .inner:before{background-color:#fff;border-radius:100%;content:"";height:2rem;position:absolute;right:-1rem;top:50%;transform:translateY(-50%);width:2rem;z-index:2}.account-container .generate .content .box .voucher .voucher-card .image{height:3rem}.account-container .generate .content .box .voucher .voucher-card .amount{color:#fff;font-size:2.8rem;font-weight:600;line-height:2rem;margin-top:.5rem}.account-container .generate .content .box .voucher .voucher-card .code{background-color:#d33300;border-radius:.6rem;color:#fff;margin-top:1rem;padding:.5rem .2rem}.account-container .generate .content .box .voucher .voucher-card .code .label{font-size:.6rem}.account-container .generate .content .box .voucher .voucher-card .code .number{font-size:1.3rem;font-weight:300;line-height:1.3rem}.account-container .generate .content .box .voucher .voucher-card .expired{color:#333;font-size:.8rem;font-weight:500;padding:.5rem .2rem}.account-container .generate .content .box .voucher .download-button{align-items:center;background-color:#efefef;border:1px solid #ddd;border-bottom:3px solid #ccc;border-radius:.4rem;box-sizing:border-box;color:#333;display:flex;font-size:.8rem;font-weight:500;justify-content:center;margin-top:.5rem;padding:.4rem;width:100%}.account-container .generate .content .box .voucher .download-button .icon{display:block;height:2.5rem}.account-container .generate .content .box .text{font-size:.7rem;font-weight:500}.account-container .generate .content .box .close{padding:1rem;position:absolute;right:-1rem;top:-3.5rem;transform:scale(0);transition:all .3s ease}.account-container .generate .content .box .close.show{transform:scale(1)}.account-container .generate .content .box .close .icon{height:2rem}.account-container .generate.show{background-color:#000c;transition:all 1s ease;visibility:visible}.account-container .generate.show .box{opacity:1;transform:scale(1);transition:all .5s ease}.account-container .powered{animation:show-account-card .5s ease 1s forwards;margin:1rem 1rem 5rem;opacity:0;text-align:center}.account-container .powered .button{cursor:pointer;display:inline-block;margin:0 auto}.account-container .powered .label{color:#fff;font-size:.7rem}.account-container .powered .logo-loyalid{height:1.5rem;margin-top:.2rem}@keyframes show-pen{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes show-account-card{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes show-box{0%{opacity:1;transform:scale(0)}to{opacity:.2;transform:scale(.9)}}@keyframes show-badge{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes skeleton{0%{opacity:0;transform:scale(.9)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.home-container .running-info{margin-bottom:1rem;position:relative;transform:translateX(100%);transition:all 2s ease 1s}.home-container .running-info.show{opacity:1;transform:translateX(0)}.home-container .running-text{color:#fff;font-size:.7rem;font-weight:400}.home-container .running-text span{margin:auto .2rem}.home-container .logo{left:50%;margin:0 auto;opacity:0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%) scale(1.5);transition:all 1s ease}.home-container .logo.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.home-container .logo .macs{display:block;height:3.5rem;margin:0 auto}.home-container .logo .hybrid-gel{-webkit-text-stroke:1px #004479;background:#004479;border:1px solid #fff;border-radius:.5rem;color:#fff;font-family:ethnocentric;font-size:1rem;padding:.2rem .5rem}.home-container .logo .hybrid-gel,.home-container .logo .macs-hybrid-gel{display:inline-block;margin-top:.8rem;opacity:0;transform:translateY(1rem);transition:all .5s ease}.home-container .logo .macs-hybrid-gel{height:3.5rem}.home-container.start .logo{top:0;transform:translate(-50%,10%) scale(.8)}.home-container.start .logo .hybrid-gel,.home-container.start .logo .macs-hybrid-gel{opacity:1;transform:translateY(0)}.home-container .banner{background-color:#edf2f6;border:0 solid #edf2f6;height:0;margin-top:20rem;position:relative;transition:all 1s ease 2s}.home-container .banner .pen-container{bottom:-.2rem;left:-100%;position:absolute;transition:all 2.5s ease;width:100%}.home-container .banner .pen-container .pen-box{bottom:2rem;height:18rem;left:5rem;opacity:0;position:absolute;transition:left 2.5s ease}.home-container .banner .pen-container .pen{height:20rem;transform:rotate(25deg) translate(2rem,-1rem);transform-origin:bottom center}.home-container .banner .line{background-color:#fff;bottom:.4rem;height:1px;left:-100%;position:absolute;width:calc(100% + 3.2rem)}.home-container .banner .grand-prize{box-sizing:border-box;height:100%;left:0;padding:.5rem;position:absolute;top:0;transform:translateX(-100%);transition:all 1s ease .5s}.home-container .banner .grand-prize.show{transform:translateX(0)}.home-container .banner .grand-prize .title{-webkit-text-stroke:1px #fff;font-size:1.5rem;font-weight:800}.home-container .banner .grand-prize .batch{background-color:#004479;border-radius:2rem;color:#fff;display:inline-block;font-size:.6rem;font-weight:600;padding:.2rem .5rem}.home-container .banner .grand-prize .kijang-innova{display:block;height:3.8rem}.home-container .banner .grand-prize .animation-car{height:5.5rem;margin-top:1rem}.home-container .banner .grand-prize .sprites-animation{animation:sprite 4s steps(24) infinite;background-image:url(/static/media/sprites.44250401a310d91e447e.png);background-repeat:no-repeat;background-size:cover;height:5.5rem;margin-top:1rem;width:10rem}.home-container .banner .info{bottom:0;opacity:0;position:absolute;transform:translateX(100%);transition:all 2s ease 1s}.home-container .banner .info.show{opacity:1;transform:translateX(0)}.home-container .banner .info .step{align-items:center;display:flex;font-size:.7rem;gap:.3rem;padding:.4rem}.home-container .banner .info .step .number{align-items:center;background-color:#555;border-radius:.4rem;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:1.2rem;justify-content:center;width:1.2rem}.home-container .banner .info .step span{color:#333}.home-container .banner.start{border:1px solid #fff;height:17rem;margin-top:12rem}.home-container .banner.start .pen-container{left:100%}.home-container .banner.start .pen-container.show{left:calc(100% - 15rem);transition:all 1s ease}.home-container .banner.start .pen-container.show .pen{display:none}.home-container .banner.start .pen-container.show .pen-box{left:5.5rem;opacity:1}.home-container .banner.start .pen-container.show .line{opacity:0}.home-container .authentication{background-color:#fff;border:solid #ddd;border-radius:1rem;border-width:1px 1px 4px;margin:1rem;opacity:0;padding:1rem;transform:translateY(-2rem);transition:all .5s ease;z-index:2}.home-container .authentication .field{margin-bottom:.8rem}.home-container .authentication .field .input-wrapper{position:relative}.home-container .authentication .field .input-wrapper .loader{height:1.5rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);z-index:2}.home-container .authentication.show{opacity:1;transform:translateY(0)}.home-container .authentication .label{font-size:.8rem;font-weight:500;margin-bottom:.2rem}.home-container .authentication .error{color:#c00;font-size:.8rem}.home-container .authentication button,.home-container .authentication input{border:1px solid #ddd;border-radius:.4rem;box-sizing:border-box;font-size:1rem;font-weight:500;padding:.5rem;width:100%}.home-container .authentication button{align-items:center;background-color:#efefef;border-bottom:3px solid #ccc;color:#333;display:flex;justify-content:center}.home-container .authentication button:disabled{color:#939393}.home-container .authentication button .loader{display:inline-block;height:1.5rem}.home-container .powered{margin:1rem 1rem 5rem;opacity:0;text-align:center;transform:translateY(2rem);transition:all 1s ease}.home-container .powered.show{opacity:1;transform:translateY(0)}.home-container .powered .button{cursor:pointer;display:inline-block;margin:0 auto}.home-container .powered .label{color:#fff;font-size:.7rem}.home-container .powered .logo-loyalid{height:1.5rem;margin-top:.2rem}.home-container .select{display:flex;justify-content:space-between}.home-container .select .option{align-items:center;display:flex;flex-basis:50%;gap:5px}.home-container .select .option input{margin:0;padding:0;width:auto}.home-container .select .option label{flex:1 1;font-size:.8rem;font-weight:500}@keyframes sprite{0%{background-position:0 0}to{background-position:100% 0}}.luckydraw-container{padding-top:10rem;position:relative}.luckydraw-container .back{box-sizing:border-box;margin:0 auto;max-width:28rem;overflow:hidden;position:fixed;top:0;width:100%;z-index:100}.luckydraw-container .back .button{animation:show-back 1s ease forwards;border-radius:100%;display:inline-block;padding:1rem}.luckydraw-container .back .button .icon{display:block;height:2.5rem}.luckydraw-container .logo{left:50%;margin:0 auto;position:absolute;text-align:center;top:0;transform:translate(-50%,10%) scale(.8);transition:all 1s ease}.luckydraw-container .logo .macs{display:block;height:3.5rem;margin:0 auto}.luckydraw-container .logo .hybrid-gel{-webkit-text-stroke:1px #004479;background:#004479;border:1px solid #fff;border-radius:.5rem;color:#fff;display:inline-block;font-family:ethnocentric;font-size:1rem;margin-top:.8rem;padding:.2rem .5rem;transition:all .5s ease}.luckydraw-container .logo .macs-hybrid-gel{display:inline-block;height:3.5rem;margin-top:.8rem;transition:all .5s ease}.luckydraw-container .title{color:#fff;font-size:1rem;font-weight:600;text-align:center}.luckydraw-container .lucky-number{grid-gap:1rem;box-sizing:border-box;display:grid;grid-template-columns:calc(50% - .5rem) calc(50% - .5rem);overflow:visible!important;overflow:initial!important;padding:1rem}.luckydraw-container .lucky-number .card{animation:show-card .3s ease forwards;background-color:#fff;border-radius:.2rem;font-size:.9rem;font-weight:600;opacity:0;padding:1rem .5rem;position:relative;text-align:center}.luckydraw-container .lucky-number .card:after{left:-.6rem}.luckydraw-container .lucky-number .card:after,.luckydraw-container .lucky-number .card:before{background-color:#0161ba;border-radius:100%;content:"";height:1.5rem;position:absolute;top:50%;transform:translateY(-50%);width:1rem;z-index:2}.luckydraw-container .lucky-number .card:before{right:-.6rem}.luckydraw-container .complete{background-color:#fff;border-radius:.2rem;grid-column:1/-1;height:.2rem;margin:0 auto;width:5rem}.luckydraw-container .loader{display:block;grid-column:1/-1;height:3rem;margin:0 auto}@keyframes show-back{0%{transform:translateX(-200%)}to{transform:translateX(0)}}@keyframes show-card{0%{opacity:0;transform:translateY(5rem) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.not-found-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.not-found-container .code{color:#fff;font-size:2rem;font-weight:600}.not-found-container .label{color:#fff;font-size:1rem;font-weight:600}.macs-hybrid-app-v2\.0\.1{background:#0161ba;margin:0 auto;max-width:28rem;min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative;z-index:1}body,html{background-color:#edf2f6;margin:0;padding:0}html:before{background:#0161ba;content:"";height:100%;left:50%;max-width:28rem;position:fixed;top:0;transform:translateX(-50%);width:100%;z-index:-1}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-overflow-style:none;font-family:Poppins;scrollbar-width:none}::-webkit-scrollbar{display:none}@font-face{font-family:ethnocentric;src:local("ethnocentric"),url(/static/media/ethnocentric.8d07608882f4d41602df.ttf) format("truetype")}.scan-region-highlight{display:none}:focus{outline:none}*{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}img{pointer-events:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff!important}
/*# sourceMappingURL=main.84a8b64a.css.map*/