.OdaUpdatePanel-animationContainer {
    border-bottom: 1px dashed var(--border-color);
    margin-bottom: 15px;
    position: relative;
}

.OdaUpdatePanel-animationImg {
    display: block;
    margin: 0 auto;
    max-height: 50vh;
}

.OdaUpdatePanel-messages {
    margin: 6vh 45px;
}

.OdaUpdatePanel-message {
    text-align: center;
    white-space: pre;
}

.OdaUpdatePanel-message:not(:last-child) {
    opacity: 0.5;
}

/* AR: copied from SuitabilityPieChart. Should probably make a generic global "fade" animation */
.OdaUpdatePanel-fade-enter-active,
.OdaUpdatePanel-fade-leave-active {
    transition: opacity 0.3s;
}

.OdaUpdatePanel-fade-enter,
.OdaUpdatePanel-fade-leave-to {
    opacity: 0;
}