.fish-carousel{position:relative;width:100%}.fish-carousel .fish-carousel__content{overflow:hidden}.fish-carousel.fish-carousel--outside{margin-bottom:32px}.fish-carousel__container{position:relative;width:100%;height:256px;height:var(--carousel-height-xs, 256px)}.fish-carousel-item-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translate(100%);transition:all .5s ease-in-out;height:var(--carousel-height-xs, 100%)}.fish-carousel-item--active{opacity:1;transform:translate(0);z-index:2}.fish-carousel-item--prev{opacity:0;transform:translate(-100%);z-index:1}.fish-carousel-item--next{opacity:0;transform:translate(100%);z-index:1}.fish-carousel-item-wrapper:first-child.fish-carousel-item--active{transform:translate(0)}.fish-carousel-item-wrapper:last-child.fish-carousel-item--active{transform:translate(0)}.fish-carousel-item--first.fish-carousel-item--active,.fish-carousel-item--last.fish-carousel-item--active{transform:translate(0);opacity:1}.fish-carousel__nav-button{opacity:0;position:absolute;top:50%;transform:translateY(-50%);background-color:#ffffffb3;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a;border:none;cursor:pointer;transition:background-color .3s,opacity .3s,left .3s,right .3s;z-index:10}.fish-carousel:hover .fish-carousel__nav-button{opacity:1}.fish-carousel__nav-button:hover{background-color:#fff}.fish-carousel__nav-button--prev{left:0}.fish-carousel__nav-button--next{right:0}.fish-carousel:hover .fish-carousel__nav-button.fish-carousel__nav-button--prev{left:8px}.fish-carousel:hover .fish-carousel__nav-button.fish-carousel__nav-button--next{right:8px}.fish-carousel__nav-icon{font-size:1rem;color:#374151}.fish-carousel__indicators{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.fish-carousel__indicators--outside{bottom:-18px}.fish-carousel__indicator{width:8px;height:8px;border-radius:50%;background-color:#d1d5db;border:none;cursor:pointer;transition:background-color .2s}.fish-carousel__indicator--active{background-color:#3b82f6}.fish-carousel__indicator:hover{background-color:#9ca3af}.fish-carousel-item{flex-shrink:0;height:256px;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;height:var(--carousel-height-xs, 256px)}@media (min-width: 640px){.fish-carousel__container{height:var(--carousel-height-sm, var(--carousel-height-xs, 256px))}.fish-carousel-item-wrapper{height:var(--carousel-height-sm, var(--carousel-height-xs, 100%))}.fish-carousel-item{height:var(--carousel-height-sm, var(--carousel-height-xs, 256px))}.fish-carousel__nav-button{width:30px;height:30px}.fish-carousel__nav-icon{font-size:1rem}}@media (min-width: 768px){.fish-carousel__container{height:var(--carousel-height-md, var(--carousel-height-sm, var(--carousel-height-xs, 256px)))}.fish-carousel-item-wrapper{height:var(--carousel-height-md, var(--carousel-height-sm, var(--carousel-height-xs, 100%)))}.fish-carousel-item{height:var(--carousel-height-md, var(--carousel-height-sm, var(--carousel-height-xs, 256px)))}.fish-carousel__nav-button{width:30px;height:30px}.fish-carousel__nav-icon{font-size:1.4rem}}@media (min-width: 1024px){.fish-carousel__container{height:var( --carousel-height-lg, var(--carousel-height-md, var(--carousel-height-sm, var(--carousel-height-xs, 256px))) )}.fish-carousel-item-wrapper{height:var( --carousel-height-lg, var(--carousel-height-md, var(--carousel-height-sm, var(--carousel-height-xs, 100%))) )}.fish-carousel-item{height:var( --carousel-height-lg, var(--carousel-height-md, var(--carousel-height-sm, var(--carousel-height-xs, 256px))) )}.fish-carousel__nav-button{width:40px;height:40px}.fish-carousel__nav-icon{font-size:1.5rem}}@media (min-width: 1280px){.fish-carousel__container{height:var( --carousel-height-xl, var( --carousel-height-lg, var(--carousel-height-md, var(--carousel-height-sm, var(--carousel-height-xs, 256px))) ) )}.fish-carousel-item-wrapper{height:var( --carousel-height-xl, var( --carousel-height-lg, var(--carousel-height-md, var(--carousel-height-sm, var(--carousel-height-xs, 100%))) ) )}.fish-carousel-item{height:var( --carousel-height-xl, var( --carousel-height-lg, var(--carousel-height-md, var(--carousel-height-sm, var(--carousel-height-xs, 256px))) ) )}}.fish-carousel-item[data-v-681f15a0]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6}