*{font-family:Poppins,Arial,sans-serif}body{background:#fbf8ef;color:#202c38;margin:0;overflow:overlay}body a{color:#242a3d;margin:0;text-decoration:none}body a:hover{color:#2b5aa1}::-webkit-scrollbar{background:#0000;background-color:#0000;width:10px}::-webkit-scrollbar-track{background-color:#0000;position:fixed}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#707f9e;border:2px solid #0000;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#575b85}.app{display:flex;height:100vh}.sidebar{transition:width .3s;width:250px}.sidebar.collapsed{width:80px}.content{flex:1 1;overflow-y:auto;padding:20px}.halaman-memuat,.isi-halaman,.isi-halaman>.bg:only-child{min-height:100vh}.box{background-color:#f9fbff;border-radius:20px;box-shadow:8px 10px 18px rgba(5,4,38,.503);height:fit-content;z-index:999}.early-warn{background-position:50%;background-repeat:no-repeat;border-top-left-radius:20px;border-top-right-radius:20px;height:130px;object-fit:cover;width:100%}@keyframes halaman-keluar{to{opacity:0;transform:translateY(-10px)}}@keyframes halaman-masuk{0%{opacity:0;transform:translateY(18px)}}@keyframes halaman-pudar-keluar{to{opacity:0}}@keyframes halaman-pudar-masuk{0%{opacity:0}}::view-transition-old(root){animation:halaman-keluar .2s cubic-bezier(.4,0,1,1) both}::view-transition-new(root){animation:halaman-masuk .38s cubic-bezier(.16,1,.3,1) 60ms both}::view-transition-new(root),::view-transition-old(root){mix-blend-mode:normal}.header{view-transition-name:kepala-situs}.app .pro-sidebar{view-transition-name:sisi-dasbor}.app .content>:first-child{view-transition-name:atas-dasbor}::view-transition-group(atas-dasbor),::view-transition-group(kepala-situs),::view-transition-group(sisi-dasbor){animation:none}::view-transition-old(atas-dasbor),::view-transition-old(kepala-situs),::view-transition-old(sisi-dasbor){animation:none;opacity:0}::view-transition-new(atas-dasbor),::view-transition-new(kepala-situs),::view-transition-new(sisi-dasbor){animation:none}::view-transition-old(atas-dasbor):only-child,::view-transition-old(kepala-situs):only-child,::view-transition-old(sisi-dasbor):only-child{animation:halaman-pudar-keluar .2s cubic-bezier(.4,0,1,1) both;opacity:1}::view-transition-new(atas-dasbor):only-child,::view-transition-new(kepala-situs):only-child,::view-transition-new(sisi-dasbor):only-child{animation:halaman-pudar-masuk .38s cubic-bezier(.16,1,.3,1) 60ms both}#root:not(:empty){animation:halaman-pudar-masuk .45s ease-out}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation:none!important}#root:not(:empty){animation:none}}html{scroll-behavior:smooth}.bg{background:url(/public/static/media/Rectangle1.6727e98ff31388551552.avif) no-repeat;background-position:50%;background-repeat:no-repeat;background-size:cover}.section-top{color:#202c38}.section-top p{font-size:14px;font-weight:400;letter-spacing:5px;padding-bottom:5px;text-align:center}.section-top h1{font-size:38px;font-weight:900;letter-spacing:5px;line-height:110%}.section-top h1 span{color:#163461}.our-features{background-color:#23477d;color:#fff;text-align:center}.our-features h3{font-size:16px}.our-features h2{font-size:32px;font-weight:700;letter-spacing:7px;text-align:center}.our-features p{font-size:14px;margin:0;padding:10px 30px 0}.about-anr{background-color:#23477d}.about-anr h2{color:#23477d;font-size:32px;font-weight:700;letter-spacing:2px;margin-bottom:5px}.about-anr p{border-left:8px solid #163461;border-radius:2px;color:inherit;font-size:14px;line-height:175%;padding-left:10px}.round-right{border-bottom-right-radius:20px;border-top-right-radius:20px}@media screen and (max-width:1010px){.sm-center{text-align:center}.sm-reverse{display:flex;flex-direction:column-reverse!important;width:100%}.round-left,.round-right{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:20px;border-top-right-radius:20px}}.round-right{border-bottom-right-radius:13px;border-top-right-radius:13px}.image{background-position:50%;background-repeat:no-repeat;background-size:cover}@media only screen and (max-width:580px){.section-top h1{font-size:24px;letter-spacing:3px}.about-anr h2{font-size:24px}.about-anr p{font-size:14px}}.beranda .box p,.beranda .our-features p{font-size:14px}.peta-cadangan{min-height:calc(clamp(260px,45vh,420px) + 110px)}.peta-cadangan-kotak{background-color:#dfe6f0;border-radius:16px;height:clamp(260px,45vh,420px)}.batas-galat-halaman{min-height:100vh}.batas-galat{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:200px;padding:16px}.batas-galat-kartu{background:#f9fbff;border-radius:20px;box-shadow:0 8px 24px #0504261f;color:#242a3d;margin:0 auto;max-width:520px;padding:28px 24px;text-align:center}.batas-galat-kartu p{color:#5b6675;font-size:15px;margin:0 0 18px}.batas-galat-kartu .batas-galat-judul{color:#242a3d;font-size:20px;font-weight:700;margin-bottom:8px}.batas-galat-tombol{background:#163461;border:0;border-radius:999px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 22px}.batas-galat-tombol:focus-visible,.batas-galat-tombol:hover{background:#2b5aa1}nav{align-items:center;display:flex;justify-content:space-between;padding:0 1em}nav .nav-i{font-size:14px;font-weight:500;padding:0 10px}nav .nav-i.active{color:#163461;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.header{margin-top:40px;position:absolute;width:100%;z-index:1}.logo{height:auto;margin-left:-35px;margin-top:-30px;max-width:200px;object-fit:contain;width:100%}.span-logo{color:inherit;font-size:11px;margin-left:5px;margin-top:-30px}.our-station{min-height:100vh}.our-station h1{color:#242a3d;font-size:30px;font-weight:900;height:fit-content;letter-spacing:5px;margin-bottom:8px;text-align:center}.our-station .stasiun-subjudul{color:#5b6675;letter-spacing:1px;margin:0 0 28px;text-align:center}.our-station .stasiun-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:36px}.our-station .stasiun-filter button{background:#ffffffb3;border:1px solid #16346140;border-radius:999px;color:#163461;cursor:pointer;font-size:14px;font-weight:500;height:38px;padding:0 18px;transition:background .15s}.our-station .stasiun-filter button:hover{background:#fff}.our-station .stasiun-filter button.aktif{background:#163461;border-color:#163461;color:#fff;font-weight:600}.our-station .stasiun-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.our-station .stasiun-kartu{background:#f9fbff;border-radius:20px;box-shadow:0 8px 24px #0504261f;color:#242a3d;display:flex;flex-direction:column;padding:22px;transition:transform .15s,box-shadow .15s}.our-station .stasiun-kartu:hover{box-shadow:0 14px 32px #05042633;color:#242a3d;transform:translateY(-4px)}.our-station .stasiun-kartu:hover .stasiun-buka svg{transform:translateX(4px)}.our-station .stasiun-kartu h2{font-size:20px;font-weight:700;line-height:1.3;margin:2px 0 14px}.our-station .stasiun-atas{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:14px}.our-station .stasiun-ikon{background:#16346114;background:color-mix(in srgb,var(--aksen) 12%,#0000);border-radius:12px;color:var(--aksen);display:grid;height:44px;place-items:center;width:44px}.our-station .stasiun-status{background:#fff1d6;border-radius:999px;color:#9a5b00;font-size:11px;font-weight:600;padding:4px 10px;white-space:nowrap}.our-station .stasiun-jenis{color:var(--aksen);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.our-station .stasiun-param{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 20px;padding:0}.our-station .stasiun-param li{background:#e7eef8;border-radius:999px;color:#163461;font-size:12px;padding:3px 10px}.our-station .stasiun-buka{align-items:center;color:#163461;display:inline-flex;font-size:14px;font-weight:600;gap:4px;margin-top:auto}.our-station .stasiun-buka svg{font-size:18px;transition:transform .15s}@media only screen and (max-width:600px){.our-station .stasiun-filter{gap:8px;margin-bottom:24px}.our-station .stasiun-filter button{font-size:13px;height:34px;padding:0 14px}.our-station .stasiun-grid{gap:16px}.our-station .stasiun-kartu{padding:18px}.our-station .stasiun-kartu h2{font-size:18px}}.graph-container{padding:50px 0}.graph-container .top-graph{align-items:center;display:flex;justify-content:space-between}.graph-container .bottom-graph{column-gap:20px;display:flex}.graph-container .bottom-graph .graph-parameter .scrollable-button{align-items:stretch;display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-x:hidden;overflow-y:auto;padding-bottom:10px;white-space:nowrap}.graph-container .bottom-graph .graph-parameter .scrollable-button button{align-items:center;background:#163461;border:0;border-radius:10px;color:#fff;cursor:pointer;display:flex;justify-content:space-between;min-width:150px;padding:10px 4px}.graph-container .bottom-graph .graph-parameter .scrollable-button button .button-value{font-weight:500;text-align:left}.graph-container .bottom-graph .graph-parameter .scrollable-button button .button-name{letter-spacing:2px;text-align:left}.graph-container .bottom-graph .graph-parameter .scrollable-button button .emote{align-items:center;justify-content:space-around;padding:5px}.graph-container .bottom-graph .graph-parameter .scrollable-button button img{height:auto;width:33px}.graph-container .bottom-graph .graph-parameter .scrollable-button button:hover{background-color:rgba(65,101,155,.525)}.graph-container .bottom-graph .graph-parameter .scrollable-button button .button-container{padding-left:10px}.graph-container .bottom-graph .graph-parameter .scrollable-button button .button-container .button-name{font-size:12px}.graph-container .bottom-graph .graph-parameter .scrollable-button button .button-container .button-value{font-size:24px}.chart-wrapper{overflow-x:auto;overflow-y:hidden}.chart-wrapper .chart{height:350px;width:720px}.graph-time{display:flex;flex-direction:row;gap:7px;justify-content:flex-start}.graph-time button{background-color:#0000;border:2px solid #242a3d;border-radius:12px;cursor:pointer;font-size:10px;font-style:normal;font-weight:600;height:25px;width:100px}.graph-time button.selected,.graph-time button:hover:not(.selected){background:#163461;border:none;color:#fff}.graph-container{column-gap:20px;display:flex;flex-direction:column;margin:0 auto;width:100%}.parameter-container{align-items:stretch;display:flex;flex-direction:column;row-gap:10px}.chart-wrapper{background-color:#ffffff80;border-radius:10px;flex:1 1;padding:20px}.parameter-container button{background:#163461;border:0;border-radius:10px;color:#fff;padding:20px 8px}.station-name p{color:#242a3d;font-size:25px;font-style:normal;font-weight:800;letter-spacing:.02em;margin-bottom:10px;text-align:right}.chip{border-radius:20px;color:#fff;display:flex;justify-content:center;padding:5px 0;text-align:center;width:100%}.chip,.chip p{font-size:14px}.chip p{margin:0;padding:0 5px}.chip .ind-icon{font-size:18px}.high{background-color:#a3302a}.mid{background-color:#ff9519}.low{background-color:#4a9e2c}.chip.low,.chip.mid{color:#111827}@media only screen and (max-width:580px){.bottom-graph{flex-direction:column}.top-graph{flex-direction:column-reverse;justify-content:center;padding-bottom:10px}.top-graph .graph-time button{width:70px}.top-graph p{margin:0}.graph-parameter,.top-graph p{padding-bottom:10px}.graph-parameter .scrollable-button{flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:5px}.graph-parameter .scrollable-button button .button-value{font-size:12px!important}.chip{align-items:center;border-radius:10px;flex-direction:column-reverse;padding:5px 10px}.chip .ind-icon{font-size:30px;margin:5px 0}.chip .range{font-size:12px}.graph-container .box h3{font-size:14px}.graph-container .box p{font-size:10px}}footer{background-color:#101d37;color:#fbf8ef;flex-direction:column;padding:20px 0}.logo-container,footer{align-items:center;display:flex;justify-content:center}.logo-container{margin:5px 0}.bottom p,footer p{font-size:12px;font-weight:400;margin-right:20px}.icon{height:20px;margin:0 10px;width:auto}.bottom{background-color:#152b56;color:#fbf8ef}.bottom h2{font-size:1em;font-weight:600;letter-spacing:2px;margin-bottom:10px;margin-top:1.33em}.bottom a{color:#fbf8ef;font-size:12px;margin-bottom:3px}.bottom .navigations{color:#fbf8ef;display:flex;flex-direction:column;margin-top:30px}.bottom .navigations .link{align-items:center;display:flex;min-height:24px}.bottom .peta-lokasi{border:0;border-radius:13px;display:block;height:100px;width:100%}.bottom .peta-fasad{align-items:center;background-color:#ffffff14;border:1px solid #ffffff40;box-sizing:border-box;display:flex;flex-direction:column;font-size:12px;gap:8px;justify-content:center}.bottom .peta-fasad button{background:#0000;border:1px solid #fbf8ef;border-radius:16px;color:#fbf8ef;cursor:pointer;font:inherit;font-size:13px;font-weight:500;min-height:32px;padding:4px 16px}.bottom .peta-fasad button:focus-visible,.bottom .peta-fasad button:hover{background-color:#ffffff26}.info{display:flex;text-align:left}.logos{align-items:center;display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:center;padding:10px 0 24px}.logos a{display:block;line-height:0;transition:opacity .15s}.logos a:hover{opacity:.75}.logo-partner{display:block;height:44px;width:auto}@media only screen and (max-width:580px){.logos{gap:14px 22px}.logo-partner{height:32px}}.gerbang-tunggu{min-height:100vh}.gerbang-memuat{color:#5b6675;text-align:center}.gerbang-kartu{background:#f9fbff;border-radius:20px;box-shadow:0 8px 24px #0504261f;color:#242a3d;margin:0 auto;max-width:520px;padding:32px 28px;text-align:center}.gerbang-kartu h1{font-size:26px;font-weight:800;margin:0 0 10px}.gerbang-kartu p{color:#5b6675;margin:0 0 22px}.gerbang-tombol,.gerbang-tombol:hover{background:#163461;border-radius:999px;color:#fff;display:inline-block;font-weight:600;padding:10px 22px}.perawatan-pemberitahuan{background:#fff1d6;border-top:2px solid #e0a43a;bottom:0;color:#5c3a00;font-size:15px;line-height:1.45;padding:12px 16px;position:sticky;text-align:center;z-index:1100}.perawatan-pemberitahuan strong{color:#9a5b00}.perawatan-pemberitahuan.layar-penuh{left:0;position:fixed;right:0}