/* «Barra do topo» widget (inc/elementor/widgets/topbar-widget.php): the messages share one place and take turns. */
.twf-topbar-msgs{
    display: grid;
    align-items: center;
}

.twf-topbar-msg{
    grid-area: 1 / 1;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.1s;
}

.twf-topbar-msg.is-active{
    opacity: 1;
    visibility: visible;
}

@media (prefers-reduced-motion: reduce){
    .twf-topbar-msg{
        transition: none !important;
    }
}