.match-results-loading {
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background: var(--color-cherry-1200, #3A0A21);
    opacity: 0;
    max-height: 0;
    padding: 0;
    z-index: -1;
    display: none;
}

body:has(.match-results-loading__show) {
    overflow: hidden;
}

.match-results-loading__show {
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100dvh;
    height: 100vh;
    z-index: 999;
    padding: var(--section-padding-lg) var(--page-padding);
    opacity: 1;
    max-height: unset;
    display: flex;

    @media screen and (min-width:960px) {
        padding: var(--spacing-x5);
    }

}

.match-results-loading::after {
    display: block;
    content: " ";
}

.match-results-loading img {
    width: 143px;
    height: 32px;

    @media screen and (min-width:960px) {
        width: 161px;
        height: 36px;
    }
}

.match-results-loading__text-container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-x3);
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 798px;
}


.match-results-loading__pre-heading {
    color: var(--color-contrast-100, #FFF);
    text-align: center;
    text-transform: uppercase;
    font: var(--font-overline-lg);
}

.match-results-loading__heading {
    color: var(--color-accent-coral);
    text-align: center;
    font: var(--font-title-lg);
}

.match-results-loading .__featuredTC p,
.match-results-loading .end-state-TCs {
    display: none;
}


/*  animation stuff */

/* .match-results-loading .tc-expert__image {
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: -1;
}

.match-results-loading .tc-expert__image.active-image {
    opacity: 1;
} */