.gallery, .gallery-fallback {
    page-break-inside: avoid;
    writing-mode: horizontal-tb;
}

.gallery-image-viewfinder {
    overflow:hidden;
    cursor:pointer;
    -webkit-user-select: none;
    user-select: none;
}

.gallery-fallback {
}

/* .gallery-fallback is implied */ .gallery-item {
    position: relative;
}

.gallery-image-roll {
    position: relative;
    white-space: nowrap;
}

.gallery-image-roll-transition {
    transition: left 0.40s cubic-bezier(0.20, 0.00, 0.15, 1.00) 0.00s;
}

.gallery-image-cropper {
    overflow:hidden;
}

.gallery .gallery-image-cropper {
    display: inline-block;
    position: relative;
}

.gallery-full-image {
    display: inline-block;
    position: absolute;
    background-size: 100% 100%;
}

.gallery-caption-viewfinder {
    overflow:hidden;
}

.gallery-caption-roll {
    position: relative;
    white-space: nowrap;
}

.gallery-caption {
    display: inline-block;
    position: relative;
    vertical-align: text-top;
    padding: 10px 15px;
    box-sizing: border-box;
}

.gallery-button-goToPrev, .gallery-button-goToNext, .gallery-button-maximize {
    display:none;
    position: absolute;
    cursor:pointer;
}

.gallery-button-goToPrev, .gallery-button-goToNext {
    width:28px;
    height:28px;
    top:50%;
    transform:translateY(-50%);
    background-size: 100% 100%;
    --margin: 13;
}

.gallery-button-goToPrev {
    background-image: url("../images/GalleryButtonBackN.svg");
}

.gallery-button-goToPrev:active {
    background-image: url("../images/GalleryButtonBackP.svg");
}

.gallery-button-goToNext {
    background-image: url("../images/GalleryButtonNextN.svg");
}

.gallery-button-goToNext:active {
    background-image: url("../images/GalleryButtonNextP.svg");
}

.gallery-button-maximize {
    left:13px;
    top:13px;
    width:24px;
    height:24px;
}

.gallery-dot-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-dot-inner-container {
    font-size: 1px;
    text-align: center;
    white-space: pre;
}

.gallery-dot-extender {
    display: inline-block;
}

.gallery-dot-current, .gallery-dot-selectable {
    display: inline-block;
    height: 6px;
    width: 6px;
    margin: 5px;
    border-radius: 50%;
    cursor:default;
}

.gallery-dot-current {
    background-color: #222;
}

.gallery-dot-selectable {
    background-color: #aaa;
}