.before-after-wrap {
    display: flex;
    flex-wrap: wrap;
}

.before-after-wrap .ba-before {
    margin-bottom: 0.6rem;
}

.before-after-wrap .ba-after {
    margin-top: 0.6rem;
}

.kiss-text-semibold {
    font-weight: 600;
}

.kiss-color-transparent {
    color: transparent;
}

/* Fix pages picker dialog */
[class*='kiss-width'] {
    max-width: 90vw;
}

@media (min-width: 640px) {
    .before-after-wrap {
        flex-wrap: nowrap;
    }

    .before-after-wrap .ba-before,
    .before-after-wrap .ba-after {
        margin-top: 0;
    }

    .before-after-wrap .ba-before {
        margin-right: 0.6rem;
    }

    .before-after-wrap .ba-after {
        margin-left: 0.6rem;
    }
}