.sidebar{position:fixed;top:var(--header-height);height:calc(100% - var(--header-height));z-index:1000}.sidebar--left{left:0px}.sidebar--right{right:-250px}.sidebar__books,.sidebar__sections,.sidebar__chapters,.sidebar__user,.sidebar__new,.sidebar__list{display:flex;flex-direction:column;position:absolute;top:0px;background:#fff;width:250px;height:100%;opacity:0;transition:left var(--transition-duration) ease-out,right var(--transition-duration) ease-out,opacity var(--transition-duration) ease-out;z-index:1000;box-shadow:var(--sidebar-shadow);overflow:scroll}.sidebar__header{display:flex;justify-content:space-between;align-items:center}.sidebar__title{flex:1;justify-content:center;color:#777;font-size:1.25em;padding:10px}.sidebar__books--open,.sidebar__sections--open,.sidebar__chapters--open,.sidebar__user--open,.sidebar__new--open,.sidebar__list--open{opacity:1}.sidebar__books .material-icons,.sidebar__sections .material-icons,.sidebar__chapters .material-icons,.sidebar__user .material-icons,.sidebar__new .material-icons,.sidebar__list .material-icons{padding:10px;cursor:pointer}.sidebar__books div span,.sidebar__sections div span,.sidebar__chapters div span{display:flex}.sidebar__user div span,.sidebar__new div span,.sidebar__list div span{display:flex;justify-content:flex-start}.sidebar__books a,.sidebar__sections a,.sidebar__user a,.sidebar__new a,.sidebar__list a{display:block;padding:10px;text-decoration:none;color:#777}.sidebar__chapters a{display:block;text-decoration:none;color:#777}.sidebar__books{left:-250px}.sidebar__books--open{left:0px}.sidebar__books .material-icons{justify-content:flex-end}.sidebar__sections{left:-250px}.sidebar__sections--open{left:0px}.sidebar__sections .material-icons{justify-content:flex-end}.sidebar__chapters{left:-250px}.sidebar__chapters--open{left:0px}.sidebar__chapters .material-icons{justify-content:flex-end}.sidebar__user,.sidebar__new,.sidebar__list{right:0px}.sidebar__user--open,.sidebar__new--open,.sidebar__list--open{right:250px}.sidebar__user .material-icons,.sidebar__new .material-icons,.sidebar__list .material-icons{justify-content:flex-start}