#app{height:100dvh;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:hidden}#app .alert-dialog{z-index:2000}#app .progress-linear{z-index:2010}img{image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:crisp-edges}::-webkit-scrollbar{display:none;width:0}.v-snack.v-snack--active.v-snack--bottom{z-index:5000}.v-dialog__content.v-dialog__content--active{z-index:8000!important}.v-overlay.v-overlay--active.theme--dark{z-index:5000!important}.leaflet-bottom.leaflet-right .leaflet-control-attribution.leaflet-control{pointer-events:painted!important}.error-message[data-v-ebd81238]{color:red;text-align:center}.hazard-map-control-container{height:450px;width:200px;pointer-events:none}.hazard-map-control-container .usage-title{white-space:pre;line-height:16px}.hazard-map-control-container .disp-btn{pointer-events:auto}.hazard-map-control-container .fade-in{animation-name:fadein;animation-duration:1s;animation-fill-mode:forwards}.hazard-map-control-container .fade-out{animation-name:fadeout;animation-duration:1s;animation-fill-mode:forwards;pointer-events:none;visibility:hidden}@keyframes fadein{0%{transform:translateX(-350px)}to{transform:translateX(0)}}@keyframes fadeout{0%{transform:translateX(0)}to{transform:translateX(-300px)}}.hazard-map-control-container .v-label{font-size:8px!important}.hazard-map-control-container .v-messages{display:none}.sensor-contents[data-v-8dc4cfd4]{color:#fff;font-size:16px;font-weight:700;white-space:nowrap;text-align:center;text-shadow:-1px -1px 0 #333,1px -1px 0 #333,-1px 1px 0 #333,1px 1px 0 #333}.sensor-contents .deficit[data-v-8dc4cfd4]{font-size:12px;color:#ededed;font-weight:400}.sensor-contents .unit[data-v-8dc4cfd4]{font-size:12px;margin-left:3px;font-weight:400}.date-time-select-area{pointer-events:painted!important}.fab-update-button{width:26px;height:26px;line-height:26px;background-color:#ffbe3d;border-radius:50%;color:#fff;text-align:center;box-shadow:0 3px 5px 0 rgba(0,0,0,.5)}.zoom-control[data-v-59acae8c]{pointer-events:painted;width:36px}.zoom-control .v-btn[data-v-59acae8c]{border-radius:0}.zoom-control .zoom-button[data-v-59acae8c]{width:100%}.zoom-control .zoom[data-v-59acae8c]{text-align:center;background-color:#fff;font-weight:700}.zoom-control .v-btn--fab.v-size--small[data-v-59acae8c]{width:100%;padding:auto}.checkbox .v-label{font-size:14px}.observatory-control[data-v-300cbcae]{pointer-events:painted}.observatory-control .v-input--selection-controls[data-v-300cbcae]{margin-top:0}.color-legend[data-v-8bc729ac]{clear:both}.legend[data-v-8bc729ac]{width:-moz-fit-content;width:fit-content;text-align:right;float:right}.unit[data-v-8bc729ac]{text-align:right;font-size:10px;font-weight:700;white-space:pre}.color[data-v-8bc729ac],.empty-color[data-v-8bc729ac]{color:#fff;text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;font-weight:700;font-size:10px;min-width:10px;text-align:center;line-height:1;padding:2px 10px}.empty-color span[data-v-8bc729ac]{opacity:0}.observatory-usage-guide[data-v-450bfd06]{overflow:hidden;padding-bottom:10px}.legend-area[data-v-450bfd06]{float:right;margin-left:5px}.legend-area .legend-title[data-v-450bfd06]{text-align:right;font-size:12px;font-weight:700;white-space:pre;text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff}.legend-area .legend[data-v-450bfd06]{float:left}.legend-area .legend .val[data-v-450bfd06]{color:#fff;text-shadow:1px 1px 0 #2c2c2c,-1px 1px 0 #2c2c2c,1px -1px 0 #2c2c2c,-1px -1px 0 #2c2c2c;font-weight:700;font-size:12px;min-width:12px;text-align:center;line-height:1;padding:0 10px;line-height:20px;height:20px;opacity:.9}.leaflet-control-container{pointer-events:none}.leaflet-top.leaflet-left{pointer-events:none!important;width:120px}.leaflet-top.leaflet-left .leaflet-control{width:100%;pointer-events:none}.leaflet-top.leaflet-right{z-index:4000}.leaflet-bottom.leaflet-right{pointer-events:none!important}.leaflet-bottom.leaflet-right .leaflet-control{pointer-events:none}.leaflet-bottom.leaflet-left,.leaflet-bottom.leaflet-left .leaflet-control{pointer-events:none!important}.controls{position:absolute;z-index:2000}.controls>*{position:relative;clear:both}.center{left:50%;transform:translateX(-50%)}.center>*{float:left}.top{top:20px}.top>*{margin:0 10px 10px 10px}.bottom{bottom:50px!important}.bottom>*{margin:0 10px 10px 10px}.play-button-area{position:absolute;height:10%;bottom:0;left:0;padding-left:5px;display:inline-flex;align-items:center}.times-area{overflow:auto;white-space:nowrap;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;height:100%;width:100%}.time{scroll-snap-align:center;padding:5px;color:#fff;font-size:13px;display:inline-block;vertical-align:bottom;background-color:rgba(44,50,76,.8);width:25%;height:100%;touch-action:manipulation;white-space:normal}.time.active{background-color:orange;font-weight:bolder;color:#2c324c}.time .date{font-size:10px}.white-space{width:37.5%;touch-action:manipulation}.overlay-gradients{bottom:0;height:10%;width:100%;position:absolute;background-image:linear-gradient(90deg,rgba(0,0,0,.6),transparent,transparent,transparent,transparent,transparent,rgba(0,0,0,.6));pointer-events:none}.menu-button{margin-right:5px;margin-bottom:5px;background-color:#7aa2ec!important}.menu-button.active{background-color:#2f5eb6!important}.menu-button .v-icon{padding-right:3px}.menu-button v-img{height:100%}.menu-button .menu-text{padding:3px;font-size:11px}.menu-button .menu-hazard{padding:3px 5px 3px 10px;line-height:14px;height:32px;font-size:10px;white-space:pre}.observatory-switch.v-input--switch .v-label{font-size:12px;font-weight:700}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:table;transition:opacity .3s ease}.modal-wrapper{display:table-cell;vertical-align:middle}.modal-container{width:310px;margin:0 auto;padding:10px 5px 10px 10px;background-color:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.33);transition:all .3s ease}.modal-enter,.modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{transform:scale(1.1)}.stage-level-detail thead[data-v-07be5974]{background-color:#addff3}.stage-level-detail tbody td[data-v-07be5974]{background:#eee}.stage-level-detail tbody tr:nth-child(odd) td[data-v-07be5974]{background:#fff}.stage-level-detail .std-color[data-v-07be5974]{width:16px;height:12px;border-bottom:3px solid #fff}.stage-level-detail .predict[data-v-07be5974]{color:#00f}.rain-level-detail thead[data-v-8d1c2a18]{background-color:#addff3}.rain-level-detail tbody td[data-v-8d1c2a18]{background:#eee}.rain-level-detail tbody tr:nth-child(odd) td[data-v-8d1c2a18]{background:#fff}.rain-level-detail .predict[data-v-8d1c2a18]{color:#00f}.timelapse-datetime-picker{cursor:pointer;background-color:#fff;color:#555;font-size:16px;padding:0;margin:0;height:36px}.camera-dialog{box-shadow:none!important}.current-image-area{background-color:#000;max-height:50dvh}.image-list{white-space:nowrap}.image-list .image-list-item{border-right:1px solid rgba(0,0,0,.3);cursor:pointer;background-color:#fff;display:inline-block}.image-list .image-list-item .text{text-align:center;padding:6px 0;line-height:1.1}.image-list .image-list-item .text .date{font-size:11px}.image-list .image-list-item .text .times{padding-top:3px;font-size:16px;font-weight:700}.image-list .current-image{color:#fff;background-color:#0d47a1}.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.video-container embed,.video-container iframe,.video-container object{position:absolute;top:0;left:0;width:100%;height:100%}.main[data-v-94dc1740]{position:fixed;padding:0;margin:0;top:0;left:0;right:0;bottom:0;height:100dvh}.mobile-base-map[data-v-94dc1740]{width:100%;height:100%;padding-top:34px;padding-bottom:60px}.mobile-base-map.noslider[data-v-94dc1740]{padding-bottom:0}.mobile-header[data-v-94dc1740]{position:fixed;top:0;width:100%;z-index:1000}.mobile-footer[data-v-94dc1740]{position:fixed;bottom:0;width:100%;height:60px;z-index:1000}.loading-mask[data-v-94dc1740]{z-index:4000;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(88,88,88,.5);text-align:center}.loading-message[data-v-94dc1740]{margin-top:40%;font-size:.9em;color:#1e1e1e}.vdatetime-popup{z-index:2000!important}.basetime-control[data-v-94dc1740]{top:55px;right:10px;position:absolute;pointer-events:none;z-index:1500}.expansion-panels{width:140px}.expansion-panels .v-expansion-panel--active .v-expansion-panel-header{min-height:30px}.expansion-panels .v-expansion-panel-header{padding:5px 10px;min-height:30px;font-size:13px}.slider{pointer-events:auto}.slider .v-slider--horizontal .v-slider__thumb-label.primary{cursor:ew-resize;background-color:#fff!important;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);color:#fff;border-radius:8px;transition:none;transform:translateY(50%) translateY(-32px) translateX(-50%)!important;width:60px!important;height:40px!important;text-align:center;font-size:14px}.slider .v-slider--horizontal .v-slider__thumb-label.primary .mm-dd{font-size:14px;line-height:1}.slider .v-slider--horizontal .v-slider__thumb-label.primary .hh-mm{font-size:16px;font-weight:700;line-height:1.2}.slider .main-slider .v-slider--horizontal .v-slider__thumb-label.primary{background-color:#00bcd4!important}.slider .v-slider--horizontal .v-slider__thumb-label.primary>*{transform:rotate(0deg)!important}.slider .v-slider--horizontal .v-slider__tick .v-slider__tick-label{top:15px}.slider .v-slider__tick--filled{background-color:rgba(0,0,0,.5)}.slider .v-input{font-size:14px}.slider .v-slider--horizontal .v-slider__ticks-container{top:50%;transform:translateY(-50%)}.datetime-picker{cursor:pointer;border:0;font-family:Roboto,sans-serif;font-size:11px;background-color:#2c7be5;color:#fff;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);border-radius:20px;min-height:26px;max-height:26px;max-width:125px;text-align:center}.date-time-select-area[data-v-c618c9c2]{position:relative;text-align:center;min-width:140px;max-width:140px;width:140px;padding-left:5px;padding-right:5px}.date-time-select-area .date-control-buttons[data-v-c618c9c2]{position:absolute;bottom:35px;left:15px;text-align:center}.risk-sub-control[data-v-0e99771f]{width:300px!important}.small-radio label{font-size:14px;padding-left:0;margin-left:-4px}.small-radio .v-radio{padding:0}.small-radio [class*=__ripple]{left:0}.expansion-panels[data-v-2db86a45]{width:140px}.expansion-panels .v-expansion-panel--active .v-expansion-panel-header[data-v-2db86a45]{min-height:30px}.expansion-panels .v-expansion-panel-header[data-v-2db86a45]{padding:5px 10px;min-height:30px;font-size:13px}.item[data-v-2db86a45]{margin:0;font-size:11px;padding:3px;cursor:pointer;min-height:22px;line-height:1;white-space:pre-wrap}.item.visible[data-v-2db86a45]{background-color:#2c7be5;color:#fff;border-radius:5px}.expansion-panels .v-expansion-panel-content__wrap{padding:5px}.base-tile-control[data-v-9e99d304],.layer-control[data-v-d02650d6]{width:140px}.hazard-usage[data-v-348051c1]{display:flex;flex-direction:column;align-items:flex-end}.legend-area[data-v-348051c1]{clear:both}.legend-area .legend-title[data-v-348051c1]{text-align:right;font-size:12px;font-weight:700;white-space:pre-wrap;text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff}.legend-area .legend[data-v-348051c1]{float:right;margin-bottom:10px}.legend-area .legend .val[data-v-348051c1]{color:#fff;text-shadow:1px 1px 0 #2c2c2c,-1px 1px 0 #2c2c2c,1px -1px 0 #2c2c2c,-1px -1px 0 #2c2c2c;font-weight:700;font-size:12px;min-width:12px;text-align:center;line-height:1;padding:0 10px;line-height:20px;height:20px;opacity:.9}.base-tile-control[data-v-1608d9c4]{width:140px}.photo-container[data-v-72713590]{background-color:#fff;padding:5px;height:110px;widows:100px;position:relative;box-shadow:0 0 3px 0 rgba(0,0,0,.5)}.photo-container img[data-v-72713590]{width:100px!important;height:100px!important;-o-object-fit:cover;object-fit:cover}.photo-container[data-v-72713590]:after{border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #fff;transform:translateX(-50%);position:absolute;z-index:1;content:"";top:100%;left:50%;height:0;width:0}.leaflet-top.leaflet-right,.leaflet-top.leaflet-right .leaflet-control{pointer-events:none}.leaflet-top.leaflet-left .leaflet-control{text-align:left}.leaflet-bottom.leaflet-left,.leaflet-bottom.leaflet-left .leaflet-control{pointer-events:painted;width:100%}.leaflet-image-layer,.riskImage{image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:crisp-edges;background-color:rgba(0,0,0,.1)}.read-only{pointer-events:none}.leaflet-bottom.leaflet-left{z-index:7000!important}.wind-velocity{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);z-index:2000}.wind-velocity>*{position:relative;clear:both;float:left;margin:0 10px 10px 10px}td,th{height:24px!important}.river-level-contents{min-height:350px;max-height:50dvh;overflow-y:scroll}.river-level-contents .data-table-header{padding:0 5px 0 3px!important;min-width:60px}.river-level-contents .data-table-header.standby-color{color:green!important}.river-level-contents .data-table-header.warning-color{color:orange!important}.river-level-contents .data-table-header.evacuation-color{color:#ff2800!important}.river-level-contents .data-table-header.dangerous-color{color:#ad02ad!important}.river-level-contents .data-table-header.outbreak-color{color:#000!important}.river-level-contents .master-level-info{font-size:11px!important}.river-level-contents .obsname-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:0;max-width:100px}.river-level-contents .theme--light.v-data-table thead tr:last-child th{border-bottom:1px double #000!important;font-weight:400;text-align:center!important;white-space:pre-wrap}.river-level-contents .graph-area{pointer-events:none;position:relative}.river-level-contents .graph-area .level-line{position:absolute;top:0;left:50%;width:2px;height:100%}.river-level-contents .graph-area .level-line.dangerous-color{background-color:#ad02ad!important;font-size:10px}.river-level-table td{font-size:12px!important;padding:0 5px 0 3px!important}.rainfall-contents{min-height:100px;max-height:calc(50dvh - 140px);overflow-y:scroll}.rainfall-contents .data-table-header{padding:0 5px 0 3px!important;min-width:60px}.rainfall-contents .theme--light.v-data-table thead tr:last-child th{border-bottom:1px double #000!important}.rainfall-contents .data-table-header:nth-child(2),.rainfall-contents .data-table-header:nth-child(3){background-color:#3a1e87!important;color:#fff!important}.rainfall-contents .theme--light.v-data-table thead tr th{color:#000}.rainfall-table td{padding:0 5px 0 3px!important;font-size:12px!important;line-height:1;height:inherit}.rainfall-table tr td:nth-child(2){border-right:1px solid #3a1e87;border-left:1px solid #3a1e87}.rainfall-table tr td:nth-child(3){border-right:1px solid #3a1e87}.v-application--is-ltr .v-list-item__action:first-child,.v-application--is-ltr .v-list-item__icon:first-child{margin-right:20px}.dam-level-detail thead th[data-v-2f242bc6]{background-color:#addff3;font-size:.6em!important;font-weight:400;white-space:nowrap}.dam-level-detail tbody td[data-v-2f242bc6]{background:#eee;font-size:.8em!important;white-space:nowrap}.dam-level-detail tbody tr:nth-child(odd) td[data-v-2f242bc6]{background:#fff}.dam-level-detail .predict[data-v-2f242bc6]{color:#00f}.station-area[data-v-4d7d334a]{background-color:#fff;padding:8px 14px;cursor:pointer;border:1px solid #e4e4e4}.camera-dialog[data-v-4d7d334a]{box-shadow:none!important}.alert-card[data-v-862fd6ba]{width:100%}.alert-card .alert-area[data-v-862fd6ba]{opacity:.8;line-height:1rem;font-size:.625rem!important}.alert-content[data-v-862fd6ba]{white-space:pre-line}.camera-dialog[data-v-ac12d346]{box-shadow:none!important}.message-body[data-v-ac12d346]{border-radius:8px;display:inline-block;font-size:13px;line-height:18px;max-width:70%;position:relative;text-align:left;padding:6px;box-shadow:0 3px 10px 0 rgba(0,0,0,.1)}.message-body .message-text[data-v-ac12d346]{white-space:pre-wrap;overflow-wrap:break-word}.message-body .message-photo[data-v-ac12d346]{overflow:hidden;width:100%;height:100px;cursor:pointer}.others-message[data-v-ac12d346]{text-align:left;width:100%}.others-message .message-body[data-v-ac12d346]{color:#000;border:1px solid #e0e0e0;background-color:#fff}.my-message[data-v-ac12d346]{text-align:right;width:100%}.my-message .message-body[data-v-ac12d346]{color:#fff;background-color:#4967a3}.chat-container .v-textarea textarea{font-size:12px!important}.station-area[data-v-18ea6574]{background-color:#fff;padding:8px 14px;cursor:pointer;border:1px solid #e4e4e4}.camera-monitor[data-v-18ea6574]{width:100%;background-color:#f5f5f5;overflow-y:auto;height:100dvh}.camera-monitor-header[data-v-18ea6574]{background-color:#f5f5f5;position:-webkit-sticky;position:fixed;top:0;width:100%;z-index:1000}.admin-page[data-v-6781c439]{width:calc(100vw - 10px)}.admin-page .cameras-container[data-v-6781c439]{border-left:1px solid #cacaca!important}.admin-page th[data-v-6781c439]{padding:2px 5px!important}.admin-page td[data-v-6781c439]{font-size:12px!important;padding:2px 5px 2px 8px!important;white-space:pre-wrap!important}.admin-page td .v-input--selection-controls[data-v-6781c439],.admin-page td .v-input--selection-controls__ripple[data-v-6781c439]{margin:0!important}.admin-page td[data-v-6781c439]:first-child{width:200px}.admin-page td[data-v-6781c439]:nth-child(2){width:150px}.admin-page td[data-v-6781c439]:nth-child(3),.admin-page td[data-v-6781c439]:nth-child(4){width:50px!important;padding-left:12px!important}.admin-page .selected[data-v-6781c439]{border-left:4px solid #ff7979}.admin-page .unselected[data-v-6781c439]{border-left:4px solid #fff}