@import url("https://fonts.googleapis.com/css2?family=Nunito&display=swap");@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");body{font-family:Nunito}.-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 600,"GRAD" 0,"opsz" 24}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#app-container{position:absolute;margin:0;inset:0;display:grid;grid-template-rows:50px auto;grid-template-columns:1fr}#app-header-container{position:relative;margin:0;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;grid-row-start:1}#app-body-container{position:absolute;font-family:Nunito;margin:0;inset:0;grid-row-start:2;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(1,minmax(0,1fr));place-items:center}button{min-width:30px;height:30px;border-radius:15px;color:rgb(var(--primary-rgb));background:rgb(var(--tertiary-rgb));border:none;box-shadow:0 2px 0 0 rgb(var(--primary-rgb));transition:all 50ms;cursor:pointer}button:active{box-shadow:0 0 0 0 rgb(var(--primary-rgb));transform:translateY(2px)}.dex-container{position:relative;font-family:Press Start\ 2P,system-ui;display:block;align-self:center;width:min(calc(96%),600px);height:470px;grid-row:span 2;box-shadow:0 2px 8px 0 #00000026;border-radius:15px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;scroll-snap-type:y mandatory}.entry-outer{width:calc(100% - 10px);height:150px;margin:5px;background:none;border-radius:75px;scroll-snap-align:center;display:flex;align-items:center;justify-content:center}.entry{width:100%;height:100%;border-radius:75px;transform:scale(1);overflow:hidden;box-shadow:0 2px 5px 0 rgba(0,0,0,.3);cursor:pointer}.dex-container::-webkit-scrollbar{display:none}.entry-image{position:relative;height:130px;width:130px;margin:10px;border-radius:140px;overflow:hidden;object-fit:cover;box-shadow:0 0 0 4px #bbb;background:linear-gradient(172deg,rgb(var(--tertiary-rgb)) 50%,rgb(var(--background-rgb)) 50%)}.entry-image .no-image{position:absolute;width:100%;height:100%;inset:0;display:flex;align-items:center;justify-content:center;color:rgb(var(--secondary-rgb));font-size:30px}.entry-image img{width:100%;height:100%;object-fit:cover}.entry-name{font-weight:400;color:rgb(var(--off-white-or-black-rgb));position:absolute;top:10px;left:140px;font-size:13px}.dummy{opacity:0}.entry-info{width:calc(100% - 160px);height:100%;color:rgba(var(--white-or-black-rgb),.5);font-size:9px;position:absolute;top:30px;left:160px}.dex-container{background:linear-gradient(160deg,rgba(var(--primary-rgb),.1) 40%,transparent 60%)}.more-options{position:absolute;top:0;left:auto;right:auto;background-color:rgba(var(--white-or-black-rgb),.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:90%;border-radius:20px;box-shadow:0 2px 2px 0 rgba(var(--black-or-white-rgb),.1);z-index:5;transition:all .2s;overflow:hidden;box-sizing:border-box;color:rgb(var(--primary-rgb))}.close-button{position:absolute;top:5px;right:5px}.more-options fieldset{position:relative;margin-left:25px;width:calc(100% - 50px);border-radius:10px;border:2px solid rgba(var(--primary-rgb),.3);box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:left;gap:10px}.more-option-block{height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;color:rgb(var(--primary-rgb));transition:all .2s;display:inline-block;background-color:rgba(var(--white-or-black-rgb),.3);margin:2px;border-radius:5px;padding:10px}.more-option-block[open]{width:calc(100% - 6px)}.more-option-block[open] summary{font-weight:600;font-size:1.1em}.dropdown-container{display:flex;align-items:center;justify-content:left}fieldset{border-radius:5px;border:1px solid var(--dark-primary)}legend{font-weight:600}summary{border-radius:5px;padding:4px 6px;cursor:pointer}summary:hover{background:hsla(0,0%,39%,.1)}summary{list-style:none}summary::-webkit-details-marker{display:none}.search-container{position:relative;width:90%;margin:auto;border-radius:10px;padding:10px;background-color:rgba(var(--white-or-black-rgb),.5)}.search-input{position:relative;display:block;border:none;box-shadow:0 1px 2px 0 rgba(var(--black-or-white-rgb),.1);height:30px;width:80%;margin:auto;border-radius:5px;padding:0 5px;background-color:rgba(var(--white-or-black-rgb),.8)}.search-button{color:#333;font-size:22px}.search-result{justify-content:space-between;gap:10px;width:90%;margin:5px auto;padding:5px;border-radius:3px;background:rgba(var(--white-or-black-rgb),.5)}.search-result,.switch{display:flex;align-items:center}.switch{justify-content:left;font-weight:600;color:rgb(var(--primary-rgb));font-size:.9em}.switch input{opacity:0;width:0;height:0;display:none}.switch-slider{position:relative;display:inline-block;width:42px;height:24px;margin:10px;border-radius:50px;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgb(var(--tertiary-rgb));box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.3);transition:background .4s}.switch-slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:rgb(var(--primary-rgb));transition:transform .4s;border-radius:50%;box-shadow:0 2px 2px 0 rgba(0,0,0,.1)}input:checked+.switch-slider{background-color:rgb(var(--secondary-rgb))}input:checked+.switch-slider:before{transform:translateX(16px)}.option-dropdown{position:relative;display:inline-block;width:-moz-fit-content;width:fit-content;min-width:70px;height:24px;margin:10px;border-radius:50px;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--tertiary-rgb);box-shadow:inset 0 1px 2px 0 rgb(var(--black-or-white-rgb)/30%);transition:background-color .4s;display:flex;align-items:center;justify-content:left;border:none;padding-left:5px;color:var(--primary-rgb);font-size:.9em}.option-dropdown option{border-radius:50px;background-color:rgb(var(--background-rgb))}.option-dropdown option:hover{background:inherit;font-weight:600}.view-toggle-container{position:relative;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px;border-radius:5px;background:rgba(var(--white-or-black-rgb),.3)}.view-toggle-icon{position:relative;z-index:1;padding:2px;box-sizing:content-box;border-radius:3px;cursor:pointer}.view-toggle-icon:hover{background:hsla(0,0%,100%,.2)}.view-icon-background{position:absolute;width:36px;height:36px;border-radius:3px;background:hsla(0,0%,100%,.3);z-index:0;transition:all .2s}#tree-svg{position:relative;font-family:Nunito,Noto,Garamond,Charter,sans-serif;transition:all .3s ease;border-radius:5px;overflow:hidden;box-sizing:border-box;border:1px solid rgb(var(--tertiary-rgb));grid-row:span 2;max-width:calc(100% - 10px);max-height:calc(100% - 10px)}#tree-svg>g{transition:transform .3s ease}#tree-svg:active:hover>g{transition:transform 0ms}@media (pointer:coarse){#tree-svg>g{transition:transform 0ms}}.leaf-node:hover circle,.parent-node circle{r:7}.node circle,.node text{cursor:pointer}.node text{font-weight:400;fill:rgb(var(--primary-rgb))}.node path{pointer-events:none}.node,.node *{transition:all .3s ease}.tree-container{position:relative;width:100%;height:100%;margin:0;inset:0;display:flex;justify-content:center;align-items:center}.recenter-tree-button{position:absolute;top:12px;left:12px;border-radius:3px;padding:0 5px}.show-node-children{cursor:pointer;transition:all .2s}.show-node-children>rect{fill:rgb(var(--tertiary-rgb))}.show-node-children:hover>rect{stroke:rgb(var(--tertiary-rgb))}.recents-container{position:relative;font-family:Nunito,system-ui;align-self:center;width:100%;height:100%;grid-row:span 2;overflow-y:scroll;padding:15px;-ms-overflow-style:none;scrollbar-width:none;scroll-snap-type:y mandatory}.recents-container h2{color:rgb(var(--primary-rgb));font-weight:400}.recents-container h3{color:rgb(var(--secondary-rgb));font-weight:400}.recents-photos-container{display:flex;align-items:center;justify-content:left;flex-wrap:wrap;gap:10px;padding:10px;width:100%;height:-moz-fit-content;height:fit-content}.recents-container img{max-width:130px;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.15);cursor:pointer;transition:all .2s}.recents-container img:hover{transform:translateY(-1px);box-shadow:0 2px 3px 0 rgba(0,0,0,.15)}.gooey-title{position:absolute;top:0;width:100%;height:-moz-fit-content;height:fit-content;text-align:center;margin-top:-60px;pointer-events:none}.goo-blended{filter:url(#goo)}.circles-svg{width:100%;height:100%;overflow:hidden;opacity:.3;z-index:-1}.big-text,.circles-svg{position:absolute;inset:0;pointer-events:none}.big-text{font-weight:800;width:-moz-fit-content;width:fit-content;margin:auto;padding:0 10px;height:-moz-fit-content;height:fit-content;color:rgb(var(--primary-rgb));filter:drop-shadow(1px 2px 0 rgb(var(--background-rgb)));display:flex;align-items:center;justify-content:center;font-size:30px;z-index:2}.big-text:before{content:"";position:absolute;inset:0;margin:auto;width:100%;height:100%;background-color:rgb(var(--background-rgb),.4);z-index:-5;border-radius:5px;box-shadow:0 5px 5px -4px rgba(var(--black-or-white-rgb),.1)}.species-focus-container{margin:auto;width:-moz-fit-content;width:fit-content;padding:0 20px;height:calc(100% - 60px);top:60px;display:flex;align-items:center;justify-content:top;flex-direction:column;gap:10px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;z-index:1}.hide-main,.species-focus-container{position:absolute;inset:0;width:100%}.hide-main{height:100%;background-color:rgba(var(--background-rgb),.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.species-focus-container::-webkit-scrollbar{display:none}.focus-images-container{overflow-x:auto;scroll-snap-type:x mandatory;max-width:max(500px,max-content);max-height:60vw;min-height:-moz-fit-content;min-height:fit-content;max-width:94%;display:flex;scrollbar-color:rgb(var(--secondary-rgb)) transparent}.focus-image{object-fit:contain}.focus-image,.focus-image-container{width:100%;max-height:max(300px,calc(100vh - 110px));display:flex;align-items:center;justify-content:center;scroll-snap-align:center}.focus-image-container{position:relative;flex-shrink:0}.flickr-link{position:absolute;bottom:2px;right:2px;width:36px;height:36px;background-image:url(/img/Flickr.svg);background-position:50%;background-size:cover}.flickr-link:hover{filter:drop-shadow(1px 2px 2px rgba(255,255,255,.5))}.spacer{width:100%}.tty-container{width:90%}.tty-svg{border-bottom:1px solid rgba(var(--primary-rgb),.5)}.tty-svg circle{fill:rgb(var(--primary-rgb));stroke:rgb(var(--background-rgb));stroke-width:1;r:3}.tty-svg path{stroke-width:2}.tty-svg text{text-anchor:middle;font-weight:600;font-size:.8em;fill:rgb(var(--primary-rgb));stroke:rgb(var(--background-rgb));stroke-width:1;paint-order:stroke}.species-info-links{position:relative;top:0;width:100%;flex-direction:row;padding:5px;z-index:5}.ext-link,.species-info-links{display:flex;justify-content:center;align-items:center}.ext-link{margin:0 15px;width:45px;height:45px;background-position:50%;background-size:cover;cursor:pointer;transition:.2s;filter:drop-shadow(2px 2px 0 rgba(255,255,255,1))}.ext-link:hover{filter:drop-shadow(3px 3px 0 rgba(0,0,0,.4))}.ext-link-ecosia{background-image:url(/img/ecosia_mglass.png)}.ext-link-wiki{background-image:url(/img/wikipedia.png)}.ext-link-nbn{background-image:url(/img/nbn_atlas.png)}.species-taxon-list{list-style-type:""}.species-taxon-list>li{position:relative;cursor:pointer}.species-taxon-list>li:before{position:absolute;content:"";left:-8px;top:50%;width:100%;height:100%;border-left:2px solid rgb(var(--primary-rgb))}.species-taxon-list>li:last-child:before{display:none}.species-taxon-list>li:after{position:absolute;content:"";left:-12px;top:calc(50% - 5px);border:1px solid rgb(var(--primary-rgb));background:rgb(var(--background-rgb));width:10px;height:10px;border-radius:8px;box-sizing:border-box}.species-taxon-list>li:hover:after{border:2px solid rgb(var(--primary-rgb))}.vc-map-container{width:100%;display:flex;justify-content:center;align-items:center}.vc-map{width:280px;fill:rgb(var(--primary-rgb));stroke:rgb(var(--background-rgb));stroke-width:1;margin-bottom:-20px}.vc-map path:hover{filter:brightness(1.7)}