.admin-bar{
    .#{$prefix}-offcanvas-content-section{
        top: 30px;
        .blook-close-icon-section{
            top: 60px;
        }
    }
}
.#{$prefix}-offcanvas-content-section{
    position: fixed;
    top: 0;  
    width: calc(100% - 30px);
    right: -100%;
    height: 100vh;
    background-color: $color_black;
    color: $color_white;
    z-index: 10;
    overflow-y: scroll;
    padding: 60px 30px 30px;
    @include transition();
  
    @include media(xs){
        right: -600px;
        width: 400px;
    }
    &.open{
        right: 0;
        @include media(xs){
            right: -20px;
        }
        .blook-close-icon-section{
            position: fixed;
            z-index: 11;
            right: calc(100% - 50px);
            @include media(xs){
                right: 360px;
            }
        }
    }
    a{
        color: $color_white;
        &:visited{
            color: $color_white;
        }
    }
    .blook-close-icon-section{
        right: -100%;
        top: 45px;
        @include transition();
    }
   
}