/*!
         * Sahabat CPNS v2.0.0
         * (c) 2026 Copyright 2024
         * @author Hatta Development Program
         * @author Erwin Rahayu
         * Anda butuh web atau ingin web seperti ini?
         * Hubungi saya lewat linkdin
         * Atau di Hatta Development Program
         */@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;1,300&display=swap);body{font-family:"Poppins",sans-serif!important}@media print{*,body,html{visibility:hidden}.ps{overflow:scroll!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}}img{width:100%}.brand-area{font-family:"Poppins",sans-serif;font-weight:700}.brand-area .brand{width:91.84px;height:40px}.brand-area .brand.img-no-text{width:28px;height:28px}.brand-mobile{width:100px!important;height:43.55px!important}.viewer-document{align-content:right;overflow:hidden;margin:auto}.label-sidenav{font-family:"Poppins",sans-serif}a,button{font-family:"Poppins",sans-serif!important}.icon-bimble-platform{width:30px!important;height:30px!important}.bg-session{background-image:url(/assets/images/illustrations/bg.png);background-attachment:fixed;background-repeat:repeat-x;background-size:contain;background-position:bottom}.card-session{background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.1)!important;border-radius:5px!important}.btn-radius-10{border-radius:22px!important;width:120px}.MuiTypography-body1{font-family:"Poppins",sans-serif!important}.order-1{order:1}.order-2{order:2}.order-3{order:3}.MuiChip-label{font-family:"Poppins",sans-serif!important;font-weight:700}.chip-referral{max-width:100%}.bg-blue{background-color:#0779e4}.border-section{width:100%;height:1px;background:var(--text-muted);margin-left:10px}.menu-mobile{bottom:0;width:100%;background-color:#fff}.menu-mobile .item-menu{width:45px;height:45px;border-radius:45px}.menu-mobile .item-menu p{font-size:10px;color:var(--black-text)}.menu-mobile .item-menu:hover{text-decoration:none}.menu-mobile .item-menu p.active{color:#fff}.menu-mobile .item-menu.active{background-color:var(--primary)}.menu-mobile .item-menu.find-friend{border-radius:45px;width:45px;height:45px;background-color:var(--primary);margin-top:-40px;border:10px solid #fff;box-sizing:initial}.menu-mobile .item-menu img{width:24px}.header{align-items:center;padding:10px 25px;color:#fff}.header__icon{max-width:50px;height:auto;opacity:.7}.header__title{margin-left:auto;font-size:25px;text-align:center;text-transform:uppercase;letter-spacing:4.5px}.header__title span{display:block;font-size:14px;font-weight:600;letter-spacing:1.5px}.badge-custom{font-size:12px;line-height:1;padding:.375rem .5625rem;display:inline-block}.badge-custom.error{color:#fff;background-color:#ff5e5e}.badge-custom.primary{color:#fff;background-color:#16c79a}.badge-custom.warning{color:#fff;background-color:#ebb666!important;border-radius:20px!important}.badge-custom h6{text-transform:capitalize}.badge-custom-warning{font-size:12px!important;line-height:1!important;padding:.2rem .5625rem!important;display:inline-block!important}.w-full{width:-webkit-fill-available!important}.ribbon{height:188px!important;position:relative;color:#fff!important}.ribbon1{position:absolute;top:8px;right:20px}.ribbon1:after{position:absolute;content:"";width:0;height:0;border-left:50px solid transparent;border-right:39px solid transparent;border-top:15px solid #ffbc42}.ribbon1 span{position:relative;display:block;text-align:center;background:#ffbc42;font-size:14px;line-height:2;padding:12px 8px 10px;border-top-right-radius:8px;width:90px;font-weight:700}.ribbon1 span:after,.ribbon1 span:before{position:absolute;content:""}.ribbon1 span:before{height:6px;width:6px;left:-6px;top:0;background:#ffbc42}.ribbon1 span:after{height:6px;width:8px;left:-8px;top:0;border-radius:8px 8px 0 0;background:#ffbc42}@media (min-width:500px){.ribbons-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between}.ribbon{width:48%}}.button-purple{margin-bottom:10px;box-shadow:none!important;transition:.2s;background-color:#7066eb!important;color:#fff!important}.button-purple.opacity{background-color:rgba(112,102,235,.15)!important;color:#7066eb!important}.button-purple:hover{background-color:rgba(112,102,235,.4)!important}.button-purple .text-button{font-weight:600;font-family:"Poppins",sans-serif}.button-danger{margin-bottom:10px;box-shadow:none!important;background-color:#ef4f4f!important;color:#fff!important;transition:.2s}.button-danger.opacity{background-color:rgba(239,79,79,.55)!important;color:#fff!important}.button-danger:hover{background-color:rgba(239,79,79,.9)!important}.button-danger .text-button{font-weight:600;font-family:"Poppins",sans-serif}.button-grey{margin-bottom:10px;box-shadow:none!important;background:#d5d5d5;transition:.2s}.button-grey:hover{background-color:#b0b0b0!important}.button-grey .text-button{font-weight:600;font-family:"Poppins",sans-serif}.button-blue{margin-bottom:10px;box-shadow:none!important;background:rgba(112,102,235,.9)!important;transition:.2s!important;color:#fff!important}.button-blue:hover{background-color:#9d96f4!important}.button-blue .text-button{font-weight:600;font-family:"Poppins",sans-serif}.button-green{margin-bottom:10px;box-shadow:none!important;background-color:#16c79a!important;transition:.2s;color:#fff!important}.button-green.opacity{background-color:#b2eadc!important}.button-green:hover{background-color:#1ac79c!important}.button-green .text-button{font-weight:600;font-family:"Poppins",sans-serif}.button-orange{margin-bottom:10px;box-shadow:none!important;transition:.2s;background-color:#f29d56!important;color:#fff!important}.button-orange.opacity{background-color:rgba(242,157,86,.15)!important;color:#f29d56!important}.button-orange:hover{background-color:rgba(242,157,86,.4)!important}.button-orange .text-button{font-weight:600;font-family:"Poppins",sans-serif}.btn-nomor-soal{display:flex;background:#d5d5d5;align-items:center;justify-content:center;color:#fff;max-width:35px;height:34px;border-radius:5px;width:34px;border:none;cursor:pointer}.btn-nomor-soal.active,.btn-nomor-soal:hover{background:#b0b0b0}.btn-nomor-soal.done{background:#6beea6}.btn-nomor-soal.wrong{background:#ef4f4f}.btn-nomor-soal.done.active{background:#1bc167}.btn-nomor-soal.wrong.active{background:#ff7a7a}.button-outline-error{border:1px solid #ef4f4f!important;color:#ef4f4f!important}.btn-blue{background-color:#0094ff!important}.button-mod{height:35px!important;width:300px}.button-mod,.button-try{border-radius:20px!important}.button-try{height:30px!important;width:130px}.text-p{font-weight:450;text-transform:capitalize}.btn-foto-profile{position:absolute!important;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1)!important;border-radius:100%!important}.btn-foto-profile:hover{background:rgba(0,0,0,.5)!important}.no-border{border:0 solid #e0e0e0!important}.badge-diskon{margin-bottom:10px!important;margin-top:0!important;background-color:#ebb666!important}.badge-diskon,.button-primary{box-shadow:none!important;transition:.2s;color:#fff!important}.button-primary{margin-bottom:10px;background-color:#fd591d!important}.button-primary.opacity,.button-primary:hover{background-color:#ffa07d!important}.card-kuis .title-card{color:#33313b!important}.card-kuis .subtitle-card{font-weight:600;font-size:16px}.card-kuis .text{color:#bbbfca;font-weight:500}.card-kuis a.button{margin-bottom:10px;box-shadow:none!important;background-color:rgba(106,9,125,.15)!important;color:#6a097d!important}.card-kuis a.button .text-button{font-weight:600;font-family:"Montserrat",sans-serif}.bordered{background:#ddd;height:1px}.card-soal .soal{font-weight:400;font-size:16px}.card-invoice .metode-pembayaran{width:50px}.card-ranking-tertinggi{background-color:#ffc4af!important;box-shadow:0 1px 16px rgba(0,0,0,.05);border-radius:4px;width:max-content!important;position:relative}.card-info-fw{width:100%!important}.card-info,.card-info-fw{background-color:#eedca4!important;box-shadow:0 1px 16px rgba(0,0,0,.05);border-radius:4px;position:relative}.card-info{width:max-content!important}.card-info:before,.card-ranking-tertinggi:before{width:67px;height:67px;background:rgba(255,145,105,.3215686274509804);content:" ";border-radius:100%;position:absolute;bottom:-2px;left:-12px}.kejakan-selesai{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;flex-direction:column}.card-ranking-tertinggi.card-paket-profile{width:100%!important}.card-beranda,.card-menu-new{background-color:#ddd;box-shadow:0 1px 16px rgba(0,0,0,.05);border-radius:4px;position:relative}.card-menu-new{color:#000!important}.card-beranda:hover{text-decoration:underline;box-shadow:5px 4px 15px rgba(0,0,0,.289);cursor:pointer}.card-beranda.primary{background-color:rgba(132,60,246,.2);border:1px solid #7467ef;color:#7467ef!important}.card-beranda.primary:before{background:rgba(116,103,239,.7)}.card-beranda.danger{background-color:#f8f7de;border:1px solid #fecd1a;color:#fecd1a!important}.card-beranda.danger:before{background:#fecd1a}.card-beranda.warning{background-color:rgba(255,118,59,.21176470588235294);border:1px solid #ff8450;color:#ff8450!important}.card-beranda.warning:before{background:#ff8450}.card-beranda.info{background-color:rgba(106,142,255,.4);border:1px solid #6a8eff;color:#6a8eff!important}.card-beranda.info:before{background:#6a8eff}.card-beranda.success{background-color:rgba(56,223,180,.30980392156862746);border:1px solid #16c79a;color:#16c79a!important}.card-beranda.success:before{background:rgba(45,218,174,.788235294117647)}.card-beranda.secondary{box-shadow:0 4px 8px rgba(0,0,0,.14);border:none;color:#000!important}.card-beranda.secondary:before{background:#222}div.card-materi{width:100%;max-width:220px;margin:auto;height:285px;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;background-color:#fd591d}div.card-intro{height:150;object-fit:cover;background:linear-gradient(90deg,rgba(219,48,17,.5),rgba(138,25,5,.39)),url(https://www.ahcstaff.com/wp-content/uploads/2019/11/class-success.jpg);background-size:cover}div.card-intro-video{height:150;object-fit:cover;background:linear-gradient(90deg,rgba(219,48,17,.5),rgba(138,25,5,.39)),url(https://www.mditack.co.id/wp-content/uploads/2020/10/classroom-vids.jpg);background-size:cover}div.card-intro-exam{height:150;object-fit:cover;background:linear-gradient(90deg,rgba(219,48,17,.5),rgba(138,25,5,.39)),url(https://images.unsplash.com/photo-1606326608606-aa0b62935f2b?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8ZXhhbXxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&q=80&w=1000);background-size:cover}div.card-intro-tryout{height:150;object-fit:cover;background:linear-gradient(90deg,rgba(219,48,17,.5),rgba(138,25,5,.39)),url(https://jogjaprov.go.id/view_image/resize_no_frame/800/800/11687/WhatsApp%20Image%202020-09-07%20at%2019.jpg);background-size:cover}div.card-intro-rekaman{height:150;object-fit:cover;background:linear-gradient(90deg,rgba(219,48,17,.5),rgba(138,25,5,.39)),url(https://www.ugm.ac.id/galleries/crop/13769--730x420px.jpg);background-size:cover}div.card-intro-latihan{height:150;object-fit:cover;background:linear-gradient(90deg,rgba(219,48,17,.5),rgba(138,25,5,.39)),url(https://www.ndtv.com/education/cache-static/media/presets/625X400/article_images/2021/9/21/letter.webp);background-size:cover}.card-materi .hiasan{position:absolute;z-index:0}.card-materi .hiasan .item-1{width:60px;height:60px;background:hsla(0,0%,100%,.1)}.card-materi .hiasan .item-2{width:60px;height:60px;background:hsla(0,0%,100%,.25)}.card-materi .hiasan .item-3{width:60px;height:60px;background:hsla(0,0%,100%,.5)}.card-materi .hiasan .item-4{width:60px;height:60px;background:#fff}.card-materi h4{position:absolute;left:10px;bottom:10px;margin:0;color:#fff;max-width:125px}.no-border{border-bottom:0 solid #e0e0e0!important}@media screen and (max-width:600px){.dashinfo{padding:30px 20px!important}.no-flex{display:block!important}.dash-welcome{flex-direction:column}}.thumbnail-profile{height:300px;background-position:50%;background-repeat:no-repeat;background-size:cover}.img-status-benefit{width:20px!important;height:20px!important}.card-referral{box-shadow:0 1px 16px rgba(0,0,0,.05);border-radius:4px;position:relative}.card-referral:before{width:67px;height:67px;background:rgba(56,56,56,.12941176470588237);content:" ";border-radius:100%;position:absolute;bottom:-2px;left:-12px}.item-card-nomor{width:100%;max-width:34px;width:34px;height:34px;margin:4px}.card-ranking-transparent-background{height:auto}.MuiInputBase-input{font-family:"Poppins",sans-serif!important}.option-question{align-items:flex-start!important}.swal2-title{font-size:1rem!important}.swal2-content{font-size:.9rem!important}.swal2-styled.swal2-confirm{font-size:.9rem!important;background-color:#fd591d!important}.swal2-styled.swal2-confirm:focus{outline:0;box-shadow:0 0 0 3px #ff9670!important}.swal2-styled.swal2-deny{background-color:rgba(239,79,79,.55)!important;font-size:.9rem!important}.swal2-styled.swal2-deny:focus{outline:0;background-color:rgba(197,56,56,.6)!important}.swal2-styled.swal2-cancel{font-size:.9rem!important;background:#d5d5d5!important}.swal2-styled.swal2-cancel:focus{outline:0;background-color:#b0b0b0!important}.MuiTableCell-root{word-break:normal!important;font-family:"Poppins",sans-serif!important}.img-medal{width:25px!important}.valign-baseline{vertical-align:initial}.coming-soon-container{position:relative;text-align:center}.coming-soon-container h1{font-size:2rem;color:#333;margin-top:20px}.coming-soon-container p{font-size:1em;color:#666;margin-top:10px}.coming-soon-image{max-width:30%;height:auto;position:relative;z-index:1}.circle-background{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background-color:rgba(253,89,29,.5);border-radius:50%;z-index:0}@media (max-width:576px){.coming-soon-container{padding:20px}.coming-soon-container h1{font-size:1.5rem}.coming-soon-container p{font-size:.875rem}.circle-background{top:30%;width:100px;height:100px}}@media (min-width:577px) and (max-width:768px){.coming-soon-container h1{font-size:2rem}.coming-soon-container p{font-size:1rem}.circle-background{top:40%;width:200px;height:200px}}@media (min-width:769px){.coming-soon-container{padding:10px}.coming-soon-container h1{font-size:3rem}.coming-soon-container p{font-size:1.5rem}.circle-background{width:300px;height:300px}}.peringkat-banner-container{display:flex;margin-bottom:20px}.peringkat-banner-left{position:relative;width:30%;height:280px;background-color:#ffd600;background-image:url(/assets/images/ranking/pattern-background.png);border-top-left-radius:10px;border-bottom-left-radius:10px;display:flex;justify-content:center;align-items:center}.peringkat-banner-left-victory{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:30%}.peringkat-banner-left-bg1{background-color:#eb440d;height:280px;width:140px;border-top-left-radius:140px;border-bottom-left-radius:140px}.peringkat-banner-left-bg1,.peringkat-banner-left-bg2{background-image:url(/assets/images/ranking/pattern-background.png);position:absolute;right:0}.peringkat-banner-left-bg2{background-color:#ffd600;height:200px;width:100px;border-top-left-radius:100px;border-bottom-left-radius:100px}.peringkat-banner-right{position:relative;width:70%;background-color:#eb440d;border-top-right-radius:10px;border-bottom-right-radius:10px}.peringkat-banner-right,.peringkat-banner-right-bg1{height:280px;background-image:url(/assets/images/ranking/pattern-background.png)}.peringkat-banner-right-bg1{background-color:#ffd600;width:140px;border-top-right-radius:140px;border-bottom-right-radius:140px}.peringkat-banner-right-bg2{background-color:#eb440d;background-image:url(/assets/images/ranking/pattern-background.png);height:200px;width:100px;border-top-right-radius:100px;border-bottom-right-radius:100px;position:absolute;top:40px}.peringkat-banner-text{position:absolute;top:20px;left:170px;width:50%}.peringkat-banner-title{font-family:"Rammetto One",sans-serif;font-weight:400;font-size:32px;color:#fff;margin-bottom:0}.peringkat-banner-subtitle{width:400px;font-weight:500;font-size:18px;color:#fff}@media (max-width:768px){.peringkat-banner-left-victory{width:30%}.peringkat-banner-text{position:relative;top:auto;left:auto;text-align:center;padding:20px}.peringkat-banner-title{font-size:24px}.peringkat-banner-subtitle{width:auto;font-size:16px}}.gridHeader{color:(#1f2936);font-weight:700!important;font-size:.75rem}.gridHeader,.text-content{font-family:"Poppins",sans-serif!important}.text-content{font-size:.875rem;line-height:1.25rem;font-weight:500}.rank{width:40%;margin:10px}.container-rank{background-color:#dbeafe;border-radius:9999px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}.cardContainer{width:100%;padding:5px 16px 16px;box-shadow:0 0 10px 0 rgba(80,80,80,.10196078431372549)}.infoContainer{display:flex;justify-content:space-between;align-items:center}.timeLeft{font-weight:600;font-size:12px;color:#eb440d;flex-grow:1}.quotaLeft{background-color:#2265ea;color:#fff;border-radius:4px;padding:4px 10px;font-weight:500;font-size:12px;margin-left:auto}.titleContainer{display:flex;align-items:center;grid-gap:12px;gap:12px;margin-bottom:16px}.detailLabel{font-weight:500;font-size:12px;color:#afa8bb;margin-bottom:0}.detailValue{font-size:12px;color:#2b2f38;margin-top:0;margin-left:4px}.actionButton{width:"150px";height:"35px";textTransform:"none";backgroundColor:"#EB440D1A";color:"#EB440D";border:"1px solid #EB440D80";fontWeight:"500";fontSize:"14px";borderRadius:"6px";padding:"8px 10px 8px 10px"}.actionButtonPrimary{background-color:#eb440d;color:#fff;border:1px solid #eb440d}.actionButtonSecondary{background-color:rgba(235,68,13,.10196078431372549);color:#eb440d;border:1px solid rgba(235,68,13,.5019607843137255)}.actionButtonEndIcon{margin-left:8px}