.mySwiper2 {
height: 80%;
width: 100%;
}
.mySwiper {
height: 20%;
box-sizing: border-box;
padding: 10px 0;
}
.mySwiper .swiper-slide {
width: 25%;
height: 100%;
opacity: 0.4;
}
.mySwiper .swiper-slide-thumb-active {
opacity: 1;
}
.swiper-slide img {
display: block;
width: 100%;
object-fit: cover;
height: 100%;
border-radius: 5px;
}
.mySwiper img {
cursor: pointer;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
top: unset;
bottom: 10px;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
content: url('data:image/svg+xml,
');
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
left: unset;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
right: var(--swiper-navigation-sides-offset,93px) !important
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
content: url('data:image/svg+xml,
')
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset,27px) !important
}
.swiper-button-next, .swiper-button-prev {
top: unset;
bottom: 10px;
}
.mySwiper .swiper-slide {
transition: opacity 0.3s;
}
.mySwiper .swiper-slide:hover {
opacity: 0.6;
}
.mySwiper .swiper-slide-thumb-active {
opacity: 1 !important;
}
/*.fckingGradient {*/
/* position: absolute;*/
/* top: 0;*/
/* left: 0;*/
/* width: 100%;*/
/* height: 100%;*/
/* background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgba(0,0,0,0.3) 100%);*/
/* z-index: 1;*/
/* cursor: pointer;*/
/* border-radius: 5px;*/
/* pointer-events: none;*/
/*}*/
.swiper-button-next, .swiper-button-prev {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}