.ap-2856-container {
    width: 100%;
    position: relative;
}

.ap-2856-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.ap-2856-phrase {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    transition-property: opacity, transform;
    transition-timing-function: ease-in-out;
    word-break: break-word;
    white-space: pre-wrap;
}

/* Animations */
/* Handled by JS inline styles mostly, but base classes can help */
.ap-animating-out {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.ap-animating-in {
    position: relative;
    width: 100%;
}