@font-face{font-family:Poppins;src:url(./Poppins-Regular-CTKNfV9P.ttf)}html,body{width:100%;background:#000;background:linear-gradient(44deg,#000,#161719 47%,#535e63);font-family:Poppins,sans-serif;font-weight:500;font-style:normal;margin:0;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.logo{color:#fff;font-size:1.5em;padding:.5em}.account-header{color:#fff;font-size:1.5em;text-align:center}.main{display:flex;flex-direction:row}.top{flex-shrink:0;padding-left:1em;display:none;align-items:center;gap:20px;top:0;justify-content:space-between}.heading-btn{padding:16px;cursor:pointer}.heading-btn:hover{background-color:#333}.topmenu_mobile{flex-shrink:0;padding-left:1em;display:none;align-items:center;gap:20px;top:0;position:sticky;z-index:2;width:100%;background:linear-gradient(44deg,#000000e5,#16171966 47%,#535e6333);box-sizing:border-box}.right{display:flex;flex-grow:1;flex-direction:column;height:100vh;overflow-y:auto}.sidebar{flex-shrink:0;display:none;flex-direction:column;align-items:center;flex-basis:fit-content;margin:10px;padding:0 5px;background-color:#000;border-radius:1em}.sidebar.onclick{display:flex;position:absolute;z-index:200;left:0;border-radius:0;height:-webkit-fill-available;margin:0}.ccfs-logo-sidebar{height:5em;margin:.5em 0}h2{margin:0;font-size:clamp(32px,15vw,64px);font-weight:400}h3{font-weight:400}ul{list-style-type:none;margin:0;padding:0;width:200px}li a{display:block;color:#374151;padding:8px 16px;text-decoration:none;font-size:1.2em;border-radius:.4em;cursor:pointer}li a:hover,li a.active{background-color:#373a49;color:#d6d9c4}.menu-subheading{cursor:default;pointer-events:none;color:#555}.has-submenu li a{padding-left:40px;color:#9ca3af;font-size:1em;position:relative}.has-submenu li a:hover{color:#fff}.has-submenu li a:before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:8px;height:16px;background:#0037ff;opacity:0;filter:drop-shadow(0 0 1px #0037ff) drop-shadow(0 0 8px #99ddff) drop-shadow(0 0 10px #ffffff9c);transition:opacity .3s ease}.has-submenu li a:hover:before,.has-submenu li a.active:before{opacity:1}.imagecontainer{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:10px;justify-content:center}.imagecontainer.mobile{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px}.imagefolder{display:grid;justify-content:center;overflow:auto;overflow:visible;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px;gap:30px}.imagefolder.mobile{grid-template-columns:repeat(auto-fill,minmax(45vw,1fr));padding:10px;gap:10px}.image-box{position:relative;width:100%;height:250px;overflow:hidden;align-items:center;justify-content:center;flex-grow:0}.image-box.mobile{height:250px}.image-box img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .3s ease;will-change:transform,opacity}.image-box.enlarged{grid-column:1 / -1;display:flex;align-items:center;height:70vh;z-index:1;background:#00000052;gap:10px;padding:10px 50px 10px 10px;flex-basis:fit-content;justify-content:center;overflow:hidden;box-sizing:border-box;align-items:stretch}.image-box.enlarged img{width:70%;height:100%;object-fit:contain;margin:auto}.single-image-container{display:inline-block;position:relative;align-items:center;text-align:center;width:8.1em;height:8.1em;background-color:#666;border-radius:6px}.preview-image{max-width:7em;max-height:7em;border-radius:6px;width:auto;height:auto;margin:10px}.preview-image-label{position:absolute;color:#ccc;background-color:#333;opacity:.92;bottom:2%;left:5%;width:90%;overflow-x:hidden;font-size:.8em;text-overflow:ellipsis;border-radius:6px;white-space:nowrap}.preview-image-close-button{position:absolute;top:-.8em;left:-.8em;padding:2px 8px;border-radius:50%;font-size:.9em;cursor:pointer}.upload-error-text{font-size:.8em;color:#e58686;visibility:hidden}.upload-info-text{color:#717989;font-size:.9em}.image-box.enlarged .image-info{display:flex;flex-direction:column;justify-content:center;background:none;width:clamp(300px,20vw,400px)!important;box-shadow:none;position:relative;opacity:1;transform:none}.image-box.enlarged .image-info .container{display:flex;flex-direction:column-reverse;justify-content:space-between}.image-info{position:absolute;bottom:0;left:0;width:100%;opacity:0;background:#373a49ea;z-index:2;background:#373a49e6;display:block;padding:8px;box-shadow:inset 0 0 7px #99a2cbea;box-sizing:border-box}.image-info .account,.photo-account{display:inline-block;color:#fff;font-size:1.2em;font-weight:600}.image-info .title,.photo-title{display:inline-block;color:#9ca3af;font-size:clamp(12px,2.5vw,20px)}.image-info .place,.photo-place{display:none;color:#818181;font-size:1em}.image-info .date,.photo-date{display:inline-block;color:#9ca3af;font-size:.6em}.image-info .description,.photo-description{display:none;color:#fff;font-size:1em}.image-info .species,.photo-species{display:none;color:#9ca3af;font-size:1em}.image-info .container{display:flex;flex-direction:row;justify-content:space-between}#map{height:200px}select:not[size="1"]{padding:10px}@media screen and (min-width:768px){::-webkit-scrollbar{background-color:#fff0;width:15px}::-webkit-scrollbar-thumb{border-radius:10px;background:#000;background-color:linear-gradient(44deg,rgba(0,0,0,1) 0%,rgba(22,23,25,1) 47%,rgba(83,94,99,1) 100%)}::-webkit-scrollbar-track{background:#1f2933;border-radius:10px}.popup-image-scroller::-webkit-scrollbar{background-color:auto!important;width:10px;height:10px}.popup-image-scroller::-webkit-scrollbar-track{background:none}}button{color:#d6d9c4;background-color:transparent;padding:calc(.575rem - 1px) calc(2.5rem - 1px);border-radius:.2em;font-size:1em;text-decoration:none;transition:all .25s;align-items:center;font-weight:500;font-style:normal;border:2px solid rgba(255,255,255,.5);font-family:Poppins;box-sizing:border-box;cursor:pointer;display:inline-flex}button:disabled{opacity:.5;pointer-events:none;cursor:default}button:hover,button:focus{background-color:#555;color:#fff}.personalinformation-container{display:flex;flex-direction:row}.personalinformation{width:70%;box-sizing:border-box;padding:10px;display:flex;flex-direction:column}.personalinformation.mobile{width:100%;justify-content:center}form{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;gap:10px}form.mobile{gap:5px;width:90%;justify-content:center;margin:auto}.personalinformation label{color:#9ca3af}.modal{z-index:3;display:none;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content{background:linear-gradient(44deg,#313131,#484849 47%,#414141);position:relative;padding:15px;outline:0;width:min(75%,550px);transform:translate(-50%,-50%);border:3px solid #a5aba8;border-radius:10px;top:50%;left:50%;max-height:80%;overflow-y:scroll}.modal-title{color:#d6d9c4}.modal-heading{color:#9ca3af}.modal-separator{width:95%;margin:20px auto;border:1px solid #918b8b}.modal-input{background:transparent;color:#fff;padding:5px;font-family:Poppins;border:none;border-bottom:2px solid #777777;transition:all .1s ease-in-out}.modal-date{color:#fff;background:transparent;border:none;border-bottom:2px solid #777777;transition:all .1s ease-in-out}.modal-date:focus{border-bottom:2px solid #dddddd;outline:none}.modal-input:focus{border-bottom:2px solid #dddddd;outline:none}.modal-select{background:transparent;border:none;border-bottom:2px solid #777777;transition:all .1s ease-in-out;padding:10px 5px;color:#fff;font-family:Poppins}.modal-select:focus{border-bottom:2px solid #dddddd}.modal-select option{padding:5px}.switch-login-page-link{color:#ddd;font-size:.8em;margin:5px auto;display:flex;justify-content:center;text-align:center}.switch-login-page-link>a{color:#ddd}.switch-login-page-link>a:hover{color:#bbb}.modal-span-btn{color:#9ca3af;font-size:.8em;cursor:pointer;text-decoration:underline}.modal-span-btn.disabled{pointer-events:none;color:#666;text-decoration:none}.modal-span-btn:hover{color:#cbced4}.modal-text{background:transparent;border:none;border-bottom:2px solid #777777;transition:all .1s ease-in-out}.modal-input[disabled]{color:#868686}.modal-finalize-button{margin:20px auto;display:inline}.modal-error-message-profile{text-align:center;font-size:.8em;color:#e57c7c;visibility:hidden}@media screen and (max-width:768px){.modal-finalize-button{font-size:.8em;padding:calc(.575rem - 1px) 10px}.modal-content{overflow-y:scroll}}@media screen and (max-width:400px){.modal-finalize-button{font-size:.7em;padding:calc(.575rem - 1px) 10px}.modal-content{overflow-y:scroll;width:70%}}.mfb-red{background-color:#7d4d4d;color:#e9b2b2}.personalinformation input[disabled]{background:transparent;color:#868686}.form-input-border{padding:50px 25px 25px;margin:0 auto 50px;text-align:center;width:min(70%,600px);border:2px solid white;border-image:linear-gradient(to bottom right,#fff,gray) 1}#forgot-password-link:hover{color:#bbb}.form-input-textfield{font-size:1em;font-family:Poppins;height:2em;width:80%}.form-input-label{text-align:center;color:#fff}.form-input-inputcontainer{text-align:center;padding-top:10px;padding-bottom:10px}.form-input-message{font-size:.75em;margin:5px auto;width:80%;text-align:left}.fi-info{color:#ddd}.fi-error{color:#e57c7c;visibility:hidden}.carousel-container{position:relative;width:100%;margin:auto;overflow:hidden}.carousel{display:flex;transition:transform .5s ease-in-out}.mobile .carousel-box{min-width:100%;padding:0}.carousel-box{min-width:20%;box-sizing:border-box;padding:5px;height:350px}.carousel-box img{max-width:100%;min-height:100%;width:100%;height:100%;display:block;object-fit:cover}.prev,.next{display:flex;position:absolute;top:50%;transform:translateY(-20%);background:#00000080;color:#fff;border:none;padding:0;cursor:pointer;border-radius:50%;width:50px;height:50px;z-index:1;justify-content:center;align-items:center}.prev{left:10px}.next{right:10px}.menu-text-btn{text-decoration:underline;color:#888;cursor:pointer}.menu-text-btn:hover{color:#ccc}#top-menu-root-btn{pointer-events:none}#top-menu-root-btn:hover{color:#ccc}.private-edit-btn{margin:15px;display:none}.edit-info-text{color:#717989;font-size:.9em}.UploadContainer{display:flex;flex-direction:row;flex-grow:1;gap:2em;margin:2em}.Uploadimagecontainer{flex-grow:1;background-color:#494949;padding:50px 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:1em;min-width:45%;max-width:55%}.Uploaddatacontainer{flex-grow:1;background-color:transparent}.Uploaddatacontainer label{color:#9ca3af}.upload-data-input-text{background:transparent;color:#fff;padding:10px 5px;font-family:Poppins;border:none;border-bottom:2px solid #777777;transition:all .1s ease-in-out}.upload-data-input-text:focus{border-bottom:2px solid #dddddd;outline:none}.upload-data-input-date{color:#fff;background:transparent;border:none;border-bottom:2px solid #777777;transition:all .1s ease-in-out;padding:10px 5px}.upload-data-input-date:focus{border-bottom:2px solid #dddddd;outline:none}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.upload-data-select{color:#fff;background:transparent;border:none;border-bottom:2px solid #777777;transition:all .1s ease-in-out;padding:10px 5px;font-family:Poppins}.upload-data-select:focus{border-bottom:2px solid #dddddd;outline:none}.upload-data-select option{background:#373a49}@media screen and (max-height:700px){.preview-image{max-height:6.5em;max-width:6.5em}.single-image-container{width:7.5em;height:7.5em}}@media screen and (min-width:769px)and (max-width:821px){.preview-image{max-height:4.8em;max-width:4.8em}.single-image-container{width:6em;height:6em}}@media screen and (max-width:768px){.upload-page-btn{padding:.5em .8em}}@media screen and (max-width:380px){.upload-page-btn{font-size:.9em}}select{font-family:Poppins}.Uploaddatacontainer textarea{background:#373a49;color:#fff;padding:10px 5px;height:120px;resize:none;font-family:Poppins,sans-serif;font-style:normal}.ablumbox{display:flex;flex-direction:column;height:360px;background-color:#373a49;padding:1.5em;box-sizing:border-box;border-radius:1em;cursor:pointer}.album-settings:hover{background-color:#666;box-shadow:0 0 15px 5px #555454e6}.ablumbox.mobile{height:240px;padding:.5em}.album-title{color:#fff;font-size:1.17em;overflow-x:hidden;text-overflow:ellipsis;max-width:90%}@media screen and (max-width:400px){.topmenu_mobile{gap:10px}}.ablumbox h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.5rem}.ablumbox:hover{box-shadow:0 0 5px #fefeff}.ablumbox img{width:100%;height:240px;display:block;overflow:hidden;object-fit:cover;border-radius:.5em}.ablumbox.mobile img{height:140px}.ablumimagebox{position:relative;display:block;width:100%;border-radius:1em}.ablumimagebox:after{content:"";position:absolute;bottom:0;left:0;width:200px;height:50px;background:#373a49;border-top-right-radius:180px 110px;box-shadow:1px -1px 1px #373a4999}.ablumimagebox.mobile:after{width:30vw;height:50px}.menu ul{list-style-type:none;margin:0;padding:0;overflow:hidden;display:flex;gap:10px;width:auto}.menu ul li{float:left}.menu ul li a{display:block;color:#9ca3af;text-align:center;padding:10px 16px;text-decoration:none}.bi-download{stroke:currentColor;stroke-width:1;fill:none;width:16px;height:16px}.bi-download-album{position:absolute;stroke:#fff;stroke-width:.5;fill:#fff;width:32px;height:32px;right:10px;margin:0 auto;top:50%;transform:translate(-50%,-50%)}.preview-download{stroke:#fff;stroke-width:1;fill:none;width:80%;padding:20px}.preview-tick{stroke-width:1;fill:#fff;width:80%}.roundbtn{border-radius:50%;border:1px solid rgb(255,255,255);position:fixed;bottom:3vh;right:3vw;background-color:#4949498f;width:60px;height:60px;justify-content:center;align-items:center;display:flex;cursor:pointer;z-index:500}.roundbtn:hover{background-color:#5c617fcf;box-shadow:0 0 5px #fefeff}.checkbox{position:absolute;top:10px;right:5px;transform:scale(2);display:none}.dropdown{border:1px solid #ccc;max-height:120px;overflow-y:auto;display:none;position:absolute;background:#fff;width:250px;z-index:10}.option{padding:8px;cursor:pointer}.option:hover{background:#f0f0f0}.menuicon{width:clamp(20px,8vw,30px);background:#000;background:linear-gradient(269deg,#000,#333 4%,#000);box-shadow:0 0 3px #676767;padding:10px;height:30px}.black{background:#00000019;width:100vw;height:100vh;z-index:150;display:block;position:absolute;cursor:pointer;opacity:0;pointer-events:none}.black.show{opacity:1;pointer-events:auto}.photo-info{flex-direction:column;padding:1rem;gap:1rem}.photo-info img{width:100%;max-height:50vh;object-fit:contain}.dropdown-threedots{position:relative;margin-left:auto;display:block}.dropdown-content{display:block;position:absolute;right:0;background-color:#1a1a1cc6;min-width:200px;box-shadow:0 8px 16px #0003;z-index:200;opacity:0;pointer-events:none}.dropdown-content.open{opacity:1;pointer-events:auto}.dropdown-content a{color:#9ca3af;padding:12px 16px;text-decoration:none;display:block;z-index:200;background-color:#1a1a1cc6}.dropdown-content a:hover{background-color:#373a49dc}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#3e8e41}.storage-bar{display:flex;width:100%;height:20px}.used{width:20%;background:#d6d9c4}.free{width:80%;background:#999}.loading-container{display:flex;text-align:center;align-items:center;justify-content:center;height:100%}.header-btn{background-color:transparent;margin:5px 5px 10px;font-size:.8em;width:fit-content}.header-btn:disabled{pointer-events:none}.marker-legend-div{display:flex;margin:5px;align-items:center}.marker-legend-image{height:60%;margin-right:10px}.leaflet-popup-content{text-align:center}.popup-image-scroller{max-height:200px;overflow-x:scroll;display:flex;flex-direction:row;justify-content:left}.popup-image-scroller:has(:only-child){justify-content:center}.popup-carousel-btn{cursor:pointer}.popup-image{height:150px;margin:2px}