@import url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;600&display=swap);npm body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{height:100vh;height:100dvh;width:100vw;margin:0}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.logo{-webkit-animation:logo-spin 2s linear 2;animation:logo-spin 2s linear 2}}body{display:block;margin:0}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;font-family:Comfortaa}.App-link{color:#61dafb}@-webkit-keyframes logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.map-container{position:absolute;overflow:hidden}.container,.map-container,.mapboxgl-canvas{height:100vh;height:100dvh;width:100vw}.container{padding:0}.storm-alert{padding:10px}.mapboxgl-ctrl{opacity:.75}.mapboxgl-popup{max-width:400px;font-family:Comfortaa}.exposure-info{text-align:center;font-size:14px}#menu,.exposure-info{font-family:Comfortaa;font-weight:600}#menu{opacity:.75;background:#fff;position:absolute;z-index:1;top:110px;left:10px;border-radius:3px;width:120px;border:1px solid rgba(0,0,0,.4)}#menu a{font-family:Comfortaa;font-weight:600;font-size:13px;color:#404040;display:block;margin:0;padding:10px;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.25);text-align:center}#menu a:last-child{border:none}#menu a:hover{background-color:#f8f8f8;color:#404040}#menu a.active{background-color:#3887be;color:#fff}#menu a.active:hover{background:#3074a4}.formgroup,.sidebar{font-family:Comfortaa;background-color:rgba(35,55,75,.9);color:#fff;padding:6px 12px;font-family:monospace;z-index:1;position:absolute;top:0;left:0;margin:12px;border-radius:4px}.drawer-title{font-family:Comfortaa;text-align:center}.storm-name{color:#000;text-align:center}.cyclone-type{display:inline-flex;justify-content:center;align-items:center;min-width:23px;height:23px}.cell-table{display:flex}.subtitle{font-size:9px;color:#999}.subtitle:hover{text-decoration:underline;cursor:pointer}.table-header-row{vertical-align:initial}.info{position:absolute;margin-top:10px;margin-left:10px;padding:5px}.threshold-selector{text-align:center;bottom:1vh;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.alert,.threshold-selector{position:absolute;left:50%;z-index:1}.alert{top:15%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.storm-info{text-align:start;font-size:15px}.layer-info,.storm-info{font-family:Comfortaa;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#222;background-color:#fff;border-radius:3px;z-index:1;opacity:.7}.layer-info{font-weight:600;margin-top:10px;font-size:14px}.chart{font-family:Comfortaa;padding:10px}.check-circle-icon{-webkit-transform:scale(.7);transform:scale(.7)}.button-export{bottom:45px;right:10px}.button-export,.button-report{position:absolute;font-size:18px;z-index:1}.button-report{bottom:12vh;right:2vw}.logo{display:inline-block;padding:15px;z-index:1}.logo-title{position:absolute;left:0;right:0;display:flex;justify-content:center;align-items:center;-webkit-filter:drop-shadow(3px 5px 2px rgba(0,0,0,.4));filter:drop-shadow(3px 5px 2px rgb(0 0 0/.4));z-index:1}.copyright{bottom:.5vw;right:20px}.arc-logo,.copyright{position:absolute;z-index:1}.arc-logo{left:10px;top:-35px}.map-overlay{display:inline-block;position:absolute;bottom:0;right:0;background:hsla(0,0%,100%,0);margin-right:0;font-family:Arial,sans-serif;overflow:auto;z-index:1}.today{text-align:right;top:150px;right:10px}.timeAnimation,.today{position:absolute;font-size:18px;z-index:1}.timeAnimation{text-align:center;bottom:150px;right:50%}.storm-details{font-size:14px;text-align:center;max-width:150px;margin:auto}#legend{position:absolute;padding:0;line-height:18px;height:150px;margin-bottom:100px;margin-right:10px;font-size:10px}.legend-div{display:flex;justify-content:center}.legend-img{display:block}.legend-text{display:inline-block;line-height:1.5em;height:3em;width:80px;max-lines:2;text-align:center}p{display:block;margin:0}.pies-container{margin:auto;width:1200px}.pies-container>div{width:400px;float:left;margin-top:-50px}.long-title h3{font-weight:200;font-size:28px;text-align:center;margin-bottom:20px}.legend{position:absolute;bottom:1.8vw;right:20px;max-width:200px;background-color:hsla(0,0%,100%,0);z-index:1}.flood-overlay{margin-left:10px}.storm-menu{position:absolute;top:160px;max-width:200px;background-color:hsla(0,0%,100%,0);z-index:1}.button-flood-exploration{background-color:#fff;opacity:1}.exploration-menu{top:230px;background-color:hsla(0,0%,100%,0);z-index:1}.exploration-menu,.history-menu{position:absolute;max-width:200px}.history-menu{top:300px;background-color:#fff}.select-admin,.select-storm{width:200px;margin-left:20px}.settings{display:flex;position:absolute;justify-content:flex-start;top:0;right:0;-webkit-filter:drop-shadow(3px 5px 2px rgba(0,0,0,.4));filter:drop-shadow(3px 5px 2px rgb(0 0 0/.4));z-index:1}.color-picker-block{display:inline-block}.map-report{text-align:center}.overlay{position:absolute;font-size:18px;z-index:1}.storm-details{max-width:100%;align-content:center;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;z-index:1}.storm-specs{text-align:center;font-size:14px}.countries-exposed{display:flex;justify-content:space-evenly;margin-top:7px}.country-exposed{display:flex;flex-direction:column;align-items:center}.country-category{margin-top:3px;margin-bottom:3px}.active-cyclone,.active-flood{color:#fff;background-color:rgba(255,0,34,.8);-webkit-animation:blink-live 2s ease-in-out infinite;animation:blink-live 2s ease-in-out infinite;padding:2px 2.5px;margin-right:13px;margin-left:3px;border-radius:2.5px;border:1px solid #f02;font-size:13px}@keyframes blink-live{0%{color:#000}to{color:#fff}}@-webkit-keyframes blink-live{0%{color:#000}to{color:#fff}}.color-picker{display:flex;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.color-wind-categories{display:inline-block}.close-button{position:absolute;left:95%;backgroundColor:hsla(0,0%,84.3%,.8);color:hsla(0,0%,62%,.8)}.storm-overlay{text-align:center;z-index:1}.exit-button{float:right;right:0}.settings-title{display:inline-block}.daysTimeline{display:flex;justify-content:space-between}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}.overlay-storm{top:10vh;right:calc(20px + env(safe-area-inset-right, 0px));right:calc(20px + var(--safe-right));width:20vw}.overlay-storm-scroll{overflow:scroll;max-height:80vh}.overlay-adm{width:45vw;bottom:calc(2vh + env(safe-area-inset-bottom, 0px));bottom:calc(2vh + var(--safe-bottom));left:calc(10vw + env(safe-area-inset-left, 0px));left:calc(10vw + var(--safe-left))}.overlay-time{bottom:calc(5vh + env(safe-area-inset-bottom, 0px));bottom:calc(5vh + var(--safe-bottom));right:35vw;width:30vw}.overlay-adm .historical-chart{max-width:600px}.overlay-flood{width:30vw;left:calc(5vw + env(safe-area-inset-left, 0px));left:calc(5vw + var(--safe-left));top:40vh}.overlay-flood-scroll{overflow:scroll;max-height:25vw}.arc-logo svg{width:250px;height:250px}.report-logo{max-width:100%;height:auto}.logo-title{top:env(safe-area-inset-top,0);top:var(--safe-top)}.arc-logo{top:calc(-35px + env(safe-area-inset-top, 0px));top:calc(-35px + var(--safe-top));left:calc(10px + env(safe-area-inset-left, 0px));left:calc(10px + var(--safe-left))}.settings{right:env(safe-area-inset-right,0);right:var(--safe-right)}.languages,.settings{top:env(safe-area-inset-top,0);top:var(--safe-top)}.languages{right:calc(100px + env(safe-area-inset-right, 0px));right:calc(100px + var(--safe-right))}.storm-menu{top:calc(160px + env(safe-area-inset-top, 0px));top:calc(160px + var(--safe-top))}.exploration-menu,.storm-menu{left:env(safe-area-inset-left,0);left:var(--safe-left)}.exploration-menu{top:calc(230px + env(safe-area-inset-top, 0px));top:calc(230px + var(--safe-top))}.alert{top:calc(15% + env(safe-area-inset-top, 0px));top:calc(15% + var(--safe-top))}.copyright{bottom:calc(.5vw + env(safe-area-inset-bottom, 0px));bottom:calc(.5vw + var(--safe-bottom));right:calc(20px + env(safe-area-inset-right, 0px));right:calc(20px + var(--safe-right))}.button-report{bottom:calc(12vh + env(safe-area-inset-bottom, 0px));bottom:calc(12vh + var(--safe-bottom));right:calc(2vw + env(safe-area-inset-right, 0px));right:calc(2vw + var(--safe-right))}.legend{bottom:calc(1.8vw + env(safe-area-inset-bottom, 0px));bottom:calc(1.8vw + var(--safe-bottom));right:calc(20px + env(safe-area-inset-right, 0px));right:calc(20px + var(--safe-right))}.mapboxgl-ctrl-bottom-left{bottom:env(safe-area-inset-bottom,0);bottom:var(--safe-bottom);left:env(safe-area-inset-left,0);left:var(--safe-left)}@media (pointer:coarse){.exit-button,.overlay-collapse-button{min-width:44px;min-height:44px}.storms-tree .MuiTreeItem-content{min-height:40px}.MuiMenu-list .MuiFormControlLabel-root{min-height:44px}}@media (min-width:600px) and (max-width:1199.95px){.overlay-storm{width:300px;top:calc(80px + env(safe-area-inset-top, 0px));top:calc(80px + var(--safe-top))}.overlay-storm-scroll{max-height:calc(100vh - 260px);max-height:calc(100dvh - 260px)}.overlay-adm{width:min(620px,calc(100vw - 40px));left:calc(20px + env(safe-area-inset-left, 0px));left:calc(20px + var(--safe-left))}.overlay-time{width:420px;right:calc(50% - 210px)}.arc-logo svg{width:150px;height:150px}.arc-logo{top:calc(-35px + env(safe-area-inset-top, 0px));top:calc(-35px + var(--safe-top))}.overlay-flood{width:420px;left:calc(20px + env(safe-area-inset-left, 0px));left:calc(20px + var(--safe-left));top:calc(230px + env(safe-area-inset-top, 0px));top:calc(230px + var(--safe-top))}.overlay-flood-scroll{max-height:calc(100vh - 420px);max-height:calc(100dvh - 420px);min-height:180px}.storm-menu{top:calc(100px + env(safe-area-inset-top, 0px));top:calc(100px + var(--safe-top))}.exploration-menu{top:calc(160px + env(safe-area-inset-top, 0px));top:calc(160px + var(--safe-top))}.languages{right:calc(64px + env(safe-area-inset-right, 0px));right:calc(64px + var(--safe-right))}.logo-title svg{max-width:calc(100vw - 300px);height:auto}}@media (min-width:600px) and (max-height:500px){.overlay-storm{top:calc(60px + env(safe-area-inset-top, 0px));top:calc(60px + var(--safe-top))}.overlay-storm-scroll{max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px)}.overlay-adm{max-height:calc(100dvh - 70px);overflow-y:auto}.overlay-flood{top:calc(60px + env(safe-area-inset-top, 0px));top:calc(60px + var(--safe-top));left:calc(150px + env(safe-area-inset-left, 0px));left:calc(150px + var(--safe-left))}.overlay-flood-scroll{max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px)}.storm-menu{top:calc(64px + env(safe-area-inset-top, 0px));top:calc(64px + var(--safe-top))}.exploration-menu{top:calc(112px + env(safe-area-inset-top, 0px));top:calc(112px + var(--safe-top))}.arc-logo{display:none}}.loading-bar{top:env(safe-area-inset-top,0)!important;top:var(--safe-top)!important}@media (max-width:599.95px){.logo-title{justify-content:flex-start;left:calc(6px + env(safe-area-inset-left, 0px));left:calc(6px + var(--safe-left));right:auto;top:calc(6px + env(safe-area-inset-top, 0px));top:calc(6px + var(--safe-top))}.logo-title svg{width:min(200px,calc(100vw - 122px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)));width:min(200px,calc(100vw - 122px - var(--safe-left) - var(--safe-right)));height:auto}.arc-logo{display:none}.languages{right:calc(52px + env(safe-area-inset-right, 0px));right:calc(52px + var(--safe-right))}.languages .MuiIconButton-root,.settings .MuiIconButton-root{padding:8px}.top-menus{position:absolute;top:calc(62px + env(safe-area-inset-top, 0px));top:calc(62px + var(--safe-top));left:env(safe-area-inset-left,0);left:var(--safe-left);display:flex;z-index:1}.top-menus .exploration-menu,.top-menus .storm-menu{position:static;max-width:none;background-color:initial}.top-menus .MuiBox-root{min-width:0;margin-left:8px;background-color:#fff}.alert{top:calc(112px + env(safe-area-inset-top, 0px));top:calc(112px + var(--safe-top));left:8px;right:8px;-webkit-transform:none;transform:none}.storms-tree{margin-left:0!important}.loading-bar .loading-bar-label{top:calc(66px + env(safe-area-inset-top, 0px));top:calc(66px + var(--safe-top));left:auto;-webkit-transform:none;transform:none;max-width:55vw}.button-report,.loading-bar .loading-bar-label{bottom:auto;right:calc(8px + env(safe-area-inset-right, 0px));right:calc(8px + var(--safe-right))}.button-report{top:calc(62px + env(safe-area-inset-top, 0px));top:calc(62px + var(--safe-top))}.bottom-dock{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;max-height:72vh;max-height:72dvh;overflow-y:auto;padding:0 env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);padding:0 var(--safe-right) var(--safe-bottom) var(--safe-left);pointer-events:none}.bottom-dock .overlay{position:static;width:auto;pointer-events:auto;-webkit-transform:none!important;transform:none!important}.bottom-dock .MuiPaper-root{border-radius:0}.overlay-storm .MuiPaper-root{background-color:hsla(0,0%,91.8%,.92)!important}.overlay-storm-scroll{max-height:42vh;max-height:42dvh}.overlay-storm-scroll.collapsed>:not(.exit-button):not(.overlay-collapse-button):not(.storm-overlay){display:none}.overlay-storm-scroll .storm-overlay{min-height:44px;line-height:44px}.overlay-collapse-button{float:right}.overlay-flood .MuiPaper-root{background-color:hsla(0,0%,91.8%,.92)!important}.overlay-flood-scroll{max-height:45vh;max-height:45dvh}.overlay-flood-scroll.collapsed{max-height:48px;overflow:hidden}.overlay-flood .flood-overlay{margin-left:0}.bottom-dock .legend{position:static;max-width:none;pointer-events:auto;background-color:hsla(0,0%,91.8%,.92);padding:0 8px}.ongoing-events{top:calc(108px + env(safe-area-inset-top, 0px))!important;top:calc(108px + var(--safe-top))!important;right:calc(8px + env(safe-area-inset-right, 0px))!important;right:calc(8px + var(--safe-right))!important;max-width:calc(100vw - 16px)!important}.overlay-time{background-color:hsla(0,0%,91.8%,.92)}.overlay-adm .MuiPaper-root{background-color:hsla(0,0%,91.8%,.92)!important}.overlay-adm .historical-chart{max-width:none;font-size:12px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-group{display:none}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-geocoder{position:fixed;top:calc(108px + env(safe-area-inset-top, 0px));top:calc(108px + var(--safe-top));left:env(safe-area-inset-left,0);left:var(--safe-left);width:calc(100vw - 20px - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px));width:calc(100vw - 20px - var(--safe-left) - var(--safe-right));max-width:360px;min-width:0}.alert{top:calc(166px + env(safe-area-inset-top, 0px));top:calc(166px + var(--safe-top))}.copyright{font-size:11px}.report-modal{opacity:1!important}.report-paper .map-report img{width:100%!important;margin:12px 0!important}.report-paper .pies-container{width:auto}.report-paper .pies-container>div{width:100%;float:none;margin-top:0}.report-paper .long-title h3{font-size:20px}.report-paper .report-logo{margin-top:16%;overflow:visible}}
/*# sourceMappingURL=main.21e27fde.chunk.css.map */