.dp-divider {
    width: 100%;
}

.dp-divider.is-animated {
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.6s ease-in-out 0.3s;
}

.dp-divider.is-animated[class*="orientation-top"] {
    transform-origin: top;
}

.dp-divider.is-animated.active {
    transform: scaleY(1);
}

.dp-divider.is-admin {
    transform: scaleY(1);
}

.dp-divider > svg {
    display: block;
    height: 100%;
    width: 100%;
    transform: translateY(2px);
}

.dp-divider.orientation-bottom-mirrored > svg {
    transform: scaleX(-1) translateY(2px);
}

.dp-divider.orientation-top > svg {
    transform: rotate(180deg) translateY(2px);
}

.dp-divider.orientation-top-mirrored > svg {
    transform: rotate(180deg) scaleX(-1) translateY(2px);
}