.progress_center_message_outer {
    width: 100%;
    display: flex;
    justify-content: center;
}

.progress_center_message {
    font-size: 2rem;
    margin: 4rem 1rem;
    padding: 0.25rem 1rem;
    font-weight: bold;
    position: relative;

    border: 1px solid var(--col-card-border);
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    background: var(--col-card-background);
}

.progress_center_message span {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    height: 4px;

    animation-name: pcm_progress;
    animation-timing-function: linear;
}

.progress_center_message.orange span { background: var(--col-progress-msg-orange); }
.progress_center_message.green span  { background: var(--col-progress-msg-green); }

@keyframes pcm_progress {
    from { width: 0;   }
    to   { width: 100%; }
}