.sidebar-left{left:-480px;padding:0}.sidebar-left.active{left:0;overflow-y:hidden}.sidebar-right{right:-480px;padding:20px 15px}.sidebar-right.active{right:0;overflow-y:hidden}@media (min-width:481.98px){.sidebar-right{padding:30px 40px 20px}}.sidebar-container{position:relative;padding:0}#sidebar{width:calc(100% - 50px);max-width:470px;position:fixed;top:0;height:100vh;z-index:9999;background-color:#fff;color:#444;transition:all .3s;box-shadow:3px 3px 3px rgba(0,0,0,.2);font-size:1rem}#dismiss,.sideClose{text-align:center;position:absolute;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#dismiss{width:35px;height:35px;line-height:35px;background:#444;top:0;right:0}#dismiss:hover{background:#78a206}.sideClose{font-size:18px;color:#fff;top:7px;right:18px}#dismiss,.sideClose:hover{color:#fff}.overlay{top:0;left:0;display:none;position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,.7);z-index:9998;opacity:0;transition:all .5s ease-in-out;cursor:zoom-out}.overlay.active{display:block;opacity:1}#sidebar .sidebar-header{padding:10px 20px;margin-bottom:0;position:relative;background-color:#fff;border-bottom:1px solid #e8e8e8}#sidebar .sidebar-header h3{margin:0}#sidebar .sidebar-content{position:relative;padding:20px 15px;overflow:hidden;overflow-y:auto;height:calc(100vh - 123px);background-color:#fff}#sidebar .sidebar-footer{position:relative;padding:15px 20px;background-color:#f8f8f8;border-top:1px solid #eee}