.progress .progress-bar {
    animation-name: animateBar;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 2s;
}

.cardimg-container {
    width: 243px;
}

span.archetype-tag {
    width: 120px;
    height: 25px;
    border-radius: 3px;
    border: 1px solid #212529;
    display: inline-block;
    text-align: center;
    user-select: none;
}

.article-imgheader-feed {
    width: 268px;
    height: 150px;
    background-position: top -50px left 50%;
    background-size: 336px 422px;
    border-radius: 2px;
}
    .article-imgheader-feed.uimg {
        background-position: center;
        background-size: 100%;
    }

@keyframes animateBar {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}
.input-group-append .btn {
    z-index: 1 !important;
}