.loading-overlay {
    @include overlay;
    align-items: center;
    display: none;
    justify-content: center;
    overflow: hidden;
    &.is-active {
        display: flex
    }
    &.is-full-page {
        z-index: 999;
        position: fixed;
        .loading-icon {
            &:after {
                top: calc(50% - 2.5em);
                left: calc(50% - 2.5em);
                width: 5em;
                height: 5em;
            }
        }
    }
    .loading-background {
        @include overlay;
        background:#7f7f7f;
        background:rgba(255,255,255,0.5);
    }
    .loading-icon {
        position: relative;
        &:after {
            @include loader;
            position: absolute;
            top: calc(50% - 1.5em);
            left: calc(50% - 1.5em);
            width: 3em;
            height: 3em;
            border-width: 0.25em;
        }
    }
}