[sidebarjs-backdrop],[sidebarjs]{
    height:100%;
    left:0;
    top:0;
    width:100%
}
[sidebarjs].sidebarjs--left,[sidebarjs].sidebarjs--left [sidebarjs-container]{
    -webkit-transform:translate(-100%);
    transform:translate(-100%)
}
[sidebarjs].sidebarjs--right,[sidebarjs].sidebarjs--right [sidebarjs-container]{
    -webkit-transform:translate(100%);
    transform:translate(100%)
}
[sidebarjs].sidebarjs--left [sidebarjs-container]{
    -webkit-box-shadow:2px 0 4px rgba(0,0,0,.2);
    box-shadow:2px 0 4px rgba(0,0,0,.2)
}
[sidebarjs].sidebarjs--right [sidebarjs-container]{
    -webkit-box-shadow:-2px 0 4px rgba(0,0,0,.2);
    box-shadow:-2px 0 4px rgba(0,0,0,.2);
    margin-left:auto
}
[sidebarjs-backdrop]{
    background:#000;
    opacity:0;
    position:absolute;
    -webkit-transition:opacity .3s ease;
    transition:opacity .3s ease;
    will-change:opacity
}
[sidebarjs-container]{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    background:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    max-width:300px;
    position:relative;
    -webkit-transition:-webkit-transform .3s ease;
    transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
    transition:transform .3s ease,-webkit-transform .3s ease;
    width:90%;
    will-change:transform;
    z-index:1
}
[sidebarjs]{
    position:fixed;
    -webkit-transition:-webkit-transform 0s ease .3s;
    transition:-webkit-transform 0s ease .3s;
    transition:transform 0s ease .3s;
    transition:transform 0s ease .3s,-webkit-transform 0s ease .3s;
    z-index:9999
}
[sidebarjs].sidebarjs--is-visible{
    -webkit-transition:-webkit-transform 0s ease 0s;
    transition:-webkit-transform 0s ease 0s;
    transition:transform 0s ease 0s;
    transition:transform 0s ease 0s,-webkit-transform 0s ease 0s
}
[sidebarjs].sidebarjs--is-moving,[sidebarjs].sidebarjs--is-visible,[sidebarjs].sidebarjs--is-visible [sidebarjs-container]{
    -webkit-transform:translate(0);
    transform:translate(0)
}
[sidebarjs].sidebarjs--is-moving,[sidebarjs].sidebarjs--is-moving [sidebarjs-backdrop],[sidebarjs].sidebarjs--is-moving [sidebarjs-container]{
    -webkit-transition:none;
    transition:none
}
[sidebarjs-content]{
    min-height:100%;
    position:relative;
    -webkit-transition:width .3s ease;
    transition:width .3s ease;
    width:100%
}
[sidebarjs-content].sidebarjs-content--left{
    margin-left:auto;
    margin-right:0
}
[sidebarjs-content].sidebarjs-content--right{
    margin-left:0;
    margin-right:auto
}
@media (min-width:1025px){
    [sidebarjs].sidebarjs--responsive{
        -webkit-transition:-webkit-transform 0s ease 0s;
        transition:-webkit-transform 0s ease 0s;
        transition:transform 0s ease 0s;
        transition:transform 0s ease 0s,-webkit-transform 0s ease 0s;
        width:300px
    }
    [sidebarjs].sidebarjs--responsive,[sidebarjs].sidebarjs--responsive [sidebarjs-container]{
        -webkit-transform:translate(0)!important;
        transform:translate(0)!important
    }
    [sidebarjs].sidebarjs--responsive.sidebarjs--left{
        left:0;
        right:auto
    }
    [sidebarjs].sidebarjs--responsive.sidebarjs--left [sidebarjs-container]{
        -webkit-box-shadow:1px 0 0 rgba(0,0,0,.1);
        box-shadow:1px 0 0 rgba(0,0,0,.1)
    }
    [sidebarjs].sidebarjs--responsive.sidebarjs--right{
        left:auto;
        right:0
    }
    [sidebarjs].sidebarjs--responsive.sidebarjs--right [sidebarjs-container]{
        -webkit-box-shadow:-1px 0 0 rgba(0,0,0,.1);
        box-shadow:-1px 0 0 rgba(0,0,0,.1)
    }
    [sidebarjs].sidebarjs--responsive [sidebarjs-container]{
        -webkit-box-shadow:none;
        box-shadow:none;
        max-width:none;
        width:100%
    }
    [sidebarjs-content]{
        width:-webkit-calc(100% - 300px);
        width:calc(100% - 300px)
    }
    [sidebarjs-content].sidebarjs-content--left.sidebarjs-content--right{
        margin:0 auto;
        width:-webkit-calc(100% - 600px);
        width:calc(100% - 600px)
    }
}