.shared-slider-host { width: 100%; min-width: 0; overflow: hidden; }
.shared-image-slider {
    position: relative; margin: 0 auto; width: 1920px; height: 850px;
    overflow: hidden; background: #24262e;
}
.shared-image-slider .shared-slider-images {
    position: absolute; left: 640px; top: 0; width: 1280px; height: 850px; overflow: hidden;
}
.shared-image-slider .shared-slider-caption {
    position: absolute; right: 20px; bottom: 20px; max-width: 1180px;
    padding: 2px 8px; min-height: 50px; color: white; background: rgba(94,94,94,.57);
    font-size: 32px; font-weight: 700; line-height: 1.4; text-align: center;
}
.shared-image-slider .shared-slider-thumbs {
    position: absolute; left: 0; top: 0; width: 640px; height: 850px;
    overflow: hidden; background: #000;
}
.shared-image-slider .shared-slider-thumbs .p {
    position: absolute; width: 320px; height: 212px; overflow: hidden; cursor: pointer;
}
.shared-image-slider .shared-slider-thumbs .t {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .6;
}
.shared-image-slider .shared-slider-thumbs .selection {
    position: absolute; inset: 0; pointer-events: none;
}
.shared-image-slider .shared-slider-thumbs .pav .t,
.shared-image-slider .shared-slider-thumbs .p:hover .t { opacity: 1; }
.shared-image-slider .shared-slider-arrow {
    position: absolute; width: 50px; height: 50px; padding: 0; border: 0;
    color: white; background: transparent; text-align: center;
    font: inherit; cursor: pointer; z-index: 10;
}
.shared-image-slider .shared-slider-previous { left: 670px; }
.shared-image-slider .shared-slider-next { right: 30px; }

.shared-image-slider .shared-slider-arrow .a { fill: white; }
.shared-image-slider .shared-slider-arrow:hover { opacity: .8; }
.shared-image-slider .shared-slider-arrow:active { opacity: .5; }