.end-0{right:0!important}.end-1{right:1%!important}.end-2{right:2%!important}.end-3{right:3%!important}.end-4{right:4%!important}.end-5{right:5%!important}.end-6{right:6%!important}.end-7{right:7%!important}.end-8{right:8%!important}.end-9{right:9%!important}.end-10{right:10%!important}.end-0rem{right:0!important}.end-1rem{right:1rem!important}.end-2rem{right:2rem!important}.end-3rem{right:3rem!important}.end-4rem{right:4rem!important}.end-5rem{right:5rem!important}.end-6rem{right:6rem!important}.end-7rem{right:7rem!important}.end-8rem{right:8rem!important}.end-9rem{right:9rem!important}.end-10rem{right:10rem!important}.medium-zoom-overlay{position:fixed;inset:0;opacity:0;transition:opacity .3s;will-change:opacity;overflow:auto;display:flex;align-items:center;justify-content:center;scrollbar-width:none;-ms-overflow-style:none}.medium-zoom-overlay::-webkit-scrollbar{display:none}.medium-zoom--opened .medium-zoom-overlay{cursor:pointer;cursor:zoom-out;opacity:1}.medium-zoom-image{cursor:pointer;cursor:zoom-in;background-color:#fff;transition:transform .3s cubic-bezier(.2,0,.2,1)!important}.medium-zoom-image--hidden{visibility:hidden}.medium-zoom-image--opened{cursor:pointer;cursor:zoom-out;will-change:transform;display:block}*{min-height:0;min-width:0}body{opacity:1;transition:opacity .5s ease-in-out}body.loading{opacity:0}.wrapper{align-items:center}.page,.wrapper{display:flex;flex-direction:column;height:100%;width:100%}.page{margin:3rem auto}.page main{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw}body[data-route=biodata] .page{margin:7rem auto 2rem}body[data-route=biodata] .page main{justify-content:start}body[data-route=biodata] .page .accordion .accordion-button{padding-left:2rem;padding-right:2rem;font-size:1.25rem}body[data-route=biodata] .page .accordion .accordion-button:is(.collapsed){background-color:#eff6f7}body[data-route=biodata] .page .accordion .accordion-body{padding-top:2rem;padding-bottom:2rem}body[data-route=biodata] .page .accordion .accordion-body .hr-text{font-size:calc(1.2525rem + .03vw)}body[data-route=home]{background:radial-gradient(ellipse at center,#fffeea 0 35%,#b7e8eb);background-repeat:no-repeat;overflow:hidden}body[data-route=home] .page{align-items:center;justify-self:center;flex-direction:row}body[data-route=home] .page .container{margin-top:-10rem}body[data-route=home] .ocean{height:0;width:100%;position:absolute;bottom:50px;left:0;background:#015871}body[data-route=home] .wave{background:url(../../../wave.svg) repeat-x;position:absolute;overflow:hidden;opacity:1;width:100%}body[data-route=home] .wave:first-of-type{height:162px;top:-112px;animation:wave 7s cubic-bezier(.36,.45,.63,.53) infinite;transform:translateZ(0);z-index:1}body[data-route=home] .wave:nth-of-type(2){top:-100px;height:150px;animation:wave 7s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 7s ease -1.25s infinite;z-index:2}@keyframes waves{0%{margin-left:0}to{margin-left:-1600px}}@keyframes swells{0%,to{transform:translate3d(0,-25px,0)}50%{transform:translate3d(0,5px,0)}}body[data-route=auth] nav.header{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}body[data-route=auth] .page{margin:0;padding:0;width:100%;flex-direction:row}body[data-route=auth] .page .auth,body[data-route=auth] .page .auth .log{display:flex;justify-content:center;align-items:center;width:100%}body[data-route=auth] .page .auth .log{order:2;height:100%;background:radial-gradient(ellipse at center,#fffeea 0 35%,#b7e8eb)}body[data-route=auth] .page .auth .log .card{min-width:350px;max-width:350px}body[data-route=auth] .page .auth .img{width:100%;order:1;display:flex;justify-content:center;align-items:center}body[data-route=auth] .page .auth .img svg{height:400px;width:auto}nav.header{position:fixed;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#f2f2f2b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}nav.header img{height:30px;width:auto}nav.header h1{font-family:var(--rekrut-font-hind);font-size:calc(1.26rem + .12vw);letter-spacing:-1px;font-weight:600;text-transform:uppercase;margin:0;padding:0}.welcome{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%;margin-top:-4rem}.welcome svg{height:50%}section.test{transition:opacity .5s ease-in-out;width:100%;height:auto}section.test.loaded{opacity:1}section.test.loading{opacity:0}.outoftime{background-color:transparent;text-align:center;padding:1.5rem;width:fit-content;margin:0 auto}.outoftime p{font-size:.9rem}.start.card{border-width:0;box-shadow:none;margin:2rem auto 4rem}.start.card h2{font-weight:600;margin-bottom:3rem;text-align:center}.start.card .list-info{width:100%;opacity:0;transition:opacity .5s ease-in-out;margin-bottom:2rem;padding:0;list-style:none}.start.card .list-info li{margin-bottom:3rem}.start.card .list-info li h4{font-family:var(--rekrut-font-pts);margin-bottom:1rem;font-weight:600}.start.card .list-info li:last-child{margin-bottom:0}.start.card .list-info li p{margin-bottom:.5rem}.start.card .list-info li p strong{font-size:calc(1.255rem + .06vw);color:#000}.start.card .list-info li img{margin:2rem auto 3rem}.start.card .list-info:has(li){opacity:1}.start.card .btn-start{font-size:1.15rem}.start.card .quest img{display:block}.start.card .quest img:before{content:"Memuat gambar tes ...";display:block;font-size:1rem;color:#6eb7c9;text-align:center;width:100%;margin:1rem auto}.start.card .correct{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.begin.card{border-width:0;box-shadow:none;margin-bottom:4rem;margin-top:2rem}.begin.card .answ{margin-top:0!important}.begin.card.loaded{opacity:1}.begin.card .answ,.start.card .answ{margin-top:2rem;margin-bottom:4rem;display:flex;justify-content:center;column-gap:.5rem}.begin.card label,.start.card label{font-size:calc(1.325rem + .9vw);font-family:var(--rekrut-font-hind);line-height:1.5;color:#48a1ba;border:1px solid #92bfcb;box-shadow:3px 3px #6a9ba8;font-weight:500;transition:all .15s linear;padding:.75rem 1.75rem;display:flex;align-items:center;justify-content:center;border-radius:4px}.begin.card label span,.start.card label span{text-align:center;display:block;min-width:1.5rem}.begin.card input:checked+label,.begin.card label:hover,.start.card input:checked+label,.start.card label:hover{background-color:#e7f9ff;box-shadow:1px 1px 2px #48a1ba33;border-color:#5781b8;color:#000;text-decoration:none;transition:all .25s linear}.begin.card .quest img:before,.start.card .quest img:before{content:"Memuat gambar tes ...";display:block;font-size:1rem;color:#6eb7c9;text-align:center;margin:1rem auto}@media(max-width:767px){.medium-zoom-image--opened{transform-origin:top left}}@media(min-width:768px){.medium-zoom-image--opened{transform-origin:center center}}@media(min-width:1200px){body[data-route=biodata] .page .accordion .accordion-body .hr-text{font-size:1.275rem}nav.header h1{font-size:1.35rem}.start.card .list-info li p strong{font-size:1.3rem}.begin.card label,.start.card label{font-size:2rem}}@media(max-width:991.98px){body[data-route=biodata] .page{margin:6rem auto 2rem}body[data-route=biodata] .page main{padding-left:.5rem;padding-right:.5rem}body[data-route=biodata] .page .accordion .accordion-button{padding-left:1.1rem;padding-right:1.1rem}body[data-route=biodata] .page .accordion .accordion-body{padding-left:.5rem;padding-right:.5rem}body[data-route=home] .card{margin-left:1rem;margin-right:1rem}body[data-route=auth] .page .auth{flex-direction:column}body[data-route=auth] .page .auth .log .card{width:80%}body[data-route=auth] .page .auth .img{order:2;display:none}nav.header{padding:1rem}nav.header img{height:25px}.begin.card .answ,.start.card .answ{column-gap:.25rem}.begin.card .answ label,.start.card .answ label{padding:.5rem 1.5rem}.begin.card .quest img,.start.card .quest img{max-width:unset}}