.loading-spinner-container {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background: #ffffff;
}

.loading-spinner-container::before {
    content: '';
    width: 48px;
    height: 48px;
    border: 4px solid var(--border-light_grey);
    border-top-color: var(--background-primary);
    border-radius: 50%;
    animation: spinner-rotation 1s linear infinite;
}

@keyframes spinner-rotation {
    to {
        transform: rotate(360deg);
    }
}