#comicsPlayer {
    background: #fff;

    .slideshowSwiperContainer {
        position: relative;
        /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
        height: 100%;
        top: env(safe-area-inset-top);
        height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    }

    .slider-zoom-container {
        text-align: center;
        height: 100%;
    }

    .swiper-slide-img {
        max-height: 100%;
        max-width: 100%;
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    .swiper-pagination {
        width: max-content;
        background: #fff;
        color: #000;
        padding: 2px 5px 2px 5px;
        left: 50%;
        transform: translate(-50%, 0%);
        text-shadow: 0 0 20px #fff;
    }
}
