:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;height:100%;min-height:100vh;font-family:Roboto;font-style:normal;color:#000;background-color:#fff}.container-center{height:100vh;display:grid;text-align:center;place-items:center}.white-text{color:#fff}.overlay{width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay__inner{left:0;top:0;width:100%;height:100%;position:absolute}.overlay__content{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.tap-container{text-align:center}.tap-title{font-weight:800;font-size:2.5rem}.tap-description{color:#697077;font-weight:400;max-width:75%;margin-top:1.5rem;margin:auto}.tap-indicator-icon{margin-top:4rem;max-width:100%}.success-description{color:#697077;font-weight:400;max-width:100%;margin-top:1.5rem;margin:auto}.success-icon{margin-top:3rem;max-width:100%}.loading-title{display:flex;align-items:center;gap:.6rem;color:#ddd;font-weight:500}.loading-icon{animation-name:spin;animation-duration:5s;animation-iteration-count:infinite;animation-timing-function:linear;color:#ddd}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button-container{display:flex;margin-top:4rem;justify-content:center}.button{color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;width:135px;height:48px;background:#682298;border-radius:24px}.welcome-page{display:flex;flex-direction:column;height:100%;min-height:100vh}.welcome-page .bg-backtoschool{background-color:beige;flex:auto;background-image:url(https://reader-client-staging.wellingtonlampung.sch.id/welcome/bg_end_user.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;height:55vw}.popup-success{height:100vh;max-height:1024px;width:60vh;max-width:650px;background-image:url(https://reader-client-staging.wellingtonlampung.sch.id/welcome/bg_popup.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;justify-content:center;flex-direction:column;padding-left:40px;padding-right:40px;position:relative}.welcome-page p{margin:0}.card{background-color:#f7f4fa;border-radius:16px;padding:16px;position:relative}.card .text-welcome{font-size:22px;font-weight:400}.chip{color:#fff;background-color:#682298;padding:4px 8px;border-radius:8px;display:inline-block;font-size:12px;margin:4px 0}.card.white{background-color:#fff}.progress-bar{width:100%;background-color:#efd9ff;border-radius:8px;height:8px;display:block;overflow:hidden}.progress-bar .progress-bar__inner{background-color:#682298;height:100%}.alert{background-color:#ffffff80;padding:8px 16px;border-radius:8px}.alert.purple{border-left:8px solid #682298}.alert.blue{border-left:8px solid #0f62fe}.popup-failed{background-color:#fff;background-image:url(https://reader-client-staging.wellingtonlampung.sch.id/welcome/bg_visitor.png);width:100%;max-width:650px;padding:30px;position:relative;text-align:center;border-radius:16px}.popup-failed img{width:100%;max-width:320px;margin:16px auto}.footer{background-color:#fff;margin-top:auto}.footer-flag{background-color:#682298;color:#fff;text-align:center;padding:12px 0}.footer-flag p{margin:0;font-size:12px}.base-container{width:100%;max-width:1280px;margin:auto}.footer-wrapper{padding:30px;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;width:calc(100% - 60px)}.footer-wrapper img.logo{width:250px}.footer-wrapper p{color:#000;margin:0}.footer-wrapper p.title{color:#682298;font-size:18px;font-weight:600}.footer-wrapper .address-wrapper{width:40%;display:flex;flex-direction:column;justify-content:space-between}.footer-wrapper a,.footer-wrapper a span{color:#000;font-weight:400;margin-left:5px}.footer-wrapper .social-wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.footer-wrapper .social-wrapper a{display:flex;margin-right:12px;white-space:nowrap}.footer-wrapper .social-wrapper ul{padding:0}.footer-wrapper .contact-wrapper{display:flex;flex-direction:column;justify-content:space-between}.mb-3{margin-bottom:20px!important}.mb-2{margin-bottom:16px!important}.mb-1{margin-bottom:8px!important}.my-1{margin-top:8px!important;margin-bottom:8px!important}.mt-0{margin-top:0!important}.text-purple{color:#682298!important}.text-grey{color:gray!important}.bg-purple{background-color:#682298!important}.bg-white{background-color:#fff!important}.m-0{margin:0!important}.text-xl{font-size:40px!important}.text-lg{font-size:34px!important}.text-md{font-size:20px!important}.text-sm{font-size:12px!important}.font-bold{font-weight:700!important}