sidebar{position:fixed;background-color:#fff;transition:transform .3s ease-in-out;z-index:1000;top:0;overflow:auto;height:100%;width:100%;display:none;box-shadow:none}sidebar.sidebar--is-open.sidebar--left,sidebar.sidebar--is-open.sidebar--right{transform:translateX(0)}sidebar.sidebar--is-open.sidebar--left{box-shadow:4px 0 9px 0px rgba(0,0,0,0.2)}sidebar.sidebar--is-open.sidebar--right{box-shadow:-4px 0 9px 0px rgba(0,0,0,0.2)}sidebar.sidebar--left{left:0;transform:translateX(-100%)}sidebar.sidebar--right{right:0;transform:translateX(100%)}.sidebar-bg{position:fixed;left:0;right:0;top:0;bottom:0;width:0;height:0;background-color:black;opacity:0;transition:opacity .2s linear,width 0s linear .2s,height 0s linear .2s}.sidebar-bg.sidebar-bg--is-visible{opacity:.5;width:100%;height:100%;transition:opacity .2s linear}
/*# sourceMappingURL=sidebar.css.map */