@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;margin:0;overflow:hidden}.map{height:100vh;width:100vw}.google-map,.map{position:relative}.loader{align-items:center;background:#080808;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loader:before{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-left-color:#ff004f;border-radius:50%;content:"";height:60px;margin-bottom:30px;width:60px}.loader h1{color:#fff;font-family:Inter,sans-serif;font-size:24px;font-weight:500;margin:0;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.location-info{animation:slideInFromBottom .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #00000014;border-radius:16px;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a;color:#1e293b;display:flex;flex-direction:column;left:calc(50vw - 150px);letter-spacing:.025em;min-height:200px;padding:20px;position:absolute;top:30vh;width:300px;z-index:10}.location-info,.location-info h2{align-items:center;justify-content:center}.location-info ul{list-style-type:none;padding:0}.location-info li{padding:5px 0}.location-info span{color:#3b82f6;font-weight:600}.location-info a{align-items:center;border:2px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:32px;justify-content:center;margin:0 auto;text-decoration:none;transition:all .3s ease-in;width:250px}.location-info a:hover{background:#3b82f6;color:#fff}.location-info .close-icon{color:#64748b;cursor:pointer;font-size:1.5rem;position:absolute;right:20px;top:20px;transition:all .3s ease-in}.location-info .close-icon:hover{color:#1e293b}.location-marker{position:relative;transition:z-index .1s ease;z-index:1}.location-marker:hover{z-index:100}.cluster-count{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:11px;font-weight:600;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px;z-index:2}.cluster-count.large{background:#dc2626;font-size:12px;height:24px;width:24px}.location-hover-info{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #00000014;border-radius:8px;bottom:0;box-shadow:0 4px 6px -1px #0000001a;color:#1e293b;display:flex;display:none;flex-direction:column;justify-content:center;left:-40px;margin:0;min-height:50px;overflow:hidden;position:absolute;text-align:center;width:120px;z-index:101}.location-marker:hover .location-hover-info{display:block}.location-hover-info h4,.location-hover-info h5{display:block;margin:5px}.disaster-selector{animation:slideInFromLeft .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #00000014;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:#1e293b;font-family:inherit;max-height:80vh;overflow:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);transition:box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;width:320px;will-change:transform;z-index:50}.disaster-selector.dragging{box-shadow:0 25px 50px -12px #00000040,0 20px 25px -5px #0000001a;transform:scale(1.02) translateZ(0);transition:none;will-change:transform,left,top}.disaster-selector.minimized{max-height:60px}.disaster-selector.minimized .selector-content{opacity:0;pointer-events:none;transform:translateY(-20px)}.selector-header{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-items:center;background:#f8fafccc;border-bottom:1px solid #0000000f;cursor:grab;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s ease}.disaster-selector.dragging .selector-header,.selector-header:active{background:#f8fafce6;cursor:grabbing;transition:none}.selector-header:hover:not(.disaster-selector.dragging .selector-header){background:#f8fafce6}.selector-header h3{color:#0f172a;font-size:18px;font-weight:600;letter-spacing:.025em;margin:0;pointer-events:none;-webkit-user-select:none;user-select:none}.minimize-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.minimize-button:hover{background:#0000000d;color:#1e293b}.minimize-button svg{height:20px;width:20px}.selector-content{cursor:default;max-height:calc(80vh - 60px);overflow-y:auto;padding:20px;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}.filter-option{margin-bottom:12px}.filter-option.all-disasters{border-bottom:1px solid #0000000f;margin-bottom:20px;padding-bottom:16px}.checkbox-label{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:8px 12px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.checkbox-label:hover{background:#00000005}.checkbox-label:hover .checkbox-custom{border-color:#94a3b8;transform:scale(1.05)}.checkbox-input:focus+.checkbox-custom{outline:2px solid #3b82f64d;outline-offset:2px}.checkbox-input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkbox-custom{background-color:initial;border:2px solid #cbd5e1;border-radius:4px;flex-shrink:0;height:18px;margin-right:12px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:18px}.checkbox-input:checked+.checkbox-custom{background-color:#3b82f6;border-color:#3b82f6}.checkbox-input:checked+.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.checkbox-text{align-items:center;color:#475569;display:flex;font-size:14px;font-weight:500;gap:8px;letter-spacing:.025em;width:100%}.all-disasters .checkbox-text{color:#1e293b;font-size:16px;font-weight:600}.disaster-name{flex:1 1;text-align:left}.disaster-count{background:#94a3b81a;border-radius:4px;color:#94a3b8;font-size:13px;font-weight:400;min-width:30px;padding:2px 6px;text-align:center}.all-disasters .disaster-count{background:#64748b1a;color:#64748b;font-size:14px;font-weight:500}.disasters-grid{display:flex;flex-direction:column;gap:4px}.disaster-icon{flex-shrink:0;font-size:16px;transition:all .2s ease}.disaster-icon.all{color:#f59e0b}.selector-actions{border-top:1px solid #0000000f;margin-top:20px;padding-top:16px}.clear-button{background:#ef44440d;border:1px solid #ef444433;border-radius:8px;color:#dc2626;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease;width:100%}.clear-button:hover{background:#ef44441a;border-color:#ef44444d;color:#b91c1c}.location-icon{cursor:pointer;font-size:1.5rem;transform:translate(-50%,-50%)}.location-icon.drought{color:tan}.location-icon.dust{color:#708090}.location-icon.fire{color:crimson}.location-icon.flood{color:#191970}.location-icon.storm{color:#ff0}.location-icon.volcano{color:maroon}.location-icon.water-color{color:teal}.location-icon.earthquake{color:#000}.location-icon.snow{color:#6495ed}.location-icon.temperature{color:#ff4500}.location-icon.other{color:#000}.location-icon:hover{color:#222;filter:brightness(2)}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.disaster-selector{width:300px}.selector-header{padding:12px 16px}.selector-content{padding:16px}}@media (max-width:500px){.disaster-selector{width:280px}.selector-header h3{font-size:16px}.checkbox-text{font-size:13px}.location-info{left:calc(50vw - 100px);width:200px}.location-info h2{font-size:20px}.location-info a{width:150px}}
/*# sourceMappingURL=main.74bb751b.css.map*/