﻿.overlay {
    background-color: rgba(25, 25, 25, 0.75);
    position: absolute;
    z-index: 1100;
    top: 0px;
    left: 0px;
    display: none;

    .overlay-content {
        width: 100vw;
        height: 100vh;
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        .event-loader {
            --size: 48px;
            width: var(--size);
            height: var(--size);
            border: 5px solid #FFFFFF;
            border-bottom-color: transparent;
            border-radius: 50%;
            animation: rotation 1s linear infinite;
        }
    }
}

