*::selection{background:#af0000;color:#fff}*::-moz-selection{background:#af0000;color:#fff}*::-webkit-selection{background:#af0000;color:#fff}@font-face{font-family:Metropolis ExtraBold;src:url(/assets/Metropolis-ExtraBold.otf)}@font-face{font-family:Metropolis Light;src:url(/assets/Metropolis-Light.ttf) format("truetype")}@font-face{font-family:Bebas;src:url(/assets/BebasNeue-Regular.ttf)}@keyframes hideMapControl{0%{max-width:calc(15rem + 10px);padding-left:10px;padding-right:10px}to{max-width:0;padding-left:0;padding-right:0}}@keyframes showMapControl{0%{max-width:0;padding-left:0;padding-right:0}to{max-width:calc(15rem + 10px);padding-left:10px;padding-right:10px}}@keyframes roundMap{0%{border-radius:0 20px 20px 0}to{border-radius:20px}}@keyframes unroundMap{0%{border-radius:20px}to{border-radius:0 20px 20px 0}}.material-symbols-rounded{vertical-align:sub;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.gap{height:20px}body{margin:0;background-color:#383838;padding-left:1rem;padding-right:1rem;padding-top:65px}#map-container{position:fixed;width:100%;height:100%;display:flex;top:0;left:0}.round{border-radius:20px}#map{top:0;bottom:0;width:100%;height:100%}.top-container{padding:0;width:100%;height:7rem}.top-header{position:relative;left:0;width:100%;height:7rem;background-color:#8b0000;display:flex;justify-content:center;align-items:center;background-image:url(/assets/logo.png);background-repeat:no-repeat;background-size:contain;background-position:center}.top-image{width:auto;height:100%;z-index:1}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;color:#fff;display:flex;justify-content:center;align-items:center;font-family:Metropolis ExtraBold;font-size:3rem;z-index:2;text-align:center}#navbar{padding-left:.5rem;position:fixed;width:calc(100% - .5rem);height:50px;background-color:#000;color:#fff;top:0;left:0;font-family:Bebas;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;overflow:hidden;z-index:3}#navbar-full{left:0;top:-100vh;z-index:2;position:fixed;display:flex;flex-direction:column;background-color:#000000a6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);width:100%;height:100%;align-items:center;justify-content:center;transition:.5s}#navbar-full>*{font-size:3rem}.navbar-button{font-size:1.7rem;cursor:default;transition:.3s;padding:.5rem 1rem;border:none;background-color:transparent;font-family:Bebas;color:#fff}.navbar-button>span{padding-top:3px}.navbar-button:hover{background-color:#ffffff40;transition:.3s}.navbar-button:disabled{text-decoration:underline}.shadow{filter:drop-shadow(0 0 5px black)}#map-controls-container{width:45rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#1e1e1e;color:#fff;font-size:1.3rem;padding-left:0;padding-top:10px;padding-right:0;border:#666 solid;border-width:0 1px 0 0;overflow-y:auto;overflow-x:hidden}#map-controls-container::-webkit-scrollbar{display:none}.dropdown-container{width:15rem;display:grid;grid-template-columns:auto auto 1fr;background:#222;color:#fff;align-items:center;border:1px solid #666;border-radius:5px;overflow:hidden}.dropdown{text-align:left;background:none;color:#fff;border:none;padding:0 .5rem;outline:none;background-color:#222}#map-controls-toggle{position:absolute;margin-left:.75rem;margin-top:1rem;background-color:#444;padding:5px 5px 2px;border-radius:5px;border:1px solid #666;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 2px black);color:#fff;z-index:2;transition:.3s}#map-controls-toggle:hover{background-color:#666}.section{width:100%;position:relative;background-color:#555;color:#fff;font-family:Metropolis ExtraBold;padding-bottom:1rem}#active-storms-label{font-size:2rem;padding-left:10px;padding-top:10px;text-align:center}#active-storms-list{display:flex;width:100%;gap:3rem 5rem;justify-content:center;flex-direction:row;flex-wrap:wrap;padding-bottom:1rem}.active-storms-item{cursor:pointer;font-size-adjust:2rem;font-size:1rem;padding:10px;width:auto;filter:drop-shadow(0 0 5px black);transition-duration:.5s;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#8b0000;padding:.5rem;border-radius:10px;text-align:center;gap:.5rem}.active-storms-item>h2{display:flex;justify-content:center;align-items:center;gap:1rem;margin:.6rem}.active-storms-item:hover{transition-duration:.5s;filter:drop-shadow(0 0 5px red)}hr{background-color:#ffffff1a}@keyframes rotate{0%{transform:rotate(359deg)}to{transform:rotate(0)}}.storm-icon{width:2rem;vertical-align:sub;animation:rotate 5s infinite linear;-webkit-user-select:none;user-select:none}.card-details{font-size:1rem;display:flex;gap:.4rem;flex-direction:column}.card-icon{font-size:1.3rem;vertical-align:middle;-webkit-user-select:none;user-select:none}.card-title{padding-top:5px}.no-active{font-size:1.5rem}.check{margin-left:6px;margin-bottom:3px}.pointer:hover{cursor:pointer}.header{color:#fff;display:flex;gap:.25rem;align-items:center;background:#444;padding:.5rem;font-weight:bolder;font-size:.9rem}.bullet{width:5px;height:5px;background:#fff;border-radius:5px}.live{color:red}.product{text-align:left;background:none;color:#fff;border:none;padding:0 .5rem;outline:none;background-color:#222}#radar-product-controller{z-index:2;position:absolute;bottom:.7rem;left:.7rem;width:auto;display:grid;grid-template-columns:auto auto auto;background:#222;color:#fff;align-items:center;border:1px solid #666;border-radius:5px;overflow:hidden}.layer-control-container{z-index:2;position:absolute;left:.7rem;bottom:.7rem;display:none;flex-direction:column;gap:.5rem}.layer-controller{width:auto;display:grid;grid-template-rows:auto auto;grid-template-columns:auto auto;background:#222;color:#fff;align-items:center;border:1px solid #666;border-radius:5px;overflow:hidden}.layer-playback{width:min-content;display:flex;flex-direction:row;background:#222;color:#fff;align-items:center;border:1px solid #666;border-radius:5px;overflow:hidden;padding:0;height:2.2rem}#alert-detailed-view{color:#fff;position:absolute;width:100%;height:100%;z-index:3;visibility:hidden;display:flex;justify-content:center;align-items:center}#alert-detail-bg{width:100%;height:100%;position:absolute;background-color:#00000080}#alert-details{z-index:2;font-size:1rem;color:#fff;width:39rem;background-color:#444;border-radius:5px;border:1px solid #666;padding-left:calc(1rem - 2px);padding-right:1rem;text-align:left;border-left:3px purple solid;height:min-content;max-height:95%;overflow:auto}#alert-details::-webkit-scrollbar{display:none}#alert-details-desc{margin-top:1rem;margin-bottom:1rem;font-family:monospace;border:1px solid #666;background-color:#333;font-size:1rem;padding:.5rem;border-radius:5px}#alert-detail-line{width:100%;height:2px;background-color:#fff;display:block}#alert-close{float:right;display:inline;font-size:2rem;margin-top:.8rem;cursor:default;border-radius:5px}#alert-close:hover{background-color:#ffffff1a}#alert-params-container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}#alert-detail-event{font-family:Metropolis ExtraBold;margin-bottom:.5rem}.alert-param{padding:0 5px 2px;background-color:#fff;color:#000;border-radius:5px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:700}.alert-divider{margin-bottom:1rem}.maplibregl-popup-content{background-color:#444;color:#fff}.maplibregl-popup-close-button{color:#fff}.maplibregl-popup-anchor-top .maplibregl-popup-tip{border-bottom-color:#444}.maplibregl-popup-anchor-left .maplibregl-popup-tip{border-right-color:#444}.maplibregl-popup-anchor-right .maplibregl-popup-tip{border-left-color:#444}.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:#444}.maplibregl-popup-anchor-top-left .maplibregl-popup-tip,.maplibregl-popup-anchor-top-right .maplibregl-popup-tip{border-bottom-color:#444}.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{border-top-color:#444}.playback-button{height:100%;flex:1}.playback-button:hover{background-color:#ffffff40}.playback-button:active{background-color:#ffffff80}.outlook-button,.detail-button{font-family:Metropolis ExtraBold;padding:.5rem;padding-top:calc(3px + .5rem);color:#fff;border:#ffffff50 solid 1px;background-color:#333;font-size:1.5rem;border-radius:1rem;flex-grow:1;transition:.3s}.outlook-button:hover,.detail-button:hover{transition:.3s;background-color:#666}.outlook-button:active,.detail-button:active{transition:.3s;background-color:#555}.outlook-button:disabled,.detail-button:disabled{background-color:#666}#outlook-button-container,#detail-button-container{padding:1rem;width:calc(100% - 2rem);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2rem}#outlook-image-container{text-align:center;margin:.5rem;border-radius:1.5rem;font-size:2rem;max-width:50rem;width:100%;margin-left:auto;margin-right:auto}#outlook-image{align-items:center;max-width:50rem;width:100%;height:auto;border-radius:1rem}#outlook-text{font-family:monospace;border:1px solid #666;background-color:#333;font-size:1rem;padding:.5rem;border-radius:1rem;margin-left:auto;margin-right:auto;flex-grow:1;max-width:50rem}#copy-outlook{float:right;cursor:pointer}#outlook-main-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem;margin-left:1rem;margin-right:1rem}#detailed-view-title{font-size:2rem;padding-left:10px;padding-top:10px;text-align:center}.card-active{animation:pulse-border 1s alternate-reverse infinite}@keyframes pulse-border{0%{filter:drop-shadow(0 0 5px black)}to{filter:drop-shadow(0 0 5px red)}}#detail-text{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#8b0000;font-size:1.5rem;padding:.5rem;border-radius:10px;margin-left:auto;margin-right:auto;max-width:50rem;text-align:center;gap:.5rem}#detail-text>h2{display:flex;justify-content:center;align-items:center;gap:1rem;margin:.6rem}.statement{border-radius:5px;overflow:hidden}.statement>h4{margin:0;background:#000;padding:.65rem}.statement>p{margin:0;background:#fff;color:#000;padding:.5rem;font-size:1.2rem}.attributes{width:calc(100% - 2rem);display:flex;flex-direction:column;align-items:center;padding:1rem;gap:.5rem}.attribute{display:flex;width:60%;min-width:20rem;justify-content:space-between;align-items:center}.attribute .label{display:flex;align-items:center;gap:.5rem;font-size:1.4rem}.attribute .value{font-family:Metropolis Light;font-size:1.2rem}#detail-image-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem;align-items:center}.detail-image{border-radius:1rem;max-height:25rem;width:auto;max-width:100%;display:block}#close-details{font-size:2rem;padding:.1rem;margin:1rem 1rem -1rem;background-color:#333;border:#666 solid 1px;border-radius:5px;padding-bottom:calc(.1rem + 1px);cursor:pointer;transition:.3s}#close-details:hover{background-color:#555;transition:.3s}#storms-section{width:100%;display:grid;grid-template-columns:1fr;gap:1rem;transition:.5s}#storms-section>*{transition:.5s}@media (min-width: 768px){#storms-section{grid-template-columns:1fr 0fr;gap:0rem}#storms-section:has(#detailed-view-container:not([style*="display: none"])){grid-template-columns:1fr 3fr;gap:1rem}#storms-section.has-detailed-view{grid-template-columns:1fr 3fr;gap:1rem}}#loading-screen{position:fixed;display:flex;width:100%;height:100%;left:0;top:0;pointer-events:all;color:#fff;font-family:Metropolis ExtraBold;background-color:#00000080;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);align-items:center;justify-content:center;font-size:2.5rem}@keyframes fade{0%{color:#fff}to{color:#fff0}}.loading-icon{animation:fade .5s alternate infinite}#color-palette{z-index:2;position:absolute;background-color:transparent;width:100%;height:.75rem}#palette-value{text-align:center;position:fixed;z-index:3;background-color:#444;color:#fff;border:5px solid transparent;border-radius:.5rem;padding:.25rem;margin-top:1rem;font-weight:600;border-image-slice:1;display:none;text-wrap:nowrap}#inspector{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:none}#inspector-color{border:1px white solid;border-radius:50%;background-color:transparent;width:1rem;height:1rem;position:relative;z-index:3}#inspector-lines{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;rotate:45deg}#inspector-lines div{position:absolute;background-color:#fff}#inspector-lines div:nth-child(1){width:1px;height:10px;top:-18px;left:-1px}#inspector-lines div:nth-child(2){width:10px;height:1px;top:-1px;left:8px}#inspector-lines div:nth-child(3){width:1px;height:10px;top:8px;left:-1px}#inspector-lines div:nth-child(4){width:10px;height:1px;top:-1px;left:-18px}#inspector-value{margin-top:.7rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;color:#fff;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,1rem);background-color:#55555580;padding:.4rem;width:fit-content;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);text-wrap:nowrap;border-radius:5px;border:1px rgba(255,255,255,.5) solid;display:none}#inspector-direction{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#inspector-direction div{position:absolute;background-color:red;width:2px;height:15px;top:-23.5px;left:-1px}#drawing-canvas{width:100%;height:100%;z-index:2;position:fixed;display:none;cursor:crosshair}#tools-container{display:flex;flex-direction:column;position:absolute;right:1rem;margin-top:1rem;gap:.5rem}@media (min-width: 768px){#tools-container{flex-direction:row}}.tool-button{background-color:#444;padding:5px 5px 2px;border-radius:5px;border:1px solid #666;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 2px black);color:#fff;z-index:2;transition:.3s}.tool-button-active{background-color:#999!important}.tool-button:hover{background-color:#666}.tool-button span{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}#notice{top:50px;left:0;z-index:900;position:fixed;width:100%;height:100%;background-color:#00000080;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}#notice-bg{font-family:Metropolis Light;color:#fff;font-size:1.2rem;text-align:center;width:60rem;background-color:#444;border:1px solid #ffffff50;border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:1rem;filter:drop-shadow(0 0 5px black)}#close-notice{font-size:2rem;padding:.1rem;border-radius:5px;padding-bottom:calc(.1rem + 1px);cursor:pointer;transition:.3s;align-self:flex-end;position:absolute}#close-notice:hover{transition:.3s;background-color:#ffffff50}#notice-title{font-family:Metropolis ExtraBold;font-size:2.5rem}