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