.swiper-button-next,.swiper-button-prev{margin-left:.5rem}.swiper-slide-next,.swiper-slide-prev{opacity:.3}swiper-container::part(bullet){background-color:#fff;opacity:.8}/*!* 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-container::part(bullet-active){background-color:var(--gt-rose)}.bg-grey-transparent[data-v-1ec1ab30]{background-color:#f5f5f58a}.slide-contents[data-v-1ec1ab30]{height:100%;position:relative;width:100%}.tag[data-v-1ec1ab30]{background-color:var(--primary-background);--tw-bg-opacity:.5;color:rgb(255 255 255/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;padding:.125rem .5rem;text-align:center;--tw-text-opacity:.8}.species-name[data-v-1ec1ab30]{top:1.75rem}.species-directory[data-v-1ec1ab30],.species-name[data-v-1ec1ab30]{background-color:rgb(0 0 0/var(--tw-bg-opacity,1));position:absolute;right:0;--tw-bg-opacity:.5;color:rgb(255 255 255/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;padding-left:.25rem;padding-right:.25rem;--tw-text-opacity:.8;max-width:75%}.species-directory[data-v-1ec1ab30]{top:.25rem}.credit[data-v-1ec1ab30]{background-color:rgb(0 0 0/var(--tw-bg-opacity,1));bottom:.25rem;position:absolute;right:0;--tw-bg-opacity:.5;color:rgb(255 255 255/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;padding-left:.25rem;padding-right:.25rem;--tw-text-opacity:.8}