@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap);.header{gap:1rem;padding:1rem 2rem!important;height:6rem;font-size:1.6rem;font-weight:500;background-color:#e9fae3;border-bottom:2px solid rgba(0,0,0,.2)}.header,.header a:link,.header a:visited{display:flex;align-items:center}.header .logo{display:block;height:4rem}.header h1{font-size:1.6rem}.header-title span:first-of-type{display:inline-block}.header-title span:last-of-type{display:none}.main-nav{margin-left:auto}.main-nav-list{display:flex;align-items:center;gap:3rem;list-style:none}.main-nav-link:link,.main-nav-link:visited{display:inline-block;text-decoration:none;color:#2a2b26}.main-nav-link:active,.main-nav-link:hover{color:#f1bf98}@media (min-width:650px){.header-title span:first-of-type{display:none}.header-title span:last-of-type{display:inline-block}}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:Rubik,sans-serif;line-height:1;font-size:1.4rem;font-weight:400;color:#2a2b26;min-width:350px;overflow-x:hidden;background-color:#fcfaf9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:2px}::-webkit-scrollbar-thumb{border-radius:2px;background:rgba(225,244,203,.8);-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.5)}::-webkit-scrollbar-thumb:window-inactive{background:rgba(225,244,203,.4)}#app{display:flex;position:relative;flex-direction:column;min-height:100vh}.map-container[data-v-10efd188]{position:relative;display:flex;flex-grow:1;min-height:0}.map[data-v-10efd188]{flex-grow:1;background-color:#f5f6f4;z-index:10}.btn-geolocation[data-v-10efd188]{position:absolute;bottom:15px;right:15px;z-index:1000;display:flex;align-items:center;justify-content:center;width:clamp(30px,8vw,34px);height:clamp(30px,8vw,34px);padding:0;background:#fff;color:#5f6368;border:none;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.3);cursor:pointer;transition:color .2s,background .2s}.btn-geolocation[data-v-10efd188]:hover:not(:disabled){color:#1a73e8;background:#f5f5f5}.btn-geolocation[data-v-10efd188]:disabled{cursor:progress;color:#1a73e8}.btn-geolocation .icon[data-v-10efd188]{width:55%;height:55%}.icon-spin[data-v-10efd188]{animation:spin-10efd188 .9s linear infinite}@keyframes spin-10efd188{to{transform:rotate(1turn)}}.radar-info[data-v-10efd188]{position:absolute;bottom:20px;left:15px;z-index:1000;display:flex;flex-direction:column;gap:4px;background:#fff;padding:10px 14px;border-radius:6px;font-size:13px;box-shadow:0 2px 6px rgba(0,0,0,.2);pointer-events:none}.location-error[data-v-10efd188]{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:1000;background:hsla(0,100%,98%,.65);color:#b22;padding:10px;border-radius:6px;font-size:12px;max-width:230px;text-align:center}@media only screen and (max-width:480px){.btn-geolocation[data-v-10efd188]{bottom:15px;left:15px}}.legend{display:flex;flex-direction:column;align-items:center;background-color:#7fffd4;position:absolute;bottom:3.5rem;right:1rem;border-radius:10rem;box-shadow:0 0 .3rem #333;z-index:20;cursor:default}.dbz{background:linear-gradient(180deg,#04fdff,#04fdff,#04fdff,#0097fe,#0100fe,#00ff03,#02c803,#029401,#fffd00,#ffc603,#fd7801,#ff0101,#c80000,#970102,#ff02ff,#9300fc,#9300fc)}.qpe{background:linear-gradient(180deg,#eee,#eee,#eee,#eee,#0f0,#ff0,orange,red,purple,#00f,#00f)}.legend span{flex:1 1 auto;padding:.2rem;font-size:1rem;font-weight:500;transform:translateY(50%);text-shadow:-.075rem -.075rem 0 #fff,.075rem -.075rem 0 #fff,-.075rem .075rem 0 #fff,.075rem .075rem 0 #fff}.off-screen{display:none}@media (min-width:650px){.legend{top:7rem;bottom:auto}}.setting-location{gap:1rem}.radar-location,.setting-location{display:flex;flex-direction:column}.radar-location{gap:.5rem;flex-grow:1}.btn-location{padding:.5rem 1rem;background-color:#fff3e5;border-radius:1rem}.btn-location:hover{background-color:#20c997;color:#fff}.tooltip-lokasi-radar{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center}.tooltip-header{color:#107c5c}@media (min-width:600px){.radar-location{display:grid;grid-template-columns:repeat(4,1fr);-moz-column-gap:2rem;column-gap:2rem;row-gap:1rem}}.setting-area{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}#chart-area-terdampak{width:100%;height:20rem}.setting-opacity{display:grid;grid-template-columns:repeat(2,1fr);-moz-column-gap:2rem;column-gap:2rem;row-gap:2rem;padding:1rem 2rem}.opacity-box{display:flex;flex-direction:column;justify-content:center;gap:1rem}.slider-opacity{cursor:pointer}.btn-qpe{box-shadow:0 0 5px 1px rgba(0,0,0,.24);outline:none;transition:all .2s}.btn-qpe-disabled{transform:scale(.98);box-shadow:0 0 2px 1px rgba(0,0,0,.24);pointer-events:none}.setting-history{display:flex;flex-direction:column;gap:1rem}.setting-history p{margin-bottom:2px}.setting-history p em{font-size:1rem}.informasi-waktu{display:flex;flex-direction:column;gap:.75rem}.realtime{width:100%;padding:.5rem 0;border-radius:5px}.realtime-active{background-color:#bde4a7}.pemilihan-waktu{display:flex;gap:1rem;align-items:stretch}.datepicker-form{flex-grow:1}.btn-submit{background-color:#fcdf6b;padding:.5rem 1rem;border-radius:5px}.btn-submit.btn-disabled{background-color:#fff5ce;pointer-events:none}.sequence-container{background-color:#ccc;border-radius:5px;cursor:pointer;height:4px;width:100%}.sequence{background:#242323;border-radius:5px;height:100%;transition:width .1s linear}.data-info,.player-container,.sequence-time{display:flex;justify-content:center}.player-container{gap:2rem;align-items:center}.player-control{font-size:2rem;cursor:pointer}.btn-play{font-size:3rem}.player-control:hover{color:#f1bf98}.control-menu{flex-direction:column;left:0;top:6rem;z-index:30}.control-menu,.header-control{display:flex;position:absolute;width:100%}.header-control{justify-content:space-between;align-items:center;bottom:0;padding:.75rem 1rem;transform:translateY(100%);pointer-events:none}.btn{display:flex;align-items:center;justify-content:center;border:0;cursor:pointer;transition:background-color .3s ease-out,stroke .3s ease-out}.btn-control{padding:.5rem;background-color:#e1f4cb;border-radius:50%;box-shadow:0 0 3px #333;pointer-events:auto}.btn-control:hover{background-color:#20c997}.btn-icon{width:2.4rem;height:2.4rem;stroke:#333}.btn:hover .btn-icon{stroke:#fff}.update-terakhir-radar{align-self:flex-start;color:#fff;text-shadow:-.75px -.75px 0 #000,.75px -.75px 0 #000,-.75px .75px 0 #000,.75px .75px 0 #000}.btn-menu{display:flex;align-items:center;gap:1rem;padding:.5rem 2rem;background-color:#e1f4cb;border-radius:.5rem}.btn-menu:hover{background-color:#20c997;color:#fff}.menu-container{flex-direction:column;width:100%;height:25rem;overflow:hidden}.menu,.menu-container{display:flex;justify-content:center}.menu{align-items:stretch;gap:1rem;padding:.5rem 1rem;background-color:#f6fef7}.menu .menu-icon{font-size:1.4rem}.menu .menu-name{display:none}.menu-active{background-color:#f1bf98}.menu-setting{flex-grow:1;padding:1rem 2rem;overflow-y:auto;background-color:#fff}@media (min-width:650px){.control-menu{top:auto;bottom:2.4rem}.header-control{transform:translateY(-100%);top:0;bottom:auto}.update-terakhir-radar{align-self:flex-end;font-size:1.6rem;letter-spacing:1px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.menu{justify-content:flex-start}.menu .menu-name{display:inline-block}}.footer{font-size:1.2rem;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;height:2.4rem;background-color:#e9fae3;border-top:2px solid rgba(0,0,0,.2)}.tanggal-waktu{font-weight:600}.leaflet--link:link,.leaflet--link:visited{text-decoration:none}