.sidebar{background:#244b5e;width:250px;min-height:100vh}.sidebar__user{line-height:calc(72px - 2rem)}.sidebar__pupils{padding:1rem}.sidebar__pupil:not(:last-child){margin-bottom:.5rem}.sidebar__pupil{color:#bfbfbf;cursor:pointer;border:2px solid #0000;border-radius:15px;padding:.5rem 1rem;font-weight:700;transition:all .15s}.sidebar__pupil--current{color:#fff;background:#1e3e4e}.sidebar__pupil:hover{color:#fff;border-color:#1e3e4e}.sidebar__menu-item{color:#bfbfbf;cursor:pointer;padding:.7rem 2rem;transition:all .15s}.sidebar__menu-item--small{padding-top:.2rem;padding-bottom:.2rem}.sidebar__menu-item--current{color:#fff;background:#1e3e4e}.sidebar__menu-item:hover:not(.sidebar__menu-item--current){color:#fff;background:#204355}.sidebar>hr{border-top:none;border-bottom:1px solid #ddd}@media (width<=768px){.sidebar{z-index:10;height:calc(100vh - 59px - 3rem);transition:all .15s ease-in-out;position:absolute;top:59px;transform:translate(-100%)}.sidebar--visible{transform:translate(0);box-shadow:0 12px 15px #00000040}.sidebar{max-height:calc(100vh - 59px);overflow-y:auto}}.sidebar__accessibilities{justify-content:center;align-items:center;padding:1rem 0;display:flex}.sidebar__accessibilities-item{border-radius:6px;margin-left:.5rem;margin-right:.5rem;padding:.5rem;transition:all .15s}.sidebar__accessibilities-item:hover{background:#1d3e4e}.sidebar__accessibilities-item--active{background:#2d5e76}.sidebar__accessibilities svg{width:1.5rem}.sidebar__accessibilities svg path{fill:#fff}.navbar{color:#fff;background:#244b5e}.navbar__burger{justify-content:center;align-items:center;width:2rem;display:flex}.navbar__burger svg{height:1.4rem}.loading-splash{background:#ffffffbf;width:100vw;height:100vh;position:absolute;top:0;left:0}@media (width>=769px){.navbar{display:none}}@media (width<=768px){.app{flex-direction:column}}