.thumbs{.swiper{height:100%}.swiper:after{position:absolute;left:0;right:0;bottom:0;z-index:10;height:53px;width:100%;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:hsl(var(--heroui-background)/0) var(--tw-gradient-from-position);--tw-gradient-to:hsl(var(--heroui-background)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);content:var(--tw-content);--tw-gradient-to:hsl(var(--heroui-background)/var(--heroui-background-opacity,1)) var(--tw-gradient-to-position)}.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}}}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.gallery-modal{@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:635px}}.swiper-slide{height:100%;overflow:hidden}@media (min-width:768px){.swiper-slide{max-height:635px}}.swiper-pagination{padding-top:.5rem}}