@import url(https://fonts.googleapis.com/css2?family=DM+Sans&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:DM Sans,sans-serif;margin:0;padding:0}.biotracker-logo{left:0;pointer-events:none;text-align:left}.biopixel-logo,.biotracker-logo{margin:15px;position:absolute;top:0;width:25%;z-index:1}.biopixel-logo{cursor:pointer;right:0;text-align:right}.title{color:#fff;font-size:20pt;left:0;line-height:250%;margin:5px;pointer-events:none;position:absolute;right:0;text-align:center;z-index:1}.sidebar-content{color:#fff;margin:15px;padding:6px}.tracker-status{color:#fff;font-size:16pt;left:0;margin-left:auto;margin-right:auto;pointer-events:none;position:absolute;right:0;top:10%;z-index:1}.mapboxgl-map{bottom:0;position:absolute;top:0;width:100%}.button-container{bottom:0;display:flex;height:8%;justify-content:space-between;left:0;margin:5% 25%;position:absolute;right:0;z-index:1}.button-container>div{color:#fff;height:100%;margin:0 30px}.button-container>div>p{margin:0;width:100px}.species-button-container{cursor:pointer}.species-button,.species-button img{border-radius:50%;box-sizing:border-box;height:70px;margin:0 auto 15px;position:relative;width:70px}.species-button-after{border:2px solid;border-radius:50%;box-sizing:border-box;content:"";height:calc(100% + 12px);left:-6px;position:absolute;top:-6px;width:calc(100% + 12px)}.species-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(75,75,80,.089);border:1px solid rgba(78,78,78,.5);border-radius:10px;bottom:50px;margin-left:-70px;max-height:300px;overflow-y:auto;position:absolute;text-align:left;width:250px;z-index:1}.species-popup-header{border-bottom:1px solid rgba(78,78,78,.5);margin:0;padding:10px}.species-list{height:80%;list-style:none;margin:0;overflow-y:auto;padding:0}.species-list-item{border-radius:10px;margin:5px;padding:10px;-webkit-user-select:none;user-select:none}.species-list-item:hover{background-color:hsla(240,3%,45%,.322)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#1d1b1b;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}.mapboxgl-popup-close-button,.mapboxgl-popup-tip{display:none}.mapboxgl-popup-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(75,75,80,.089);border:1px solid rgba(78,78,78,.5);border-radius:10px;color:#fff;font-size:1rem;width:300px}.mapboxgl-popup-content .popup-header{background-size:cover;height:100px;padding:10px 0 0 10px;text-align:left;text-shadow:.5px .5px #464343}.mapboxgl-popup-content .popup-content{background-size:cover;min-height:200px;padding:10px 0 0 10px;text-align:left}.loader-container{text-align:center}.loader{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:5px solid;border-color:#fff #fff transparent;border-radius:50%;box-sizing:border-box;display:inline-block;height:48px;position:absolute;top:45%;width:48px;z-index:5}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mapboxgl-marker.mapboxgl-marker-anchor-center{border-radius:50%;cursor:pointer;display:inline-block;height:30px;width:30px}.history-slider-container{bottom:0;height:8%;left:0;margin:5% 25%;position:absolute;right:0;z-index:1}.info-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(75,75,80,.089);border:1px solid rgba(78,78,78,.5);border-radius:10px;color:#fff;font-size:1rem;left:0;margin:auto;position:absolute;right:0;text-align:left;top:5%;width:60vw}.info-box-header p{color:#00bfff;cursor:pointer;padding-left:20px}.info-box-content{display:flex;padding-left:20px;padding-right:20px}.info-box-footer{background:rgba(0,0,0,.5);border:1px solid rgba(78,78,78,.5);border-radius:5px;font-size:.8rem;margin-bottom:5px;margin-top:1em;min-height:20px;padding:5px 20px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.24510d5e.css.map*/