/* 
    Created on : 27. mars 2024, 23:18:09
    Author     : Abbas
*/

.loader {
    position: fixed; /* Fixed position to cover the whole viewport */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000; /* Ensure it's above everything else */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Center children horizontally */
    align-items: center; /* Center children vertically */
    background: rgba(255, 255, 255, 1); /* Semi-transparent white background */
}

/* Loader spinner styling */
.loader::before {
    content: "";
    width: 50px; /* Width of the spinner */
    height: 50px; /* Height of the spinner */
    background: repeating-conic-gradient(#0000 0 35deg, #514b82 0 90deg);
    -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 3px), #000 0);
    border-radius: 50%;
    animation: l18 1s infinite;
}

.loader-text {
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #514b82; /* Match spinner color */
}

/* Spinner animation */
@keyframes l18 {
    100% {
        transform: rotate(.5turn);
    }
}