@charset "UTF-8";

.tec-admin-loading {
    width: 28px;
    height: 28px;
    display: grid;
    grid-gap: 8px;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
    transform: rotate(45deg);
    animation: loadingRotate 1.2s infinite linear;
    position: fixed;
    top: calc(50% - 14px);
    left: calc(50% - 14px);
}

.tec-admin-loading > i {
    border-radius: 50%;
    background: #565a75;
}

.tec-admin-loading > i:nth-child(2) {
    opacity: 0.7;
}

.tec-admin-loading > i:nth-child(3) {
    opacity: 0.5;
}

.tec-admin-loading > i:nth-child(4) {
    opacity: 0.3;
}

@keyframes loadingRotate {
    to {
        transform: rotate(405deg);
    }
}