@import url("https://fonts.cdnfonts.com/css/proxima-nova-2");@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");@font-face{font-family:Roboto;src:url(/fonts/Roboto-Medium.ttf)}@font-face{font-family:Segoe UI Bold;src:url("/fonts/Segoe UI Bold.ttf")}@font-face{font-family:Segoe UI Bold;src:url("/fonts/Segoe UI Medium.ttf")}@font-face{font-family:Segoe UI;src:url(/fonts/Segoe\ UI.ttf)}*{margin:0;padding:0;border:0}.breadcrumb-mobile{padding:25px 20px;display:flex;gap:10px;background:#fff;box-shadow:0 .3300000131px 0 0 #d0d1d3}body{margin:0;padding:0!important}body,button,p{font-family:Segoe UI,sans-serif!important}a:hover{cursor:pointer}.breadcrumb-sidemang{margin:30px 0}.skeleton-sidemang{width:100%!important;height:100px!important}.pagination-sidemang{display:flex;margin:60px 0!important;justify-content:center}.pagination-sidemang .Mui-selected{background:linear-gradient(143.9deg,#2a90b8 6.96%,#2976a3 40.08%,#274d84 90.84%)!important;color:#fff}.text-center{text-align:center;width:100%}.button-sidemang{color:#fff!important;background:#1d82aa!important;border-radius:8px}.button-sidemang,.button-sidemang-outline{width:100%;padding:10px 0!important;text-transform:capitalize!important}.button-sidemang-outline{color:#1d82aa!important;border:1px solid #1d82aa!important}.button-diproses{background:#ffbc6c!important}.button-diproses,.button-selesai{box-shadow:none!important;border-radius:20px!important}.button-selesai{background:#9ed6ad!important}.button-ditolak{background:#fa7c7c!important;box-shadow:none!important;border-radius:20px!important}.text-green{color:#31b057}.text-red{color:#ff4141}.MuiBox-root,.MuiBox-root .card-action{padding:0}.display-none{display:none!important}.shadow-none{box-shadow:none!important}.text-underline{text-decoration:underline!important;color:#145d9c!important;font-weight:500!important;font-size:14px!important;line-height:180%!important;text-transform:capitalize!important}@media screen and (max-width:959px){.hide-mobile{display:none}}.modal-sidemang .close-modal{display:flex;justify-content:space-between;align-items:center}.modal-sidemang img{width:100%}.modal-sidemang .data-kebutuhan-berkas h3{margin:0 0 10px}.modal-sidemang .data-kebutuhan-berkas .data{display:flex;gap:20px;margin:5px 0}.modal-sidemang .data-kebutuhan-berkas .data .judul{width:50%}.modal-sidemang .data-kebutuhan-berkas .data .judul p{font-weight:400;font-size:14px;line-height:150%;display:flex;align-items:center;color:#717171}.modal-sidemang .data-kebutuhan-berkas .data .isi{width:50%}.modal-sidemang .data-kebutuhan-berkas .data .isi p{font-style:normal;font-weight:400;font-size:14px;line-height:150%;color:rgba(0,0,0,.8)}.modal-sidemang .data-kebutuhan-berkas .data .isi button{-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#033f7f;padding:5px 0}.divider-mobile{display:none}@media screen and (max-width:959px){.divider-mobile{display:block;width:100%;height:10px;background:#f3f8fb}}.pattern-buat-berkas{display:flex;flex-direction:column;justify-content:space-between;background:#f5f6fa}.pattern-buat-berkas .banner .pattern{padding:20px 0;background:url(/img/pattern/banner-buat-berkas.svg);background-repeat:no-repeat;background-size:cover;background-position:100%;height:200px}@media screen and (max-width:959px){.pattern-buat-berkas .banner .pattern{background-size:inherit;background-position:top}}.pattern-buat-berkas .banner .row{display:flex;gap:20px;position:relative;top:-180px}.pattern-buat-berkas .banner .row .progress-berkas{width:45%}.pattern-buat-berkas .banner .row .progress-berkas .data-kebutuhan-berkas h3{margin:0 0 10px}.pattern-buat-berkas .banner .row .progress-berkas .data-kebutuhan-berkas .data{display:flex;gap:20px;margin:5px 0}.pattern-buat-berkas .banner .row .progress-berkas .data-kebutuhan-berkas .data .judul{width:50%}.pattern-buat-berkas .banner .row .progress-berkas .data-kebutuhan-berkas .data .judul p{font-weight:400;font-size:14px;line-height:150%;display:flex;align-items:center;color:#717171}.pattern-buat-berkas .banner .row .progress-berkas .data-kebutuhan-berkas .data .isi{width:50%}.pattern-buat-berkas .banner .row .progress-berkas .data-kebutuhan-berkas .data .isi p{font-style:normal;font-weight:400;font-size:14px;line-height:150%;color:rgba(0,0,0,.8)}.pattern-buat-berkas .banner .row .progress-berkas .data-kebutuhan-berkas .data .isi button{-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#033f7f;padding:5px 0}.pattern-buat-berkas .banner .row .progress-berkas .berkas-persyaratan .list-persyaratan{display:flex;gap:10px;flex-wrap:wrap}.pattern-buat-berkas .banner .row .progress-berkas .berkas-persyaratan .list-persyaratan .card-persyaratan{background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border-radius:12px;margin:10px 0 0;width:162px;flex:0 0 31.333333%}.pattern-buat-berkas .banner .row .progress-berkas .berkas-persyaratan .list-persyaratan .card-persyaratan:hover{cursor:pointer}.pattern-buat-berkas .banner .row .detail{width:55%}.pattern-buat-berkas .banner .row .detail .fisik-surat img{width:100%}.pattern-buat-berkas .banner .card{height:auto;margin:30px 0;background:#fff;box-shadow:0 0 4px 1px hsla(0,0%,7%,.04),0 4px 6px hsla(0,0%,7%,.05);border-radius:12px;width:100%}.pattern-buat-berkas .banner .card .head{display:flex;gap:10px}.pattern-buat-berkas .banner .card .head .content{width:90%}.pattern-buat-berkas .banner .card .head .content h3{font-style:normal;font-weight:600;font-size:24px;line-height:150%;color:#202020;margin-bottom:5px}.pattern-buat-berkas .banner .card .head .content .form{margin-top:15px;display:flex;gap:20px;flex-wrap:wrap}.pattern-buat-berkas .banner .card .head .content .form .form-group{display:flex;flex-direction:column;flex-basis:100%;flex:1 1}.pattern-buat-berkas .banner .card .head .content .submit{display:flex;justify-content:flex-end}.pattern-buat-berkas .banner .card .head .content .submit .cari{background:#1d82aa;border-radius:4px;width:127px;padding:12px 48px;height:48px}.pattern-buat-berkas .data-diri .permitName{display:flex;gap:10px;align-items:center;border-bottom:.66px solid #d0d1d3;padding:0 0 10px;margin:0 0 20px}.pattern-buat-berkas .data-diri .permitName h3{font-style:normal;font-weight:600;font-size:20px;line-height:150%;color:#202020}.pattern-buat-berkas .data-diri .profile{display:flex;gap:10px;align-items:center}.pattern-buat-berkas .data-diri .profile h6{font-style:normal;font-weight:600;font-size:18px;line-height:120%;color:#000;margin:5px 0}.pattern-buat-berkas .data-diri .profile p{font-style:normal;font-weight:400;font-size:16px;line-height:120%;color:#5a5a5a;margin:10px 0}.pattern-buat-berkas .data-diri .profile .tujuan{color:rgba(90,90,90,.8)}.pattern-buat-berkas .divider{border-bottom:.66px solid #d0d1d3}.pattern-buat-berkas .divider h3,.pattern-buat-berkas .form .form-group{margin:10px 0}.pattern-buat-berkas .form .form-group label{font-style:normal;font-weight:600;font-size:14px;line-height:150%;color:#2c313a}.pattern-buat-berkas .form .form-group .input{margin:10px 0}.pattern-buat-berkas .form .cari-data{display:flex;gap:10px;align-items:center}.pattern-buat-berkas .form .cari-data .form-group{width:80%}.pattern-buat-berkas .form .cari-data .action{height:20px;width:20%}.pattern-buat-berkas .form .row-form-2{display:flex;gap:10px}.pattern-buat-berkas .form .row-form-2 .form-group{width:50%}.pattern-buat-berkas .form .berkas-persyaratan{border-top:.66px solid #d0d1d3;padding:5px 0}.pattern-buat-berkas .form .berkas-persyaratan h3{font-style:normal;font-weight:600;font-size:20px;line-height:150%;color:rgba(0,0,0,.8);margin:10px 0}.pattern-buat-berkas .form .berkas-persyaratan p{font-style:normal;font-weight:400;font-size:14px;line-height:150%;color:rgba(90,90,90,.8)}.pattern-buat-berkas .form .berkas-persyaratan .form-upload{margin:10px 0;background:#f5f6f9;border-radius:4px;padding:10px;display:flex;align-items:center;justify-content:space-between}.pattern-buat-berkas .form .berkas-persyaratan .form-upload .file-upload{display:flex;gap:10px}.pattern-buat-berkas .form .berkas-persyaratan .form-upload .file-upload .nama-file h3{font-style:normal;font-weight:600;font-size:16px;line-height:150%;color:#343a52;margin:0 0 15px}.pattern-buat-berkas .form .berkas-persyaratan .form-upload .file-upload .nama-file p{font-style:normal;font-weight:400;font-size:12px;line-height:150%;color:#343a52}.pattern-buat-berkas .form .berkas-persyaratan .form-upload .button-upload{background:transparent;color:#145d9c;box-shadow:none}.pattern-buat-berkas .form .button{width:100%;background:#1d82aa;border-radius:4px;color:#fff;text-transform:capitalize}.konfirmasi-warga{padding:10px}.konfirmasi-warga .data-warga{margin:20px 0;padding:10px;background:#c8c8c8}.modal-operator{padding:10px 0}.modal-operator .action{margin:10px 0;display:flex;gap:10px}.konfirmasi-password{padding:10px 0}.form .form-group{margin:10px 0}.form .form-group label{font-style:normal;font-weight:600;font-size:14px;line-height:150%;color:#2c313a}.form .form-group .input{margin:10px 0}.form .cari-data{display:flex;gap:10px;align-items:center}.form .cari-data .form-group{width:80%}.form .cari-data .action{height:20px;width:20%}.form .row-form-2{display:flex;gap:20px}.form .row-form-2 .form-group{width:50%}.form .berkas-persyaratan{border-top:.66px solid #d0d1d3;padding:5px 0}.form .berkas-persyaratan h3{font-style:normal;font-weight:600;font-size:20px;line-height:150%;color:rgba(0,0,0,.8);margin:10px 0}.form .berkas-persyaratan p{font-style:normal;font-weight:400;font-size:14px;line-height:150%;color:rgba(90,90,90,.8)}.form .berkas-persyaratan .form-upload{margin:10px 0;background:#f5f6f9;border-radius:4px;padding:10px;display:flex;align-items:center;justify-content:space-between}.form .berkas-persyaratan .form-upload .file-upload{display:flex;gap:10px}.form .berkas-persyaratan .form-upload .file-upload .nama-file h3{font-style:normal;font-weight:600;font-size:16px;line-height:150%;color:#343a52;margin:0 0 15px}.form .berkas-persyaratan .form-upload .file-upload .nama-file p{font-style:normal;font-weight:400;font-size:12px;line-height:150%;color:#343a52}.form .berkas-persyaratan .form-upload .button-upload{background:transparent;color:#145d9c;box-shadow:none}.form .button{width:100%;background:#1d82aa;border-radius:4px;color:#fff;text-transform:capitalize}.Typewriter{font-size:40px}.table-manajemen{border:1px solid #d0d1d3;border-radius:8px;box-shadow:none!important}.table-manajemen thead{background:#fafbfc;border-radius:8px 8px 0 0;top:calc(50% - 30.5px - 251.5px)}.table-manajemen thead th{font-family:Rubik,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:180%;color:#777e88}.warning-label{font-size:10px;width:100%;display:flex;font-weight:700;color:#f56666}.not-found{display:flex;flex-direction:column;align-items:center}.not-found img{max-width:45%}.not-found .info{text-align:center}.not-found .info a,.not-found .info p{margin:5px}.tabs-container{margin-top:0;margin-bottom:16px;background-color:hsla(0,0%,71%,.102);padding:6px;border-radius:999px;display:inline-flex}.custom-tab-list{display:flex;gap:0}@media screen and (max-width:599px){.custom-tab-list{background-color:red}}.custom-tab-list.MuiTabs-root{min-height:0}.custom-tab-list .custom-tab{text-transform:none;font-weight:500;font-size:14px;min-height:0;padding:8px 24px;border-radius:999px;color:#555;background-color:transparent;transition:all .3s ease}.custom-tab-list .custom-tab.Mui-selected{background-color:#fff;color:#0073b1;font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,.05)}.MuiTabPanel-root{padding:0!important}.filter-container{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:16px}.filter-chip{background-color:transparent!important;color:#666!important;border:1px solid #dde0ea!important;border-radius:20px;font-size:14px;font-weight:400;height:36px;cursor:pointer;transition:all .2s ease-in-out}.filter-chip:hover{background-color:#e8e8e8;transform:translateY(-1px)}.filter-chip.selected{background-color:transparent;color:#1976d2!important;border:1px solid #1976d2!important;font-weight:500}.filter-chip.selected:hover{background-color:rgba(25,118,210,.04);border-color:#1565c0}.MuiChip-label{padding:8px 16px}.MuiChip-root{max-width:none}@media (max-width:768px){.filter-container{gap:6px}.filter-chip{font-size:13px;height:32px}.filter-chip .MuiChip-label{padding:0 10px}}.progress{width:150px;height:150px;line-height:150px;background:none;margin:0 auto;box-shadow:none;position:relative}.progress:after{content:"";width:85%;height:85%;border-radius:50%;border:7px solid #eee;position:absolute;top:0;left:0}.progress>span{width:50%;height:100%;overflow:hidden;position:absolute;top:0;z-index:1}.progress .progress-left{left:0}.progress .progress-bar{width:89%;height:86%;background:none;position:absolute;top:0;border:7px solid #ffb43e}.progress .progress-left .progress-bar{left:100%;top:-2px;border-top-right-radius:75px;border-bottom-right-radius:75px;border-left:0;transform-origin:center left}.progress .progress-bar-selesai{border-color:#4caf50!important}.progress .progress-right{right:0}.progress .progress-right .progress-bar{left:-107%;border-top-left-radius:75px;border-bottom-left-radius:75px;border-right:0;transform-origin:center right}.progress .progress-value{display:flex;border-radius:50%;font-size:36px;text-align:center;line-height:20px;align-items:center;justify-content:center;height:100%;font-weight:300}.progress .progress-value div{margin-top:10px}.progress .progress-value span{font-size:12px;text-transform:uppercase}.progress[data-percentage="10"] .progress-right .progress-bar{animation:loading-1 1.5s linear forwards}.progress[data-percentage="10"] .progress-left .progress-bar{animation:0}.progress[data-percentage="20"] .progress-right .progress-bar{animation:loading-2 1.5s linear forwards}.progress[data-percentage="20"] .progress-left .progress-bar{animation:0}.progress[data-percentage="30"] .progress-right .progress-bar{animation:loading-3 1.5s linear forwards}.progress[data-percentage="30"] .progress-left .progress-bar{animation:0}.progress[data-percentage="40"] .progress-right .progress-bar{animation:loading-4 1.5s linear forwards}.progress[data-percentage="40"] .progress-left .progress-bar{animation:0}.progress[data-percentage="50"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}.progress[data-percentage="50"] .progress-left .progress-bar{animation:0}.progress[data-percentage="60"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}.progress[data-percentage="60"] .progress-left .progress-bar{animation:loading-1 1.5s linear 1.5s forwards}.progress[data-percentage="70"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}.progress[data-percentage="70"] .progress-left .progress-bar{animation:loading-2 1.5s linear 1.5s forwards}.progress[data-percentage="80"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}.progress[data-percentage="80"] .progress-left .progress-bar{animation:loading-3 1.5s linear 1.5s forwards}.progress[data-percentage="90"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}.progress[data-percentage="90"] .progress-left .progress-bar{animation:loading-4 1.5s linear 1.5s forwards}.progress[data-percentage="100"] .progress-right .progress-bar{animation:loading-5 1.5s linear forwards}.progress[data-percentage="100"] .progress-left .progress-bar{animation:loading-5 1.5s linear 1.5s forwards}@keyframes loading-1{0%{transform:rotate(0deg)}to{transform:rotate(36deg)}}@keyframes loading-2{0%{transform:rotate(0deg)}to{transform:rotate(72deg)}}@keyframes loading-3{0%{transform:rotate(0deg)}to{transform:rotate(108deg)}}@keyframes loading-4{0%{transform:rotate(0deg)}to{transform:rotate(144deg)}}@keyframes loading-5{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}.progress{margin-bottom:1em}.alert-register .heading{text-align:center}.alert-register .body .box{background:#c5c5c5;padding:10px}.alert-register .action{display:flex;flex-direction:column;gap:10px}.alert-register .action form{width:100%}.pagination-container{margin:20px 0;display:flex;align-items:center;gap:20px;list-style-type:none}.pagination-container .active{padding:5px 14px;background:#145d9c;border-radius:2px;color:#fff}.pagination-container .disabled{background:#ececec!important;border:none!important}.pagination-container .disabled svg{color:#8593a3!important}.pagination-container .page-item-prev{border:1px solid #bdbdbd;background:#fff;padding:5px;border-radius:2px}.pagination-container .page-item-prev a{display:flex;align-items:center}.pagination-container .page-item-prev svg{color:#3f3f46}.pagination-container .page-item-next{background:#fff;padding:5px;border:1px solid #bdbdbd;border-radius:2px}.pagination-container .page-item-next a{display:flex;align-items:center}.pagination-container .page-item-next svg{color:#3f3f46}.pagination-container .pagination-item{padding:0 12px;height:32px;text-align:center;margin:auto 4px;color:rgba(0,0,0,.87);display:flex;box-sizing:border-box;align-items:center;letter-spacing:.01071em;border-radius:16px;line-height:1.43;font-size:13px;min-width:32px}.pagination-container .pagination-item.dots:hover{background-color:transparent;cursor:default}.pagination-container .pagination-item:hover{background-color:rgba(0,0,0,.04);cursor:pointer}.pagination-container .pagination-item.selected{background-color:rgba(0,0,0,.08)}.pagination-container .pagination-item .arrow:before{position:relative;content:"";display:inline-block;width:.4em;height:.4em;border-right:.12em solid rgba(0,0,0,.87);border-top:.12em solid rgba(0,0,0,.87)}.pagination-container .pagination-item .arrow.left{transform:rotate(-135deg) translate(-50%)}.pagination-container .pagination-item .arrow.right{transform:rotate(45deg)}.pagination-container .pagination-item.disabled{pointer-events:none}.pagination-container .pagination-item.disabled .arrow:before{border-right:.12em solid rgba(0,0,0,.43);border-top:.12em solid rgba(0,0,0,.43)}.pagination-container .pagination-item.disabled:hover{background-color:transparent;cursor:default}.header-sidemang{background:#fff!important;box-shadow:0 .33px 0 #d0d1d3!important;color:rgba(32,32,32,.8)!important}@media screen and (max-width:959px){.header-sidemang .navbar-mobile{justify-content:space-between}}.header-sidemang a,.header-sidemang p{color:rgba(32,32,32,.8)}.header-sidemang .logo-area{display:flex;gap:15px;align-items:center}.header-sidemang .logo-area a{text-transform:uppercase;text-decoration:none;font-family:Segoe UI,sans-serif;font-style:normal;font-weight:600;font-size:20px;line-height:27px;text-align:center;color:#1d82aa}.header-sidemang .navbar-menu{gap:50px}.header-sidemang .navbar-menu a{display:flex;align-items:center;text-decoration:none;gap:10px;font-style:normal;font-weight:600;font-size:14px;line-height:19px;color:#202020}.header-sidemang .navbar-menu a:hover{cursor:pointer}.header-sidemang .navbar-menu .aktif{padding:8px 24px;gap:10px;background:#f4f4f4;border-radius:20px}.header-sidemang .info{display:flex;align-items:center;gap:15px}.header-sidemang .info .username{display:flex;flex-direction:column}.header-sidemang .info .username h6{font-style:normal;font-weight:600;font-size:14px;line-height:120%;color:#000}.header-sidemang .info .username p{font-style:normal;font-weight:400;font-size:12px;line-height:120%;color:#5a5a5a}.header-sidemang .logo-mobile{display:none}@media screen and (max-width:599px){.header-sidemang .logo-mobile{display:block}.header-sidemang .logo-desktop{display:none}}.header-landing{box-shadow:none!important}.header-landing .navbar-mobile{display:flex;justify-content:space-between}.header-landing .action-area.nav-land{align-self:flex-end;margin-top:auto;margin-bottom:auto}.header-landing .action-area .action-menu{display:flex;gap:10px}.header-landing .action-area .action-menu .button-sidemang,.header-landing .action-area .action-menu .button-sidemang-outline{width:-moz-max-content;width:max-content;padding:10px 32px!important}@media screen and (max-width:599px){.header-landing .action-area .action-menu .button-sidemang,.header-landing .action-area .action-menu .button-sidemang-outline{padding:6px 16px!important}}.landing-area{margin:70px 0;font-family:Proxima Nova,sans-serif}.landing-area .hero-area{display:flex;gap:90px}@media screen and (max-width:959px){.landing-area .hero-area{flex-direction:column}}.landing-area .hero-area .welcome-text{width:50%;display:flex;align-items:center;flex-direction:column;justify-content:center}@media screen and (max-width:959px){.landing-area .hero-area .welcome-text{width:100%}}.landing-area .hero-area .welcome-text .tagline-sidemang{font-weight:700;font-size:50px;line-height:130%;color:#333;margin-bottom:24px}@media screen and (max-width:599px){.landing-area .hero-area .welcome-text .tagline-sidemang{font-size:38px;margin-bottom:16px}}.landing-area .hero-area .welcome-text .tagline-sidemang span{color:#1d82aa!important}.landing-area .hero-area .welcome-text .download-sekarang{display:flex;gap:10px;margin-top:20px;width:100%}.landing-area .hero-area .welcome-text .download-sekarang :first-child img{width:100%}@media screen and (min-width:1920px) and (max-width:5000px){.landing-area .hero-area .welcome-text .download-sekarang :first-child img{width:50%}}@media screen and (max-width:1024px){.landing-area .hero-area .welcome-text .download-sekarang :first-child img{width:80%}}.landing-area .hero-area .welcome-text .download-sekarang :nth-child(2) img{width:100%}@media screen and (min-width:1920px) and (max-width:5000px){.landing-area .hero-area .welcome-text .download-sekarang :nth-child(2) img{width:50%}}@media screen and (max-width:1024px){.landing-area .hero-area .welcome-text .download-sekarang :nth-child(2) img{width:80%}}.landing-area .hero-area .welcome-text .copyright{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;width:100%}@media screen and (min-width:1920px) and (max-width:5000px){.landing-area .hero-area .welcome-text .copyright{margin-top:70px}}@media screen and (max-width:1500px){.landing-area .hero-area .welcome-text .copyright{margin:40px 0}}.landing-area .hero-area .welcome-text .copyright .logo{flex-grow:1;width:calc(25% - 10px - 1px)}.landing-area .hero-area .welcome-text .copyright :first-child{display:flex;justify-content:flex-start;align-items:center}.landing-area .hero-area .welcome-text .copyright :first-child img{max-width:100%;height:37px}@media screen and (max-width:1024px){.landing-area .hero-area .welcome-text .copyright :first-child img{width:60%}}@media screen and (min-width:1920px) and (max-width:5000px){.landing-area .hero-area .welcome-text .copyright :first-child img{width:33%}}.landing-area .hero-area .welcome-text .copyright :nth-child(2){width:33,3%;justify-content:flex-start}.landing-area .hero-area .welcome-text .copyright :nth-child(2) img{width:100%}@media screen and (min-width:1920px) and (max-width:5000px){.landing-area .hero-area .welcome-text .copyright :nth-child(2) img{width:50%}}@media screen and (max-width:1024px){.landing-area .hero-area .welcome-text .copyright :nth-child(2) img{width:80%}}.landing-area .hero-area .welcome-text .copyright :nth-child(3){width:33,3%;display:flex;justify-content:center;align-items:center}.landing-area .hero-area .welcome-text .copyright :nth-child(3) img{width:58%}@media screen and (min-width:1920px) and (max-width:5000px){.landing-area .hero-area .welcome-text .copyright :nth-child(3) img{width:45%}}@media screen and (max-width:1024px){.landing-area .hero-area .welcome-text .copyright :nth-child(3) img{width:75%}}.landing-area .hero-area .welcome-text .copyright :nth-child(4){width:33,3%;display:flex;justify-content:center}.landing-area .hero-area .welcome-text .copyright :nth-child(4) img{width:60%}@media screen and (min-width:1920px) and (max-width:5000px){.landing-area .hero-area .welcome-text .copyright :nth-child(4) img{width:45%}}@media screen and (max-width:1024px){.landing-area .hero-area .welcome-text .copyright :nth-child(4) img{width:75%}}.landing-area .hero-area .welcome-text .copyright :nth-child(5){width:33,3%;display:flex;justify-content:flex-start}.landing-area .hero-area .welcome-text .copyright :nth-child(5) img{width:60%}@media screen and (min-width:1920px) and (max-width:5000px){.landing-area .hero-area .welcome-text .copyright :nth-child(5) img{width:45%}}@media screen and (max-width:1024px){.landing-area .hero-area .welcome-text .copyright :nth-child(5) img{width:75%}}.landing-area .hero-area .hero-img{width:50%;display:flex;justify-content:flex-end;background:url(/img/assets/landing/pdf.png);background-repeat:no-repeat;background-position:200px 10px;background-size:50px}@media screen and (max-width:959px){.landing-area .hero-area .hero-img{width:100%}}.landing-area .hero-area .hero-img .pattern{background:url(/img/assets/landing/icon.png);background-repeat:no-repeat;background-position:right 150px;background-size:50px;z-index:999}.landing-area .hero-area .hero-img img{width:100%}.landing-area .statistik-card{margin:100px 0;border:1px solid #ededed;box-shadow:0 8px 50px hsla(0,0%,58%,.1);border-radius:20px;display:flex;flex-wrap:wrap}@media screen and (max-width:959px){.landing-area .statistik-card{flex-direction:column}}.landing-area .statistik-card .content{flex:1 0 21%;text-align:center}.landing-area .statistik-card .content p{font-style:normal;font-weight:400;font-size:16px;line-height:18px;text-align:center;font-family:Proxima Nova,sans-serif!important;color:rgba(32,32,32,.8);padding:20px 0}.landing-area .statistik-card .content h3{font-style:normal;font-weight:700;font-size:28px;line-height:32px;color:#1d82aa}@media screen and (max-width:959px){.landing-area .surat{overflow-x:scroll;flex-wrap:nowrap;gap:60px;padding:40px 0 10px;margin-bottom:20px}}.landing-area .surat .list-surat{display:flex;gap:10px;margin:30px 0}@media screen and (max-width:959px){.landing-area .surat .list-surat{width:650px}}.landing-area .surat .list-surat .card-surat{box-shadow:0 4px 20px 2px rgba(0,0,0,.04);border-radius:12px;width:280px;height:179px}.landing-area .surat .list-surat .card-surat h3{font-style:normal;font-weight:600;font-size:18px;line-height:150%;color:#202020}.landing-area .surat .list-surat .card-surat button{font-style:normal;font-weight:500;font-size:16px;line-height:150%;color:#1d82aa;text-transform:capitalize;display:flex;align-items:center;gap:5px}.landing-area .surat .list-surat .card-surat button svg{font-size:16px}.landing-area .lihat-semua{display:flex;align-items:center;justify-content:center}.landing-area .lihat-semua .button-sidemang{margin:20px 0;width:19%}@media screen and (max-width:959px){.landing-area .lihat-semua .button-sidemang{width:60%}}.landing-area .alur-pembuatan{margin:60px 0}.landing-area .alur-pembuatan .heading{display:flex;gap:10px;flex-direction:column;justify-content:center;align-items:center;margin:20px 0 80px}@media screen and (max-width:959px){.landing-area .alur-pembuatan .heading{text-align:center}}.landing-area .alur-pembuatan .center{display:flex;justify-content:center;flex-direction:column;align-items:center}.landing-area .alur-pembuatan .center h5{margin:30px 0 10px;font-style:normal;font-weight:600;font-size:18px;line-height:22px;display:flex;align-items:center;text-align:center;color:#222}.landing-area .alur-pembuatan .center p{font-style:normal;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;text-align:center;color:#646464}.landing-area .get-it-on{display:flex;gap:10px;align-items:center}@media screen and (max-width:959px){.landing-area .get-it-on{flex-direction:column}}.landing-area .get-it-on .text{width:50%}@media screen and (max-width:959px){.landing-area .get-it-on .text{width:100%}.landing-area .get-it-on .text h3{font-size:25px!important;text-align:center}}.landing-area .get-it-on .text h3{font-style:normal;font-weight:700;font-size:32px;line-height:140%;color:#1d82aa}.landing-area .get-it-on .app{width:50%;display:flex;gap:10px;justify-content:flex-end}@media screen and (max-width:959px){.landing-area .get-it-on .app{width:100%;justify-content:center}.landing-area .get-it-on .app img{width:100px!important}}.landing-area .get-it-on .app img{width:155px}.detail-landing .header-detail{background:none!important}.detail-landing .hero-area{display:flex;gap:90px;flex-direction:column;background:url(/img/assets/landing/hero-detail.png);height:62vh;background-size:cover}@media screen and (max-width:959px){.detail-landing .hero-area{flex-direction:column}}.detail-landing .hero-area .hero-text{display:flex;align-items:center;flex-direction:column;justify-content:center}.detail-landing .hero-area .hero-text button{border-radius:20px;border:1px solid #1ebebe;color:#1ebebe;text-align:right;font-family:Proxima Nova,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:140%}.detail-landing .hero-area .welcome-text{width:50%;display:flex;align-items:center;flex-direction:column;justify-content:center}@media screen and (max-width:959px){.detail-landing .hero-area .welcome-text{width:100%}}.detail-landing .hero-area .welcome-text h1{font-style:normal;font-weight:700;font-size:50px;line-height:130%;color:#333}.detail-landing .hero-area .welcome-text h1 span{color:#1d82aa!important}.detail-landing .hero-area .welcome-text .download-sekarang{display:flex;gap:10px;margin-top:20px;width:100%}.detail-landing .hero-area .welcome-text .download-sekarang :first-child img{width:100%}@media screen and (min-width:1920px) and (max-width:5000px){.detail-landing .hero-area .welcome-text .download-sekarang :first-child img{width:50%}}@media screen and (max-width:1024px){.detail-landing .hero-area .welcome-text .download-sekarang :first-child img{width:80%}}.detail-landing .hero-area .welcome-text .download-sekarang :nth-child(2) img{width:100%}@media screen and (min-width:1920px) and (max-width:5000px){.detail-landing .hero-area .welcome-text .download-sekarang :nth-child(2) img{width:50%}}@media screen and (max-width:1024px){.detail-landing .hero-area .welcome-text .download-sekarang :nth-child(2) img{width:80%}}.detail-landing .hero-area .welcome-text .copyright{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;width:100%}@media screen and (min-width:1920px) and (max-width:5000px){.detail-landing .hero-area .welcome-text .copyright{margin-top:70px}}@media screen and (max-width:1500px){.detail-landing .hero-area .welcome-text .copyright{margin:40px 0}}.detail-landing .hero-area .welcome-text .copyright .logo{flex-grow:1;width:calc(25% - 10px - 1px)}.detail-landing .hero-area .welcome-text .copyright :first-child{display:flex;justify-content:flex-start;align-items:center}.detail-landing .hero-area .welcome-text .copyright :first-child img{max-width:100%;height:37px}@media screen and (max-width:1024px){.detail-landing .hero-area .welcome-text .copyright :first-child img{width:60%}}@media screen and (min-width:1920px) and (max-width:5000px){.detail-landing .hero-area .welcome-text .copyright :first-child img{width:33%}}.detail-landing .hero-area .welcome-text .copyright :nth-child(2){width:33,3%;justify-content:flex-start}.detail-landing .hero-area .welcome-text .copyright :nth-child(2) img{width:100%}@media screen and (min-width:1920px) and (max-width:5000px){.detail-landing .hero-area .welcome-text .copyright :nth-child(2) img{width:50%}}@media screen and (max-width:1024px){.detail-landing .hero-area .welcome-text .copyright :nth-child(2) img{width:80%}}.detail-landing .hero-area .welcome-text .copyright :nth-child(3){width:33,3%;display:flex;justify-content:center;align-items:center}.detail-landing .hero-area .welcome-text .copyright :nth-child(3) img{width:58%}@media screen and (min-width:1920px) and (max-width:5000px){.detail-landing .hero-area .welcome-text .copyright :nth-child(3) img{width:45%}}@media screen and (max-width:1024px){.detail-landing .hero-area .welcome-text .copyright :nth-child(3) img{width:75%}}.detail-landing .hero-area .welcome-text .copyright :nth-child(4){width:33,3%;display:flex;justify-content:center}.detail-landing .hero-area .welcome-text .copyright :nth-child(4) img{width:60%}@media screen and (min-width:1920px) and (max-width:5000px){.detail-landing .hero-area .welcome-text .copyright :nth-child(4) img{width:45%}}@media screen and (max-width:1024px){.detail-landing .hero-area .welcome-text .copyright :nth-child(4) img{width:75%}}.detail-landing .hero-area .welcome-text .copyright :nth-child(5){width:33,3%;display:flex;justify-content:flex-start}.detail-landing .hero-area .welcome-text .copyright :nth-child(5) img{width:60%}@media screen and (min-width:1920px) and (max-width:5000px){.detail-landing .hero-area .welcome-text .copyright :nth-child(5) img{width:45%}}@media screen and (max-width:1024px){.detail-landing .hero-area .welcome-text .copyright :nth-child(5) img{width:75%}}.detail-landing .hero-area .hero-img{width:50%;display:flex;justify-content:flex-end;background:url(/img/assets/landing/pdf.png);background-repeat:no-repeat;background-position:200px 10px;background-size:50px}@media screen and (max-width:959px){.detail-landing .hero-area .hero-img{width:100%}}.detail-landing .hero-area .hero-img .pattern{background:url(/img/assets/landing/icon.png);background-repeat:no-repeat;background-position:right 150px;background-size:50px;z-index:999}.detail-landing .hero-area .hero-img img{width:100%}.detail-landing .permit-detail .heading{text-align:center;color:#202020;font-family:Proxima Nova,sans-serif;font-size:24px;font-style:normal;font-weight:600;line-height:150%}.detail-landing .MuiCard-root{margin:40px 0;border-radius:20px;border:1px solid #ededed;background:#fff;box-shadow:0 8px 50px 0 hsla(0,0%,58%,.1)}.detail-landing .MuiCard-root h5{color:#202020;font-family:Proxima Nova,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:18.4px}.detail-landing .MuiCard-root ul{margin:15px 0;padding-left:18px}.detail-landing .MuiCard-root ul li{font-size:16px}.detail-landing .MuiCard-root p,.detail-landing .MuiCard-root ul li{color:rgba(32,32,32,.8);font-family:Proxima Nova,sans-serif;font-style:normal;font-weight:400;line-height:150%}.detail-landing .MuiCard-root p{font-size:14px}.detail-landing .MuiCard-root p span a{color:#1d82aa;font-family:Proxima Nova,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:150%;-webkit-text-decoration-line:underline;text-decoration-line:underline}.lihat-semua-surat-keterangan{margin:50px 0}.lihat-semua-surat-keterangan .filter .MuiCard-root{margin:20px 0;border-radius:12px;box-shadow:0 1px 6px 0 rgba(141,150,170,.4);width:100%}.lihat-semua-surat-keterangan .filter .MuiCard-root ul{margin:10px 0}.lihat-semua-surat-keterangan .filter .MuiCard-root ul li{list-style:none}.lihat-semua-surat-keterangan .filter .MuiCard-root ul li button{display:flex;align-items:center;gap:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:.85rem;flex-grow:1;color:gray;line-height:1.8}.lihat-semua-surat-keterangan .list-surat .MuiCard-root{margin:20px 0;border-radius:12px;width:100%;height:100%}.lihat-semua-surat-keterangan .list-surat .MuiCard-root .MuiCardContent-root{height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start}.lihat-semua-surat-keterangan .list-surat .MuiCard-root .MuiCardContent-root .desc{display:flex;flex-direction:column}.lihat-semua-surat-keterangan .list-surat .MuiCard-root .MuiCardContent-root .desc h3{margin:10px 0}.lihat-semua-surat-keterangan .list-surat .MuiCard-root a{color:#1d82aa;font-family:Proxima Nova,sans-serif;font-size:16px;font-style:normal;font-weight:500;text-transform:capitalize;line-height:150%}.lihat-semua-surat-keterangan .list-surat .MuiCard-root a svg{width:16px;height:15.059px;flex-shrink:0}.mortality_chart{position:relative;padding:56px 0;background:#f8f8fb}.mortality_chart .vektor{position:absolute;top:0;right:0}.mortality_chart .title_chart{margin-bottom:32px}.mortality_chart .title_chart h3{margin-bottom:8px}.mortality_chart .grid_chart{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:24px;gap:24px}@media screen and (max-width:959px){.mortality_chart .grid_chart{grid-template-columns:repeat(1,minmax(0,1fr))}}.mortality_chart .grid_chart .tipe_1{grid-column:span 2}@media screen and (max-width:959px){.mortality_chart .grid_chart .tipe_1{grid-column:auto}}.mortality_chart .grid_chart .tipe_1:first-child{align-content:space-between}.mortality_chart .grid_chart .tipe_1 h1{font-size:48px;font-weight:700}@media screen and (max-width:959px){.mortality_chart .grid_chart .tipe_1 h1{font-size:30px}}.mortality_chart .grid_chart .tipe_2{grid-column:span 3}@media screen and (max-width:959px){.mortality_chart .grid_chart .tipe_2{grid-column:auto}}.mortality_chart .grid_chart .container_chart{padding:16px;border-radius:14px;background:#fff;box-shadow:0 26px 7px 0 hsla(0,0%,53%,0),0 17px 7px 0 hsla(0,0%,53%,.01),0 9px 6px 0 hsla(0,0%,53%,.04),0 4px 4px 0 hsla(0,0%,53%,.06),0 1px 2px 0 hsla(0,0%,53%,.07);display:grid;grid-gap:16px;gap:16px;overflow:auto}@media screen and (max-width:959px){.mortality_chart .grid_chart .container_chart .canvas_chart canvas{width:100vw!important}}.faq_sidemang{padding:40px 0 100px}.faq_sidemang .faq_title{text-align:center;margin-bottom:40px}.faq_sidemang .faq_wrapper{display:grid;grid-gap:16px;gap:16px}.faq_sidemang .faq_item{padding:24px;border-radius:14px;border:1px solid #e5e5e5;background:#fff}.faq_sidemang .faq_question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#1d82aa;background:#fff;cursor:pointer;border:none;outline:none;transition:filter .3s ease}.faq_sidemang .faq_question:hover{filter:contrast(2)}.faq_sidemang .faq_question h4{text-align:left;font-size:16px;font-weight:600;max-width:87%}.faq_sidemang .faq_question .faq_icon{transition:transform .3s ease}.faq_sidemang .faq_question .faq_icon.rotate{transform:rotate(180deg)}.faq_sidemang .faq_answer{max-height:0;opacity:0;overflow:hidden;color:#222;transition:all .4s ease}.faq_sidemang .faq_answer pre{padding-top:16px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.faq_sidemang .faq_answer .dangerously_set_inner_HTML{font-size:14px!important;line-height:20px!important;max-width:100%;overflow:hidden}.faq_sidemang .faq_answer .dangerously_set_inner_HTML ol,.faq_sidemang .faq_answer .dangerously_set_inner_HTML ul{margin-left:24px}.faq_sidemang .faq_answer .dangerously_set_inner_HTML :has(>img){text-align:center}.faq_sidemang .faq_answer .dangerously_set_inner_HTML iframe,.faq_sidemang .faq_answer .dangerously_set_inner_HTML img,.faq_sidemang .faq_answer .dangerously_set_inner_HTML video{width:100%;max-width:500px}.faq_sidemang .faq_answer .dangerously_set_inner_HTML blockquote{margin:12px 0;padding:8px 12px;border-left:4px solid #ababab}.faq_sidemang .faq_answer.show{max-height:500px;opacity:1}.input-fill fieldset,.input-fill input{background:#e8f0fe!important}.login{height:103vh}.login .pattern-login{background:linear-gradient(180deg,#2a90b8,#2976a3 39.48%,#274d84)}@media screen and (max-width:599px){.login .pattern-login{display:none}}@media screen and (min-width:600px) and (max-width:959px){.login .pattern-login{display:none}}.login .pattern-login .dots{color:#fff;background:url(/img/pattern/dots.svg);background-repeat:no-repeat;background-position:0 650px;height:100%;display:flex;align-items:center}@media screen and (max-width:1024px){.login .pattern-login .dots{background-size:77px;background-position:0 342px!important}}@media screen and (max-width:1500px){.login .pattern-login .dots{background-position:0 280px}}@media screen and (max-width:1919px){.login .pattern-login .dots{background-position:0 380px}}@media screen and (min-width:1920px) and (max-width:5000px){.login .pattern-login .dots{align-items:center}}.login .pattern-login .dots .welcome-text{display:flex;flex-direction:column;align-items:center}.login .pattern-login .dots .welcome-text .welcome{margin-bottom:30px}@media screen and (max-width:1500px){.login .pattern-login .dots .welcome-text .welcome{margin-bottom:15px;margin-top:15px}}.login .pattern-login .dots .welcome-text .welcome h3{font-style:normal;font-weight:700;font-size:32px;line-height:150%;color:#fff;text-align:left;margin-bottom:10px;font-family:Segoe UI Bold,sans-serif!important}@media screen and (max-width:1500px){.login .pattern-login .dots .welcome-text .welcome h3{font-size:27px}}.login .pattern-login .dots .welcome-text .welcome p{font-style:normal;font-weight:400;font-size:18px;line-height:150%;color:#fff;text-align:left}@media screen and (max-width:1500px){.login .pattern-login .dots .welcome-text .welcome p{font-size:16px}}.login .pattern-login .dots .welcome-text .register-asset img{width:100%}.login .pattern-login .dots .welcome-text .splash-screen{padding:10px 0 0;background:url(/img/pattern/elipse.svg);background-repeat:no-repeat;background-position:bottom;background-size:100%;display:flex;align-items:center;justify-content:center;width:50%}.login .pattern-login .dots .welcome-text .splash-screen img{width:85%}@media screen and (max-width:1024px){.login .pattern-login .dots .welcome-text .splash-screen{background-size:100%}}@media screen and (max-width:1500px){.login .pattern-login .dots .welcome-text .splash-screen{background-size:95%;width:70%}.login .pattern-login .dots .welcome-text .splash-screen img{width:78%}}.login .pattern-login .dots .copyright{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:40px}@media screen and (min-width:1920px) and (max-width:5000px){.login .pattern-login .dots .copyright{margin-top:70px}}@media screen and (max-width:1500px){.login .pattern-login .dots .copyright{margin:40px 0}}.login .pattern-login .dots .copyright .logo{flex-grow:1;width:calc(25% - 10px - 1px)}.login .pattern-login .dots .copyright :first-child{width:40%;display:flex;justify-content:flex-end}@media screen and (max-width:1024px){.login .pattern-login .dots .copyright :first-child img{width:60%}}@media screen and (min-width:1920px) and (max-width:5000px){.login .pattern-login .dots .copyright :first-child img{width:33%}}.login .pattern-login .dots .copyright :nth-child(2){width:40%;display:flex;justify-content:flex-start}.login .pattern-login .dots .copyright :nth-child(2) img{width:60%}@media screen and (min-width:1920px) and (max-width:5000px){.login .pattern-login .dots .copyright :nth-child(2) img{width:50%}}@media screen and (max-width:1024px){.login .pattern-login .dots .copyright :nth-child(2) img{width:80%}}.login .pattern-login .dots .copyright :nth-child(3){width:33,3%;display:flex;justify-content:flex-end}.login .pattern-login .dots .copyright :nth-child(3) img{width:58%}@media screen and (min-width:1920px) and (max-width:5000px){.login .pattern-login .dots .copyright :nth-child(3) img{width:45%}}@media screen and (max-width:1024px){.login .pattern-login .dots .copyright :nth-child(3) img{width:75%}}.login .pattern-login .dots .copyright :nth-child(4){width:33,3%;display:flex;justify-content:center}.login .pattern-login .dots .copyright :nth-child(4) img{width:60%}@media screen and (min-width:1920px) and (max-width:5000px){.login .pattern-login .dots .copyright :nth-child(4) img{width:45%}}@media screen and (max-width:1024px){.login .pattern-login .dots .copyright :nth-child(4) img{width:75%}}.login .pattern-login .dots .copyright :nth-child(5){width:33,3%;display:flex;justify-content:flex-start}.login .pattern-login .dots .copyright :nth-child(5) img{width:60%}@media screen and (min-width:1920px) and (max-width:5000px){.login .pattern-login .dots .copyright :nth-child(5) img{width:45%}}@media screen and (max-width:1024px){.login .pattern-login .dots .copyright :nth-child(5) img{width:75%}}.login .login-page{width:100%!important;display:flex;align-items:center}@media screen and (max-width:599px){.login .login-page{height:100vh}}.login .login-page .logo-area{display:flex;flex-direction:column;align-items:flex-start;grid-gap:30px}.login .login-page .logo-area p{font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:#1d1d1d}.login .login-page .logo-area span a{color:#1d82aa;font-style:normal;font-weight:600;font-size:16px;line-height:150%;text-decoration:none}.login .login-page .card-login{padding:17px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:none!important;box-shadow:none!important}.login .login-page .card-login .form{margin:20px 0}.login .login-page .card-login .form label{font-weight:600;font-size:16px;line-height:150%;color:#000;margin:30px 0}.login .login-page .card-login .form input{background:#f3f3f4;border-radius:8px;z-index:999}.login .login-page .card-login .form fieldset{border-style:none;background:#f3f3f4;border-radius:8px}.login .login-page .card-login .lupa-password{display:flex;justify-content:space-between}.login .login-page .card-login .lupa-password a{font-style:normal;font-weight:600;font-size:16px;line-height:150%;color:#1d82aa;font-family:Segoe UI Bold,sans-serif!important;text-decoration:none}.login .login-page .card-login .submit{padding:20px 0}.login .login-page .card-login .submit .button-sidemang{width:100%;color:#fff;padding:10px 0;background:#1d82aa!important}.register{height:103vh}.register .pattern-register{background:linear-gradient(180deg,#2a90b8,#2976a3 39.48%,#274d84)}@media screen and (max-width:599px){.register .pattern-register{display:none}}@media screen and (min-width:600px) and (max-width:959px){.register .pattern-register{display:none}}.register .pattern-register .dots{color:#fff;background:url(/img/pattern/dots.svg);background-repeat:no-repeat;background-position:0 650px;height:100%;display:flex;padding-top:25px}@media screen and (max-width:1024px){.register .pattern-register .dots{background-size:77px;background-position:0 342px!important}}@media screen and (max-width:1500px){.register .pattern-register .dots{background-position:0 280px}}@media screen and (max-width:1919px){.register .pattern-register .dots{background-position:0 460px;background-size:85px}}@media screen and (min-width:1920px) and (max-width:5000px){.register .pattern-register .dots{align-items:center;background-position:0 775px}}.register .pattern-register .dots .welcome-text{display:flex;flex-direction:column;align-items:center;gap:25px}.register .pattern-register .dots .welcome-text .welcome{margin-bottom:30px;display:flex;width:70%;justify-content:center;flex-direction:column;align-items:flex-start}@media screen and (max-width:1500px){.register .pattern-register .dots .welcome-text .welcome{margin-bottom:15px;margin-top:15px}}.register .pattern-register .dots .welcome-text .welcome h3{font-style:normal;font-weight:700;font-size:32px;line-height:150%;color:#fff;text-align:left;margin-bottom:10px;font-family:Segoe UI Bold,sans-serif!important}@media screen and (max-width:1500px){.register .pattern-register .dots .welcome-text .welcome h3{font-size:27px}}.register .pattern-register .dots .welcome-text .welcome p{font-style:normal;font-weight:400;font-size:18px;line-height:150%;color:#fff;text-align:left}@media screen and (max-width:1500px){.register .pattern-register .dots .welcome-text .welcome p{font-size:16px}}@media screen and (min-width:1920px) and (max-width:5000px){.register .pattern-register .dots .welcome-text .register-asset{width:71%}}.register .pattern-register .dots .welcome-text .register-asset img{width:100%}.register .pattern-register .dots .welcome-text .splash-screen{padding:10px 0 0;background:url(/img/pattern/elipse.svg);background-repeat:no-repeat;background-position:bottom;background-size:100%;display:flex;align-items:center;justify-content:center;width:50%}.register .pattern-register .dots .welcome-text .splash-screen img{width:85%}@media screen and (max-width:1024px){.register .pattern-register .dots .welcome-text .splash-screen{background-size:100%}}@media screen and (max-width:1500px){.register .pattern-register .dots .welcome-text .splash-screen{background-size:95%;width:70%}.register .pattern-register .dots .welcome-text .splash-screen img{width:78%}}.register .pattern-register .dots .copyright{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:60px}@media screen and (min-width:1920px) and (max-width:5000px){.register .pattern-register .dots .copyright{margin-top:70px}}@media screen and (max-width:1500px){.register .pattern-register .dots .copyright{margin:40px 0}}.register .pattern-register .dots .copyright .logo{flex-grow:1;width:calc(25% - 10px - 1px)}.register .pattern-register .dots .copyright :first-child{width:40%;display:flex;justify-content:center}@media screen and (max-width:1024px){.register .pattern-register .dots .copyright :first-child img{width:60%}}@media screen and (min-width:1920px) and (max-width:5000px){.register .pattern-register .dots .copyright :first-child{justify-content:flex-end}.register .pattern-register .dots .copyright :first-child img{width:33%}}.register .pattern-register .dots .copyright :nth-child(2){width:40%;display:flex;justify-content:flex-start}.register .pattern-register .dots .copyright :nth-child(2) img{width:60%}@media screen and (min-width:1920px) and (max-width:5000px){.register .pattern-register .dots .copyright :nth-child(2) img{width:50%}}@media screen and (max-width:1024px){.register .pattern-register .dots .copyright :nth-child(2) img{width:80%}}.register .pattern-register .dots .copyright :nth-child(3){width:33,3%;display:flex;justify-content:flex-end}.register .pattern-register .dots .copyright :nth-child(3) img{width:55%}@media screen and (min-width:1920px) and (max-width:5000px){.register .pattern-register .dots .copyright :nth-child(3) img{width:45%}}@media screen and (max-width:1024px){.register .pattern-register .dots .copyright :nth-child(3) img{width:75%}}.register .pattern-register .dots .copyright :nth-child(4){width:33,3%;display:flex;justify-content:center}.register .pattern-register .dots .copyright :nth-child(4) img{width:60%}@media screen and (min-width:1920px) and (max-width:5000px){.register .pattern-register .dots .copyright :nth-child(4) img{width:45%}}@media screen and (max-width:1024px){.register .pattern-register .dots .copyright :nth-child(4) img{width:75%}}.register .pattern-register .dots .copyright :nth-child(5){width:33,3%;display:flex;justify-content:flex-start}.register .pattern-register .dots .copyright :nth-child(5) img{width:60%}@media screen and (min-width:1920px) and (max-width:5000px){.register .pattern-register .dots .copyright :nth-child(5) img{width:45%}}@media screen and (max-width:1024px){.register .pattern-register .dots .copyright :nth-child(5) img{width:75%}}.register .form-register{height:105vh}.register .form-register .login-page{width:100%!important;display:flex;align-items:center}@media screen and (max-width:599px){.register .form-register .login-page{height:100vh}}.register .form-register .login-page .logo-area{display:flex;flex-direction:column;align-items:flex-start;grid-gap:10px}.register .form-register .login-page .logo-area p{font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:#1d1d1d}.register .form-register .login-page .logo-area span a{color:#1d82aa;font-style:normal;font-weight:600;font-size:16px;line-height:150%;text-decoration:none}.register .form-register .login-page .card-login{padding:17px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:none!important;box-shadow:none!important}.register .form-register .login-page .card-login .form{margin:20px 0}.register .form-register .login-page .card-login .form label{font-weight:600;font-size:16px;line-height:150%;color:#000;margin:30px 0}.register .form-register .login-page .card-login .form input{background:#f3f3f4;border-radius:8px;z-index:999}.register .form-register .login-page .card-login .form .toggle{z-index:999}.register .form-register .login-page .card-login .form fieldset{border-style:none;background:#f3f3f4;border-radius:8px}.register .form-register .login-page .card-login .lupa-password{display:flex;justify-content:space-between}.register .form-register .login-page .card-login .lupa-password a{font-style:normal;font-weight:600;font-size:16px;line-height:150%;color:#1d82aa;font-family:Segoe UI Bold,sans-serif!important;text-decoration:none}.register .form-register .login-page .card-login .submit{padding:20px 0}.register .form-register .login-page .card-login .submit .button-sidemang{width:100%;color:#fff;padding:10px 0;background:#1d82aa!important}.lupa-password-area{height:103vh;background:linear-gradient(180deg,#2a90b8,#2976a3 39.48%,#274d84);display:flex;align-items:center}.lupa-password-area .card-lupa-password{padding:17px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:none!important;box-shadow:none!important;background:hsla(0,0%,100%,.7)!important;backdrop-filter:blur(5px)!important;border-radius:20px}.lupa-password-area .card-lupa-password .logo-area{display:flex;align-items:center;flex-direction:column;gap:20px}.lupa-password-area .card-lupa-password .logo-area p{text-align:center}.lupa-password-area .card-lupa-password .form{margin:10px 0}.lupa-password-area .card-lupa-password .form label{font-weight:600;font-size:16px;line-height:150%;color:#000;margin:30px 0}.lupa-password-area .card-lupa-password .form input{background:#f3f3f4;border-radius:8px;z-index:999}.lupa-password-area .card-lupa-password .form fieldset{border-style:none;background:#f3f3f4;border-radius:8px}.lupa-password-area .card-lupa-password .back{padding-top:15px;display:flex;justify-content:center}.lupa-password-area .card-lupa-password .back a{font-style:normal;font-weight:400;font-size:16px;line-height:150%;text-align:center;color:rgba(32,32,32,.8);display:flex;align-items:center;gap:10px;text-decoration:none}.lupa-password-area .card-lupa-password .submit{padding:10px 0}.lupa-password-area .copyright{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:60px}@media screen and (min-width:1920px) and (max-width:5000px){.lupa-password-area .copyright{margin-top:70px}}@media screen and (max-width:1500px){.lupa-password-area .copyright{margin:40px 0}}.lupa-password-area .copyright .logo{flex-grow:1;width:calc(25% - 10px - 1px)}.lupa-password-area .copyright :first-child{width:40%;display:flex;justify-content:center}.lupa-password-area .copyright :first-child img{width:50%}@media screen and (max-width:1024px){.lupa-password-area .copyright :first-child img{width:60%}}@media screen and (min-width:1920px) and (max-width:5000px){.lupa-password-area .copyright :first-child{justify-content:flex-end}.lupa-password-area .copyright :first-child img{width:33%}}.lupa-password-area .copyright :nth-child(2){width:40%;display:flex;justify-content:flex-start}.lupa-password-area .copyright :nth-child(2) img{width:70%}@media screen and (min-width:1920px) and (max-width:5000px){.lupa-password-area .copyright :nth-child(2) img{width:50%}}@media screen and (max-width:1024px){.lupa-password-area .copyright :nth-child(2) img{width:80%}}.lupa-password-area .copyright :nth-child(3){width:33,3%;display:flex;justify-content:flex-end}.lupa-password-area .copyright :nth-child(3) img{width:65%}@media screen and (min-width:1920px) and (max-width:5000px){.lupa-password-area .copyright :nth-child(3) img{width:45%}}@media screen and (max-width:1024px){.lupa-password-area .copyright :nth-child(3) img{width:75%}}.lupa-password-area .copyright :nth-child(4){width:33,3%;display:flex;justify-content:center}.lupa-password-area .copyright :nth-child(4) img{width:65%}@media screen and (min-width:1920px) and (max-width:5000px){.lupa-password-area .copyright :nth-child(4) img{width:45%}}@media screen and (max-width:1024px){.lupa-password-area .copyright :nth-child(4) img{width:75%}}.lupa-password-area .copyright :nth-child(5){width:33,3%;display:flex;justify-content:flex-start}.lupa-password-area .copyright :nth-child(5) img{width:65%}@media screen and (min-width:1920px) and (max-width:5000px){.lupa-password-area .copyright :nth-child(5) img{width:45%}}@media screen and (max-width:1024px){.lupa-password-area .copyright :nth-child(5) img{width:75%}}.input-fill fieldset,.input-fill input{background:#f0f0f0!important}.toggle{z-index:999}.profil{height:103vh}@media screen and (max-width:599px){.profil .pattern-profil{display:none}}@media screen and (min-width:600px) and (max-width:959px){.profil .pattern-profil{display:none}}.profil .pattern-profil .dots{color:#202020;height:100%;display:flex;align-items:center}@media screen and (max-width:1024px){.profil .pattern-profil .dots{background-size:77px;background-position:0 342px!important}}@media screen and (max-width:1500px){.profil .pattern-profil .dots{background-position:0 280px}}@media screen and (max-width:1919px){.profil .pattern-profil .dots{background-position:0 380px}}@media screen and (min-width:1920px) and (max-width:5000px){.profil .pattern-profil .dots{align-items:center}}.profil .pattern-profil .dots .welcome-text{display:flex;flex-direction:column;align-items:center}.profil .pattern-profil .dots .welcome-text .welcome{margin:30px 160px}@media screen and (max-width:1500px){.profil .pattern-profil .dots .welcome-text .welcome{margin-bottom:15px;margin-top:15px}}.profil .pattern-profil .dots .welcome-text .welcome h3{font-style:normal;font-weight:700;font-size:24px;line-height:150%;color:#202020;text-align:center;margin-bottom:10px;font-family:Segoe UI Bold,sans-serif!important}@media screen and (max-width:1500px){.profil .pattern-profil .dots .welcome-text .welcome h3{font-size:27px}}.profil .pattern-profil .dots .welcome-text .welcome p{font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:rgba(32,32,32,.8);text-align:center}@media screen and (max-width:1500px){.profil .pattern-profil .dots .welcome-text .welcome p{font-size:16px}}.profil .pattern-profil .dots .welcome-text .register-asset img{width:100%}.profil .pattern-profil .dots .welcome-text .splash-screen{padding:10px 0 0;display:flex;align-items:center;justify-content:center}.profil .pattern-profil .dots .welcome-text .splash-screen img{width:85%}@media screen and (max-width:1024px){.profil .pattern-profil .dots .welcome-text .splash-screen{background-size:100%}}@media screen and (max-width:1500px){.profil .pattern-profil .dots .welcome-text .splash-screen{background-size:95%;width:70%}.profil .pattern-profil .dots .welcome-text .splash-screen img{width:78%}}.profil .pattern-profil .dots .copyright{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin:0 130px}@media screen and (min-width:1920px) and (max-width:5000px){.profil .pattern-profil .dots .copyright{margin-top:70px}}@media screen and (max-width:1500px){.profil .pattern-profil .dots .copyright{margin:40px 0}}.profil .pattern-profil .dots .copyright .logo{flex-grow:1;width:calc(25% - 10px - 1px)}.profil .pattern-profil .dots .copyright :first-child{width:40%;display:flex;justify-content:flex-end}.profil .pattern-profil .dots .copyright :first-child img{width:100%}@media screen and (max-width:1024px){.profil .pattern-profil .dots .copyright :first-child img{width:60%}}@media screen and (min-width:1920px) and (max-width:5000px){.profil .pattern-profil .dots .copyright :first-child img{width:33%}}.profil .pattern-profil .dots .copyright :nth-child(2){width:40%;display:flex;justify-content:flex-start}.profil .pattern-profil .dots .copyright :nth-child(2) img{width:100%}@media screen and (min-width:1920px) and (max-width:5000px){.profil .pattern-profil .dots .copyright :nth-child(2) img{width:50%}}@media screen and (max-width:1024px){.profil .pattern-profil .dots .copyright :nth-child(2) img{width:80%}}.profil .pattern-profil .dots .copyright :nth-child(3){width:33,3%;display:flex;justify-content:flex-end}.profil .pattern-profil .dots .copyright :nth-child(3) img{width:77%}@media screen and (min-width:1920px) and (max-width:5000px){.profil .pattern-profil .dots .copyright :nth-child(3) img{width:45%}}@media screen and (max-width:1024px){.profil .pattern-profil .dots .copyright :nth-child(3) img{width:75%}}.profil .pattern-profil .dots .copyright :nth-child(4){width:33,3%;display:flex;justify-content:center}.profil .pattern-profil .dots .copyright :nth-child(4) img{width:85%}@media screen and (min-width:1920px) and (max-width:5000px){.profil .pattern-profil .dots .copyright :nth-child(4) img{width:45%}}@media screen and (max-width:1024px){.profil .pattern-profil .dots .copyright :nth-child(4) img{width:75%}}.profil .pattern-profil .dots .copyright :nth-child(5){width:33,3%;display:flex;justify-content:flex-start}.profil .pattern-profil .dots .copyright :nth-child(5) img{width:90%}@media screen and (min-width:1920px) and (max-width:5000px){.profil .pattern-profil .dots .copyright :nth-child(5) img{width:45%}}@media screen and (max-width:1024px){.profil .pattern-profil .dots .copyright :nth-child(5) img{width:75%}}.profil .pattern-profil .dots .copyright-welcome-page{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin:0 285px}@media screen and (min-width:1920px) and (max-width:5000px){.profil .pattern-profil .dots .copyright-welcome-page{margin-top:70px}}@media screen and (max-width:1500px){.profil .pattern-profil .dots .copyright-welcome-page{margin:40px 0}}.profil .pattern-profil .dots .copyright-welcome-page .logo{flex-grow:1;width:calc(25% - 10px - 1px)}.profil .pattern-profil .dots .copyright-welcome-page :first-child{width:40%;display:flex;justify-content:flex-end}.profil .pattern-profil .dots .copyright-welcome-page :first-child img{width:80%}@media screen and (max-width:1024px){.profil .pattern-profil .dots .copyright-welcome-page :first-child img{width:60%}}@media screen and (min-width:1920px) and (max-width:5000px){.profil .pattern-profil .dots .copyright-welcome-page :first-child img{width:33%}}.profil .pattern-profil .dots .copyright-welcome-page :nth-child(2){width:40%;display:flex;justify-content:flex-start}.profil .pattern-profil .dots .copyright-welcome-page :nth-child(2) img{width:80%}@media screen and (min-width:1920px) and (max-width:5000px){.profil .pattern-profil .dots .copyright-welcome-page :nth-child(2) img{width:50%}}@media screen and (max-width:1024px){.profil .pattern-profil .dots .copyright-welcome-page :nth-child(2) img{width:80%}}.profil .pattern-profil .dots .copyright-welcome-page :nth-child(3){width:33,3%;display:flex;justify-content:flex-end}.profil .pattern-profil .dots .copyright-welcome-page :nth-child(3) img{width:60%}@media screen and (min-width:1920px) and (max-width:5000px){.profil .pattern-profil .dots .copyright-welcome-page :nth-child(3) img{width:45%}}@media screen and (max-width:1024px){.profil .pattern-profil .dots .copyright-welcome-page :nth-child(3) img{width:75%}}.profil .pattern-profil .dots .copyright-welcome-page :nth-child(4){width:33,3%;display:flex;justify-content:center}.profil .pattern-profil .dots .copyright-welcome-page :nth-child(4) img{width:60%}@media screen and (min-width:1920px) and (max-width:5000px){.profil .pattern-profil .dots .copyright-welcome-page :nth-child(4) img{width:45%}}@media screen and (max-width:1024px){.profil .pattern-profil .dots .copyright-welcome-page :nth-child(4) img{width:75%}}.profil .pattern-profil .dots .copyright-welcome-page :nth-child(5){width:33,3%;display:flex;justify-content:flex-start}.profil .pattern-profil .dots .copyright-welcome-page :nth-child(5) img{width:65%}@media screen and (min-width:1920px) and (max-width:5000px){.profil .pattern-profil .dots .copyright-welcome-page :nth-child(5) img{width:45%}}@media screen and (max-width:1024px){.profil .pattern-profil .dots .copyright-welcome-page :nth-child(5) img{width:75%}}.profil .form-profil{background:#fff;box-shadow:0 0 20px 2px rgba(0,0,0,.04);height:100vh;overflow-y:scroll;display:flex;align-items:flex-start}.profil .form-profil .wizard-page{width:100%!important;display:flex;align-items:center}.profil .form-profil .wizard-page .stepper{margin-top:20px}.profil .form-profil .wizard-page .stepper .step,.profil .form-profil .wizard-page .stepper .step-disabled{background:#1d82aa;border-radius:20px;width:159.67px;height:6px;margin-right:10px}.profil .form-profil .wizard-page .stepper .step-disabled{opacity:.2}@media screen and (max-width:599px){.profil .form-profil .wizard-page{height:100vh}}.profil .form-profil .wizard-page .logo-area{display:flex;flex-direction:column;align-items:flex-start;grid-gap:30px}.profil .form-profil .wizard-page .logo-area .logo{display:flex;align-items:center;gap:10px}.profil .form-profil .wizard-page .logo-area .logo h5{font-family:Roboto,sans-serif!important;font-style:normal;font-weight:500;font-size:24px;line-height:28px;text-align:center;color:#1d82aa}.profil .form-profil .wizard-page .logo-area p{font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:#1d1d1d}.profil .form-profil .wizard-page .logo-area span a{color:#1d82aa;font-style:normal;font-weight:600;font-size:16px;line-height:150%;text-decoration:none}.profil .form-profil .wizard-page .card-wizard{padding:17px 0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:none!important;box-shadow:none!important}.profil .form-profil .wizard-page .card-wizard .form{margin:20px 0}.profil .form-profil .wizard-page .card-wizard .form .radio{display:flex}.profil .form-profil .wizard-page .card-wizard .form .radio .button-negara{display:flex;flex-direction:column-reverse;gap:10px;width:100%;justify-content:space-evenly}.profil .form-profil .wizard-page .card-wizard .form .radio .button-negara label{font-weight:600;font-size:16px;line-height:150%;color:#000;margin:10px 10px 0 0;background:#fff;opacity:.5;border:1px solid #cfd0d7;border-radius:4px;text-align:center;padding:15px 20px}.profil .form-profil .wizard-page .card-wizard .form .radio .button-negara input[type=radio]{opacity:.011;z-index:100}.profil .form-profil .wizard-page .card-wizard .form .radio .button-negara input[type=radio]:checked+label{background:rgba(29,130,170,.05);border:1px solid #1d82aa;border-radius:4px;color:#1d82aa}.profil .form-profil .wizard-page .card-wizard .form label{font-weight:600;font-size:16px;line-height:150%;color:#000;margin:30px 0}.profil .form-profil .wizard-page .card-wizard .form .select-sidemang,.profil .form-profil .wizard-page .card-wizard .form input{background:#fcfcfd;border:1px solid #cfd0d7;border-radius:4px;z-index:999}.profil .form-profil .wizard-page .card-wizard .form .select-sidemang button,.profil .form-profil .wizard-page .card-wizard .form .select-sidemang div,.profil .form-profil .wizard-page .card-wizard .form .select-sidemang svg{z-index:999}.profil .form-profil .wizard-page .card-wizard .form .select-sidemang label{margin:0;z-index:1000;font-weight:400}.profil .form-profil .wizard-page .card-wizard .form .select-sidemang input{border:none}.profil .form-profil .wizard-page .card-wizard .form fieldset{border-style:none;background:#fcfcfd;border-radius:8px}.profil .form-profil .wizard-page .card-wizard .row{display:flex;justify-content:space-between}.profil .form-profil .wizard-page .card-wizard .submit{padding:20px 0}.profil .form-profil .wizard-page .card-wizard .submit .button-sidemang{width:100%;color:#fff;padding:10px 0;background:#1d82aa!important}.patern-welcome-page{background:url(/img/pattern/Intersect.svg);background-repeat:no-repeat;background-position:100%}.dot-welcome-page{background:url(/img/pattern/dot-gray.svg);background-repeat:no-repeat;background-position:17px 375px}.profile-page{margin:84px 0}@media screen and (min-width:1920px) and (max-width:5000px){.profile-page{margin:176px 0}}@media screen and (max-width:959px){.profile-page{margin:20px 0 84px}}.profile-page .header-mobile{display:none}@media screen and (max-width:959px){.profile-page .header-mobile{margin:10px 0 20px;font-size:22px;font-weight:700;display:block}}.profile-page .profile-picture{display:flex;gap:10px;justify-content:space-between;align-items:center}.profile-page .profile-picture img{width:323px}.profile-page .profile-picture .username{display:flex;gap:10px}.profile-page .profile-picture .username h6{font-weight:700;font-size:20px;line-height:150%;color:#202020}.profile-page .profile-picture .username p{font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:#5a5a5a}.profile-page .profile-picture .ganti-profil button{padding:10px 20px!important;width:159px;height:39px}@media screen and (max-width:959px){.profile-page .profile-picture .ganti-profil{display:none}}.profile-page .heading{margin:30px 0 10px}.profile-page .heading p{font-style:normal;font-weight:600;font-size:14px;line-height:150%;color:#86878b}.profile-page .tab-profil{margin:0 0 30px;justify-content:space-between!important}@media screen and (max-width:959px){.profile-page .tab-profil{display:none}}.profile-page .tab-profil .MuiTabs-vertical{border:none}.profile-page .tab-profil .MuiTabs-vertical button{padding:5px 0!important;text-align:right!important;display:flex;align-items:flex-start;text-transform:capitalize;font-size:16px;transition:all .5s ease}.profile-page .tab-profil .MuiTabs-vertical button:hover{color:#1d82aa}.profile-page .tab-profil .MuiTabs-vertical .MuiTabs-indicator{background:none!important}.profile-page .tab-profil .MuiTabs-vertical .Mui-selected{font-style:normal;font-weight:700;font-size:16px;line-height:150%;color:#1d82aa!important;background:#e9f9ff;padding-left:15px!important;border-left:3px solid #1d82aa;text-transform:capitalize;transition:all .5s ease}.profile-page .profil-mobile{display:none}@media screen and (max-width:959px){.profile-page .profil-mobile{display:block;margin-top:30px}}.profile-page .profil-mobile .list-menu{margin:10px 0;display:flex;gap:10px;align-items:flex-start}.profile-page .profil-mobile .list-menu svg{color:#adadad}.profile-page .profil-mobile .list-menu a,.profile-page .profil-mobile .list-menu button{color:#000;text-decoration:none;border-bottom:1px solid #dadada;width:100%;padding-bottom:16px;display:flex;justify-content:space-between}.profile-page .profil-mobile .list-menu button{background-color:#fff;font-size:16px}.profile-page .profil-mobile .list-menu button:hover{cursor:pointer}.profile-page .tab{width:30%}.profile-page .panel{width:70%}.profile-page .button:hover{color:#1d82aa;border:1px solid #1d82aa}.profile-page .cek-nip,.profile-page .nomor-telepon{height:32vh}.home{margin:40px 0}.home .menu .monitoring_data h4{font-size:24px;font-weight:600;margin-bottom:24px}.home .menu .monitoring_data a{text-decoration:none}.home .menu .monitoring_data .card_monitoring_data{width:-moz-fit-content;width:fit-content;padding:16px 60px;display:grid;grid-gap:8px;gap:8px;border-radius:4px;box-shadow:0 0 4px 1px hsla(0,0%,7%,.04),0 4px 6px 0 hsla(0,0%,7%,.05)}.home .menu .monitoring_data .card_monitoring_data p{font-size:16px;color:#202020}.home .menu .monitoring_data .separator{height:1px;width:100%;background:#d0d1d3;margin:40px 0}.home .menu h3{font-style:normal;font-weight:600;font-size:24px;line-height:150%;color:#202020}@media screen and (max-width:959px){.home .menu h3{font-size:16px}}.home .menu .tujuan{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:20px 0;padding-bottom:50px;border-bottom:.66px solid #d0d1d3}.home .menu .tujuan .card-tujuan{display:flex;align-items:center;flex-direction:column;background:#fff;box-shadow:0 0 4px 1px hsla(0,0%,7%,.04),0 4px 6px hsla(0,0%,7%,.05);border-radius:4px}@media screen and (max-width:959px){.home .menu .tujuan .card-tujuan{width:20px;min-width:47%}}.home .menu .tujuan .card-tujuan .icon{display:flex;align-items:center;flex-direction:column}.home .menu .tujuan .card-tujuan a,.home .menu .tujuan .card-tujuan button,.home .menu .tujuan .card-tujuan p{background:none;font-style:normal;font-weight:400;font-size:16px;line-height:150%;text-align:center;color:#202020;text-decoration:none}.home .menu .tujuan .card-tujuan a:hover,.home .menu .tujuan .card-tujuan button:hover,.home .menu .tujuan .card-tujuan p:hover{cursor:pointer}@media screen and (max-width:959px){.home .menu .tujuan .card-tujuan a,.home .menu .tujuan .card-tujuan button,.home .menu .tujuan .card-tujuan p{font-size:14px}}.home .menu-lainnya-component .menu-lainnya{display:flex;flex-wrap:wrap;margin:20px 0;gap:20px;padding-bottom:50px;border-bottom:.66px solid #d0d1d3}@media screen and (max-width:959px){.home .menu-lainnya-component .menu-lainnya{padding-bottom:0;border:none;flex-wrap:wrap}}.home .menu-lainnya-component .menu-lainnya h4{font-style:normal;font-weight:600;font-size:18px;line-height:150%;color:#202020}.home .menu-lainnya-component .menu-lainnya .card-lainnya{background:#fff;border:1px solid #ebebeb;box-shadow:none;border-radius:10px;width:286px;height:154px;display:flex;flex-direction:column;justify-content:space-between;flex:17.6% 1;min-width:auto}@media screen and (max-width:959px){.home .menu-lainnya-component .menu-lainnya .card-lainnya{background:none;box-shadow:none;border:none;flex:0 0 20%;width:0;min-width:4px}}.home .menu-lainnya-component .menu-lainnya .card-lainnya:hover{border:1px solid #1d82aa}@media screen and (max-width:959px){.home .menu-lainnya-component .menu-lainnya .card-lainnya:hover{background:none;box-shadow:none;border:none}}.home .menu-lainnya-component .menu-lainnya .card-lainnya:hover .action{background:#1d82aa;color:#fff}.home .menu-lainnya-component .menu-lainnya .card-lainnya:hover .action a{color:#fff}.home .menu-lainnya-component .menu-lainnya .card-lainnya .content{height:100%;display:flex;align-items:center}.home .menu-lainnya-component .menu-lainnya .card-lainnya .content .heading{display:flex;gap:10px}@media screen and (max-width:959px){.home .menu-lainnya-component .menu-lainnya .card-lainnya .content .heading{flex-direction:column}}.home .menu-lainnya-component .menu-lainnya .card-lainnya .content .heading .title{display:flex;align-items:center}.home .menu-lainnya-component .menu-lainnya .card-lainnya .content .heading .title a,.home .menu-lainnya-component .menu-lainnya .card-lainnya .content .heading .title h3{font-style:normal;font-weight:600;font-size:16px;line-height:150%;color:#5a5a5a;text-decoration:none}@media screen and (max-width:959px){.home .menu-lainnya-component .menu-lainnya .card-lainnya .content .heading .title a,.home .menu-lainnya-component .menu-lainnya .card-lainnya .content .heading .title h3{font-weight:400;font-size:12px;line-height:150%;color:#5a5a5a}}.home .menu-lainnya-component .menu-lainnya .card-lainnya .content .heading .title p{font-style:normal;font-weight:600;font-size:20px;line-height:150%;color:#202020}@media screen and (max-width:959px){.home .menu-lainnya-component .menu-lainnya .card-lainnya .content .heading .title p{display:none}}.home .menu-lainnya-component .menu-lainnya .card-lainnya .content .heading .icon{background:#f9f9f9;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;flex-direction:column;justify-content:center}.home .menu-lainnya-component .menu-lainnya .card-lainnya .content .heading .icon svg{width:21.14px;height:22.5px}.home .menu-lainnya-component .menu-lainnya .card-lainnya .action{background:#ececec;display:flex;justify-content:space-between;padding-left:20px;padding-right:20px}@media screen and (max-width:959px){.home .menu-lainnya-component .menu-lainnya .card-lainnya .action{display:none}}.home .menu-lainnya-component .menu-lainnya .card-lainnya .action a{color:rgba(32,32,32,.8);text-transform:capitalize;text-decoration:none;display:flex}.home .menu-lainnya-component .menu-lainnya .card-lainnya .action svg{font-size:19px}.home .berkas-terbaru{margin:20px 0}.home .berkas-terbaru .heading{margin:40px 0 20px;display:flex;align-items:center;justify-content:space-between}.home .berkas-terbaru .heading a,.home .berkas-terbaru .heading p{font-style:normal;font-weight:600;font-size:16px;line-height:150%;text-align:right;color:#1d82aa;text-decoration:none}.home .berkas-terbaru .heading h4{font-style:normal;font-weight:600;font-size:18px;line-height:150%;color:#202020}.home .berkas-terbaru .tab-area{background:hsla(0,0%,71%,.1);backdrop-filter:blur(19.1px);border-radius:20px;width:220px;padding:4px 10px}.home .berkas-terbaru .tab-area,.home .berkas-terbaru .tab-area button{text-transform:capitalize!important}.home .berkas-terbaru .tab-area .Mui-selected{background:#fff!important;box-shadow:0 0 4px 1px hsla(0,0%,7%,.04),0 4px 6px hsla(0,0%,7%,.05)!important;border-radius:20px!important;text-transform:capitalize;font-weight:600;font-size:14px;line-height:150%;text-align:center;font-feature-settings:"tnum" on,"lnum" on;color:#1d82aa;margin:5px 0}.home .berkas-terbaru .tab-area .css-1aquho2-MuiTabs-indicator{background:none!important}.home .berkas-terbaru .list{display:flex;gap:20px;flex-wrap:wrap}@media screen and (max-width:959px){.home .berkas-terbaru .list{overflow-y:scroll;overflow-x:hidden;height:66vh;margin:20px 0 77px}}.home .berkas-terbaru .list .card-berkas{flex:0 0 32%;margin-top:20px;background:#fff;border:1px solid #ebebeb;box-shadow:0 0 4px 1px hsla(0,0%,7%,.04),0 4px 6px hsla(0,0%,7%,.05);border-radius:10px;display:flex;flex-direction:column;justify-content:space-between}.home .berkas-terbaru .list .card-berkas:hover{cursor:pointer}@media screen and (max-width:959px){.home .berkas-terbaru .list .card-berkas{flex:0 0 100%;box-shadow:0 0 4px 1px hsla(0,0%,7%,.04),0 4px 6px hsla(0,0%,7%,.05);border-radius:6px}}.home .berkas-terbaru .list .card-berkas:hover{border:1px solid #1d82aa}.home .berkas-terbaru .list .card-berkas:hover .action{background:#1d82aa;color:#fff}.home .berkas-terbaru .list .card-berkas:hover .action a{color:#fff}.home .berkas-terbaru .list .card-berkas .content{height:100%;display:flex;gap:16px;flex-direction:column}.home .berkas-terbaru .list .card-berkas .content .heading-card{display:flex;gap:10px;padding-bottom:20px;border-bottom:.66px solid #d0d1d3}.home .berkas-terbaru .list .card-berkas .content .heading-card .title a,.home .berkas-terbaru .list .card-berkas .content .heading-card .title h3{font-style:normal;font-weight:600;font-size:16px;line-height:150%;color:#5a5a5a}.home .berkas-terbaru .list .card-berkas .content .heading-card .title a{text-decoration:none}.home .berkas-terbaru .list .card-berkas .content .heading-card .title p{font-weight:400;font-size:12px;line-height:150%;color:#717171;margin:3px 0}.home .berkas-terbaru .list .card-berkas .content .heading-card .icon{background:#f9f9f9;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;flex-direction:column;justify-content:center}.home .berkas-terbaru .list .card-berkas .content .heading-card .icon svg{width:21.14px;height:22.5px}.home .berkas-terbaru .list .card-berkas .content .status-surat{display:flex;align-items:center;justify-content:space-between}.home .berkas-terbaru .list .card-berkas .content .status-surat p{font-weight:400;font-size:14px;line-height:150%;color:#717171}.home .berkas-terbaru .list .card-berkas .content .status-surat .pengaju{width:50%}.home .berkas-terbaru .list .card-berkas .content .status-surat .nama-pengaju{font-style:normal;font-weight:400;font-size:14px;line-height:150%;color:#202020}.home .berkas-terbaru .list .card-berkas .content .status-surat button{text-transform:capitalize}.buat-berkas{display:flex;flex-direction:column;justify-content:space-between}.buat-berkas .banner{background:#1d82aa;margin-bottom:180px}.buat-berkas .banner .pattern{padding:20px 0;background:url(/img/pattern/banner-buat-berkas.svg);background-repeat:no-repeat;background-size:cover;background-position:100%;height:200px}@media screen and (max-width:959px){.buat-berkas .banner .pattern{background-size:inherit;background-position:top}}.buat-berkas .banner .pattern .card-pilih-tujuan{position:relative;top:105px;box-shadow:0 0 4px 1px hsla(0,0%,7%,.04),0 4px 6px hsla(0,0%,7%,.05);border-radius:10px;padding-top:40px;padding-bottom:25px}.buat-berkas .banner .pattern .card-pilih-tujuan .head{display:flex;gap:10px}.buat-berkas .banner .pattern .card-pilih-tujuan .head .content{width:90%}.buat-berkas .banner .pattern .card-pilih-tujuan .head .content h3{font-style:normal;font-weight:600;font-size:24px;line-height:150%;color:#202020;margin-bottom:5px}.buat-berkas .banner .pattern .card-pilih-tujuan .head .content .form{margin-top:15px;display:flex;gap:20px;flex-wrap:wrap}.buat-berkas .banner .pattern .card-pilih-tujuan .head .content .form .form-group{display:flex;flex-direction:column;flex-basis:100%;flex:1 1}.buat-berkas .banner .pattern .card-pilih-tujuan .head .content .submit{display:flex;justify-content:flex-end}.buat-berkas .banner .pattern .card-pilih-tujuan .head .content .submit .cari{background:#1d82aa;border-radius:4px;width:127px;padding:12px 48px;height:48px}.buat-berkas .banner .pattern .card-pilih-tujuan .head .content .submit-offline{display:flex;justify-content:flex-end;margin-top:18px}.buat-berkas .banner .pattern .card-pilih-tujuan .head .content .submit-offline .cari{background:#1d82aa;border-radius:4px;width:127px;padding:12px 48px;height:39px}.buat-berkas .list-berkas{margin-top:50px}.buat-berkas .list-berkas .list{display:flex;margin:20px 0;flex-wrap:wrap}.buat-berkas .list-berkas .list .card-berkas{flex:0 0 32%;background:#fff;box-shadow:0 0 4px 1px hsla(0,0%,7%,.04),0 4px 6px hsla(0,0%,7%,.05);border-radius:6px;margin:5px}.buat-berkas .list-berkas .list .card-berkas .heading-card{display:flex;gap:10px;align-items:center}.buat-berkas .list-berkas .list .card-berkas .heading-card .title a,.buat-berkas .list-berkas .list .card-berkas .heading-card .title h3{font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:rgba(0,0,0,.8);text-decoration:none}.buat-berkas .list-berkas .list .card-berkas .heading-card .title a:hover,.buat-berkas .list-berkas .list .card-berkas .heading-card .title h3:hover{cursor:pointer}.buat-berkas .list-berkas .list .card-berkas .heading-card .icon{background:#f9f9f9;border-radius:20px;width:40px;height:40px;display:flex;align-items:center;flex-direction:column;justify-content:center}.berkas-selesai{margin:20px 0 70px}.berkas-selesai .heading{margin:40px 0;display:flex;align-items:center;justify-content:flex-start;gap:10px}.berkas-selesai .heading a,.berkas-selesai .heading p{font-style:normal;font-weight:600;font-size:16px;line-height:150%;text-align:right;color:#1d82aa;text-decoration:none}.berkas-selesai .heading h4{font-style:normal;font-weight:600;font-size:18px;line-height:150%;color:#202020}.berkas-selesai .list{display:flex;gap:20px;flex-wrap:wrap}.berkas-selesai .list .card-berkas{flex:0 0 32%;background:#fff;border:1px solid #ebebeb;box-shadow:0 0 4px 1px hsla(0,0%,7%,.04),0 4px 6px hsla(0,0%,7%,.05);border-radius:10px;display:flex;flex-direction:column;justify-content:space-between}.berkas-selesai .list .card-berkas:hover{cursor:pointer}@media screen and (max-width:959px){.berkas-selesai .list .card-berkas{flex:0 0 100%;box-shadow:0 0 4px 1px hsla(0,0%,7%,.04),0 4px 6px hsla(0,0%,7%,.05);border-radius:6px}}.berkas-selesai .list .card-berkas:hover{border:1px solid #1d82aa}.berkas-selesai .list .card-berkas:hover .action{background:#1d82aa;color:#fff}.berkas-selesai .list .card-berkas:hover .action a{color:#fff}.berkas-selesai .list .card-berkas .content{height:100%;display:flex;gap:16px;flex-direction:column}.berkas-selesai .list .card-berkas .content .heading-card{display:flex;gap:10px;padding-bottom:20px;border-bottom:.66px solid #d0d1d3}.berkas-selesai .list .card-berkas .content .heading-card .title a,.berkas-selesai .list .card-berkas .content .heading-card .title h3{font-style:normal;font-weight:600;font-size:16px;line-height:150%;color:#5a5a5a}.berkas-selesai .list .card-berkas .content .heading-card .title a{text-decoration:none}.berkas-selesai .list .card-berkas .content .heading-card .title p{font-weight:400;font-size:12px;line-height:150%;color:#717171;margin:3px 0}.berkas-selesai .list .card-berkas .content .heading-card .icon{background:#f9f9f9;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;flex-direction:column;justify-content:center}.berkas-selesai .list .card-berkas .content .heading-card .icon svg{width:21.14px;height:22.5px}.berkas-selesai .list .card-berkas .content .status-surat{display:flex;align-items:center;justify-content:space-between}.berkas-selesai .list .card-berkas .content .status-surat p{font-weight:400;font-size:14px;line-height:150%;color:#717171}.berkas-selesai .list .card-berkas .content .status-surat .nama-pengaju{font-style:normal;font-weight:400;font-size:14px;line-height:150%;color:#202020}.berkas-selesai .list .card-berkas .content .status-surat button{text-transform:capitalize}.semua-berkas-perkimtan{margin:20px 0 70px}.semua-berkas-perkimtan .heading{margin:40px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.semua-berkas-perkimtan .heading a,.semua-berkas-perkimtan .heading p{font-style:normal;font-weight:600;font-size:16px;line-height:150%;text-align:right;color:#1d82aa;text-decoration:none}.semua-berkas-perkimtan .heading h4{font-style:normal;font-weight:600;font-size:18px;line-height:150%;color:#202020}.semua-berkas-perkimtan .heading .filter{display:flex;gap:10px;width:40%;align-items:center}.semua-berkas-perkimtan .heading .MuiOutlinedInput-input{padding:8px 16px}.semua-berkas-perkimtan .list{display:flex;gap:20px;flex-wrap:wrap}.semua-berkas-perkimtan .list .card-berkas{flex:0 0 32%;background:#fff;border:1px solid #ebebeb;box-shadow:0 0 4px 1px hsla(0,0%,7%,.04),0 4px 6px hsla(0,0%,7%,.05);border-radius:10px;display:flex;flex-direction:column;justify-content:space-between}.semua-berkas-perkimtan .list .card-berkas:hover{cursor:pointer}@media screen and (max-width:959px){.semua-berkas-perkimtan .list .card-berkas{flex:0 0 100%;box-shadow:0 0 4px 1px hsla(0,0%,7%,.04),0 4px 6px hsla(0,0%,7%,.05);border-radius:6px}}.semua-berkas-perkimtan .list .card-berkas:hover{border:1px solid #1d82aa}.semua-berkas-perkimtan .list .card-berkas:hover .action{background:#1d82aa;color:#fff}.semua-berkas-perkimtan .list .card-berkas:hover .action a{color:#fff}.semua-berkas-perkimtan .list .card-berkas .content{height:100%;display:flex;gap:16px;flex-direction:column}.semua-berkas-perkimtan .list .card-berkas .content .heading-card{display:flex;gap:10px;padding-bottom:20px;border-bottom:.66px solid #d0d1d3}.semua-berkas-perkimtan .list .card-berkas .content .heading-card .title a,.semua-berkas-perkimtan .list .card-berkas .content .heading-card .title h3{font-style:normal;font-weight:600;font-size:16px;line-height:150%;color:#5a5a5a}.semua-berkas-perkimtan .list .card-berkas .content .heading-card .title a{text-decoration:none}.semua-berkas-perkimtan .list .card-berkas .content .heading-card .title p{font-weight:400;font-size:12px;line-height:150%;color:#717171;margin:3px 0}.semua-berkas-perkimtan .list .card-berkas .content .heading-card .icon{background:#f9f9f9;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;flex-direction:column;justify-content:center}.semua-berkas-perkimtan .list .card-berkas .content .heading-card .icon svg{width:21.14px;height:22.5px}.semua-berkas-perkimtan .list .card-berkas .content .status-surat{display:flex;align-items:center;justify-content:space-between}.semua-berkas-perkimtan .list .card-berkas .content .status-surat p{font-weight:400;font-size:14px;line-height:150%;color:#717171}.semua-berkas-perkimtan .list .card-berkas .content .status-surat .nama-pengaju{font-style:normal;font-weight:400;font-size:14px;line-height:150%;color:#202020}.semua-berkas-perkimtan .list .card-berkas .content .status-surat button{text-transform:capitalize}.semua-berkas{margin:20px 0 70px}.semua-berkas .heading{margin:40px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.semua-berkas .heading a,.semua-berkas .heading p{font-style:normal;font-weight:600;font-size:16px;line-height:150%;text-align:right;color:#1d82aa;text-decoration:none}.semua-berkas .heading h4{font-style:normal;font-weight:600;font-size:18px;line-height:150%;color:#202020}.semua-berkas .heading .filter{display:flex;gap:10px;width:40%}.semua-berkas .tab-area{background:hsla(0,0%,71%,.1);backdrop-filter:blur(19.1px);border-radius:20px;width:220px;padding:4px 10px}.semua-berkas .tab-area,.semua-berkas .tab-area button{text-transform:capitalize!important}.semua-berkas .tab-area .Mui-selected{background:#fff!important;box-shadow:0 0 4px 1px hsla(0,0%,7%,.04),0 4px 6px hsla(0,0%,7%,.05)!important;border-radius:20px!important;text-transform:capitalize;font-weight:600;font-size:14px;line-height:150%;text-align:center;font-feature-settings:"tnum" on,"lnum" on;color:#1d82aa;margin:5px 0}.semua-berkas .tab-area .css-1aquho2-MuiTabs-indicator{background:none!important}.semua-berkas .list{display:flex;gap:20px;flex-wrap:wrap}.semua-berkas .list .card-berkas{flex:0 0 32%;background:#fff;border:1px solid #ebebeb;box-shadow:0 0 4px 1px hsla(0,0%,7%,.04),0 4px 6px hsla(0,0%,7%,.05);border-radius:10px;display:flex;flex-direction:column;justify-content:space-between}.semua-berkas .list .card-berkas:hover{cursor:pointer}@media screen and (max-width:959px){.semua-berkas .list .card-berkas{flex:0 0 100%;box-shadow:0 0 4px 1px hsla(0,0%,7%,.04),0 4px 6px hsla(0,0%,7%,.05);border-radius:6px}}.semua-berkas .list .card-berkas:hover{border:1px solid #1d82aa}.semua-berkas .list .card-berkas:hover .action{background:#1d82aa;color:#fff}.semua-berkas .list .card-berkas:hover .action a{color:#fff}.semua-berkas .list .card-berkas .content{height:100%;display:flex;gap:16px;flex-direction:column}.semua-berkas .list .card-berkas .content .heading-card{display:flex;gap:10px;padding-bottom:20px;border-bottom:.66px solid #d0d1d3}.semua-berkas .list .card-berkas .content .heading-card .title a,.semua-berkas .list .card-berkas .content .heading-card .title h3{font-style:normal;font-weight:600;font-size:16px;line-height:150%;color:#5a5a5a}.semua-berkas .list .card-berkas .content .heading-card .title a{text-decoration:none}.semua-berkas .list .card-berkas .content .heading-card .title p{font-weight:400;font-size:12px;line-height:150%;color:#717171;margin:3px 0}.semua-berkas .list .card-berkas .content .heading-card .icon{background:#f9f9f9;border-radius:10px;width:40px;height:40px;display:flex;align-items:center;flex-direction:column;justify-content:center}.semua-berkas .list .card-berkas .content .heading-card .icon svg{width:21.14px;height:22.5px}.semua-berkas .list .card-berkas .content .status-surat{display:flex;align-items:center;justify-content:space-between}.semua-berkas .list .card-berkas .content .status-surat p{font-weight:400;font-size:14px;line-height:150%;color:#717171}.semua-berkas .list .card-berkas .content .status-surat .nama-pengaju{font-style:normal;font-weight:400;font-size:14px;line-height:150%;color:#202020}.semua-berkas .list .card-berkas .content .status-surat button{text-transform:capitalize}.detail-berkas{display:flex;flex-direction:column;justify-content:space-between;background:#f5f6fa}.detail-berkas .banner .pattern{padding:20px 0;background:url(/img/pattern/banner-buat-berkas.svg);background-repeat:no-repeat;background-size:cover;background-position:100%;height:200px}@media screen and (max-width:959px){.detail-berkas .banner .pattern{background-size:inherit;background-position:top;display:none}}.detail-berkas .banner .row{display:flex;gap:20px;position:relative;top:-224px}@media screen and (max-width:959px){.detail-berkas .banner .row{display:none}}.detail-berkas .banner .row .progress-berkas{width:45%}.detail-berkas .banner .row .progress-berkas .data-kebutuhan-berkas h3{margin:0 0 10px}.detail-berkas .banner .row .progress-berkas .data-kebutuhan-berkas .data{display:flex;gap:20px;margin:5px 0}.detail-berkas .banner .row .progress-berkas .data-kebutuhan-berkas .data .judul{width:50%}.detail-berkas .banner .row .progress-berkas .data-kebutuhan-berkas .data .judul p{font-weight:400;font-size:14px;line-height:150%;display:flex;align-items:center;color:#717171}.detail-berkas .banner .row .progress-berkas .data-kebutuhan-berkas .data .isi{width:50%}.detail-berkas .banner .row .progress-berkas .data-kebutuhan-berkas .data .isi p{font-style:normal;font-weight:400;font-size:14px;line-height:150%;color:rgba(0,0,0,.8)}.detail-berkas .banner .row .progress-berkas .data-kebutuhan-berkas .data .isi button{-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#033f7f;padding:5px 0}.detail-berkas .banner .row .progress-berkas .berkas-persyaratan .list-persyaratan{display:flex;gap:10px;flex-wrap:wrap}.detail-berkas .banner .row .progress-berkas .berkas-persyaratan .list-persyaratan .card-persyaratan{background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border-radius:12px;margin:10px 0 0;width:162px;flex:0 0 31.333333%}.detail-berkas .banner .row .progress-berkas .berkas-persyaratan .list-persyaratan .card-persyaratan:hover{cursor:pointer}.detail-berkas .banner .row .detail{width:55%}.detail-berkas .banner .row .detail .fisik-surat img{width:100%}.detail-berkas .banner .mobile-view{display:none}@media screen and (max-width:959px){.detail-berkas .banner .mobile-view{display:block}.detail-berkas .banner .mobile-view .breadcrumb-mobile{padding:25px 20px;display:flex;gap:10px;background:#fff;box-shadow:0 .3300000131px 0 0 #d0d1d3}.detail-berkas .banner .mobile-view img{width:100%}}.detail-berkas .banner .card{height:auto;margin:30px 0;background:#fff;box-shadow:0 0 4px 1px hsla(0,0%,7%,.04),0 4px 6px hsla(0,0%,7%,.05);border-radius:12px;width:100%}.detail-berkas .banner .card .head{display:flex;gap:10px}.detail-berkas .banner .card .head .content{width:90%}.detail-berkas .banner .card .head .content h3{font-style:normal;font-weight:600;font-size:24px;line-height:150%;color:#202020;margin-bottom:5px}.detail-berkas .banner .card .head .content .form{margin-top:15px;display:flex;gap:20px;flex-wrap:wrap}.detail-berkas .banner .card .head .content .form .form-group{display:flex;flex-direction:column;flex-basis:100%;flex:1 1}.detail-berkas .banner .card .head .content .submit{display:flex;justify-content:flex-end}.detail-berkas .banner .card .head .content .submit .cari{background:#1d82aa;border-radius:4px;width:127px;padding:12px 48px;height:48px}.detail-berkas .timeline-detail{max-height:398px!important;overflow-y:scroll!important;overflow-x:hidden!important}.detail-berkas .timeline-detail .tittle-timeline{padding:10px 0;border-bottom:2px solid #8593a3!important}.detail-berkas .timeline-detail .name-reviewer{display:inline-block;text-transform:lowercase}.detail-berkas .timeline-detail .name-reviewer h3 h4 h5 h6 p{margin:0}.detail-berkas .timeline-detail .name-reviewer h6{display:inline-block;text-transform:lowercase}.detail-berkas .timeline-detail .name-reviewer h6:first-line,.detail-berkas .timeline-detail .name-reviewer:first-line{text-transform:capitalize!important}.detail-berkas .timeline-detail .status{margin:10px 0}.detail-berkas .timeline-detail .status p{font-size:14px}.detail-berkas .timeline-detail .status .sukses-status{background:green;color:#fff;padding:10px;width:30%;text-align:center;border-radius:10px}.detail-berkas .timeline-detail .status .revisi-status{background:#d7da14;border:none;color:#fff;padding:10px;width:30%;text-align:center;border-radius:10px}.detail-berkas .timeline-detail .comment p{font-size:14px}.progress-detail{display:flex;justify-content:space-between}.progress-detail .bar{margin-top:20px;width:40%}.progress-detail .bar .progress{margin-bottom:55px}.progress-detail .nama-berkas{padding:25px}.progress-detail .nama-berkas h5{font-weight:600;font-size:18px;line-height:130%;color:#202020}.progress-detail .posisi-terakhir{text-align:center}.progress-detail .lihat-detail{display:flex;justify-content:center}.progress-detail .lihat-detail .button-sidemang{background:linear-gradient(180deg,#0d5673,#1b7da3);width:30%}.detail-progress{margin:20px 0 0}.detail-progress .title{display:flex;justify-content:space-between}.detail-progress .title p{color:#1d82aa;font-weight:600;font-size:14px;line-height:130%;display:flex;align-items:center}.detail-progress .title p:hover{cursor:pointer}.detail-progress .timeline-berkas ul .dots-first{margin:0;border-color:#c1e3ff!important;color:#fafafa!important;background-color:#2269a5!important}.detail-progress .timeline-berkas ul .line{border:1px dashed #c4c4c4;background:#efefef}.detail-progress .timeline-berkas ul .dots-bpkad{border-color:#d5d5d5!important;color:#fafafa!important;background-color:#a0a0a0!important;margin:0}.revisi-area{background:#fff;border:1px solid #c1c9d8;box-shadow:0 4px 20px 2px rgba(0,0,0,.04);border-radius:10px;padding:10px 0}.revisi-area label{color:#202020}.revisi-area input,.revisi-area label{font-style:normal;font-weight:400;font-size:14px;line-height:150%}.revisi-area input{color:#717171}.revisi-area input:after{border:none!important}.revisi-area .bottom-area{border-top:1px solid #c1c9d8;display:flex;justify-content:space-between;padding:10px 30px}.revisi-area .bottom-area input[type=color]{width:28px;height:28px}.revisi-area .bottom-area .color{display:flex;align-items:center}.revisi-area .bottom-area .button-sidemang{width:300px;background:linear-gradient(143.9deg,#2a90b8 6.96%,#2976a3 40.08%,#274d84 90.84%);border-radius:2px}.revisi-area .bottom-area .button-sidemang-outline{width:300px;border-radius:2px;width:59px;height:19px}.button-action{position:fixed;bottom:40px;right:40px;z-index:1301}@media screen and (max-width:959px){.button-action{display:flex;align-items:center;position:40px;justify-content:center;left:50px}}.button-action button{background:#1d82aa;border-radius:20px;text-transform:capitalize}.modal-action{display:flex;justify-content:flex-end;border-radius:14px 14px 0 0;padding:10px 0;margin:10px 0;top:261px!important;z-index:999}@media screen and (min-width:1920px) and (max-width:5000px){.modal-action{top:482px!important}}.modal-action .MuiBackdrop-root{background:rgba(0,0,0,.5);backdrop-filter:blur(7px)}.modal-action:after{content:"";width:20px;left:93%;top:73%;height:20px;transform:rotate(45deg);background:#fff;position:absolute;z-index:998}.modal-action .list-action .action{display:flex;gap:10px;border-bottom:.66px solid #d0d1d3;padding:10px 0}.modal-action .list-action .action:hover{cursor:pointer;background:#e0e0e0}.modal-action .list-action .action .desc{display:flex;flex-direction:column}.modal-action .list-action .action .desc p{font-weight:400;font-size:14px;line-height:150%;color:rgba(90,90,90,.8)}.modal-action-operator{display:flex;justify-content:flex-end;border-radius:14px 14px 0 0;padding:10px 0;margin:10px 0;top:261px!important;z-index:999}@media screen and (max-width:959px){.modal-action-operator .MuiPaper-root{width:385px;border-radius:14px 14px;background:#fff}}@media screen and (min-width:1920px) and (max-width:5000px){.modal-action-operator{top:482px!important}}@media screen and (max-width:959px){.modal-action-operator{justify-content:center}}.modal-action-operator .MuiBackdrop-root{background:rgba(0,0,0,.5);backdrop-filter:blur(7px)}.modal-action-operator:after{content:"";width:20px;left:93%;top:66%;height:20px;transform:rotate(45deg);background:#fff;position:absolute;z-index:998}@media screen and (max-width:959px){.modal-action-operator:after{left:47%;top:60%}}.modal-action-operator .list-action .action{display:flex;gap:10px;border-bottom:.66px solid #d0d1d3;padding:10px 0}.modal-action-operator .list-action .action:hover{cursor:pointer;background:#e0e0e0}.modal-action-operator .list-action .action .desc{display:flex;flex-direction:column}.modal-action-operator .list-action .action .desc p{font-weight:400;font-size:14px;line-height:150%;color:rgba(90,90,90,.8)}input[type=color]{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;border:0;cursor:pointer;height:15em;padding:0;width:15em}.manajemen-user{margin:50px 0}.manajemen-user .card-manajemen-user{background:#fff;box-shadow:0 0 4px 1px hsla(0,0%,7%,.04),0 4px 6px hsla(0,0%,7%,.05);border-radius:10px;padding:30px}@media screen and (max-width:959px){.manajemen-user .card-manajemen-user{padding:15px}}.manajemen-user .card-manajemen-user .heading{display:flex;align-items:center;gap:16px;margin:0 0 30px}.manajemen-user .card-manajemen-user .heading button{padding:0!important}.manajemen-user .card-manajemen-user .heading h3{font-family:Segoe UI;font-style:normal;font-weight:600;font-size:20px;line-height:150%;color:#202020}.manajemen-user .card-manajemen-user .flex_between{display:flex;justify-content:space-between;align-items:flex-end}.manajemen-user .card-manajemen-user .flex_between button{cursor:pointer;padding:14px 30px;color:#fb6340;background:hsla(36,88%,70%,.3);border:1px solid #fb6340;border-radius:30px;font-size:16px;font-weight:600}.manajemen-user .card-manajemen-user .table-detail-pegawai{box-shadow:none!important}.manajemen-user .card-manajemen-user .table-detail-pegawai tr td{border-bottom:none;font-family:Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:#000;padding:10px 0}.manajemen-user .card-manajemen-user .table-detail-pegawai tr td label{font-family:Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:150%;color:rgba(37,40,43,.5)}.manajemen-user .card-manajemen-user .filter{display:flex;margin:30px 0}.manajemen-user .card-manajemen-user .filter .button-sidemang{width:100%;color:#fff!important;padding:17px 0!important;background:#1d82aa!important;border-radius:6px;text-transform:capitalize!important}.manajemen-user .card-manajemen-user .button-aktif{background:#eff7ee;color:#0f8500}.manajemen-user .card-manajemen-user .button-aktif,.manajemen-user .card-manajemen-user .button-nonaktif{border-radius:30px;font-family:Rubik,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:140%;align-items:center;text-transform:capitalize}.manajemen-user .card-manajemen-user .button-nonaktif{background:#fbeeee;color:#ff2c2c}.manajemen-user .card-manajemen-user .role{display:flex;flex-wrap:wrap;gap:10px}.manajemen-user .card-manajemen-user .role .button-role{background:#f2f2f2;border:1px solid #d0d0d0;border-radius:20px;font-weight:400;color:#1d82aa}.manajemen-user .card-manajemen-user .role .button-aktif,.manajemen-user .card-manajemen-user .role .button-role{font-family:Segoe UI,sans-serif;font-style:normal;font-size:16px;line-height:21px;padding:11px 32px;text-transform:capitalize}.manajemen-user .card-manajemen-user .role .button-aktif{background:#1d82aa;border:1px solid #fff;border-radius:20px;font-weight:600;color:#fff}.manajemen-user .card-manajemen-user .aksi-button{border:.4px solid #c2c2c2;border-radius:4px}.manajemen-user .card-manajemen-user .pagination-sidemang{display:flex;margin:30px 0!important;justify-content:flex-end}.manajemen-user .card-manajemen-user .pagination-sidemang .Mui-selected{background:linear-gradient(143.9deg,#2a90b8 6.96%,#2976a3 40.08%,#274d84 90.84%)!important;color:#fff}.manajemen-user .tab_active{font-weight:bolder;background:#e1f7ff;border:1px solid #1d82aa}.manajemen-user .tab_inactive{background:#fff;border:1px solid #dddfe2}.kebijakan-privasi{font-family:Proxima Nova,sans-serif}.kebijakan-privasi .hero{background:#ecf5f9;padding:70px 0 0}.kebijakan-privasi .hero h2{color:#1d82aa;font-size:62px;font-style:normal;font-weight:600;line-height:76px}.kebijakan-privasi .hero p{color:#717171;font-size:24px;font-style:normal;font-weight:500;line-height:34px}.kebijakan-privasi .content{padding:50px 0}.kebijakan-privasi .content p{color:rgba(0,0,0,.8);font-size:16px;font-style:normal;font-weight:400;line-height:28px}.kebijakan-privasi .content .kerahasiaan{padding-left:35px}.kebijakan-privasi .content .kerahasiaan li{color:rgba(0,0,0,.8);font-size:16px;font-style:normal;font-weight:400;line-height:28px;padding:10px 0}.kebijakan-privasi .content .pengumpulan-data li{color:#000;text-align:justify;font-size:24px;font-style:normal;font-weight:500;line-height:32px;padding:10px 0}.kebijakan-privasi .content .pengumpulan-data .sbg-berikut{padding-left:20px;padding-top:10px;padding-bottom:10px}.kebijakan-privasi .content .pengumpulan-data .sbg-berikut p{color:rgba(0,0,0,.8);text-align:justify;font-size:16px;font-style:normal;font-weight:400;line-height:24px;padding:10px}.kebijakan-privasi .content .pengumpulan-data .desc{padding:20px 0}.kebijakan-privasi .content .pengumpulan-data .desc p{color:rgba(0,0,0,.8);text-align:justify;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.kebijakan-privasi .content .pengumpulan-data .desc .sbg-berikut{padding-left:20px;padding-top:10px;padding-bottom:10px}.kebijakan-privasi .content .pengumpulan-data .desc .sbg-berikut p{color:rgba(0,0,0,.8);text-align:justify;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.kebijakan-privasi .content .pengumpulan-data .desc .sbg-berikut-detail{padding-left:20px;padding-top:10px;padding-bottom:10px}.kebijakan-privasi .content .get-it-on{display:flex;gap:10px;align-items:center;margin:50px 0}@media screen and (max-width:959px){.kebijakan-privasi .content .get-it-on{flex-direction:column}}.kebijakan-privasi .content .get-it-on .text{width:50%}@media screen and (max-width:959px){.kebijakan-privasi .content .get-it-on .text{width:100%}.kebijakan-privasi .content .get-it-on .text h3{font-size:25px!important;text-align:center}}.kebijakan-privasi .content .get-it-on .text h3{font-style:normal;font-weight:700;font-size:32px;line-height:140%;color:#1d82aa}.kebijakan-privasi .content .get-it-on .app{width:50%;display:flex;gap:10px;justify-content:flex-end}@media screen and (max-width:959px){.kebijakan-privasi .content .get-it-on .app{width:100%;justify-content:center}.kebijakan-privasi .content .get-it-on .app img{width:100px!important}}.kebijakan-privasi .content .get-it-on .app img{width:155px}.footer{background:linear-gradient(143.9deg,#2a90b8 6.96%,#2976a3 40.08%,#274d84 90.84%);padding:15px 0;position:relative;width:100%}@media screen and (max-width:959px){.footer{position:fixed;bottom:0;background:#fff;width:100%;padding:10px 0;box-shadow:0 0 4px 1px hsla(0,0%,7%,.04),0 4px 6px hsla(0,0%,7%,.05)}}.footer .copyright{display:flex;align-items:center;justify-content:center;gap:20px}@media screen and (max-width:959px){.footer .copyright{display:none}}.footer .mobile-menu{display:none}@media screen and (max-width:959px){.footer .mobile-menu{display:flex;align-items:center;justify-content:space-around}.footer .mobile-menu a{display:flex;align-items:center;flex-direction:column;text-decoration:none;font-style:normal;font-weight:400;font-size:10px;line-height:128.91%;color:#c9c9c9;gap:5px;text-align:center}.footer .mobile-menu .aktif{color:#1d82aa}}.footer-landing{background:#f8f9fa;padding:50px 0 0}.footer-landing .menu{display:flex;gap:50px;border-bottom:1px solid #d0d0d0;padding-bottom:10px}@media screen and (max-width:959px){.footer-landing .menu{flex-direction:column-reverse}}.footer-landing .menu .logo-area{display:flex;gap:10px;flex-direction:column}.footer-landing .menu .logo-area .logo{display:flex;gap:10px;align-items:center}.footer-landing .menu .logo-area .logo h4{color:#1d82aa}.footer-landing .menu .logo-area p{margin:5px 0;font-style:normal;font-weight:400;font-size:16px;line-height:26px;font-feature-settings:"salt" on,"liga" off;color:#8593a3}.footer-landing .menu .bantuan{margin-right:45px}.footer-landing .menu .bantuan h3{font-style:normal;font-weight:500;font-size:18px;line-height:30px;font-feature-settings:"salt" on,"liga" off;color:rgba(0,0,0,.8);margin-bottom:25px}.footer-landing .menu .bantuan .quick-link{display:flex;gap:5px;flex-direction:column}.footer-landing .menu .bantuan .quick-link a{font-family:Proxima Nova;font-style:normal;font-weight:400;font-size:16px;line-height:26px;font-feature-settings:"salt" on,"liga" off;text-decoration:none;color:#8593a3}.footer-landing .menu .support-by h3{font-style:normal;font-weight:500;font-size:18px;line-height:30px;font-feature-settings:"salt" on,"liga" off;color:rgba(0,0,0,.8);margin-bottom:25px}.footer-landing .menu .support-by .copyright-mobile{display:none}@media screen and (max-width:959px){.footer-landing .menu .support-by .copyright-mobile{display:block}}.footer-landing .menu .support-by .copyright{display:flex;gap:20px}@media screen and (max-width:959px){.footer-landing .menu .support-by .copyright{display:none}}.footer-landing .menu .support-by .copyright .logo{display:flex;align-items:center}.footer-landing .menu .support-by .copyright .logo-pemkot{width:140px}.footer-landing .menu .support-by .copyright .logo-bsre{width:110px}.footer-landing .menu .support-by .copyright img{width:100%}.on_boarding,.on_boarding .on_boarding_content{position:relative;min-height:100vh}.on_boarding .on_boarding_content{display:flex;justify-content:center;align-items:center}@media screen and (max-width:1279px){.on_boarding .on_boarding_content{padding:30px 0}}.on_boarding .on_boarding_bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%}.on_boarding .card_content{padding:32px 40px 64px;border-radius:24px;background:linear-gradient(260deg,#bcdff3 10.03%,#bfe4e3 99.6%)}@media screen and (max-width:959px){.on_boarding .card_content{padding:32px 20px 48px;border-radius:12px}}.on_boarding .card_content h1,.on_boarding .card_content h5{text-align:center}.on_boarding .card_content h5{font-size:18px;font-weight:400;line-height:140%;color:#009ad8;margin-bottom:12px}@media screen and (max-width:959px){.on_boarding .card_content h5{font-size:16px}}.on_boarding .card_content h1{font-size:46px;font-weight:600;line-height:130%;color:#1d82aa;margin-bottom:40px}@media screen and (max-width:959px){.on_boarding .card_content h1{font-size:22px}}.on_boarding .card_content .grid_apk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px;max-width:100%;margin:auto}@media screen and (max-width:1279px){.on_boarding .card_content .grid_apk{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}}@media screen and (max-width:599px){.on_boarding .card_content .grid_apk{grid-template-columns:repeat(1,minmax(0,1fr));gap:16px}}.on_boarding .card_content .grid_apk a{text-decoration:none}.on_boarding .card_content .grid_apk .card_apk{padding:24px;background:#fff;border-radius:20px}@media screen and (max-width:959px){.on_boarding .card_content .grid_apk .card_apk{border-radius:10px}}.on_boarding .card_content .grid_apk .card_apk .kategori{padding:10px;border-radius:20px;font-size:14px;font-weight:600;line-height:140%;color:#000;background:#f5f5f5;width:-moz-max-content;width:max-content}@media screen and (max-width:959px){.on_boarding .card_content .grid_apk .card_apk .kategori{font-size:12px}}.on_boarding .card_content .grid_apk .card_apk .logo{margin:32px 0 16px;max-width:100%}.on_boarding .card_content .grid_apk .card_apk .deskripsi{font-size:20px;font-weight:600;line-height:140%;color:#1d82aa}@media screen and (max-width:959px){.on_boarding .card_content .grid_apk .card_apk .deskripsi{font-size:16px}}.halaman_monitoring_data{min-height:calc(100vh - 130px);padding-bottom:80px}.halaman_monitoring_data h4{font-size:20px;font-weight:600}.halaman_monitoring_data .flex_{display:flex;align-items:center}.halaman_monitoring_data .group_top{gap:12px;justify-content:space-between;margin-bottom:16px}.halaman_monitoring_data .group_action{gap:12px;justify-content:space-between;flex-wrap:wrap;margin-bottom:24px}.halaman_monitoring_data .group_action *{font-size:14px;font-weight:600}.halaman_monitoring_data .btn_with_icon{gap:8px;padding:14px 16px;border-radius:24px;border:1px solid #d2d5db}.halaman_monitoring_data .input_search{gap:16px;padding:4px 8px 4px 16px;border-radius:24px;border:1px solid #d2d5db}.halaman_monitoring_data .input_search input{width:230px}.halaman_monitoring_data .input_search button{color:#fff;padding:10px 20px;border-radius:30px;background:#1d82aa}.halaman_monitoring_data .subgroup_action{gap:12px;flex-wrap:wrap}.halaman_monitoring_data .subgroup_action .btn_filter{position:relative;width:-moz-max-content;width:max-content}.halaman_monitoring_data .subgroup_action .btn_filter .btn_filter_cover{position:relative}.halaman_monitoring_data .subgroup_action .btn_filter .btn_filter_cover p{min-width:30px;max-width:230px;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1}.halaman_monitoring_data .subgroup_action .btn_filter select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.halaman_monitoring_data .overflow_x_auto{overflow-x:auto}.halaman_monitoring_data .table_decorative{width:100%;border-collapse:collapse;border-radius:6px}.halaman_monitoring_data .table_decorative *{font-size:14px}.halaman_monitoring_data .table_decorative td,.halaman_monitoring_data .table_decorative th{border:1px solid #e7e6e9;padding:16px;max-width:200px}.halaman_monitoring_data .table_decorative th{font-weight:600;color:#777e88;white-space:nowrap}.halaman_monitoring_data .table_decorative td{color:#606060;overflow-wrap:break-word}.halaman_monitoring_data .table_decorative td:last-child span{margin:auto}.halaman_monitoring_data .table_decorative .status_{height:30px;width:120px;display:grid;place-items:center;border-radius:30px}.halaman_monitoring_data .table_decorative .status_.onprocces{color:#ffbc6c;background:#fff2e3}.halaman_monitoring_data .table_decorative .status_.approved{color:#0f8500;background:#eff7ee}.halaman_monitoring_data .table_decorative .status_.rejected{color:#fa7c7c;background:#ffdbdb}.halaman_monitoring_data .pagination{padding:20px 0}.halaman_monitoring_data .pagination ul{justify-content:flex-end}.halaman_monitoring_data .pagination li>button.Mui-selected{color:#fff;background:#1d82aa}.cursor_pointer{cursor:pointer}input,select{outline:none;border:none}.opacity_1{opacity:1}.opacity_0{opacity:0}.visible{visibility:visible}.invisible{visibility:hidden}.background_modal{position:fixed;height:100%;width:100%;top:0;left:0;background:rgba(0,0,0,.5);backdrop-filter:blur(7px);z-index:1000;transition:all .5s ease}.background_modal .aksi_modal{position:fixed;max-height:90%;overflow-y:auto;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:200;padding:24px;background:#fff;border-radius:10px;transition:all .5s ease;width:45%;display:grid;grid-gap:16px;gap:16px}@media screen and (max-width:959px){.background_modal .aksi_modal{width:55%}}@media screen and (max-width:599px){.background_modal .aksi_modal{width:95%;padding:16px;border-radius:5px}}.background_modal .aksi_modal .judul_modal{display:flex;justify-content:space-between;font-size:18px;font-weight:600}.background_modal .aksi_modal .separator{width:100%;height:1px;background:#ccc}.background_modal .aksi_modal .content_modal{display:grid;grid-gap:16px;gap:16px;font-size:14px}.background_modal .aksi_modal .content_modal .input_group{width:100%}.background_modal .aksi_modal .content_modal .input_group input *{background:#fcfcfd}.background_modal .aksi_modal .content_modal .input_group label{color:#2c313a;font-weight:600;display:block;margin-bottom:8px}.background_modal .aksi_modal .content_modal .input_group .input_select{padding:13px;border-radius:4px;border:1px solid #cfd0d7}.background_modal .aksi_modal .content_modal .input_group .input_select input{color:#171717;background:transparent;width:100%}.background_modal .aksi_modal .btn_modal{width:100%;padding:8px 24px;border-radius:6px;font-size:14px;font-weight:500;color:#fff;background:#3867aa}.background_modal .open_file{position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);height:95%;width:95%;z-index:1001}.background_modal .open_file .icon_close{cursor:pointer;position:absolute;top:0;right:0}.background_modal .open_file iframe{position:absolute;background:#fff;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);-o-object-fit:contain;object-fit:contain;height:90%;width:90%}/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}.animate__animated.animate__infinite{animation-iteration-count:infinite}.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{animation-iteration-count:calc(1 * 2);animation-iteration-count:calc(var(--animate-repeat) * 2)}.animate__animated.animate__repeat-3{animation-iteration-count:calc(1 * 3);animation-iteration-count:calc(var(--animate-repeat) * 3)}.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{animation-delay:calc(1s * 2);animation-delay:calc(var(--animate-delay) * 2)}.animate__animated.animate__delay-3s{animation-delay:calc(1s * 3);animation-delay:calc(var(--animate-delay) * 3)}.animate__animated.animate__delay-4s{animation-delay:calc(1s * 4);animation-delay:calc(var(--animate-delay) * 4)}.animate__animated.animate__delay-5s{animation-delay:calc(1s * 5);animation-delay:calc(var(--animate-delay) * 5)}.animate__animated.animate__faster{animation-duration:calc(1s / 2);animation-duration:calc(var(--animate-duration) / 2)}.animate__animated.animate__fast{animation-duration:calc(1s * .8);animation-duration:calc(var(--animate-duration) * .8)}.animate__animated.animate__slow{animation-duration:calc(1s * 2);animation-duration:calc(var(--animate-duration) * 2)}.animate__animated.animate__slower{animation-duration:calc(1s * 3);animation-duration:calc(var(--animate-duration) * 3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.animate__rubberBand{animation-name:rubberBand}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.animate__shakeX{animation-name:shakeX}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}.animate__shakeY{animation-name:shakeY}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.animate__headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.animate__swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.animate__tada{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}.animate__wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{animation-name:jello;transform-origin:center}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate__heartBeat{animation-name:heartBeat;animation-duration:calc(1s * 1.3);animation-duration:calc(var(--animate-duration) * 1.3);animation-timing-function:ease-in-out}@keyframes backInDown{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInDown{animation-name:backInDown}@keyframes backInLeft{0%{transform:translateX(-2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInLeft{animation-name:backInLeft}@keyframes backInRight{0%{transform:translateX(2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInRight{animation-name:backInRight}@keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInUp{animation-name:backInUp}@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{animation-name:backOutDown}@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{animation-name:backOutLeft}@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{animation-name:backOutRight}@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{animation-name:backOutUp}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:calc(1s * .75);animation-duration:calc(var(--animate-duration) * .75);animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.animate__bounceOut{animation-duration:calc(1s * .75);animation-duration:calc(var(--animate-duration) * .75);animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopLeft{animation-name:fadeInTopLeft}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopRight{animation-name:fadeInTopRight}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomLeft{animation-name:fadeInBottomLeft}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomRight{animation-name:fadeInBottomRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.animate__fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.animate__fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{animation-name:fadeOutTopLeft}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{animation-name:fadeOutTopRight}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{animation-name:fadeOutBottomRight}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}.animate__animated.animate__flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{animation-duration:calc(1s * .75);animation-duration:calc(var(--animate-duration) * .75);animation-name:flipOutX;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{animation-duration:calc(1s * .75);animation-duration:calc(var(--animate-duration) * .75);backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedInRight{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateIn{animation-name:rotateIn;transform-origin:center}@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom}@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom}@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom}@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom}@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}.animate__rotateOut{animation-name:rotateOut;transform-origin:center}@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom}@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom}@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom}@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{animation-duration:calc(1s * 2);animation-duration:calc(var(--animate-duration) * 2);animation-name:hinge;transform-origin:top left}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.animate__jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.animate__slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.animate__slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.animate__slideOutUp{animation-name:slideOutUp}