#zuck-modal {
    direction: rtl;
    left: auto;
    right: 0;
}

#zuck-modal.with-effects {
    transform-origin: top right;
}

#zuck-modal.with-effects.animated {
    margin-left: auto !important;
    margin-right: 0 !important;
}

#zuck-modal .slider {
    left: auto;
    right: -100vw;
}

#zuck-modal .slider>.previous {
    left: auto;
    right: 0;
    transform: rotateY(-270deg) translateX(50%);
}

#zuck-modal .slider>.viewing {
    left: auto;
    right: 100vw;
}

#zuck-modal .slider>.next {
    left: auto;
    right: 200vw;
}

#zuck-modal.with-cube .slider>.previous {
    left: auto;
    right: 100vw;
    transform-origin: center right;
}

#zuck-modal.with-cube .slider>.viewing {
    left: auto;
    right: 100vw;
    transform: translateZ(50vw);
}

#zuck-modal.with-cube .slider>.next {
    left: auto;
    right: 100vw;
    transform-origin: top left;
    transform: rotateY(270deg) translateX(-50%);
}

#zuck-modal #zuck-modal-content .story-viewer .slides-pagination .previous {
    left: auto;
    right: 0;
}

#zuck-modal #zuck-modal-content .story-viewer .slides-pagination .next {
    right: auto;
    left: 0;
}

#zuck-modal #zuck-modal-content .story-viewer .head .item-preview {
    margin-right: auto;
    margin-left: 9px;
}

#zuck-modal #zuck-modal-content .story-viewer .head .right {
    float: left;
}

#zuck-modal #zuck-modal-content .story-viewer .tip {
    left: auto;
    right: 50%;
    transform: translateX(50%);
}

@media (max-width: 1024px) {
    #zuck-modal #zuck-modal-content .story-viewer .head .item-preview {
        margin-right: auto;
        margin-left: 9px;
    }

    #zuck-modal #zuck-modal-content .story-viewer .head .left>.back {
        text-align: right;
    }

    #zuck-modal #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview {
        margin-left: auto;
        margin-right: 18px;
    }
}


.stories {
    direction: rtl;
}

.stories.carousel .story:first-child {
    margin-left: auto;
    margin-right: 0;
}

.stories.carousel .story:last-child {
    margin-right: auto;
    margin-left: 0;
}

.stories.list .story>.item-link {
    text-align: right;
}

.stories.list .story>.item-link>.item-preview {
    margin-right: auto;
    margin-left: 12px;
}