.uc-offcanvas-wrapper,.uc-offcanvas-pusher,.uc-offcanvas-contents,.uc-offcanvas-html-open,.uc-offcanvas-body-open{height:100%}.uc-offcanvas-contents,.uc-offcanvas-contents-inner{position:relative}.uc-offcanvas-wrapper{position:relative;overflow:hidden}.uc-offcanvas-pusher:after{content:"";opacity:0;-o-transition:opacity .5s, width .1s .5s, height .1s .5s;z-index:999;background:rgba(0,0,0,.5);width:0;height:0;transition:opacity .5s,width .1s .5s,height .1s .5s;position:absolute;top:0;right:0}.uc-offcanvas-open .uc-offcanvas-pusher:after{opacity:1;-o-transition:opacity .5s;width:100%;height:100%;transition:opacity .5s}.slide-along .uc-offcanvas-pusher{z-index:1;-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;-o-transition:-o-transform .4s;-ms-transition:-ms-transform .4s;background-color:#fff;height:100%;transition:transform .4s;position:relative;left:0}.slide-along .uc-offcanvas-container{visibility:hidden;z-index:0;-o-transition:all .4s;background:#27272c;width:300px;height:100%;transition:all .4s;position:absolute;top:0;left:0}.uc-offcanvas-container>div{visibility:visible;height:100%;overflow:hidden scroll}.uc-offcanvas-container>div::-webkit-scrollbar{width:0}.uc-offcanvas-left .uc-offcanvas-container{left:0}.uc-offcanvas-right .uc-offcanvas-container{left:auto;right:0}.uc-offcanvas-left.slide-along.uc-offcanvas-open .uc-offcanvas-pusher{transform:translate(300px)}.uc-offcanvas-right.slide-along.uc-offcanvas-open .uc-offcanvas-pusher{transform:translate(-300px)}.uc-offcanvas-left.slide-along .uc-offcanvas-container{transform:translate(-50%)}.uc-offcanvas-right.slide-along .uc-offcanvas-container{transform:translate(50%)}.slide-along.uc-offcanvas-open .uc-offcanvas-container{visibility:visible;-o-transition:-webkit-transform .4s;-webkit-transition:-webkit-transform .4s;-moz-transition:-webkit-transform .4s;-ms-transition:-webkit-transform .4s;transition:transform .4s;transform:translate(0)}.slide-along .uc-offcanvas-container:after{display:none}