.rdc-product-zoom {position: fixed;top: 0;left: 0;display: none;width: 100%;height: 100%;opacity: 0;pointer-events: none;transition: opacity 0.2s ease-in;background-color: var(--color-white);z-index: 10001;}
.rdc-product-zoom-visible {display: block;opacity: 1;pointer-events: auto;}
.rdc-product-zoom .rdc-product-zoom-close {position: absolute;top: 0;right: 0;padding: 0.714rem;z-index: 50;}
.rdc-product-zoom .rdc-product-zoom-gallery-thumbs {position: absolute;top: 0;left: 2.857rem;width: 5rem;padding-block: 2.857rem;z-index: 2;}
.rdc-product-zoom .rdc-product-zoom-gallery-thumbs > div {cursor: pointer;opacity: 0.5;background-color: var(--color-white);transition: opacity 0.2s ease;}
.rdc-product-zoom .rdc-product-zoom-gallery-thumbs > div:not(:first-child) {margin-top: 1.071rem;}
.rdc-product-zoom .rdc-product-zoom-gallery-thumbs > div.active {opacity: 1;}
.rdc-product-zoom .rdc-product-zoom-gallery-thumbs img {width: 100%;height: auto;}
.rdc-product-zoom .rdc-product-zoom-gallery .swiper-slide {height: 100vh;}
.rdc-product-zoom .rdc-product-zoom-gallery img {display: block;}
.rdc-product-zoom .swiper-button-next,
.rdc-product-zoom .swiper-button-prev {opacity: 0;pointer-events: none;transition: opacity 0.2s ease;}
.rdc-product-zoom .swiper-transitioning .swiper-button-next {transition: right 0.2s ease;}
.rdc-product-zoom .swiper-transitioning .swiper-button-prev {transition: left 0.2s ease;}
.rdc-product-zoom[data-pointer-type="touch"] .rdc-product-zoom-gallery figure:not(.rdc-pz-loaded) {position: absolute;top: 50%;transform: translateY(-50%);}
.rdc-product-zoom[data-pointer-type="mouse"] .rdc-product-zoom-gallery img {position: absolute;left: 50%;transform: translateX(-50%);transition: height 0.15s;}
.rdc-product-zoom[data-pointer-type="mouse"].rdc-product-zoom-fullscreen .rdc-product-zoom-gallery img {width: 100%;height: auto;cursor: zoom-out;}
.rdc-product-zoom[data-pointer-type="mouse"]:not(.rdc-product-zoom-fullscreen) .rdc-product-zoom-gallery img {width: auto;height: 100%;object-fit: cover;margin: 0 auto;cursor: zoom-in;}

@media screen and (hover: hover) and (pointer: fine) {
	.rdc-product-zoom .rdc-product-zoom-gallery-thumbs > div:hover {opacity: 1}
}

@media screen and (min-width: 768px) {
	.rdc-product-zoom .rdc-product-zoom-close {padding: 1.071rem;}
}