.TimeLineAsCards {
    opacity: 0;
    transition: opacity 0s;
}

.TimeLineAsCards--ready {
    opacity: 1 !important;
}

@media all and (-ms-high-contrast:none) {
    .TimeLineAsCards {
        opacity: 1 !important;
    }
}

.MainPage--noJs .TimeLineAsCards {
    opacity: 1;
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    -webkit-animation: noJsFadeIn .1s 1s forwards;
    animation: noJsFadeIn .1s 1s forwards;
}

.MainPage--noJs .MessagePreview {
    flex: 1 460px;
    margin-left: 20px;
}

@-webkit-keyframes noJsFadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes noJsFadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@media print {
    .TimeLineAsCards {
        opacity: 1 !important;
    }

    .MessagePreview {
        position: static !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 0 !important;
    }
}