.navigation-wrapper {
    position: relative;
}
.previous-area, .next-area {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
}
.arrow {
    color: red;
    fill: red;
}
.previous-area {
    left: 0;
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23FF6559' viewBox='0 0 24 24'%3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z'%3E%3C/path%3E%3C/svg%3E") 16 16, pointer;
}
.next-area {
    right: 0;
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23FF6559' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E") 16 16, pointer;
    /* cursor: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='red' viewBox='0 0 512 512'%3e%3cg transform='rotate(45 256 256)'%3e%3crect id='r' x='16' y='216' width='480' height='80' rx='14'/%3e%3cuse href='%23r' transform='rotate(90 256 256)'/%3e%3c/g%3e%3c/svg%3e") 16 16, pointer; */
}
@media (max-aspect-ratio: 800/1000) {
    .previous-area, .next-area {
        display: none;
    }
}


.keen-slider__slide {
    height: calc( (100vw - 2 * var(--main-padding)) / 5 * 2);
}

.keen-slider__slide img {
    background-color: transparent;
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) translateX(0);
    -webkit-transform: translateY(-50%) translateX(0);
}


@media (max-aspect-ratio: 800/1000) {
    .keen-slider__slide {
        height: calc( (100vw - 2 * var(--main-padding)) / 3 * 2);
    }
}

.slider-info {
    font-size: var(--small);
    padding: 1em 0 0 0;
    /* position: absolute;
    bottom: 0; */
}
.slider-fraction {
    display: inline-block;
    width: 2em;
}