@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Reddit+Sans:ital,wght@0,200..900;1,200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Kay+Pho+Du:wght@400;500;600;700&family=Lora:ital,wght@0,400..700;1,400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap";@keyframes fade{0%{opacity:.2}to{opacity:1}}@keyframes fromRight{0%{opacity:.4;transform:translate(64px)}to{opacity:1;transform:translate(0)}}@keyframes fromLeft{0%{opacity:.4;transform:translate(-64px)}to{opacity:1;transform:translate(0)}}.animation-start{animation:fade .4s linear}.start-from-right{animation:fromRight .3s ease-in-out}.start-from-left{animation:fromLeft .3s ease-in-out}.layanan-logo{background-color:#efefef;border-radius:12px}.btn-layanan{color:#00a6ff}.grid-opds{display:flex;gap:0px;flex-wrap:wrap}.grid-item-opd{height:max-content;width:100%}.grid-item-inner{border-radius:12px;background-position:center;background-size:cover;height:150px}.grid-item-inner:hover{filter:brightness(1.2)}@media screen and (max-width: 600px){.grid-item-inner{width:100%}.grid-item-container{width:100%!important}}#root{display:flex;flex-direction:column}:root{--aksen: rgb(95, 135, 160);--aksen2: #77B6EA}.dashboard-back{position:absolute;width:100%;height:100%;z-index:1}.warna-aksen-2{color:var(--aksen2)}a.aksen{color:var(--aksen)}.search-item-selected{background-color:#dedede}thead th{background-color:#f1f1f1!important;color:#676767!important}.btn-baru{font-size:1em}.grup-btn{background-color:#ffffff63;padding:4px;border-radius:12px}.btn-baru.aktif{background-color:#fff;border:1px solid rgba(128,128,128,.7490196078);box-shadow:1px 1px 8px gray;font-weight:800}.tengah-kolom{display:flex;flex-direction:column;align-items:center}.tengah-row{display:flex;justify-content:center}.tengah-bgt{display:flex;flex-direction:column;justify-content:center;align-items:center}.warna-aksen{color:var(--aksen)}.warna-aksen-cowok{color:#2196f3}.warna-aksen-cewek{color:#f06292}.text-muted-2{color:#777777d1}.offc-back{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body{font-family:Plus Jakarta Sans;background-color:#f8f9fa;font-size:85%}.hero-container{padding:1em 1em 0}@media screen and (max-width: 600px){.hero-container{padding:2em}}#back-beranda2{background-size:cover;background-repeat:no-repeat}.teks-hero-beranda2{font-family:Lora;font-weight:700;font-size:37px}.teks-hero-beranda2,.teks-hero-sub-beranda2{color:#727272}.box-topik2{border-radius:24px;min-height:200px;width:100%;padding:4em}.beranda2-topik2-container{display:flex;width:100%;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:-2em}.box-topik-item{border-radius:12px;background:linear-gradient(155deg,#fff,#fff);box-shadow:2px 2px #8c8c8c26;width:150px;height:150px;transition:all .1s linear}.box-topik-item:hover{background:linear-gradient(155deg,#fff,#f3f3f3);box-shadow:2px 5px #8c8c8c26;transform:translateY(-4px)}.box-topik-item:active{background:linear-gradient(155deg,#fff,#bbb);box-shadow:2px 2px #8c8c8c26;transform:translateY(4px)}@media only screen and (max-width: 600px){.box-topik2{padding:2em}.beranda2-topik2-container{flex-wrap:wrap;justify-content:center}.box-topik-item{border-radius:12px;width:150px}}.bi-besar2>.bi{width:3em;height:3em}.topik-nama{color:#292929;text-wrap:wrap;text-overflow:ellipsis;text-decoration:none!important}#landing-page-container{height:100%;width:100%;position:fixed;top:0;left:0;z-index:9999;background:linear-gradient(120deg,#fdfbfb,#ebedee);display:flex;flex-direction:column;align-items:center;justify-content:center}#pangan-page-container{height:100%;width:100%;position:fixed;top:0;left:0;z-index:9999;background:linear-gradient(46deg,#fff,#f3f3f3);background-size:100%;display:flex;flex-direction:column}#landing-page-container .sambutan{color:#ffffff8d}#topik-container{display:flex;flex-wrap:wrap;max-width:1000px;gap:12px;justify-content:center;margin-top:3em;max-height:500px;overflow:auto}.topik-item{width:200px;height:100px;border:1px solid rgba(255,255,255,.112);border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(24deg,#dbe8ffe1,#d3d3d370);transition:all .3s ease-in-out;text-align:center;overflow:hidden}.topik-item:hover{filter:brightness(1.1)}.topik-img{height:100px;width:100%;background-size:cover;background-position:center;position:absolute;z-index:-1;filter:brightness(.9) grayscale(1);transition:all .3s linear}.topik-item:hover>.topik-img{filter:brightness(1)}a.topik-link{color:inherit;text-decoration:none}.topik-teks{font-size:1em;color:#1d1d1db1;text-align:center;text-shadow:0 0 20px rgb(205,205,205)}.topik-item:hover+div>.topik-teks{color:#1d1d1deb;font-weight:700}#pangan-container{display:flex;width:100%;gap:18px;margin-top:1em;height:100%;overflow:auto;padding:2em 12em;flex-wrap:wrap;flex-grow:1;align-content:flex-start}#pangan-container2{display:flex;width:100%;margin-top:1em;overflow:auto;flex-wrap:wrap;flex-grow:1;align-content:center}.pangan-item{height:max-content;border:1px solid rgba(255,255,255,.33);border-radius:8px;box-shadow:2px 3px 6px #c1c1c161;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease-in-out;text-align:center;overflow:hidden}.pangan-bar{padding:2em 0}.pangan-badge{background-color:#e5e5e5!important;color:#444;padding:1em 1.2em}@media screen and (max-width: 600px){.pangan-bar{padding:2em 1em}}.pangan-search-bar{max-width:600px}.pangan-item-bg{filter:brightness(1);transition:all .5s linear;background-color:#fff;border-image:fill 0 linear-gradient(to right,#00000028,#c4c4c4cd,#ebebebf4,#fff)}.pangan-item:hover>.pangan-item-bg{filter:brightness(1)}.pangan-nama{font-size:1em;color:#2b2b2beb;text-shadow:0 0 20px rgba(0,0,0,.274)}.pangan-harga{font-size:1.3em;color:#1d1d1deb}@media only screen and (max-width: 600px){#pangan-container{flex-direction:column;gap:0px;flex-wrap:nowrap;padding:2em}.pangan-item{width:100%;height:max-content;margin-bottom:1em}}.rise-container{background-color:#edededdb;border-radius:12px;padding:0 8px}.btn-header{background-color:#5e5e5e0b}.tengah-kebawah{display:flex;flex-direction:column;justify-content:center}.bi{display:inline-block;width:1rem;height:1rem}.bi-dashboard>.bi{display:inline-block;width:2rem;height:2rem;color:#ffffffde}.dock-back{background-image:url(/assets/sugih_mukti_outline-Bko848MH.png);background-repeat:no-repeat;background-position-x:right;background-position-y:bottom;width:100%;height:90%;position:absolute;z-index:999;opacity:.05;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none}.nav-link-grid{transition:all .1s linear}.nav-link-header{transition:all .1s linear;cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;margin-right:24px;color:#2e2e2ebf}.nav-link-header.active,.nav-link-header:hover{color:#181818}.sidebar .nav-link.active{color:#2c2c2c}.sidebar-back-button{background:transparent;border:1px solid grey;color:gray}.root2{height:100vh}.bg-header{background-color:#faf6e291;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kotak{padding:8px;cursor:pointer}.inner-kotak{border-radius:12px;padding:16px;height:100%;transition:all .2s linear;background-color:#ffffffe1;background-color:transparent;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#d1d1d1a7;border-color:none;box-shadow:1px 1px 20px #0000000c}.inner-kotak-plain{padding:16px;height:100%;transition:all .2s linear;background-color:transparent;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:none}#menu-mobile{display:none}.bi-container{margin-right:.1em;padding:8px 12px;border-radius:8px}.bi-judul{height:32px;width:32px;color:var(--aksen);padding:2px}.judul{font-weight:800!important}.judul-diagram{font-weight:200;font-size:2em;margin-bottom:2em}.judul-kotak-gede{font-family:Reddit Sans}.judul-pisan{font-family:Reddit Sans;color:#5f87a0;font-weight:400}.padding-responsive{padding:3em}.nav-mobile{justify-content:space-around}.warna-card-baru{background-color:#ffffffbd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.warna-card-baru-contrast{background-color:#1b829a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f5f5f5}@media only screen and (max-width: 1218px){.m-responsive{margin-top:1em}.judul-responsive{justify-content:center;text-align:center}.nav-mobile{justify-content:space-between}#menu-mobile{display:block}.desktop-only{display:none}}@media only screen and (max-width: 600px){.inner-kotak{border:none}.warna-card-baru{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.padding-responsive{padding:.5em}.sidebar{display:none}.judul{text-align:center}}.angka-depan{font-size:3em}.layout-angka{display:flex;flex-direction:row;justify-content:space-between}.text-ungu{color:#5fa07c}.teks1{color:#8ea7f4}.teks2{color:#e79597}.teks3{color:#5050ac}.teks4{color:#8f8ee6}.teks5{color:#e79597}.kotak-program-cjr{flex-grow:1}.teks1:hover,.teks1.inner-kotak-aktif{background-color:#8ea8f4;color:#fff}.teks2:hover,.teks2.inner-kotak-aktif{background-color:#e79596;color:#fff}.teks3:hover,.teks3.inner-kotak-aktif{background-color:#5050ac;color:#fff}.teks4:hover,.teks4.inner-kotak-aktif{background-color:#8f8ee6;color:#fff}.teks5:hover,.teks5.inner-kotak-aktif{background-color:#e79596;color:#fff}.nav-link:hover{background-color:#eee}.nav-link-active{background-color:#8a8a8a;color:#fff!important}.tengah-banget{justify-content:center;align-items:center}.nav-link-header-topik{padding:1em 1em 0;border-radius:12px;background-color:#fff0;transition:all .2s linear}.nav-link-header-topik:hover{background-color:#ffffff1a}.teks-abu{color:gray}@keyframes dockAnimate{0%{opacity:0;transform:translateY(-200px)}to{opacity:1;transform:translateY(0)}}.dock{animation:dockAnimate .2s ease-in-out}#back-depan{background-size:cover;background-position:bottom;flex-grow:1}.copyright-teks{color:#bcbcbc}@media (min-width: 768px){.sidebar .offcanvas-lg{position:-webkit-sticky;position:sticky;top:48px}.navbar-search{display:block}}.sidebar .nav-link{font-size:.875rem;font-weight:500}.sidebar .nav-link.active{color:#252525}.sidebar-heading{font-size:.75rem}.navbar-brand{padding-top:.75rem;padding-bottom:.75rem;background-color:#00000040;box-shadow:inset -1px 0 #00000040}.navbar .form-control{padding:.75rem 1rem}.nav-link-blank{color:#252525}._activecustom_17n7d_1{background-color:#5f87a0!important;color:#fff!important}._containerListOpd_17n7d_11{height:calc(100dvh - 96.8px);width:500px;top:16px;gap:1rem}._bentoGrid_17n7d_27{max-width:100%;columns:1;column-gap:1rem}._bentoCard_17n7d_39{margin:0 0 1rem}@media (min-width: 992px){._bentoGrid_17n7d_27{columns:2}}