.loading-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;background-color:#fff;padding:1.5rem 2rem;border-radius:1rem;display:flex;justify-content:center;align-items:center;flex-direction:column;box-sizing:border-box}.loading-modal .circular-progress{height:3rem!important;width:3rem!important}.loading-modal .text{margin-top:2rem}.custom-modal{width:440px;max-width:90vw;max-height:90vh;background-color:#fff;left:50%;top:50%;transform:translate(-50%,-50%);position:absolute;border-radius:10px;box-sizing:border-box;padding-bottom:20px}@media screen and (max-width:600px){.custom-modal{padding-bottom:16px}}.custom-modal .header{padding-top:20px;padding-left:20px;padding-right:20px;height:60px;position:relative}@media screen and (max-width:600px){.custom-modal .header{padding-top:16px;padding-left:16px;padding-right:16px}}.custom-modal .header .close-button{position:absolute;top:8px;right:8px}.custom-modal .body{padding-left:20px;padding-right:20px;height:auto;box-sizing:border-box;max-height:calc(90vh - 160px);overflow:auto}@media screen and (max-width:600px){.custom-modal .body{padding-left:16px;padding-right:16px}}.custom-modal .footer{padding-left:20px;padding-right:20px;height:60px;align-items:flex-end}@media screen and (max-width:600px){.custom-modal .footer{padding-left:16px;padding-right:16px}}.first-section{height:100%;box-sizing:border-box}.first-section .auth-frame-wrapper{width:100%;height:100%;position:relative}@media screen and (max-width:980px){.first-section .auth-frame-wrapper{width:90%;height:90%;position:relative}.first-section .auth-frame-wrapper .home-frame{box-shadow:0 15px 33px rgba(0,0,0,.1),0 60px 60px rgba(0,0,0,.1);border-radius:30px;height:auto!important;width:100%;top:50%!important;left:50%!important;transform:translate(-50%,-50%)}}.footer-private{width:100%;min-height:124px;box-sizing:border-box;padding:24px 60px;color:#1d405c}@media screen and (max-width:600px){.footer-private{display:none}}.footer-private .icon-social-media-wrapper{margin-right:12px}.footer-private .icon-social-media-wrapper:last-child{margin-right:0}.footer-private .image-wrapper{width:106px;height:32px;position:relative}.loading-page{min-width:100vw;min-height:100vh;width:auto;height:auto;display:flex;justify-content:center;align-items:center;flex-direction:column}.loading-page .circular-progress{height:3rem!important;width:3rem!important}.loading-page .text{margin-top:2rem}.private-route-navbar{height:72px;display:flex;flex-direction:row-reverse;align-items:center;box-sizing:border-box;padding-left:60px;padding-right:60px;border-bottom:1px solid #e7e7e7;position:relative}@media screen and (max-width:600px){.private-route-navbar{height:68px;padding-left:5vw;padding-right:5vw}}.private-route-navbar .sibagi-wrapper{width:100px;height:30px;position:relative}@media screen and (max-width:600px){.private-route-navbar .sibagi-wrapper{width:90px;height:27px}}.left-wrapper{width:502px;max-width:90%;height:auto;display:flex;flex-direction:column;justify-content:center}.third-content-svg-container{width:75%;display:flex;justify-content:center;align-items:flex-start;position:relative}@media only screen and (max-width:900px){.third-content-svg-container{width:85%}}@media only screen and (max-width:600px){.third-content-svg-container{width:95%}}.third-content-svg-container svg{width:100%}#sibagi{fill:transparent;stroke-width:1}#sibagi #amanJudiOnline{stroke-dashoffset:540;stroke-dasharray:540}.enter-section #sibagi #amanJudiOnline{animation:animate-amanJudiOnline 2s ease-in-out 1.5s forwards}@keyframes animate-amanJudiOnline{0%{stroke-dashoffset:540}to{stroke-dashoffset:0}}#sibagi #lebihCepat{fill:transparent}#sibagi #lebihCepat #lineConnector,#sibagi #lebihCepat #lineConnector2{stroke-dashoffset:300;stroke-dasharray:300;stroke-width:2px}.enter-section #sibagi .playing-lebihCepat-connector #lineConnector{animation:animate-lebihCepat-lineConnector 2.8s ease-in-out backwards}.enter-section #sibagi .playing-lebihCepat-connector #lineConnector2{animation:animate-lebihCepat-lineConnector 1.8s ease-in-out .3s backwards}@keyframes animate-lebihCepat-lineConnector{0%{stroke-dashoffset:-300}45%{stroke-dashoffset:0}55%{stroke-dashoffset:0}to{stroke-dashoffset:300}}.enter-section #sibagi .playing-lebihCepat-connector #lebihCepatFrame{animation:animate-vector 2.3s ease-in-out backwards}#sibagi #lebihCepat #lebihCepatPicture{opacity:0;transition:all .5s ease-in-out}#sibagi #lebihCepat #lebihCepatPicture:hover{opacity:1;cursor:pointer}.enter-section #sibagi #lebihCepat .show-lebihCepat-picture{animation:animate-picture-icon 2.8s ease-in backwards}#sibagi #amanJudiOnline{fill:transparent}#sibagi #amanJudiOnline #lineConnector,#sibagi #amanJudiOnline #lineConnector2{stroke-dashoffset:170;stroke-dasharray:170;stroke-width:2px}.enter-section #sibagi .playing-amanJudiOnline-connector #lineConnector{animation:animate-amanJudiOnline-lineConnector 2.2s ease-in-out backwards}.enter-section #sibagi .playing-amanJudiOnline-connector #lineConnector2{animation:animate-amanJudiOnline-lineConnector 1.2s ease-in-out .3s backwards}@keyframes animate-amanJudiOnline-lineConnector{0%{stroke-dashoffset:-170}45%{stroke-dashoffset:0}55%{stroke-dashoffset:0}to{stroke-dashoffset:170}}.enter-section #sibagi .playing-amanJudiOnline-connector #amanJudiOnlineFrame{animation:animate-vector 2.3s ease-in-out backwards}#sibagi #amanJudiOnline #amanJudiOnlinePicture{opacity:0;transition:all .5s ease-in-out}#sibagi #amanJudiOnline #amanJudiOnlinePicture:hover{opacity:1;cursor:pointer}.enter-section #sibagi #amanJudiOnline .show-amanJudiOnline-picture{animation:animate-picture-icon 2.8s ease-in-out backwards}#sibagi #lebihKolaboratif{fill:transparent}#sibagi #lebihKolaboratif #lineConnector,#sibagi #lebihKolaboratif #lineConnector2{stroke-dashoffset:150;stroke-dasharray:150;stroke-width:2px}.enter-section #sibagi .playing-lebihKolaboratif-connector #lineConnector{animation:animate-lebihKolaboratif-lineConnector 2.5s ease-in-out backwards}.enter-section #sibagi .playing-lebihKolaboratif-connector #lineConnector2{animation:animate-lebihKolaboratif-lineConnector 1.5s ease-in-out .3s backwards}@keyframes animate-lebihKolaboratif-lineConnector{0%{stroke-dashoffset:-150}45%{stroke-dashoffset:0}55%{stroke-dashoffset:0}to{stroke-dashoffset:150}}.enter-section #sibagi .playing-lebihKolaboratif-connector #lebihKolaboratifFrame{animation:animate-vector 2.3s ease-in-out backwards}#sibagi #lebihKolaboratif #lebihKolaboratifPicture{opacity:0;transition:all .5s ease-in-out}#sibagi #lebihKolaboratif #lebihKolaboratifPicture:hover{opacity:1;cursor:pointer}.enter-section #sibagi #lebihKolaboratif .show-lebihKolaboratif-picture{animation:animate-picture-icon 2.8s ease-in-out backwards}#sibagi #lebihMurah{fill:transparent}#sibagi #lebihMurah #lineConnector,#sibagi #lebihMurah #lineConnector2{stroke-dashoffset:220;stroke-dasharray:220;stroke-width:2px}.enter-section #sibagi .playing-lebihMurah-connector #lineConnector{animation:animate-lebihMurah-lineConnector 2.5s ease-in-out backwards}.enter-section #sibagi .playing-lebihMurah-connector #lineConnector2{animation:animate-lebihMurah-lineConnector 1.5s ease-in-out .3s backwards}@keyframes animate-lebihMurah-lineConnector{0%{stroke-dashoffset:-220}45%{stroke-dashoffset:0}55%{stroke-dashoffset:0}to{stroke-dashoffset:220}}.enter-section #sibagi .playing-lebihMurah-connector #lebihMurahFrame{animation:animate-vector 2.3s ease-in-out backwards}#sibagi #lebihMurah #lebihMurahPicture{opacity:0;transition:all .5s ease-in-out}#sibagi #lebihMurah #lebihMurahPicture:hover{opacity:1;cursor:pointer}.enter-section #sibagi #lebihMurah .show-lebihMurah-picture{animation:animate-picture-icon 2.8s ease-in-out backwards}@keyframes animate-vector{0%{opacity:1}45%{opacity:0}55%{opacity:0}to{opacity:1}}@keyframes animate-picture-icon{0%{opacity:0}5%{opacity:1}60%{opacity:1}to{opacity:0}}.footer-container{min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column-reverse;justify-content:space-between;position:relative;z-index:1}.footer-container .top-container{width:100%;height:auto;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;padding:30px 0}.footer-container .bottom-container{width:100%;min-height:172px;height:auto;padding:30px 40px;background-color:#62ad9e;justify-content:space-between}.footer-container .bottom-container,.home-container{box-sizing:border-box;display:flex;align-items:center}.home-container{min-height:calc(100vh - 92px);flex-direction:column;justify-content:center}.home-container .text-container{width:850px;max-width:90vw;margin-left:auto;margin-right:auto}.home-container .text-container .animated-text span{position:relative}.home-container .text-container .animated-text span:before{content:"Youtuber";color:#1d405c;animation:words 25s infinite}.home-container .text-container .animated-text span:after{content:"";position:absolute;width:calc(100% + 10px);height:100%;background-color:#fff;border-left:4px solid #1d405c;right:-10px;animation:cursor .8s infinite,typing 25s steps(14) infinite}@keyframes cursor{to{border-left:4px solid hsla(0,0%,100%,0)}}@keyframes words{0%,20%{content:"streamer"}21%,40%{content:"creator"}41%,60%{content:"podcaster"}61%,80%{content:"youtuber"}81%,to{content:"gamer"}}@keyframes typing{10%,15%,30%,35%,50%,55%,70%,75%,90%,95%{width:0}20%,25%,40%,45%,5%,60%,65%,80%,85%{width:calc(100% + 10px)}}.home-container .image-decoration-wrapper{width:calc(100% - 120px);height:272px;box-sizing:border-box;position:relative}@media screen and (max-width:900px){.home-container .image-decoration-wrapper{width:calc(100% - 5vw)}}.container{width:50%;min-height:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:40px 0;position:-webkit-sticky;position:sticky;top:0}@media screen and (max-width:600px){.container{width:100%}}.container .left-wrapper{width:484px;max-width:90%;height:auto;display:flex;flex-direction:column;justify-content:center}.container .payment-list-container{width:50%;line-height:1.6}.container .image-wrapper{width:432px;height:547px;position:relative;border-radius:30px;object-fit:scale-down;box-shadow:0 15px 33px 0 rgba(0,0,0,.1),0 60px 60px 0 rgba(0,0,0,.1)}@media screen and (max-width:980px)and (min-width:600px){.container .image-wrapper{width:90%;height:57vw}}@media screen and (max-width:600px){.container .image-wrapper{width:75%;height:95vw}}