tests-slider {
    display: block;
    height: 490px;
    border-radius: 10px;
    border: 2px dashed var(--bgblack);
}

posts-slider {
    display: block;
    height: 380px;
    border-radius: 10px;
    border: 2px dashed var(--bgblack);
}

mainpage-tops {
    display: block;
    height: 630px;
    margin-bottom: 70px;
    border-radius: 10px;
    border: 2px dashed var(--bgblack);
}

.mainpage-tops .loader {
    min-height: 630px;
}

messenger {
    height: calc(100vh - 220px);
    display: block;
    border-radius: 10px;
    border: 2px dashed var(--bgblack);
}

post-detail,
tests-statistic,
posts-list,
tests-list {
    height: 100vh;
    display: block;
    border-radius: 10px;
    border: 2px dashed var(--bgblack);
}

test-interface {
    max-width: 600px;
    height: calc(100vh - 180px);
    display: block;
    border: 2px dashed var(--bgblack);
    border-radius: 10px;
    margin: 90px auto 65px;
}


post-detail,
tests-statistic,
posts-list,
tests-list,
test-interface,
messenger,
posts-slider,
tests-slider,
mainpage-tops {
    color: var(--yellow);
    position: relative;
}

post-detail:after,
tests-statistic:after,
posts-list:after,
tests-list:after,
test-interface:after,
messenger:after,
posts-slider:after,
tests-slider:after,
mainpage-tops:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 6.4px solid var(--yellow);
    border-color: var(--yellow) transparent var(--yellow) transparent;
    animation: lds-dual-ring 1.2s linear infinite;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(0.5);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}

@media screen and (max-width: 991px){
    tests-slider {
        height: 473px;
    }

    posts-slider {
        height: 364px;
    }

    mainpage-tops {
        height: 582px;
    }

    .mainpage-tops .loader {
        min-height: 582px;
    }
}

@media screen and (max-width: 767px) {
    test-interface {
        height: calc(100vh - 50px);
        margin: 25px 20px 100px;
    }
}