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