.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;color:#011b33;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:#ca9f47}.sideClose{font-size:18px;top:25px;right:18px}.sideClose:hover{color:#fff}.overlay{top:0;left:0;display:none;position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,.26);z-index:9998;opacity:0;transition:all .5s ease-in-out;cursor:zoom-out}.overlay.active{display:block;opacity:1}#sidebar .sidebar-header{padding:3px 20px;margin-bottom:0;position:relative;background-color:#fff;border-bottom:1px solid rgba(1,27,51,.2)}#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}