.uc-pageloader {
    position: fixed; top: 0; left: 0; bottom: 0; right: 0;
    display: flex; justify-content: center; align-items: center;
    z-index: 99999; background-color: white;
}
.uc-dark .uc-pageloader, .uc-pageloader:where(.uc-dark) {
    background-color: #131313;
}
.uc-pageloader>.loading {
    display: inline-block; position: relative; width: 40px; height: 40px;
}
.uc-pageloader>.loading>div {
    box-sizing: border-box; display: block; position: absolute;
    width: 40px; height: 40px;
    border: 4px solid transparent; border-radius: 50%;
    animation: uc-loading 1s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--color-primary) transparent transparent transparent;
}
.uc-pageloader>.loading>div:nth-child(1) { animation-delay: -0.1s; }
.uc-pageloader>.loading>div:nth-child(2) { animation-delay: -0.2s; }
.uc-pageloader>.loading>div:nth-child(3) { animation-delay: -0.3s; }
@keyframes uc-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
html.show-preloader body { display: none; }