@import '../../common';

.rs-gallery-slider {
	.image-part{
		img {
			width: 100%;
			height: auto;
		}
	}
}
.rs-gallery-thumb-slider {
	display: flex;
	align-items: center;
	justify-content: space-between;
	.rs-gallery-slider {
		flex: 0 0 auto;
		width: 100%;
		max-width: calc(100% - 140px);
		margin-left: 0;
		margin-right: 0;
	}
	.thumb-sl-nav {
		flex: 0 0 auto;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		max-width: 110px;
		flex-shrink: 0;
		height: 602px;
		.image-part{
			opacity: 1;
			transition: $transition;
			overflow: hidden;
			width: 100%;
			height: 100%;
			border: 2px solid transparent;
			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
			}
		}
		.swiper-slide-thumb-active {
			.image-part {
				border-color: $primaryColor;
				transform: scale(1);
			}
		}
	}
}