.reset-btn{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#20202099;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-weight:inherit;height:40px;justify-content:center;margin:0;padding:0;width:40px;z-index:1000}body,html{touch-action:None}body{overflow:hidden;overflow-x:hidden}#habtrail-logo{border-radius:50px;left:80px;padding:10px 50px;top:50px;z-index:1}.timestamps{background-color:#233344b3;border-radius:10px;color:#fff;font-size:9.5px;left:80px;padding:5px 10px;position:absolute;top:150px;z-index:10}.timestamps:hover{background-color:#2b3a55c3;transform:scale(1.2)}#data-icon{right:360px}#data-icon,#notification-icon{border-radius:50px;padding:20px;top:50px;z-index:1}#notification-icon{right:220px}#menu-icon{border-radius:50px;padding:20px;right:80px;top:50px;z-index:1}.menu{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0b152080;border-radius:5px;color:#fff;position:absolute;right:25px;top:150px;width:200px;z-index:1}.menu ul{list-style-type:none;padding:0;width:100%}.menu li{border-bottom:1px solid hsla(0,0%,100%,.25);font-size:18px;font-weight:600;padding:15px 20px;width:100%}.menu.active{display:block}.menu-datatype{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0b152080;border-radius:5px;color:#fff;right:310px;top:150px;width:200px;z-index:1}.absolute,.menu-datatype{position:absolute}.icons-bg{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#233344b3;cursor:pointer}#menu2 ul{position:relative}#menu2 li{box-sizing:border-box;cursor:pointer;display:block;width:100%}.menu-datatype li{border-bottom:1px solid hsla(0,0%,100%,.25);font-size:18px;font-weight:600;padding:15px 20px;width:100%}.menu-datatype ul{list-style-type:none;padding:0;width:100%}.menu-datatype.active{display:block}#menu1 ul{position:relative}#menu1 li{box-sizing:border-box;cursor:pointer;display:block;width:100%}.fadeInUp{animation:fadeInUp .5s ease backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translate(0)}}.icon{margin-right:5px}.button-text,.icon svg{display:inline-block}.text-center{text-align:center}.right-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0b152080;height:100vh;min-width:40%;pointer-events:auto;position:absolute;right:0;top:0}.right-card.hidden{pointer-events:none}.slide-enter-active{animation:slide-in .5s}.slide-leave-active{animation:slide-out .5s}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}html::-webkit-scrollbar{background:transparent;display:none}html::-webkit-scrollbar-track{background:transparent;border:none;box-shadow:None}html::-webkit-scrollbar-thumb{display:none}.mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-logo{display:none!important}.h2-element{background-color:#0000004d;border-radius:15px;color:#fff;font-size:14px;padding:10px;position:absolute;transform:translate(-50%,-50%);-webkit-user-select:none;-moz-user-select:none;user-select:none}.popup-pixel-style .mapboxgl-popup-content{background-color:#233344b3;border-radius:5px;color:#fff!important;max-width:400px!important;min-width:300px;white-space:nowrap}.popup-pixel-style .mapboxgl-popup-content strong{color:#fff!important}.popup-pixel-style .mapboxgl-popup-tip{border-top-color:#233344b3!important}.map-loading-overlay{align-items:center;background-color:#0369;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.progress-loader{height:120px;position:relative;width:120px}.progress-circle{border:6px solid #f3f3f3;border-radius:50%;height:100%;overflow:hidden;position:relative;width:100%}.progress-fill{background:linear-gradient(0deg,#3498db,#5dade2);border-radius:0 0 50px 50px;bottom:0;left:0;position:absolute;transition:height .3s ease;width:100%}.progress-text{color:#fff;font-size:18px;font-weight:700;left:50%;position:absolute;text-shadow:1px 1px 2px rgba(0,0,0,.5);top:50%;transform:translate(-50%,-50%)}.spinner-loader{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:120px}.spinner-circle{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:100%;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}#drawing-mode-overlay{align-items:center;background:#202020d9;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;gap:12px;left:50%;padding:12px 20px;position:fixed;top:10px;transform:translate(-50%);z-index:9999}.instructions{color:#fff;font-size:1.4rem;text-align:center}@media screen and (max-width:768px){#habtrail-logo{box-sizing:border-box;left:50%;padding:10px 30px;position:absolute;top:20px;transform:translate(-50%);width:70%}#data-icon,#menu-icon,#notification-icon{align-items:center;border-radius:50%;display:flex;height:75px;justify-content:center;left:20px;padding:0;position:absolute;width:75px}#data-icon{top:140px}#notification-icon{top:240px}#menu-icon{top:340px}.menu,.menu-datatype{border-radius:5px;overflow-y:auto;padding:10px;top:220px;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 240px)}#menu1,.menu,.menu-datatype{position:absolute;right:50%;width:48%;z-index:10}#menu1{top:420px}.mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib,.mapboxgl-ctrl-logo{display:none!important}.timestamps{bottom:50px;left:10px;position:fixed;top:auto;width:50%;z-index:1}}.modal-overlay[data-v-d18d4169]{align-items:center;background:#0000004d;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;overflow-y:auto,;position:fixed;z-index:999}.account-modal[data-v-d18d4169]{animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#263121ab;border-radius:50px;color:#fff;max-height:90vh;max-width:440px;overflow-y:auto;padding:40px 50px;scrollbar-color:rgba(188,255,148,.3) transparent;text-align:center;width:60%;-ms-overflow-style:none;scrollbar-width:none}.account-modal[data-v-d18d4169]::-webkit-scrollbar{display:none}.form-group[data-v-d18d4169]{margin-bottom:20px;text-align:center}label[data-v-d18d4169]{color:#fff;display:block;font-size:1.1rem;margin-bottom:8px}input[type=email][data-v-d18d4169],input[type=password][data-v-d18d4169],input[type=text][data-v-d18d4169]{background-color:#bcff944d;border:none;border-radius:50px;color:#fff;font-size:16px;padding:15px 20px;text-align:center;width:75%}.slide-fade-enter-active[data-v-d18d4169],.slide-fade-leave-active[data-v-d18d4169]{overflow:hidden;transition:all .3s ease}.slide-fade-enter-from[data-v-d18d4169],.slide-fade-leave-to[data-v-d18d4169]{margin-bottom:0;max-height:0;opacity:0}.slide-fade-enter-to[data-v-d18d4169],.slide-fade-leave-from[data-v-d18d4169]{margin-bottom:20px;max-height:300px;opacity:1}input[data-v-d18d4169]:focus{outline:3px solid rgba(94,255,0,.3)}.password-section[data-v-d18d4169]{color:#007bff}.members-list[data-v-d18d4169]{color:#fff;font-size:1rem;list-style:none;margin-top:10px;padding:0}.member-item[data-v-d18d4169]{align-items:center;background:#bcff9433;border-radius:25px;display:flex;justify-content:space-between;margin-bottom:10px;padding:8px 12px}.member-item>span[data-v-d18d4169]{width:90%}.remove-btn[data-v-d18d4169]{align-items:center;background-color:#ff4d4d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:28px;justify-content:center;line-height:1;width:28px}.remove-btn[data-v-d18d4169]:hover{background-color:#c00}.invite-btn[data-v-d18d4169]{background-color:#67a540;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:.95rem;margin-bottom:10px;padding:8px 20px}.invite-btn[data-v-d18d4169]:hover{background-color:#4d802d}.invite-form[data-v-d18d4169]{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:15px;margin-top:10px}.invite-input[data-v-d18d4169]{background-color:#bcff944d;border:none;border-radius:50px;color:#fff;font-size:16px;padding:10px 20px;text-align:center;width:60%}.invite-input[data-v-d18d4169]::-moz-placeholder{color:#fff9}.invite-input[data-v-d18d4169]::placeholder{color:#fff9}.add-btn[data-v-d18d4169]{background-color:#67a540;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:.95rem;padding:8px 20px;transition:.3s}.add-btn[data-v-d18d4169]:hover{background-color:#4d802d}.modal-footer[data-v-d18d4169]{display:flex;gap:15px;justify-content:center;margin-top:25px}.confirm-actions[data-v-d18d4169]{display:flex;gap:8px}.confirm-btn[data-v-d18d4169]{background-color:#ff4d4d}.cancel-btn[data-v-d18d4169],.confirm-btn[data-v-d18d4169]{border:none;border-radius:20px;color:#fff;cursor:pointer;padding:4px 10px;width:50%}.cancel-btn[data-v-d18d4169]{background-color:#888}.close-btn[data-v-d18d4169],.save-btn[data-v-d18d4169]{border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 25px;transition:.3s}.close-btn[data-v-d18d4169]{background-color:#0e161899}.close-btn[data-v-d18d4169]:hover{background-color:#2f2f2f}.save-btn[data-v-d18d4169]{background-color:#67a540}.save-btn[data-v-d18d4169]:hover{background-color:#4d802d}.save-btn[data-v-d18d4169]:focus{outline:2px solid rgba(94,255,0,.3)}.delete-account[data-v-d18d4169]{margin-top:20px;text-align:center}.delete-btn[data-v-d18d4169]{background-color:#ff4d4d;border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 25px;transition:.3s}.delete-btn[data-v-d18d4169]:hover{background-color:#c00}.confirm-delete[data-v-d18d4169]{background-color:#ff00001a;border-radius:20px;margin-top:20px;padding:10px;text-align:center}@media screen and (max-width:768px){.account-modal[data-v-d18d4169]{padding:40px 0}.save-btn[data-v-d18d4169]{padding:8px 10px}}.check-group{align-items:center;display:flex;margin-bottom:10px;width:60%}.check-group label{color:#fff;cursor:pointer;font-size:14px;margin-bottom:-10px}.notifications-btn-black{align-items:center;background-color:#0e161899;display:flex;font-size:18px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:30px;padding:15px 20px;width:70%}.create-btn,.notifications-btn-black{border:none;border-radius:50px;color:#fff;cursor:pointer;transition:.3s}.create-btn{background-color:#fff3;box-sizing:border-box;display:block;flex:1;font-size:1rem;margin:0 10px;padding:13px 20px}.button-text{display:inline-block}.check-group{align-items:center;display:flex;margin-bottom:10px;width:48%}.check-group input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#f24e1e4d;border:none;border-radius:5px;cursor:pointer;height:16px;margin-right:8px;transition:.3s;width:16px}.check-group input[type=checkbox]:checked{background-color:#f24e1ecc}.check-group label{color:#fff;cursor:pointer;font-size:14px}.draw-btn{background-color:#fff3;border:none;border-radius:50px;box-sizing:border-box;color:#fff;cursor:pointer;display:block;flex:1;font-size:1rem;margin-bottom:15px;margin-left:auto;margin-right:auto;padding:13px 20px;transition:.3s}.mb-24{margin-bottom:24px}.draw-btn:hover{background-color:#fff6;transition:.3s}input[type=number],select{background-color:transparent;border:none;border-bottom:1px solid #fff;color:#fff;font-size:16px;padding:10px}.threshold-unit{color:#ffffffb3;font-size:14px;pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%)}input[type=number]{-moz-appearance:textfield;padding-right:50px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.scrollable-form{max-height:90vh;overflow-y:auto;overscroll-behavior:none;padding-right:10px}.delete-btn{background-color:#f003;border:none;border-radius:50px;box-sizing:border-box;color:#fff;cursor:pointer;display:block;font-size:1rem;padding:13px 20px;text-align:center;transition:.3s;width:50%}.delete-btn:hover{background-color:#ff0000b3}.icon-bg{bottom:-10px;opacity:.1;position:absolute;right:-25px;transform:rotate(10deg)}.vue-alert{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#00000080!important;box-shadow:none!important}@media only screen and (max-width:768px){.vue-alert{width:100%!important}}h5.alert-head{color:#fff!important}.notifications-btn-black{align-items:center;background-color:#0e161899;border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;margin-left:auto;margin-right:auto;margin-top:30px;padding:15px 20px;transition:.3s}.notifications-btn-black:hover{background-color:#272b2c99;transition:.3s}.create-notification-form{margin:30px}.create-notification-form label{color:#cecece;font-size:14px}.create-notification-form input{background-color:#0e161899;border:none;box-sizing:border-box;color:#fff;display:block;font-size:1rem;padding:10px;width:100%}.create-notification-form input[type=checkbox]{width:auto}.scrollable-form{max-height:90vh;overflow-y:auto;padding-right:10px}.scrollable-form::-webkit-scrollbar{background:transparent;width:8px}.scrollable-form::-webkit-scrollbar-track{background:transparent;border:none;box-shadow:None}.scrollable-form::-webkit-scrollbar-thumb{background-color:#888;border:2px solid transparent;border-radius:10px}.scrollable-form::-webkit-scrollbar-thumb:hover{background-color:#555}.check-group{flex:0 0 calc(20% - 10px);text-align:center}.create-notification-form select{background-color:#0e161899;border:none;color:#fff;display:block;font-size:1rem;padding:10px;width:100%}.create-notification-form input:focus,.create-notification-form select:focus{outline:1px solid hsla(0,0%,81%,.3)}.create-btn{background-color:#fff3;border:none;border-radius:50px;box-sizing:border-box;color:#fff;cursor:pointer;display:block;flex:1;font-size:1rem;margin:0 10px;padding:13px 20px;transition:.3s}.create-btn:hover{background-color:#fff6;transition:.3s}.cancel-btn{background-color:#0e161899;border:none;border-radius:50px;box-sizing:border-box;color:#fff;cursor:pointer;display:block;flex:1;font-size:1rem;margin:0 10px;padding:13px 20px;transition:.3s}.cancel-btn:hover{background-color:#2f2f2f;transition:.3s}.notification-row{background-color:#0e161899;cursor:pointer;overflow:hidden}.notification-row,.notification-row:hover{align-items:center;margin-bottom:5px;padding:30px 15px;position:relative;transition:.3s}.notification-row:hover{background-color:#22262799}.notification-row-label{color:#fff9}.notification-row-label,label{font-size:12px;margin-bottom:5px}label{color:#fff;display:block}.notification-row-info{color:#fff;font-size:16px}.notifications-table-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.notifications-table{flex:1;overflow-y:auto}.notifications-table::-webkit-scrollbar{width:.5em}.notifications-table::-webkit-scrollbar-thumb{background-color:#5c5c5c4d}.notifications-table::-webkit-scrollbar-corner,.notifications-table::-webkit-scrollbar-track{background-color:#0e161899}.white-btn{background-color:#fff3;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:14px;margin:5px auto;padding:10px 20px;transition:.3s;width:50%}.white-btn:hover{background-color:#fff6;transition:.3s}.button-container{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:5px}.species-btn{background-color:#fff3;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:14px;margin:5px;padding:5px 10px;transition:.3s;width:150px}.species-btn:hover{background-color:#fff6;transition:.3s}.delete-btn{background-color:#f003;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:14px;margin:5px auto;padding:10px 20px;transition:.3s;width:50%}.delete-btn:hover{background-color:#ff0000b3;transition:.3s}.black-btn{background-color:#0e161899;color:#fff;cursor:pointer;transition:.3s}.black-btn:hover{background-color:#2f2f2f;transition:.3s}.edit-notification-form input{background-color:transparent;border:none;border-bottom:1px solid #fff;font-size:16px;padding:10px}.vertical-align-center{align-items:center;display:flex;height:100%;justify-content:center}#editNotification{color:#fff;padding:10px}#editNotification p{max-width:60%;overflow:scroll;padding:10px;scrollbar-width:none}#editNotification p::-webkit-scrollbar{height:0}#editNotification p::-webkit-scrollbar-thumb{background-color:#33323f}#editNotification input{background-color:transparent;border:none;border-bottom:1px solid #fff;color:#fff;font-size:16px;padding:10px}#editNotification .section-label{color:#fff9;margin-top:20px}#editNotification i{cursor:pointer;fill-opacity:.5;transition:.3s}#editNotification i:hover{fill-opacity:1;transition:.3s}.create-notification-form input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#f24e1e4d;border:none;border-radius:5px;cursor:pointer;margin-top:10px;transition:.3s}.create-notification-form input[type=checkbox]:checked{background-color:#0f7c;border:none;box-shadow:0 0 15px #0f7;transition:.3s}#editNotification input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#f24e1e4d;border:none;border-radius:5px;cursor:pointer;margin-top:10px;transition:.3s}#editNotification input[type=checkbox]:checked{background-color:#0f7c;box-shadow:0 0 15px #0f7;transition:.3s}