Untitled

<head>
<link rel="stylesheet" href="<?php echo ABSPATH; ?>/content/templates/dashboard/css/style.css" />
<link rel="stylesheet" href="<?php echo ABSPATH; ?>/content/templates/dashboard/css/style-mobile.css" />

<div class="cssloader-overlay">
        <div class="cssloader-container">
            <div class="cssload-whirlpool"></div>
        </div>
    </div>

.cssloader-container {
    position:absolute;
    top: 50%;
    left: 50%;
    display:none;
}

.cssloader-overlay {
    position: fixed;
    width: 100%;
    height:100%;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    display:none;
}

.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgb(255,255,255);
    border-left-color: rgb(230,0,0);
    border-radius: 974px;
        -o-border-radius: 974px;
        -ms-border-radius: 974px;
        -webkit-border-radius: 974px;
        -moz-border-radius: 974px;
}