.#{$prefix}-overlay{
    position: relative;
    z-index: 1;
    @extend %perspective;
    &:before{
        position: absolute;
        content: '';
        display: block;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient( rgba($color_black,0) 25%,rgba($color_black,0.63) 50% );
        z-index: -1;
        @include transition(all,0.25s,ease);
    }
    &.blook-full-overlay{
        &:before{
            background: rgba($color_black,0.63);
        }
    }
}

.#{$prefix}-body-overlay{
    @include transition(all,1s,linear);
    &.show{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 3;
        background-color: rgba($color_black,0.63);
    }
 
}