/*!* The idea is that a pseudo element belongs to its parent, so when we create one with a specific width and height, it will act as a click/touch/hover area of its parent. *!*//*!*swiper-container::part(button-next)::after {*!*/.swiper-button-next,.swiper-button-prev{margin-left:calc(var(--spacing,.25rem)*2)}.swiper-slide-next,.swiper-slide-prev{opacity:.3}swiper-container::part(bullet){background-color:#fff;opacity:.8}swiper-container::part(bullet-active){background-color:var(--color-gtrose)}/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */.bg-grey-transparent[data-v-2c677290]{background-color:#f5f5f58a}.slide-contents[data-v-2c677290]{height:100%;position:relative;width:100%}.tag[data-v-2c677290]{background-color:var(--primary-background)}@supports (color:color-mix(in lab,red,red)){.tag[data-v-2c677290]{background-color:color-mix(in oklab,var(--primary-background)50%,transparent)}}.tag[data-v-2c677290]{color:#fffc;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));padding-block:calc(var(--spacing,.25rem)*.5);padding-inline:calc(var(--spacing,.25rem)*2);text-align:center}.species-name[data-v-2c677290]{background-color:#000;top:calc(var(--spacing,.25rem)*7)}.species-directory[data-v-2c677290],.species-name[data-v-2c677290]{color:#fffc;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));max-width:75%;padding-inline:calc(var(--spacing,.25rem)*1);position:absolute;right:calc(var(--spacing,.25rem)*0)}.species-directory[data-v-2c677290]{top:calc(var(--spacing,.25rem)*1)}.credit[data-v-2c677290],.species-directory[data-v-2c677290]{background-color:oklab(0 none none/.5)}.credit[data-v-2c677290]{bottom:calc(var(--spacing,.25rem)*1);color:#fffc;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));padding-inline:calc(var(--spacing,.25rem)*1);position:absolute;right:calc(var(--spacing,.25rem)*0)}