.splash-screen {
    --background-color: #ffffff;
    --foreground-color: #BB4545;
    background: var(--background-color);
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.splash-screen__rig {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

    .splash-screen__rig svg {
        width: 90px;
        fill: var(--foreground-color);
    }

.splash-screen__spinner {
    animation: spinner-rotation 2s infinite linear;
}

    .splash-screen__spinner::before {
        content: "";
        display: block;
        border: solid;
        border-color: var(--foreground-color);
        border-radius: 50%;
        border-width: 6px;
        padding: 64px;
    }

    .splash-screen__spinner::after {
        content: "";
        background-color: var(--background-color);
        width: 140px;
        height: 44px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

@keyframes spinner-rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}