.carousel_media .slider-item-reveal .slider-container {
    --swiffy-slider-item-reveal: var(--carousel-media-reveal, calc(3rem + var(--swiffy-slider-item-gap)));
}

.carousel_media_viewer {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 80dvh;
    max-width: 100%;
    max-height: 100%;
    min-height: 0;
}

.modal .carousel_media_viewer {
    height: 100%;
}

.carousel_media:not(.carousel_media_viewer) .carousel_media_preview {
    max-height: 80vh;
    max-height: 80dvh;
}

.carousel_media_viewer > .swiffy-slider {
    min-height: 0;
    flex: 1;
}

.carousel_media_viewer .slider-container,
.carousel_media_viewer .slider-container > li {
    height: 100%;
}