.image-gallery-container{background-color:var(--off-black);display:flex;max-height:90vh;margin:0 1.5rem;max-width:78.125rem}.image-gallery-container .active-image{background-color:rgba(0,0,0,0);border:none;display:flex;flex-direction:column;margin:0;padding:0;width:60%}.image-gallery-container .active-image.fade-in{animation:fadein .5s linear forwards}.image-gallery-container .active-image img{width:100%}.image-gallery-container .active-image figcaption{background-color:var(--off-black);color:var(--off-white);font-size:.85rem;margin:0;padding:.25rem .5rem}.image-gallery-container .image-thumbnails{align-self:flex-start;display:flex;flex-flow:row wrap;max-height:90vh;overflow-y:scroll;width:40%}.image-gallery-container .image-thumbnails button{background-color:rgba(0,0,0,0);border:none;margin:0;padding:0;width:33.33%}.image-gallery-container .image-thumbnails button img{margin:0;height:100%;width:100%}.image-gallery-container .image-thumbnails button img:not(.active){opacity:.7}.image-gallery-container .image-thumbnails button:focus-visible img,.image-gallery-container .image-thumbnails button:hover img{opacity:1}.image-gallery-container .image-thumbnails button:focus-visible{border:.1875rem solid var(--off-white);outline:none}ol{color:var(--off-white);list-style:none;padding:0 0 0 1.5rem}ol li{border-left:2px solid var(--white);padding:0 0 0 .5rem}ol li.order{margin:.25rem 0}ol li.family{margin:.25rem 0 .25rem 1rem}ol li.subfamily{margin:.25rem 0 .25rem 2rem}ol li.tribe{margin:.25rem 0 .25rem 3rem}ol li.genus{margin:.25rem 0 .25rem 4rem}ol li.species{margin:.25rem 0 .25rem 5rem}ol li.subspecies{margin:.25rem 0 .25rem 6rem}ol li.subspecies ul{list-style:none;padding:0}ol li.subspecies ul li{border:none}.p3,.mona{border-radius:.25rem;color:var(--off-white);font-size:.9rem;margin:0 0 0 .25rem;padding:.25rem .5rem}.p3{background-color:var(--dark-green-level-3)}.mona{background-color:var(--medium-pink-level-1)}@media all and (max-width: 969px){.image-gallery-container{align-items:center;flex-direction:column;justify-content:center;max-height:160vh}.image-gallery-container .active-image{padding:2rem 0 0;width:90%}.image-gallery-container .image-thumbnails{flex-flow:row nowrap;max-height:40vh;overflow-x:scroll;overflow-y:hidden;width:100%}.image-gallery-container .image-thumbnails button{width:14.2857%}}@media all and (max-width: 700px){.image-gallery-container .image-thumbnails button{width:20%}}@media all and (max-width: 500px){.image-gallery-container .image-thumbnails button{width:33.33%}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}