.loader {
    align-items: center;
    background-color: var(--bg-sidebar);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    opacity: 1;
    top: 0;
    visibility: visible;
    width: 100%;
}

.loader svg {
    height: 32px;
    width: 32px;
}

.loader-editor {
    background-color: var(--bg-main);
}

body:not(.scripts-loading) .loader.foo {
    opacity: 0;
    transition: visibility 250ms linear 0s, opacity 250ms;
    visibility: hidden;
}

body:not(.editor-loading) .loader-editor,
body:not(.scripts-loading) .loader-scripts {
    opacity: 0;
    transition: visibility 250ms linear 0s, opacity 250ms;
    visibility: hidden;
}