.fancybox__container {
    /*--fancybox-bg: #fff;
    --fancybox-color: #333;
    --carousel-button-svg-filter: none;
    --fancybox-thumbs-border-radius: 50%;*/
    --fancybox-thumbs-ratio: 1;
    --fancybox-thumbs-width: 100px;
    --fancybox-thumbs-height: 100px;
    --fancybox-accent-color: #dd922d;
    display: flex;
    flex-direction: row;
}

.fancybox__caption {
    /*position: absolute;
    top: 0;
    right: 0;
    width: 25%;
    z-index: 20;*/
    background-color: rgba(0, 0, 0, 0.7);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    height: 100%;
    padding: 70px 15px 15px 15px;
    overflow: hidden;
    display: none;
    text-align: left !important;
}

.carousel__button.is-prev, .carousel__button.is-next {
    display: none;
}

.fancybox__leftCol {
    width: 75vw;
    min-height: 1px;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.fancybox__rightCol {
    width: 25vw;
    /*max-width: 300px;*/
    height: 100%;
    padding: 2rem;
    overflow: auto;
    display: flex;
    flex-direction: column;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(0, 0, 0, 0.7);
    /*opacity: var(--fancybox-opacity, 1);*/
}

/* Opening */
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__rightCol {
    animation: 0.15s ease backwards fancybox-fadeIn;
}

/* Closing */
.fancybox__container.is-animated.is-closing .fancybox__rightCol {
    animation: 0.15s ease both fancybox-fadeOut;
}

.fancybox__container.is-animated.is-closing .fancybox__leftCol {
    overflow: visible;
}

.fancybox__thumb {
    background-position: center top;
}