.thumbs{.swiper{height:100%}.swiper-slide-thumb-active{picture{border-width:1px;--tw-border-opacity:1;border-color:hsl(var(--heroui-primary)/var(--heroui-primary-opacity,var(--tw-border-opacity)))}}.thumbs-navigation{opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.25s;transition-duration:.2s}.swiper-slide{height:60px}.swiper-slide{&:hover{picture{border-width:1px;--tw-border-opacity:1;border-color:hsl(var(--heroui-primary)/var(--heroui-primary-opacity,var(--tw-border-opacity)))}}}&:hover{.thumbs-navigation{opacity:1}}}.main-image{@media (min-width:768px){.swiper{height:100%}}@media not all and (min-width:768px){.swiper-wrapper{aspect-ratio:1/1}}@media (min-width:768px){.swiper-wrapper{height:100%}}.swiper-slide{height:100%;overflow:hidden;border-radius:.5rem}.swiper-navigation{display:none;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.25s;transition-duration:.2s}&:not(.swiper-initialized){@media (min-width:768px){.swiper-navigation{display:flex}}}.swiper-pagination{padding-top:.5rem}@media (min-width:768px){.swiper-pagination{display:none}}&:hover{.swiper-navigation{opacity:1}}}