.ts-cinema-banner .swiper[data-banner-peek] {
    height: auto;
    padding-bottom: 32px;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.ts-cinema-banner .swiper-wrapper { height: auto; align-items: center; }
.ts-cinema-banner .swiper-slide {
    height: auto;
    overflow: hidden;
    border: 0;
    border-radius: 14px;
}
.ts-cinema-banner .swiper-slide img { display: block; width: 100%; height: auto; border: 0; }
.ts-cinema-banner .swiper-button-prev, .ts-cinema-banner .swiper-button-next {
    display: grid;
    place-items: center;
    top: calc(50% - 16px);
    width: 48px;
    height: 48px;
    margin-top: -24px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgb(3 18 42 / 85%);
    color: #fff;
    box-shadow: 0 3px 14px rgb(0 0 0 / 18%);
}
.ts-cinema-banner .swiper-button-prev { left: 12px; }
.ts-cinema-banner .swiper-button-next { right: 12px; }
.ts-cinema-banner .swiper-button-prev::after, .ts-cinema-banner .swiper-button-next::after { content: none; }
.ts-cinema-banner .swiper-button-prev svg, .ts-cinema-banner .swiper-button-next svg { width: 21px; height: 21px; }
.ts-cinema-banner .swiper-button-lock { display: none !important; }
.ts-cinema-banner .swiper-button-prev:hover, .ts-cinema-banner .swiper-button-next:hover { background: #126b56; color: #fff; }
.ts-cinema-banner .swiper-pagination { bottom: 0; line-height: 0; }
.ts-cinema-banner .swiper-pagination-bullet { width: 24px; height: 24px; margin: 0 2px !important; opacity: 1; background: transparent; position: relative; }
.ts-cinema-banner .swiper-pagination-bullet::after { content: ""; position: absolute; width: 7px; height: 7px; left: 8px; top: 9px; border-radius: 5px; background: #8496b2; }
.ts-cinema-banner .swiper-pagination-bullet-active::after { width: 20px; left: 2px; background: #31d7a9; }
.ts-cinema-banner :focus-visible { outline: 3px solid #31d7a9; outline-offset: -3px; }
html.white-mode .ts-cinema-banner .swiper-button-prev, html.white-mode .ts-cinema-banner .swiper-button-next { background: rgb(255 255 255 / 94%); color: #18283e; }
html.white-mode .ts-cinema-banner .swiper-button-prev:hover, html.white-mode .ts-cinema-banner .swiper-button-next:hover { background: #126b56; color: #fff; }
html.white-mode .ts-cinema-banner .swiper-pagination-bullet-active::after { background: #126b56; }
html.white-mode .ts-cinema-banner :focus-visible { outline-color: #126b56; }
@media (min-width: 1024px) {
    .ts-cinema-banner .swiper-slide:not(.swiper-slide-active) { opacity: .55; }
}