.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 .body-without-footer{max-height:calc(90vh - 110px)}.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}}.tutorial-page{display:flex;min-height:600px;height:100vh;width:100vw}.tutorial-page .first-section{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width:600px){.tutorial-page .first-section{min-height:100vh;height:auto}}.tutorial-page .first-section .text-container{margin-top:24px;width:510px;max-width:90%}.tutorial-page .first-section .text-container .MuiTypography-root{line-height:2}.tutorial-page .first-section .text-container .MuiTypography-root:first-child{margin-bottom:24px;line-height:1.3}.tutorial-page .first-section .button-wrapper{width:100%;margin-top:84px}@media screen and (max-width:700px){.tutorial-page .first-section .button-wrapper{margin-top:64px}}.tutorial-page .second-section{height:100%;background-color:#ffd685}@media screen and (max-width:600px){.tutorial-page .second-section{min-height:100vh;height:auto}}.tutorial-page .second-section .second-section-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width:600px){.tutorial-page .second-section .second-section-container{min-height:100vh;height:auto}}.tutorial-page .second-section .second-section-container .button-wrapper{position:absolute;margin-top:-16px;top:0;right:48px}.tutorial-page .second-section .second-section-container .button-wrapper .button{border:2px solid #1d405c;box-shadow:4px 4px #1d405c}.tutorial-page .second-section .second-section-container .tutorial-frame-wrapper{position:relative;z-index:-1;width:432px;height:547px}.tutorial-page .second-section .second-section-container .tutorial-frame-wrapper .tutorial-frame{border:7px solid #1d405c;box-shadow:12px 12px #1d405c;border-radius:38px}@media screen and (max-width:980px){.tutorial-page .second-section .second-section-container .button-wrapper{position:absolute;top:0;right:5vw}.tutorial-page .second-section .second-section-container .tutorial-frame-wrapper{width:40vw;height:54vw}.tutorial-page .second-section .second-section-container .tutorial-frame-wrapper .tutorial-frame{height:auto!important;width:100%!important}}@media screen and (max-width:600px){.tutorial-page .second-section .second-section-container .button-wrapper{position:absolute;top:0;right:5vw}.tutorial-page .second-section .second-section-container .tutorial-frame-wrapper{width:76vw;height:90vw}.tutorial-page .second-section .second-section-container .tutorial-frame-wrapper .tutorial-frame{height:auto!important;width:100%!important}}