html,body{margin:0;padding:0;height:100%;font-family:Roobert,sans-serif;background-color:#000;color:#fff;width:100%;overflow:hidden}body{display:flex}:root{--primary-color: #00acdf;--secondary-color: #FFBF00;--background-color: #1A1A1A;--text-color: #FFFFFF;--highlight-color: #FFD700;--gray-color: #808080;--success-color: #28a745;--error-color: #dc3545;--body-background: black}*{scrollbar-width:thin;scrollbar-color:rgba(80,80,80,.6) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent!important;border-radius:10px}::-webkit-scrollbar-thumb{background:rgba(80,80,80,.6);border-radius:10px;border:1px solid rgba(30,30,30,.1);transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:rgba(100,100,100,.8)}::-webkit-scrollbar-corner{background:transparent}.Roobert-thin{font-family:Roobert,sans-serif;font-weight:100;font-style:normal}.Roobert-light{font-family:Roobert,sans-serif;font-weight:300;font-style:normal}.Roobert-regular{font-family:Roobert,sans-serif;font-weight:400;font-style:normal}.Roobert-medium{font-family:Roobert,sans-serif;font-weight:500;font-style:normal}.Roobert-bold{font-family:Roobert,sans-serif;font-weight:700;font-style:normal}.Roobert-black{font-family:Roobert,sans-serif;font-weight:900;font-style:normal}.Roobert-thin-italic{font-family:Roobert,sans-serif;font-weight:100;font-style:italic}.Roobert-light-italic{font-family:Roobert,sans-serif;font-weight:300;font-style:italic}.Roobert-regular-italic{font-family:Roobert,sans-serif;font-weight:400;font-style:italic}.Roobert-medium-italic{font-family:Roobert,sans-serif;font-weight:500;font-style:italic}.Roobert-bold-italic{font-family:Roobert,sans-serif;font-weight:700;font-style:italic}.Roobert-black-italic{font-family:Roobert,sans-serif;font-weight:900;font-style:italic}#fixed-sidebar{width:80px;height:calc(100vh - 40px);background-color:#1b1b1b80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-shadow:0 0 15px #0000004d,0 8px 32px #0000004d,0 0 1px #ffffff1a;position:fixed;z-index:2;left:20px;top:20px;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}#fixed-sidebar.expanded{border-radius:16px 0 0 16px;transition:border-radius 0s}#fixed-sidebar img{width:80%;margin-top:20px;margin-bottom:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}#fixed-sidebar .icon{width:40px;height:40px;margin:20px 0;cursor:pointer;transition:all .3s ease;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}#fixed-sidebar .icon:hover{opacity:1;transform:scale(1.1);cursor:pointer}#fixed-sidebar .icon.active{opacity:1;transform:scale(1.1);filter:brightness(1.2) drop-shadow(0 0 3px rgba(255,255,255,.3))}.icon-container{width:40px;padding:10px;background-color:#323232b3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:25px;display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:20px;box-shadow:0 4px 10px #0000004d,inset 0 0 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.05)}.icon-container .icon{width:40px;height:40px;cursor:pointer;transition:transform .3s ease,filter .3s ease}.icon-container .icon:hover{transform:scale(1.1);filter:brightness(1.2)}.bottom-items{position:absolute;bottom:10px;width:100%;display:flex;flex-direction:column;align-items:center}#form-icon{margin-bottom:15px}.version-number{color:#fff;font-size:12px;font-family:Roobert,sans-serif;opacity:.6;font-weight:500}.bottom-items:hover .version-number{opacity:.8;transition:opacity .3s ease}#expand-sidebar{width:600px;height:calc(100vh - 40px);background-color:#292929d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow-x:hidden;clip-path:inset(0 100% 0 0);transition:clip-path .5s cubic-bezier(.16,1,.3,1);position:fixed;z-index:3;color:#fff;left:100px;top:20px;border-radius:0 16px 16px 0;box-shadow:5px 0 20px #0006,0 8px 32px #0000004d,0 0 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.1);border-left:none;overflow-y:auto!important;-webkit-overflow-scrolling:touch}#expand-sidebar.open{clip-path:inset(0 0 0 0);height:calc(100vh - 40px)!important;overflow-y:auto!important}#expand-sidebar .closebtn{text-decoration:none;position:sticky;top:10px;right:10px;font-size:14px;font-weight:700;cursor:pointer;background-color:#0000004d;color:#fff;padding:8px;border-radius:50%;z-index:10;line-height:1;display:flex;align-items:center;justify-content:center;width:16px;height:16px;transition:all .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 2px 5px #0003;border:1px solid rgba(255,255,255,.1);margin-left:auto;float:right}#expand-sidebar .closebtn:hover{background-color:#ffffff26;transform:scale(1.1)}#expand-sidebar::-webkit-scrollbar{width:6px}#expand-sidebar::-webkit-scrollbar-track{background:transparent!important;border-radius:10px;margin:20px 3px 16px 0}#expand-sidebar::-webkit-scrollbar-thumb{background:rgba(80,80,80,.6);border-radius:10px;border:1px solid rgba(30,30,30,.1);transition:background .3s ease}#expand-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(100,100,100,.8)}#expand-sidebar::-webkit-scrollbar-corner{background:transparent}#expand-sidebar *::-webkit-scrollbar-track,#expand-sidebar::-webkit-scrollbar-track,#sidebar-content::-webkit-scrollbar-track,#sidebar-content *::-webkit-scrollbar-track{background:transparent!important;background-color:transparent!important;background-image:none!important}#expand-sidebar,#expand-sidebar *{scrollbar-color:rgba(80,80,80,.6) transparent!important}.product-list-container::-webkit-scrollbar-track,.mammals-list-container::-webkit-scrollbar-track,.all-species-container-wrapper::-webkit-scrollbar-track,.longest-fish-container::-webkit-scrollbar-track,.search-results::-webkit-scrollbar-track{background:transparent!important;background-color:transparent!important}#sidebar-content{position:relative;min-height:100%;width:100%;padding-bottom:30px}#map{height:100%;width:100%;position:absolute;top:0;left:0;transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:1}.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,.mapboxgl-ctrl-compass-arrow .mapboxgl-ctrl-icon{filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%)}.mapboxgl-ctrl{background-color:#292929!important;border:none!important;box-shadow:none!important}.mapboxgl-ctrl button{background-color:#292929!important;color:#fff!important;border:none!important}.mapboxgl-ctrl-bottom-left{bottom:0!important;left:auto!important;right:0!important}.mapboxgl-ctrl-attrib{background-color:#00000080!important;color:#fff!important;font-size:11px!important;padding:2px 6px!important;border-radius:3px!important}.mapboxgl-ctrl-bottom-right{bottom:40px!important;right:0!important;display:flex!important;flex-direction:column!important;gap:10px!important}.mapboxgl-ctrl-group{margin:0!important}.mapboxgl-ctrl-geocoder{position:absolute!important;top:15px!important;right:15px!important;background-color:#1a1a1ae6!important;border-radius:20px!important;box-shadow:0 2px 8px #0000004d!important;width:450px!important;max-width:none!important;min-width:450px!important;z-index:1000!important;transition:all .2s ease!important;border:1px solid rgba(255,255,255,.1)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.mapboxgl-ctrl-geocoder:hover{background-color:#1a1a1af2!important;border-color:#fff3!important}.mapboxgl-ctrl-geocoder input{height:40px;padding:6px 35px!important;width:calc(100% - 90px)!important;color:#fff!important;background-color:transparent!important;border:none!important;font-family:Roobert,sans-serif;font-size:14px;outline:none!important}.mapboxgl-ctrl-geocoder input::placeholder{color:#888!important}.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--input{color:#fff!important}.mapboxgl-ctrl-geocoder .suggestions{background-color:#1a1a1af2!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:8px!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 4px 12px #0006!important;z-index:999999!important;position:absolute!important;top:calc(100% + 4px)!important;left:0!important;right:0!important;width:100%!important}.mapboxgl-ctrl-geocoder .suggestions>li>a{color:#fff!important;background-color:transparent!important}.mapboxgl-ctrl-geocoder .suggestions>.active>a,.mapboxgl-ctrl-geocoder .suggestions>li>a:hover{color:#fff!important;background-color:#ffffff1a!important}.mapboxgl-ctrl-geocoder:focus-within{background-color:#1a1a1af2!important;border-color:#ffffff4d!important;outline:none!important}.mapboxgl-ctrl-geocoder--icon-search{top:8px!important;left:10px!important;fill:#888!important}.mapboxgl-ctrl-geocoder--icon-close{margin:0!important;padding:0!important;fill:#ccc!important;width:16px!important;height:16px!important;transition:fill .2s ease!important;opacity:1!important;visibility:visible!important;display:block!important;flex-shrink:0!important}.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--button:hover .mapboxgl-ctrl-geocoder--icon-close{fill:#fff!important}.mapboxgl-ctrl-geocoder{overflow:visible!important}.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--button{background-color:transparent!important;border:none!important;cursor:pointer!important;padding:0!important;margin:0!important;border-radius:50%!important;transition:all .2s ease!important;width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;right:80px!important;top:50%!important;transform:translateY(-50%)!important;z-index:25!important;opacity:1!important;visibility:visible!important}.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--button svg,.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--button .mapboxgl-ctrl-geocoder--icon-close{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0!important;padding:0!important;transform:none!important}.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--button:hover{background-color:#ffffff26!important}.mapboxgl-ctrl-geocoder--suggestion-title,.mapboxgl-ctrl-geocoder--suggestion-address{font-family:Roobert,sans-serif!important}.reset-button{position:absolute!important;right:10px!important;top:6px!important;padding:6px 12px!important;background-color:var(--primary-color)!important;color:#fff!important;border:none!important;border-radius:15px!important;cursor:pointer!important;font-size:12px!important;font-family:Roobert,sans-serif!important;font-weight:700!important;z-index:20!important;height:28px!important;box-shadow:0 2px 4px #0000004d!important;margin-left:10px!important;transition:all .2s ease!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;display:block!important;visibility:visible!important;opacity:1!important}.reset-button:hover{background-color:#0095c0;transform:translateY(-1px)}.reset-button:active{transform:translateY(1px)}#reef-overlay-indicator{position:absolute;top:75px;right:25px;background-color:#1a1a1ae6;border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:8px;z-index:10;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000004d;transition:all .2s ease;width:fit-content;margin-right:0}#reef-overlay-indicator:hover{background-color:#1a1a1af2;border-color:#fff3}.reef-indicator-light{width:12px;height:12px;border-radius:50%;background-color:#80808080;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;box-shadow:inset 0 1px 2px #0000004d}.reef-indicator-light.active{background-color:#f88379;box-shadow:0 0 8px #f8837999,inset 0 1px 2px #ffffff4d;border-color:#f88379cc}.reef-indicator-label{font-family:Roobert,sans-serif;font-size:13px;font-weight:500;color:#ffffffe6;white-space:nowrap;letter-spacing:.3px}.mapboxgl-popup-content{background:transparent!important;border-radius:8px!important;padding:0!important;box-shadow:none!important;border:none!important}.mapboxgl-popup-tip{border-top-color:#000000e6!important;border-bottom-color:#000000e6!important}.popup-container{background:rgba(0,0,0,.9);padding:15px;border-radius:8px;color:#fff;font-family:Roobert,sans-serif;min-width:240px;max-width:300px;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInScale .2s ease-out;position:relative}.popup-container:before{content:"Click elsewhere to close";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:10px;color:#ffffff80;white-space:nowrap;pointer-events:none;font-family:Roobert,sans-serif}.popup-title{margin:0 0 12px;font-size:16px;font-weight:600;color:#fff;text-align:center;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:8px}.popup-category-container{display:flex;justify-content:flex-start;margin:8px 0}.popup-category-badge{font-family:Roobert,sans-serif;font-size:10px;color:#fff;padding:5px 10px;border-radius:12px;text-transform:uppercase;font-weight:700;display:inline-block}.popup-section-title{margin:15px 0 5px;font-size:13px;color:#fffc;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.popup-rating{margin-bottom:8px;font-size:13px;color:#ffffffe6}.popup-buttons{display:flex;gap:8px;margin-top:15px}.popup-button{background:rgba(255,255,255,.05);color:#fff;padding:10px 12px;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;font-weight:500;text-align:center;text-decoration:none;transition:all .2s ease;flex:1;font-size:12px;font-family:Roobert,sans-serif}.popup-button:hover{background:rgba(255,255,255,.1);border-color:#ffffff4d;transform:translateY(-1px)}.fish-popup-container{position:fixed;top:130px;right:15px;width:300px;height:calc(100% - 300px);background-color:#1a1a1ae6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0000004d;overflow-y:auto;z-index:1000;transition:all .3s ease;padding:0}.fish-popup-container::-webkit-scrollbar{width:6px}.fish-popup-container::-webkit-scrollbar-track{background:transparent;border-radius:10px;margin:20px 3px 20px 0}.fish-popup-container::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:10px;transition:background .2s ease}.fish-popup-container::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}.fish-popup-container::-webkit-scrollbar-corner{background:transparent}.fish-popup-container:hover{background-color:#1a1a1af2;border-color:#fff3}.fish-popup-content{color:#fff;padding:20px 15px;font-family:Roobert,sans-serif;position:relative}.fish-popup-header{position:sticky;top:0;z-index:1001;background-color:#1a1a1af2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:-20px -15px 10px;padding:20px 15px 10px;border-radius:20px 20px 0 0;border-bottom:1px solid rgba(255,255,255,.1)}.fish-popup-close-btn{position:absolute;top:20px;right:15px;font-size:18px;cursor:pointer;color:#ccc;background-color:transparent;border:1px solid rgba(255,255,255,.1);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;margin:0;z-index:1002}.fish-popup-close-btn:hover{background-color:#ffffff26;color:#fff;border-color:#ffffff4d;transform:scale(1.05)}.fish-popup-title{color:#fff;font-family:Roobert,sans-serif;font-size:22px;font-weight:600;margin:0 45px 0 0;padding:0;border:none;line-height:32px}.fish-popup-image{width:100%;border-radius:15px;margin:20px 0 15px;box-shadow:0 2px 6px #0000004d;border:1px solid rgba(255,255,255,.1)}.fish-popup-text{color:#b4b4b4;font-family:Roobert,sans-serif;font-size:14px;margin-bottom:12px;line-height:1.4}.fish-popup-text strong{color:#fff;font-weight:600}.fish-popup-section{margin-bottom:20px}.fish-popup-danger{display:inline-block;padding:4px 12px;border-radius:12px;color:#fff;font-weight:600;text-transform:uppercase;font-size:11px;margin-left:5px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.fish-popup-danger.harmless{background-color:var(--gray-color)}.fish-popup-danger.venomous{background-color:#8a2be2}.fish-popup-danger.harmful{background-color:#ff3a3a}.login-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.8),rgba(0,50,80,.6));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;font-family:Roobert,sans-serif;animation:fadeIn .3s ease-out}.login-prompt-content,.login-prompt-modal{background:linear-gradient(145deg,rgba(26,26,26,.95),rgba(35,35,35,.95));padding:40px 35px;border-radius:16px;max-width:420px;width:90%;text-align:center;position:relative;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideInScale .4s cubic-bezier(.175,.885,.32,1.275)}.login-prompt-close{position:absolute;right:15px;top:15px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff9;cursor:pointer;transition:all .2s ease;font-family:Roobert,sans-serif}.login-prompt-close:hover{background:rgba(255,255,255,.1);color:#fff;transform:scale(1.1);border-color:#fff3}.login-prompt-icon{width:60px;height:60px;margin:0 auto 20px;background:linear-gradient(135deg,var(--primary-color),#5cadff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;box-shadow:0 8px 16px #00acdf4d;animation:pulse 2s infinite}.login-prompt-content h3,.login-prompt-modal h3{margin:0 0 15px;color:#fff;font-size:24px;font-weight:600;font-family:Roobert,sans-serif;letter-spacing:-.5px}.login-prompt-content p,.login-prompt-modal p{color:#ffffffbf;margin-bottom:30px;font-size:15px;line-height:1.5;font-family:Roobert,sans-serif;font-weight:400}.login-prompt-buttons{display:flex;justify-content:center;gap:12px;margin-top:25px}.login-prompt-login-btn{background:linear-gradient(135deg,var(--primary-color),#5cadff);color:#fff;border:none;padding:14px 28px;border-radius:10px;cursor:pointer;font-family:Roobert,sans-serif;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 12px #00acdf4d,0 2px 4px #0003;position:relative;overflow:hidden}.login-prompt-login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-prompt-login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00acdf66,0 4px 8px #0000004d}.login-prompt-login-btn:hover:before{left:100%}.login-prompt-login-btn:active{transform:translateY(0)}.login-prompt-cancel-btn{background:rgba(255,255,255,.05);color:#fffc;border:1px solid rgba(255,255,255,.2);padding:14px 28px;border-radius:10px;cursor:pointer;font-family:Roobert,sans-serif;font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-prompt-cancel-btn:hover{background:rgba(255,255,255,.1);color:#fff;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.login-prompt-cancel-btn:active{transform:translateY(0)}@keyframes slideInScale{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 16px #00acdf4d}50%{transform:scale(1.05);box-shadow:0 12px 24px #00acdf66}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.form-group{margin-bottom:20px;text-align:left;width:100%;max-width:320px;margin-left:auto;margin-right:auto;box-sizing:border-box}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#fff;font-size:14px;text-align:left;font-family:Roobert,sans-serif}.form-group input{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #555;border-radius:6px;background-color:#444;color:#fff;transition:all .2s ease;font-size:14px;text-align:left;margin-left:0;margin-right:0}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #2196f34d}.form-group input::placeholder{color:#999;text-align:left;opacity:.7}.error-border{border:1px solid #ff5a5a!important;box-shadow:0 0 0 1px #ff5a5a33!important}.disabled-input{background-color:#28282880!important;color:#ffffff80!important;cursor:not-allowed!important;border:1px solid rgba(255,255,255,.2)!important;-webkit-text-fill-color:rgba(255,255,255,.5)!important;opacity:.8;-webkit-user-select:none;user-select:none}.validation-message{font-family:Roobert,sans-serif;font-size:12px;margin-top:4px;padding-left:2px;line-height:1.4;font-weight:400;display:none}.validation-message.error{display:block;color:#ff5a5a;animation:fadeIn .3s ease}.validation-message.success{display:block;color:#5aff8f;animation:fadeIn .3s ease}.form-checkbox{display:flex;align-items:flex-start;margin-bottom:20px;gap:10px;font-family:Roobert,sans-serif;color:#ffffffd9;font-size:14px;line-height:1.5}.form-checkbox input[type=checkbox]{margin-top:3px;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;position:relative;flex-shrink:0}.form-checkbox input[type=checkbox]:checked{background-color:#3d8edfcc;border-color:#3d8edfe6}.form-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:14px;top:50%;left:50%;transform:translate(-50%,-50%)}.form-checkbox label{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:400;color:#ffffffd9}.form-checkbox a{color:#5cadff;text-decoration:none;transition:color .2s ease}.form-checkbox a:hover{color:#8bc5ff;text-decoration:underline}.form-checkbox.error{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.form-checkbox.error input[type=checkbox]{border-color:#ff5a5a;box-shadow:0 0 0 1px #ff5a5a80}.login-button{width:100%;max-width:320px;padding:12px;border:none;border-radius:6px;cursor:pointer;font-size:15px;font-weight:500;transition:all .2s ease;margin-bottom:12px;display:flex;justify-content:center;align-items:center;gap:8px;margin-left:auto;margin-right:auto;background-color:var(--primary-color);color:#fff}.login-button:hover{background-color:#1976d2;transform:translateY(-1px)}.back-button{display:block;width:fit-content;margin:20px auto 0;padding:8px 15px;background-color:transparent;color:#fffc;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-family:Roobert,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.back-button:hover{background-color:#ffffff1a;color:#fff;transform:translateY(-2px);box-shadow:0 2px 8px #00000026}.back-button:active{transform:translateY(0);box-shadow:none}.forgot-password-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:14px;padding:0;display:block;width:100%;max-width:320px;text-align:center;margin-top:10px;margin-left:auto;margin-right:auto;font-family:Roobert,sans-serif}.forgot-password-button:hover{text-decoration:underline}.sidebar-login{padding:20px;color:#fff;font-family:Roobert,sans-serif;max-width:360px;margin:0 auto;text-align:center;box-sizing:border-box}.login-title{margin-top:0;margin-bottom:24px;text-align:center;font-weight:600;color:#fff;font-size:1.5rem}.form-tabs{display:flex;margin-bottom:24px;border-bottom:1px solid #555;justify-content:center;margin-left:auto;margin-right:auto}.form-tab{flex:1;padding:12px 8px;background:none;border:none;cursor:pointer;font-size:15px;font-weight:500;color:#ccc;position:relative;transition:all .2s ease;text-align:center;font-family:Roobert,sans-serif}.form-tab:hover,.form-tab.active{color:var(--primary-color)}.form-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--primary-color)}.profile-section{font-family:Roobert,sans-serif;color:#fff;padding:10px 15px}.profile-header{text-align:center;padding:20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.avatar-container{width:80px;height:80px;border-radius:50%;overflow:hidden;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;background-color:#3b82f6;border:4px solid white;box-shadow:0 2px 8px #0000001a}.avatar-container img{width:100%;height:100%;object-fit:cover}.avatar-initial{font-size:32px;color:#fff;font-weight:500;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.profile-name{font-size:22px;font-weight:600;margin:5px 0;color:#fff;text-align:center;width:100%}.profile-email{font-size:14px;color:#666;margin:0 0 15px;text-align:center;width:100%;word-break:break-all}.profile-tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:20px}.profile-tab{flex:1;padding:10px;background:none;border:none;color:#fff9;font-size:15px;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;outline:none;font-family:Roobert,sans-serif;font-weight:700}.profile-tab.active{color:#fff;border-bottom-color:#008cff}.profile-tab:hover{color:#fff}#profile-content{padding:15px 10px}.settings-form{padding:20px 15px;max-width:100%;font-family:Roobert,sans-serif}.settings-form .form-group{margin-bottom:25px}.settings-form .form-group:last-of-type{margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.settings-form label{display:block;margin-bottom:6px;font-weight:700;font-family:Roobert,sans-serif}.settings-button{display:inline-block;background:none;border:none;color:#fff;text-decoration:underline;font-size:15px;padding:5px 0;margin:10px 0;cursor:pointer;transition:opacity .2s;font-family:Roobert,sans-serif;text-align:center;width:auto}.settings-button:hover{opacity:.8}.settings-button-primary{color:#fff;font-weight:500}.settings-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.logout-button-blue{display:block;width:30%;margin:30px auto 0;padding:12px 20px;background-color:var(--primary-color);color:#fff;border-radius:6px;font-family:Roobert,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;border:none}.logout-button-blue:hover{transform:translateY(-2px)}.logout-button-blue:active{transform:translateY(0);box-shadow:none}.checkbox-group{display:flex;align-items:center;margin-top:5px}.checkbox-group input[type=checkbox]{margin:0 8px 0 0;padding:0;width:auto;height:auto;flex:0 0 auto}.checkbox-group label{margin:0;padding:0;font-weight:400;display:inline;line-height:1}.favorites-list{margin-top:15px}.favorite-item{display:flex;align-items:center;padding:15px;margin-bottom:15px;background-color:#1e1e1eb3;border-radius:8px;transition:all .2s ease;border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.favorite-item:hover{background-color:#282828e6;transform:translateY(-2px);box-shadow:0 4px 8px #00000026;border-color:#fff3}.favorite-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#3d8edf,#5cadff);opacity:.8}.favorite-info{flex:1;overflow:hidden;padding-left:15px}.favorite-name{font-weight:600;font-size:16px;color:#fff;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Roobert,sans-serif}.favorite-type{font-size:14px;color:#fff9;margin:0;font-family:Roobert,sans-serif}.favorite-actions{display:flex;gap:8px}.view-favourites-detail-button,.remove-favorite-btn{background-color:transparent;border:1px solid rgba(255,255,255,.2);color:#fffc;border-radius:4px;padding:6px 10px;font-size:13px;cursor:pointer;transition:all .2s ease;font-family:Roobert,sans-serif;white-space:nowrap}.view-favourites-detail-button{background-color:var(--primary-color);color:#fffffff2}.view-favourites-detail-button:hover{background-color:#3d8edf80;border-color:#3d8edfb3;transform:translateY(-1px);box-shadow:0 2px 5px #0003}.remove-favorite-btn:hover{background-color:#f443364d;color:#f44336}.no-favorites{text-align:center;color:#fff9;font-style:italic;padding:20px 0;font-family:Roobert,sans-serif;background-color:#1e1e1e80;border-radius:8px;border:1px dashed rgba(255,255,255,.2)}.experiences-title{font-size:22px;font-weight:900;color:#fff;text-align:center;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px;font-family:Roobert,sans-serif}.image-carousel{position:relative;max-width:100%;margin-left:10px;margin-right:10px;margin-top:5px}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;cursor:pointer;padding:10px;border-radius:4px;font-size:18px;z-index:10;transition:background-color .3s ease}.carousel-btn:hover{background-color:#000000b3}#prevBtn{left:10px}#nextBtn{right:10px}.carousel-img{max-width:100%;border-radius:10px;transition:transform .3s ease;width:100%;height:auto}.benefits-container{display:flex;justify-content:center;align-items:center;margin:10px 0;padding-left:10px;gap:20px}.benefit-item{font-family:Roobert,sans-serif;font-size:14px;color:var(--text-color);margin:0}.checkmark{color:var(--primary-color);margin-right:5px}.details-container{display:flex;justify-content:space-between;margin:20px 10px}.description-container{flex:1;margin-right:10px;padding:15px;background-color:var(--background-color);border-radius:10px;box-shadow:0 4px 8px #0000001a}.info-container{flex:1;background-color:var(--background-color);border:2px solid white;border-radius:10px;padding:20px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;gap:15px;align-items:center}.tour-description{font-size:16px;color:#fff;margin-left:10px;margin-top:12px;font-weight:700;font-family:Roobert,sans-serif}.price-display{margin:15px 0;padding:15px;background:linear-gradient(135deg,rgba(0,172,223,.1),rgba(0,172,223,.05));border:1px solid rgba(0,172,223,.3);border-radius:12px;font-family:Roobert,sans-serif;text-align:center;box-shadow:0 4px 8px #0000001a;transition:all .3s ease}.price-display:hover{border-color:#00acdf80;box-shadow:0 6px 12px #00000026}.price-container{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-bottom:5px}.starting-price{font-size:12px;color:#fff;opacity:.7;font-weight:600;font-family:Roobert,sans-serif;letter-spacing:1px}.price-amount{font-size:32px;color:#fff;font-weight:700;font-family:Roobert,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.3)}.currency{font-size:16px;color:#fff;opacity:.8;font-weight:600;font-family:Roobert,sans-serif;margin-left:4px}.per-person{font-size:11px;color:#fff;opacity:.6;font-weight:500;font-family:Roobert,sans-serif;letter-spacing:.5px;text-transform:uppercase}.price-display.no-price{background:linear-gradient(135deg,rgba(255,191,0,.15),rgba(255,191,0,.05));border-color:#ffbf0066;animation:pulse-glow 2s ease-in-out infinite}.price-display.no-price:hover{border-color:#ffbf0099}.price-placeholder{font-size:24px;color:var(--secondary-color);font-weight:600;font-family:Roobert,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.3)}.price-cta{font-size:12px;color:var(--secondary-color);font-weight:500;font-family:Roobert,sans-serif;opacity:.9;font-style:italic}.learn-more-btn-container{display:flex;align-items:center;justify-content:center;gap:10px}.learn-more-btn{padding:10px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;font-family:Roobert,sans-serif;font-weight:700;box-shadow:0 2px 4px #0003}.learn-more-btn:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.powered-by{display:flex;align-items:center;justify-content:center;margin-top:5px;opacity:.5;font-size:10px;font-weight:700;text-transform:uppercase;font-family:Roobert,sans-serif}.powered-by span{margin-right:5px}.viator-logo{height:18px}.experiences-subtitle{color:#fff;opacity:.5;font-family:Roobert,sans-serif;font-size:14px;margin-top:-10px;margin-bottom:15px;font-weight:400;text-align:center}.product-default-title{font-family:Roobert,sans-serif;font-size:22px;font-weight:900;color:#fff;text-align:left;margin-bottom:15px;margin-left:10px;text-transform:uppercase;letter-spacing:1px;margin-top:0}.product-country{font-family:Roobert,sans-serif;font-size:10px;color:#b4b4b4;margin-left:10px;margin-top:20px;margin-bottom:0}.product-title{font-family:Roobert,sans-serif;font-size:24px;color:#fff;margin-left:10px;max-width:530px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal;font-weight:700;margin-top:0}.product-labels{font-family:Roobert,sans-serif;display:flex;gap:10px;margin-left:10px;margin-top:-20px}.product-label,.product-badge{font-family:Roobert,sans-serif;font-size:10px;color:#fff;padding:5px 10px;border-radius:12px;text-transform:uppercase;font-weight:700;background-color:var(--gray-color)}.activity-length{background-color:var(--gray-color)}.tabs-container{display:flex;justify-content:center;align-items:center;padding:5px}.tabs{display:flex;gap:6px;padding:8px;border-radius:8px;background:rgba(51,51,51,.7)}.tab-selector{display:none}.tab-primary{font-size:12px;font-weight:600;color:#fff;background-color:#333;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;text-align:center;font-family:Roobert,sans-serif}.tab-primary:hover{background-color:#444}.tab-selector:checked+.tab-primary{background-color:#007bff;box-shadow:0 0 8px #007bff80}.product-list{color:#fff;margin-top:20px;margin-left:10px;margin-right:10px}.product-list-container{width:100%;position:relative;z-index:5;padding:20px 10px 10px;background-color:#1e1e1e80;border-radius:8px;height:600px;margin-bottom:20px!important;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 8px #0003;overflow-y:auto;overflow-x:hidden}.product-list-container::-webkit-scrollbar-track{background:transparent}.product-list-container:empty{display:none}.product-list-container:not(:has(*)){display:none}.product-list-empty{display:none!important}.product-list-item{margin-bottom:15px;padding:12px;background-color:#1a1a1ae6;border-radius:10px;display:flex;align-items:center;font-family:Roobert,sans-serif;transition:all .2s ease-in-out;box-shadow:0 4px 6px #0000001a;border:1px solid rgba(255,255,255,.05)}.product-list-item:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026;background-color:#1e1e1ef2;border-color:#ffffff1a}.product-info-list{flex:1;padding-right:10px}.product-title-list{font-family:Roobert,sans-serif;margin:0;font-size:16px;font-weight:900;color:#fff;text-align:left;letter-spacing:.2px;line-height:1.2}.product-type-container{display:flex;flex-direction:row;align-items:center;gap:10px;margin:5px 0}.product-rating-list{margin:0;font-size:14px;color:#b4b4b4;text-align:left;display:flex;align-items:center}.product-buttons-list{margin-top:10px;display:flex;gap:10px;align-items:center}.product-button-list{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-family:Roobert,sans-serif;font-weight:700;color:#fff;transition:all .2s ease;font-size:13px;display:flex;align-items:center;justify-content:center}.product-button-list:hover{transform:translateY(-1px);filter:brightness(110%)}.view-details-button{background-color:transparent;color:#fffc;border:1px solid rgba(255,255,255,.8);box-shadow:0 2px 4px #00000026}.view-details-button:hover{background-color:#ffffff1a;border-color:#ffffffe6;color:#ffffffe6}.product-image{width:100px;height:100px;border-radius:10px;object-fit:cover;margin-left:10px;flex-shrink:0;box-shadow:0 2px 5px #0003;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.product-list-item:hover .product-image{transform:scale(1.02);box-shadow:0 3px 7px #0000004d}.favourite-click{font-size:20px;width:38px;height:38px;margin-left:10px;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:50%;transition:all .3s ease-in-out;z-index:10;overflow:visible}.favourite-click i{font-size:18px!important;color:#c3c3c3!important;display:inline-block!important;width:auto!important;height:auto!important;opacity:1!important;visibility:visible!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);transition:color .3s ease-in-out}.favourite-click .fa-solid{color:#ff0!important}.favourite-click:hover{opacity:.8;background-color:#fff3;transform:scale(1.05)}.favourite-click:active{transform:scale(.93) translateY(2px)}.fish-default-sidebar{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 20px 20px;width:100%;box-sizing:border-box;position:relative;overflow:visible!important;height:auto!important}.error-container{background-color:#dc35451a;border:1px solid var(--error-color);border-radius:8px;padding:15px;margin:10px;color:var(--error-color);text-align:center}.species-tabs{display:flex;justify-content:center;margin:15px 0;gap:5px}.species-tab{padding:8px 15px;margin:0 5px;background-color:#444;color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:Roobert,sans-serif;font-weight:600;transition:all .2s ease}.species-tab:hover{background-color:#555}.species-tab.active{background-color:#0080bf}.no-species-message,.no-data-message{text-align:center;padding:20px;color:#666;font-style:italic;font-family:Roobert,sans-serif}.loading{text-align:center;padding:20px;color:#888;font-family:Roobert,sans-serif}.rarity-summary{margin-top:10px;margin-left:10px;margin-right:10px;max-width:560px;background-color:#1a1a1a;border-radius:8px;padding:20px 50px 20px 20px;box-shadow:0 4px 10px #0000004d}.rarity-content{display:flex;justify-content:space-between;align-items:center;height:100%}.rarity-text{flex:1;padding-right:20px}.rarity-stat{margin:10px 0}.rarity-label{font-family:Roobert,sans-serif;font-size:14px;color:#d3d3d3;margin:0;line-height:1.2;font-weight:400}.rarity-value{font-family:Roobert,sans-serif;color:#fff;margin:0;line-height:1;font-weight:700}.rarity-total{font-size:60px}.rarity-common{font-size:48px}.rarity-uncommon{font-size:36px}.rarity-rare{font-size:24px}.info-button{background-color:transparent;border:none;color:var(--primary-color);cursor:pointer;font-size:14px;margin-left:5px}.rarity-chart-container{width:300px;height:300px;display:flex;justify-content:center;align-items:center}.fish-card{min-width:160px;width:160px;background-color:#1a1a1a;border-radius:12px;padding:10px;text-align:center;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:230px;flex-shrink:0}.fish-card img{width:100%!important;min-width:140px!important;height:120px!important;border-radius:8px;object-fit:contain!important;margin-bottom:6px;display:block}.fish-name{font-family:Roobert,sans-serif;font-size:15px;color:#fff;margin:6px 0 2px;font-weight:700;width:100%;overflow:visible;white-space:normal;word-break:break-all;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-align:center;min-height:28px;line-height:14px}.fish-length{font-family:Roobert,sans-serif;font-size:13px;color:#b4b4b4;font-weight:700;margin:2px 0 6px}.fish-rarity{font-family:Roobert,sans-serif;font-size:9px;color:#fff;padding:2px 8px;border-radius:10px;display:inline-block;margin-bottom:4px;text-transform:uppercase;font-weight:700}.fish-rarity.common{background-color:var(--gray-color)}.fish-rarity.uncommon{background-color:#4caf50}.fish-rarity.rare{background-color:#2196f3}.view-details-btn{font-family:Roobert,sans-serif;font-size:10px;padding:5px 0;width:90%;background-color:#353935;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s}.view-details-btn:hover{background-color:#4a4e4a}.fish-details-btn{font-family:Roobert,sans-serif;font-size:10px;padding:5px 30px;background-color:#353935;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s}.fish-details-btn:hover{background-color:#4a4e4a}.fish-type-tabs{display:flex;gap:10px;font-family:Roobert,sans-serif;font-weight:700;font-size:14px;justify-content:center;margin:20px 0}.fish-type-tab{padding:10px 20px;background-color:#1a1a1a;color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:Roobert,sans-serif;font-size:14px;transition:background-color .3s ease}.fish-type-tab.active{background-color:var(--primary-color)}.fish-type-tab:hover{background-color:#0056b3}.danger-badge{background-color:#ff3a3a;color:#fff;border-radius:15px;padding:3px 8px;font-size:11px;font-weight:700;margin:4px 0;display:inline-block;text-transform:uppercase}.danger-badge.venomous{background-color:#8a2be2}.danger-badge.harmful{background-color:#ff3a3a}.longest-fish-container{display:flex;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;gap:12px;padding:16px;background-color:#333;border-radius:0;visibility:visible!important;opacity:1!important;scrollbar-width:thin;scrollbar-color:#555 transparent}.dangerous-carousel{display:flex;overflow-x:auto;gap:10px;padding:10px;background-color:#333;border-radius:0}.dangerous-fish-card{min-width:120px;background-color:#1a1a1a;border-radius:12px;padding:10px;text-align:center;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;justify-content:space-between;height:100%}.dangerous-fish-card img{width:100%;border-radius:8px;max-height:120px;object-fit:cover}.fish-danger-level{font-family:Roobert,sans-serif;font-size:10px;color:tomato;margin-bottom:5px}.fish-default-title{font-family:Roobert,sans-serif;font-size:22px;font-weight:900;color:#fff;text-align:center;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px}.fish-search-default-title{font-family:Roobert,sans-serif;font-size:22px;font-weight:900;color:#fff;text-align:center;margin-bottom:15px;text-transform:uppercase;letter-spacing:1px;margin-top:20px}.fish-search-container{position:relative!important;margin:15px 10px;width:100%;z-index:50;display:block;overflow:visible!important}.fish-search-input{width:95%;padding:8px 12px;border-radius:20px;border:none;background-color:#1a1a1a;color:#fff;font-family:Roobert,sans-serif;font-size:14px;outline:none;transition:all .3s ease}.fish-search-input:focus{background-color:#1a1a1a;box-shadow:0 0 0 2px var(--primary-color)}.fish-search-input::placeholder{color:#888}.search-results{display:none;position:absolute!important;width:100%;max-height:300px;overflow-y:auto;overflow-x:hidden;background-color:#191919f2;border-radius:0 0 8px 8px;border:1px solid #444;border-top:none;padding:8px 0;z-index:100;box-shadow:0 4px 15px #0000004d;top:100%;left:0;scrollbar-width:thin;scrollbar-color:#555 #222}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding:10px;transition:background .2s ease-in-out;cursor:pointer}.search-result-item:hover{background-color:#333}.search-result-item img{width:100px;height:50px;margin-right:12px;border-radius:20%;object-fit:cover;object-position:top center}.search-result-text{flex:1;display:flex;flex-direction:column;justify-content:center;gap:3px}.search-result-name{font-family:Roobert,sans-serif;color:#fff;font-size:16px;margin:0;font-weight:900;letter-spacing:.5px}.search-result-scientific{font-family:Roobert,sans-serif;color:#b4b4b4;font-size:13px;margin:0;font-weight:500;letter-spacing:.3px}.details-btn{padding:7px 12px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-family:Roobert,sans-serif;font-size:12px;font-weight:700;transition:background .3s ease-in-out,transform .2s ease-in-out}.details-btn:hover{background-color:#005bbf;transform:scale(1.05)}.search-placeholder{padding:15px;color:#888;text-align:center;font-family:Roobert,sans-serif;font-size:13px}.fish-default-tabs{display:flex;flex-direction:column;gap:8px;padding:8px;background-color:#1a1a1af2;border-radius:8px;margin:0 8px 16px}.fish-row,.mammal-row,.reptile-row{display:flex;flex-wrap:wrap;gap:4px;width:100%;justify-content:center}.fish-default-tab{display:flex;align-items:center;padding:6px;background-color:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;min-width:40px;max-width:40px;overflow:hidden;color:#fff}.fish-default-tab:hover{background-color:#ffffff1a}.fish-default-tab.active{background-color:#fff3;max-width:200px;outline:2px solid #007BFF;outline-offset:-2px}.fish-default-tab-icon{width:24px;height:24px;margin-right:8px;object-fit:contain;flex-shrink:0;filter:brightness(0) invert(1)}.tab-label{font-size:14px;font-family:Roobert,sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;width:0;font-weight:700;transition:opacity .2s ease,width .2s ease}.fish-default-tab.active .tab-label{opacity:1;width:auto}.fish-default-tab-content{font-family:Roobert,sans-serif;background:#1A1A1A;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:100%;padding:2px;border-radius:10px;box-shadow:0 4px 8px #0003;border:1px solid #007BFF;transition:all .3s ease-in-out;height:236px;margin-top:8px}.fish-default-tab-panel{display:none}.fish-default-tab-panel.active{display:block}.fish-default-content-container{display:flex;align-items:center;gap:5px;padding:5px;width:100%;flex-wrap:wrap}.fish-default-image{width:180px;height:180px;max-width:200px;max-height:200px;border-radius:8px;object-fit:cover;flex-shrink:0}.fish-default-text-container{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;max-width:60%;overflow-wrap:break-word;word-wrap:break-word;text-align:left;max-height:200px}.fish-default-species-count{font-size:12px;font-weight:700;color:#fff;overflow-wrap:break-word;text-align:center}.fish-default-description{font-size:12px;color:#bbb;line-height:1.5;overflow-wrap:break-word;text-align:center;max-width:95%}.fish-default-size-range{font-size:12px;font-weight:700;color:#fff;overflow-wrap:break-word;text-align:center}.fish-default-habitat-bar{width:100%;height:25px;background:linear-gradient(90deg,#004080,#0059b3,#007BFF);border-radius:10px;overflow:hidden;display:flex;position:relative;font-size:8px;color:#fff;margin-top:5px;box-shadow:inset 0 0 10px #00000080}.fish-default-habitat-fill{height:100%;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-weight:700;transition:width .3s ease-in-out;position:relative;background:rgba(255,255,255,.2)}.fish-default-habitat-text{font-size:8px;color:#fff;padding:0 5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fish-default-habitat-fill:nth-child(1){background:rgba(255,255,255,.15)}.fish-default-habitat-fill:nth-child(2){background:rgba(255,255,255,.25)}.fish-default-habitat-fill:nth-child(3){background:rgba(255,255,255,.35)}.fish-default-habitat-fill:nth-child(4){background:rgba(255,255,255,.45)}.species-filter-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;width:100%;padding:8px;background-color:#222;border-radius:30px;border:1px solid #444;min-height:55px;overflow-y:hidden}.species-filter-image{width:50px;height:50px;border-radius:50%;object-fit:cover;position:relative;transition:transform .2s ease-in-out;cursor:pointer}.species-filter-image-container{position:relative;display:inline-block}.species-remove-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:rgba(0,0,0,.6);color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:opacity .3s ease-in-out}.species-filter-image-container:hover .species-remove-btn{opacity:1}.add-fish-btn{background:transparent;color:#fff;border:1px solid #FFFFFF;padding:6px 12px;font-size:12px;font-family:Roobert,sans-serif;font-weight:700;border-radius:6px;cursor:pointer;transition:all .3s ease-in-out}.add-fish-btn:hover{background:rgba(255,255,255,.2);color:#fff;transform:scale(1.05)}.add-fish-btn:active{transform:scale(.97);opacity:.8}.fish-filter-title{font-family:Roobert,sans-serif;font-size:10px;font-weight:900;color:#555;text-align:left;width:100%;margin-bottom:3px;padding-left:4px}.fish-filter-divider{width:100%;height:2px;background-color:#555;border:none;margin-bottom:10px}.species-placeholder{font-family:Roobert,sans-serif;color:#555}.species-search-container{margin:15px 10px}.species-search-container input{width:95%;padding:8px 12px;border-radius:20px;border:none;background-color:#1a1a1a;color:#fff;font-family:Roobert,sans-serif;font-size:14px;outline:none;transition:all .3s ease}.species-search-container input:focus{background-color:#1a1a1a;box-shadow:0 0 0 2px var(--primary-color)}.species-search-container input::placeholder{color:#888}.all-species-container-wrapper{max-height:600px;overflow-y:auto;margin:10px;padding:5px;background-color:#1a1a1a;border-radius:10px;scrollbar-width:thin;scrollbar-color:var(--primary-color) #333}.all-species-container{display:flex;flex-direction:column;gap:15px;padding:10px 5px}.species-card{background:linear-gradient(145deg,#222,#1a1a1a);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000004d;margin-bottom:5px;border-left:3px solid var(--primary-color);transition:transform .2s ease,box-shadow .2s ease}.species-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.species-card-header{display:flex;padding:12px;background-color:#0003;align-items:center}.species-image-container{max-width:100px;max-height:80px;border-radius:10px;overflow:hidden;border:2px solid #333;display:inline-flex;align-items:center;justify-content:center;background-color:#000}.species-card-header img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px}.species-card-title{display:flex;flex-direction:column;justify-content:center;margin-left:12px;flex:1}.species-card-badges{display:flex;gap:8px;flex-wrap:wrap}.species-card-details{padding:12px 15px;display:flex;flex-direction:column;gap:8px}.species-detail{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.1)}.detail-label{font-family:Roobert,sans-serif;font-size:12px;color:#888;font-weight:500}.detail-value{font-family:Roobert,sans-serif;font-size:12px;color:#fff;font-weight:600}.species-details-btn{font-family:Roobert,sans-serif;font-size:12px;font-weight:600;padding:8px 0;margin-top:8px;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease;text-transform:uppercase;letter-spacing:1px}.species-details-btn:hover{background-color:#0095c0}.rarity-badge{font-family:Roobert,sans-serif;font-size:10px;color:#fff;padding:2px 8px;border-radius:12px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.rarity-badge.common{background-color:var(--gray-color)}.rarity-badge.uncommon{background-color:#4caf50}.rarity-badge.rare{background-color:#2196f3}.ratings-container{margin-top:10px;margin-left:10px;margin-right:10px;max-width:560px;background-color:#1a1a1a;border-radius:8px;padding:20px;display:flex;justify-content:space-around;align-items:center;box-shadow:0 4px 10px #0000004d}.rating-section-global{flex:1;text-align:center;position:relative;max-width:100px;max-height:100px}.rating-section-avg-species{flex:1;text-align:center;position:relative;max-width:150px;max-height:150px;margin-left:50px;margin-right:50px}.rating-section-diversity{flex:1;text-align:center;position:relative;max-width:100px;max-height:100px}.rating-section canvas{width:100%;height:100%;max-width:100%;max-height:100%}.rating-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;width:100%;pointer-events:none;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.rating-score{font-family:Roobert,sans-serif;margin:0;text-align:center;font-weight:700;font-size:1.5em}.rating-label{font-family:Roobert,sans-serif;margin:0;text-align:center;font-weight:400;font-size:.8em}.rating-section-global .rating-score,.rating-section-diversity .rating-score{font-size:32px}.rating-section-avg-species .rating-score{font-size:40px}.rating-section-global .rating-label,.rating-section-diversity .rating-label{font-size:10px}.rating-section-avg-species .rating-label{font-size:12px}.rating-stars{color:var(--highlight-color);font-size:20px}.fa-star{color:var(--highlight-color)}.error-message{color:#ff5252;margin-bottom:15px;font-size:14px;border-radius:4px;padding:8px 12px;background-color:#e5393533;display:flex;align-items:center;justify-content:center;text-align:center;margin-left:auto;margin-right:auto}.error-message:empty{display:none}.error-message:before{content:"⚠️";margin-right:8px}.success-message{color:#69f0ae;margin-bottom:15px;font-size:14px;border-radius:4px;padding:8px 12px;background-color:#43a04733;display:flex;align-items:center;justify-content:center;text-align:center;margin-left:auto;margin-right:auto;background-color:var(--success-color);animation:fadeIn .3s ease-in-out}.success-message:empty{display:none}.success-message:before{content:"✅";margin-right:8px}.success-message p{margin:5px 0}.success-message strong{font-weight:600}.success-message small{font-size:12px;opacity:.9}#reset-error{color:var(--error-color);font-size:14px;margin:10px 0;padding:8px;background-color:#dc35451a;border-left:3px solid var(--error-color);border-radius:2px;display:none}#reset-error:not(:empty){display:block}.reset-instructions{color:#ffffffd9;font-family:Roobert,sans-serif;font-size:12px;line-height:1.5;margin:5px 0 20px;text-align:center;font-weight:400;padding:0 10px;letter-spacing:.2px}.warning-banner{font-family:Roobert,sans-serif;font-size:9px;background-color:#1a1a1a;color:#fff;font-weight:700;text-align:center;padding:10px;border-radius:8px;margin:5px 10px}.watching-details-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:auto;text-align:center;background-color:#343a40;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.watching-details-bold-text{font-family:Roobert,sans-serif;font-size:18px;color:#fff;font-weight:700;margin-bottom:10px}.watching-details-regular-text{font-family:Roobert,sans-serif;font-size:14px;color:#fff;font-weight:400;opacity:.6;margin-bottom:10px}.watching-learn-more-btn{margin-top:10px;padding:12px 25px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .3s ease}.watching-learn-more-btn:hover{background-color:#0056b3}.signup-confirmation-container{background-color:var(--primary-color);color:#fff;border-radius:8px;padding:20px;width:100%;box-sizing:border-box;text-align:center}.signup-confirmation-icon-wrapper{margin-bottom:15px}.signup-confirmation-icon{font-size:48px}.signup-confirmation-title{margin:10px 0;font-size:20px;font-weight:500}.signup-confirmation-content{margin:15px 0}.signup-confirmation-email-label{margin:0 0 5px}.signup-confirmation-email-display{background-color:#fff3;padding:8px;border-radius:4px;word-break:break-all;margin:0 auto;text-align:center;display:inline-block;max-width:100%}.signup-confirmation-button{width:100%;background-color:#fff;color:var(--primary-color);border:none;padding:10px;border-radius:4px;font-weight:700;cursor:pointer;margin:15px 0;font-family:Roobert,sans-serif}.signup-confirmation-button:hover{background-color:#f0f0f0}.signup-confirmation-info-box{background-color:#0003;border-radius:6px;padding:10px;margin-top:15px;text-align:left}.signup-confirmation-info-text{margin:0;font-size:14px}.signup-confirmation-info-icon{margin-right:8px}.feature-selection-menu{position:absolute;background:rgba(0,0,0,.9);border-radius:8px;padding:15px;min-width:480px;max-width:580px;z-index:1000;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInScale .2s ease-out}.feature-selection-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:12px;text-align:center;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:8px}.feature-selection-option{display:flex;align-items:center;padding:10px;margin:6px 0;background:rgba(255,255,255,.05);border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.feature-selection-option:hover{background:rgba(255,255,255,.1);border-color:#ffffff4d;transform:translateY(-1px)}.feature-selection-color{width:8px;height:100%;border-radius:4px;margin-right:12px;flex-shrink:0;min-height:45px}.feature-selection-content{flex:1;min-width:0}.feature-selection-option-title{color:#fff;font-size:13px;font-weight:500;margin-bottom:4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2}.feature-selection-category{color:#ffffffb3;font-size:11px;font-weight:400;margin-bottom:3px;text-transform:capitalize}.feature-selection-rating{color:#fffc;font-size:11px;font-weight:400}.feature-selection-rating .star{color:var(--highlight-color)}.feature-selection-close{position:absolute;top:8px;right:12px;color:#fff9;font-size:18px;font-weight:700;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.feature-selection-close:hover{color:#fff;background:rgba(255,255,255,.1)}.global-sub-title{font-family:Roobert,sans-serif;font-size:18px;font-weight:900;color:#fff;text-align:center;margin-bottom:15px;margin-left:10px;text-transform:uppercase;letter-spacing:1px;margin-top:15px}.paragraph-text{font-family:Roobert,sans-serif;font-size:13px;color:#d3d3d3;line-height:1.5;margin-left:10px;max-width:530px;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal;display:inline}.description-ellipsis{opacity:.5;font-size:14px;margin-left:2px}.view-more-btn{background:transparent;border:none;color:#007bff;font-size:14px;font-family:Roobert,sans-serif;cursor:pointer;opacity:.7;transition:opacity .3s ease-in-out;text-decoration:underline;margin-left:4px;display:inline}.view-more-btn:hover{opacity:1}.input-note{display:block;font-family:Roobert,sans-serif;font-size:12px;color:#ffffff80;margin-top:6px;font-style:italic;padding-left:2px}.error-link{color:var(--primary-color);text-decoration:underline;font-weight:500;transition:color .2s ease}.error-link:hover{color:var(--highlight-color);text-decoration:none}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-2px)}40%,60%{transform:translate(2px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 4px 8px #0000001a,0 0 #ffbf004d}50%{box-shadow:0 6px 12px #00000026,0 0 0 4px #ffbf001a}}@media (max-width: 480px){#fixed-sidebar{left:10px;top:10px;height:calc(100vh - 20px);width:70px}#expand-sidebar{left:80px;top:10px;height:calc(100vh - 20px);width:calc(100vw - 100px);max-width:520px}.favorite-item{flex-direction:column;align-items:flex-start}.favorite-info{margin-bottom:10px;width:100%}.favorite-actions{width:100%;justify-content:flex-end}.mapboxgl-ctrl-geocoder{width:calc(100vw - 40px)!important;max-width:320px!important;min-width:280px!important;top:10px!important;right:10px!important}#reef-overlay-indicator{top:55px;right:25px;padding:6px 12px;font-size:12px;z-index:10!important}.reef-indicator-light{width:10px;height:10px}.reef-indicator-label{font-size:11px}.mapboxgl-ctrl-geocoder .suggestions{top:calc(100% + 4px)!important;left:0!important;right:0!important;width:100%!important;z-index:999999!important}.fish-popup-container{top:120px!important;right:10px!important;width:calc(100vw - 20px)!important;max-width:280px!important;height:calc(100% - 280px)!important}.fish-popup-close-btn{top:20px!important;right:15px!important}.fish-default-content-container{flex-direction:column;text-align:center}.fish-default-image{width:100%;max-width:250px}.fish-default-text-container{max-width:100%;text-align:center}}body #expand-sidebar{scrollbar-width:none!important;-ms-overflow-style:none!important}body #expand-sidebar::-webkit-scrollbar{display:none!important;width:0!important;background:transparent!important}body #expand-sidebar *::-webkit-scrollbar{display:none!important;width:0!important;background:transparent!important}body #expand-sidebar::-webkit-scrollbar-track,body #expand-sidebar *::-webkit-scrollbar-track,body #sidebar-content::-webkit-scrollbar-track,body #sidebar-content *::-webkit-scrollbar-track,body div#expand-sidebar::-webkit-scrollbar-track,body div#expand-sidebar div::-webkit-scrollbar-track,body div#expand-sidebar *::-webkit-scrollbar-track,html body #expand-sidebar::-webkit-scrollbar-track,html body #expand-sidebar *::-webkit-scrollbar-track{background:transparent!important;background-color:transparent!important;background-image:none!important;border:none!important;box-shadow:none!important;outline:none!important;display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important}body #expand-sidebar::-webkit-scrollbar,body #expand-sidebar *::-webkit-scrollbar{background:transparent!important;width:6px!important}body #expand-sidebar,body #expand-sidebar *,body #sidebar-content,body #sidebar-content *{scrollbar-color:rgba(80,80,80,.6) transparent!important;scrollbar-width:thin!important}@supports (-webkit-scrollbar-track-piece:start){body #expand-sidebar::-webkit-scrollbar-track-piece,body #expand-sidebar *::-webkit-scrollbar-track-piece{background:transparent!important;display:none!important}}body #expand-sidebar:focus::-webkit-scrollbar-track,body #expand-sidebar:hover::-webkit-scrollbar-track,body #expand-sidebar *:focus::-webkit-scrollbar-track,body #expand-sidebar *:hover::-webkit-scrollbar-track{background:transparent!important;background-color:transparent!important}.mammal-card{background-color:#1a1a1a;border-radius:12px;margin-bottom:15px;box-shadow:0 4px 10px #0003;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.mammal-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006}.mammal-card-header{display:flex;padding:15px;align-items:center;position:relative}.mammal-image-container{width:80px;height:80px;border-radius:10px;overflow:hidden;border:2px solid #333;display:flex;align-items:center;justify-content:center;background-color:#000;margin-right:15px}.mammal-image-container img{width:100%;height:100%;object-fit:cover}.mammal-card-title{display:flex;flex-direction:column;justify-content:center;flex:1}.mammal-card-title h3{color:#fff;font-family:Roobert,sans-serif;font-size:16px;font-weight:600;margin:0 0 5px}.mammal-card-title p{color:#b4b4b4;font-family:Roobert,sans-serif;font-size:13px;margin:0;font-style:italic}.mammal-card-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.type-badge{font-family:Roobert,sans-serif;font-size:10px;color:#fff;padding:2px 8px;border-radius:12px;text-transform:uppercase;font-weight:600;background-color:var(--primary-color)}.mammal-season-chart-container{width:100%;margin:0 0 10px;height:200px;display:flex;justify-content:center;align-items:center}.mammal-season-chart{width:100%}.mammal-card-details{padding:15px;border-top:1px solid rgba(255,255,255,.1)}.mammals-list-container{max-height:600px;overflow-y:auto;padding:10px}.mammals-list-container::-webkit-scrollbar-track{background:transparent}.mammal-category-tab{flex:0 0 auto;padding:8px 15px;background-color:#444;color:#fff;border:none;border-radius:4px;cursor:pointer;font-family:Roobert,sans-serif;font-weight:600;transition:all .2s ease;margin:0 2px}.mammal-category-tab:hover{background-color:#555}.mammal-category-tab.active{background-color:#0080bf}.mammal-tabs-container{display:flex;overflow-x:auto;gap:8px;margin:15px 0;padding-bottom:5px;justify-content:center}.habitat-chart-container{background-color:#333;border-radius:12px;padding:16px;margin:0 10px 15px;box-shadow:0 4px 10px #0003}.habitat-chart{width:100%;height:220px;max-width:100%;margin:0 auto;padding:10px;background-color:#1a1a1a;border-radius:8px}.custom-chart-tooltip{background-color:#1a1a1ae6!important;border-radius:4px!important;padding:8px 12px!important;color:#fff!important;font-family:Roobert,sans-serif!important;font-size:12px!important;border:1px solid #444!important}.species-carousel{display:flex;overflow-x:auto;gap:10px;padding:10px}.species-item{min-width:150px;background-color:#f0f0f0;border-radius:8px;padding:10px;text-align:center;box-shadow:0 2px 5px #0000001a}.mapboxgl-ctrl-geocoder,.mapboxgl-ctrl-geocoder *,.mapboxgl-ctrl-geocoder *:after,.mapboxgl-ctrl-geocoder *:before{box-sizing:border-box}.mapboxgl-ctrl-geocoder{font-size:18px;line-height:24px;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,Helvetica,sans-serif;position:relative;background-color:#fff;width:100%;min-width:240px;z-index:1;border-radius:4px;transition:width .25s,min-width .25s}.mapboxgl-ctrl-geocoder--input{font:inherit;width:100%;border:0;background-color:transparent;margin:0;height:50px;color:#404040;color:#000000bf;padding:6px 45px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mapboxgl-ctrl-geocoder--input::-ms-clear{display:none}.mapboxgl-ctrl-geocoder--input:focus{color:#404040;color:#000000bf;outline:0;box-shadow:none;outline:thin dotted}.mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--pin-right>*{z-index:2;position:absolute;right:8px;top:7px;display:none}.mapboxgl-ctrl-geocoder,.mapboxgl-ctrl-geocoder .suggestions{box-shadow:0 0 10px 2px #0000001a}.mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed{width:50px;min-width:50px;transition:width .25s,min-width .25s}.mapboxgl-ctrl-geocoder .suggestions{background-color:#fff;border-radius:4px;left:0;list-style:none;margin:0;padding:0;position:absolute;width:100%;top:110%;top:calc(100% + 6px);z-index:1000;overflow:hidden;font-size:15px}.mapboxgl-ctrl-bottom-left .suggestions,.mapboxgl-ctrl-bottom-right .suggestions{top:auto;bottom:100%}.mapboxgl-ctrl-geocoder .suggestions>li>a{cursor:default;display:block;padding:6px 12px;color:#404040}.mapboxgl-ctrl-geocoder .suggestions>.active>a,.mapboxgl-ctrl-geocoder .suggestions>li>a:hover{color:#404040;background-color:#f3f3f3;text-decoration:none;cursor:pointer}.mapboxgl-ctrl-geocoder--suggestion-title{font-weight:700}.mapboxgl-ctrl-geocoder--suggestion-title,.mapboxgl-ctrl-geocoder--suggestion-address{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mapboxgl-ctrl-geocoder--icon{display:inline-block;vertical-align:middle;speak:none;fill:#757575;top:15px}.mapboxgl-ctrl-geocoder--icon-search{position:absolute;top:13px;left:12px;width:23px;height:23px}.mapboxgl-ctrl-geocoder--button{padding:0;margin:0;border:none;cursor:pointer;background:#fff;line-height:1}.mapboxgl-ctrl-geocoder--icon-close{width:20px;height:20px;margin-top:8px;margin-right:3px}.mapboxgl-ctrl-geocoder--button:hover .mapboxgl-ctrl-geocoder--icon-close{fill:#909090}.mapboxgl-ctrl-geocoder--icon-geolocate{width:22px;height:22px;margin-top:6px;margin-right:3px}.mapboxgl-ctrl-geocoder--icon-loading{width:26px;height:26px;margin-top:5px;margin-right:0;-moz-animation:rotate .8s infinite cubic-bezier(.45,.05,.55,.95);-webkit-animation:rotate .8s infinite cubic-bezier(.45,.05,.55,.95);animation:rotate .8s infinite cubic-bezier(.45,.05,.55,.95)}.mapboxgl-ctrl-geocoder--powered-by{display:block;float:left;padding:6px 12px 9px;font-size:13px}.mapboxgl-ctrl-geocoder--powered-by a{color:#909090}.mapboxgl-ctrl-geocoder--powered-by a:not(:hover){text-decoration:none}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media screen and (min-width: 640px){.mapboxgl-ctrl-geocoder.mapboxgl-ctrl-geocoder--collapsed{width:36px;min-width:36px}.mapboxgl-ctrl-geocoder{width:33.3333%;font-size:15px;line-height:20px;max-width:360px}.mapboxgl-ctrl-geocoder .suggestions{font-size:13px}.mapboxgl-ctrl-geocoder--icon{top:8px}.mapboxgl-ctrl-geocoder--icon-close{width:16px;height:16px;margin-top:3px;margin-right:0}.mapboxgl-ctrl-geocoder--icon-geolocate{width:18px;height:18px;margin-top:2px;margin-right:0}.mapboxgl-ctrl-geocoder--icon-search{left:7px;width:20px;height:20px}.mapboxgl-ctrl-geocoder--input{height:36px;padding:6px 35px}.mapboxgl-ctrl-geocoder--icon-loading{width:26px;height:26px;margin-top:-2px;margin-right:-5px}.mapbox-gl-geocoder--error{color:#909090;padding:6px 12px;font-size:16px;text-align:center}.mapboxgl-ctrl-geocoder--powered-by{font-size:11px!important}}