.wc-variation-images-gallery{height:100%}.wc-variation-images-viewer{display:flex;flex-direction:column;align-items:center}.wc-variation-images-viewer.__bottom .mySwiper2{margin-bottom:10px}.wc-variation-images-viewer.__left{flex-direction:row-reverse;align-items:center;gap:10px}.wc-variation-images-viewer.__left .image-list{display:flex;flex-direction:column}.wc-variation-images-viewer.__left .selected-image{margin-bottom:0}.wc-variation-images-viewer.__left .gallery-bottom{display:flex;flex-direction:column !important}.wc-variation-images-viewer.__left .mySwiper{width:25%}.wc-variation-images-viewer.__left .mySwiper .swiper-slide{min-width:100%;min-height:100%}.wc-variation-images-viewer.__right{flex-direction:row;gap:10px}.wc-variation-images-viewer.__right .image-list{display:flex;flex-direction:column}.wc-variation-images-viewer.__right .selected-image{margin-bottom:0}.wc-variation-images-viewer.__right .gallery-bottom{display:flex;flex-direction:column !important}.wc-variation-images-viewer.__right .mySwiper{width:25%}.wc-variation-images-viewer.__right .mySwiper .swiper-slide{min-width:100%;min-height:100%}.wc-variation-images-viewer.__top{flex-direction:column-reverse;gap:10px}.wc-variation-images-viewer .selected-image{margin-bottom:20px;width:100%;height:auto}.wc-variation-images-viewer .selected-image #main-image{width:100%;height:auto;box-shadow:0 4px 8px rgba(0,0,0,.1)}.wc-variation-images-viewer .image-list{display:grid;gap:4px}.wc-variation-images-viewer .image-list .thumbnail{width:100%;height:auto;max-height:100px;object-fit:cover;cursor:pointer;border:2px solid rgba(0,0,0,0);transition:border-color .3s}.wc-variation-images-viewer .image-list .thumbnail:hover{border-color:#007bff}.image-list{grid-template-columns:repeat(4,minmax(80px,1fr))}.swiper{width:100%;height:100%}.swiper .swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center;background-size:cover;background-position:center}.swiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.swiper.mySwiper2{height:80%;width:100%}.swiper.mySwiper{height:20%;box-sizing:border-box;padding:10px 0}.swiper.mySwiper .swiper-slide{width:25%;height:100%;opacity:.4}.swiper.mySwiper .swiper-slide-thumb-active{opacity:1}.wcvi-image-zoom{width:100%;height:100%;position:absolute;top:0;left:0;background-repeat:no-repeat;background-position:center;background-size:cover;opacity:0;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;background-color:#fff}.wcvi-image-zoom:hover{opacity:1}.selected-image{height:100%;position:relative;overflow:hidden}.light-box-icon{display:flex;position:absolute;top:8px;right:8px;z-index:99;text-decoration:none;background-color:rgba(0,0,0,.5);padding:4px;border-radius:50%}.light-box-icon:hover{background-color:rgba(0,0,0,.8)}.admin-bar .fancybox-toolbar{margin-top:30px}.admin-bar .fancybox-progress{margin-top:31px}.admin-bar .fancybox-infobar{margin-top:30px}