.#{$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();
    }
}
.#{$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);
    }
 
}