:root {
    --slideshow-arrow-foreground-default: #146CFD;;
    --slideshow-arrow-foreground: var(--slideshow-arrow-foreground-default);

    --slideshow-list-foreground-default: #146CFD;
    --slideshow-list-foreground: var(--slideshow-list-foreground-default);
}

.slideshow {
    position: relative;
}

.webix_template .slideshow {
    height: calc(100vh - 70px);
}

.slideshow-arrow {
    position: absolute;
    text-align: center;
    font-size: 4em;
    cursor: pointer;
    height: 100%;
    opacity: 1;
    color: var(--slideshow-arrow-foreground);
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.slideshow-arrow:hover {
}

.slideshow-arrow-left {
    left: 0;
}

.slideshow-arrow-right {
    right: 0;
}

.slideshow-image {
    cursor: pointer;
    text-align: center;
    padding: 0 2em 0;
    min-height: 4em;
    height: 100%;
}

.slideshow-image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.slideshow-list {
    text-align: center;
    width: 100%;
    padding-inline-start: 0;
    margin: 0;
    font-size: 1.3em;
    color: var(--slideshow-list-foreground);
}

.slideshow-list-dot {
    display: inline;
    cursor: pointer;
}