body {
    margin: 0;
}

.layout-progress-spinner-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    background-color: #f1f5f9;
}

@media (prefers-color-scheme: dark) {
    .layout-progress-spinner-container {
        background-color: #15181f;
    }
}

.layout-progress-spinner {
    position: relative;
    width: 88px;
    height: 88px;
}

.layout-progress-spinner:before,
.layout-progress-spinner:after{
    content: '';
    border-radius: 50%;
    position: absolute;
    inset: 0;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3) inset;
}

.layout-progress-spinner:after {
    box-shadow: 0 4px 0 #1F6AB4 inset;
    animation: rotate 2s linear infinite;
}

@keyframes rotate {
    0% {  transform: rotate(0)}
    100% { transform: rotate(360deg)}
}