.pretpot-vertical-text-wrapper {
    display: flex;
    align-items: flex-start;
}

.pretpot-vertical-text {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
    transform-origin: center center;
    position: relative;
    word-break: keep-all;
}

.pretpot-vertical-text--ttb {
    flex-direction: column;
}

.pretpot-vertical-text--btt {
    flex-direction: column-reverse;
}

.pretpot-vertical-text__char {
    display: block;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ---- Animation States ---- */
.pretpot-vertical-text--animated .pretpot-vertical-text__char {
    opacity: 0;
}

.pretpot-vertical-text--animated[data-animation-type="fade-up"] .pretpot-vertical-text__char {
    transform: translateY(15px);
}

.pretpot-vertical-text--animated[data-animation-type="fade-down"] .pretpot-vertical-text__char {
    transform: translateY(-15px);
}

.pretpot-vertical-text--animated[data-animation-type="fade-left"] .pretpot-vertical-text__char {
    transform: translateX(15px);
}

.pretpot-vertical-text--animated[data-animation-type="fade-right"] .pretpot-vertical-text__char {
    transform: translateX(-15px);
}

.pretpot-vertical-text--animated[data-animation-type="scale"] .pretpot-vertical-text__char {
    transform: scale(0.5);
}

.pretpot-vertical-text--animated.is-animated .pretpot-vertical-text__char {
    opacity: 1;
    transform: translateY(0) translateX(0) scale(1);
}