.menu{position:fixed;top:0;left:0;width:220px;height:100vh;background:#263457;-webkit-box-shadow:1px 0 0 hsla(0,0%,100%,.04);box-shadow:1px 0 0 hsla(0,0%,100%,.04);will-change:width;-webkit-transition:width .25s ease,-webkit-transform .25s ease;transition:width .25s ease,-webkit-transform .25s ease;transition:width .25s ease,transform .25s ease;transition:width .25s ease,transform .25s ease,-webkit-transform .25s ease;z-index:99;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.is-fullscreen .menu{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.menu-header{padding:20px 10px;margin-bottom:20px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0}.menu-header .menu-company-headline{color:hsla(0,0%,100%,.7);text-align:center;text-transform:uppercase;font-family:Lato,serif;font-size:1.2em;letter-spacing:.4px;margin-top:8px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-transition:opacity .18s ease,width .25s ease;transition:opacity .18s ease,width .25s ease}.menu-header .menu-company-headline b{font-size:1.2em}.menu-header .custom-icon{color:#01afaa}.menu-header .logo{display:inline-block;vertical-align:middle}.menu-header-title{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:Quicksand,serif;font-size:1.2em;font-weight:600;color:#fff;margin-left:10px;white-space:nowrap;-webkit-transition:opacity .18s ease;transition:opacity .18s ease}.menu-header .logo-image{width:160px;height:90px;-webkit-transition:width .25s ease,height .25s ease;transition:width .25s ease,height .25s ease}.is-reduced .menu-header .logo-image{width:40px;height:50px}.is-reduced .menu-header .menu-company-headline{width:0;opacity:0}.menu-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-height:0}.menu-section-title-wrapper{height:20px;white-space:nowrap;overflow:hidden;margin-bottom:8px;position:relative}.menu-section-title{position:absolute;left:20px;font-family:Quicksand;font-size:1.1em;font-weight:700;color:#96d1cf;letter-spacing:1.5px;text-transform:uppercase;-webkit-transition:left .25s ease,-webkit-transform .25s ease;transition:left .25s ease,-webkit-transform .25s ease;transition:left .25s ease,transform .25s ease;transition:left .25s ease,transform .25s ease,-webkit-transform .25s ease}.menu.is-reduced .menu-section-title{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.menu-item,.menu-link{position:relative}.menu-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.3em;color:hsla(0,0%,100%,.7);padding:10px 20px;height:44px;letter-spacing:.2px;overflow:hidden;border-left:3px solid transparent;-webkit-transition:color .18s ease,background-color .18s ease,border-color .18s ease;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.menu-link:hover{color:#fff;background-color:hsla(0,0%,100%,.06)}.menu-link:hover .icon{color:hsla(0,0%,100%,.9)}.menu-item[parentactive=true] .menu-link,.menu-link.is-active,.menu-link.is-active-parent{color:#fff;font-weight:600;background-color:hsla(0,0%,100%,.06);border-left-color:#01afaa}.menu-item[parentactive=true] .menu-link .icon,.menu-link.is-active-parent .icon,.menu-link.is-active .icon{color:#01afaa}.has-submenu .menu-link{padding-right:35px}.menu-list{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;border-top:1px solid hsla(0,0%,100%,.06);padding-top:12px;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.18) transparent}.menu-list::-webkit-scrollbar{width:4px;height:8px}.menu-list::-webkit-scrollbar-track{background:transparent}.menu-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.18);border-radius:4px}.menu-list::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.35)}.menu-link .text{line-height:24px;white-space:nowrap;margin-left:12px;-webkit-transition:opacity .18s ease;transition:opacity .18s ease}.menu-link .icon-wrapper{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:22px;-ms-flex-negative:0;flex-shrink:0}.menu-link .icon{color:hsla(0,0%,100%,.55);-webkit-transition:color .18s ease;transition:color .18s ease}.menu-link .icon-keyboard_arrow_down{position:absolute;top:50%;right:12px;margin-top:-12px;-webkit-transition:-webkit-transform .25s ease;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.submenu-list{overflow:hidden;background:#1c2944;-webkit-transition:height .25s ease;transition:height .25s ease}.menu-item.is-submenu-active .icon-keyboard_arrow_down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.menu-item.is-highlight .menu-link{color:#ffdb98}.menu .bottom-list{-ms-flex-negative:0;flex-shrink:0;border-top:1px solid hsla(0,0%,100%,.06)}.menu .bottom-list .menu-link{color:rgba(255,182,182,.75)}.menu .bottom-list .menu-link .icon{color:rgba(255,182,182,.6)}.menu .bottom-list .menu-link:hover{color:#ffb6b6;background-color:rgba(255,100,100,.08)}.menu .bottom-list .menu-link:hover .icon{color:#ffb6b6}.menu-user{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;padding:12px 20px;border-top:1px solid hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.85);font-size:1.2em;letter-spacing:.2px;overflow:hidden}.menu-user,.menu-user-avatar{-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menu-user-avatar{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(1,175,170,.18);color:#01afaa;font-weight:600;font-size:.95em;letter-spacing:0;text-transform:uppercase}.menu-user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.menu.is-reduced .menu-user{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:12px 0}.menu-toggle{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;padding:12px 20px;background:hsla(0,0%,100%,.03);border:0;border-top:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.75);cursor:pointer;font-family:inherit;font-size:1.2em;font-weight:500;letter-spacing:.2px;-webkit-transition:color .18s ease,background-color .18s ease;transition:color .18s ease,background-color .18s ease}.menu-toggle:focus-visible,.menu-toggle:hover{color:#fff;background-color:rgba(1,175,170,.12);outline:none}.menu-toggle-icon{width:20px;height:20px;-ms-flex-negative:0;flex-shrink:0;color:#01afaa;-webkit-transition:color .18s ease,-webkit-transform .25s ease;transition:color .18s ease,-webkit-transform .25s ease;transition:transform .25s ease,color .18s ease;transition:transform .25s ease,color .18s ease,-webkit-transform .25s ease}.menu-toggle:hover .menu-toggle-icon{color:#01afaa}.menu-toggle-label{margin-left:12px;white-space:nowrap;-webkit-transition:opacity .18s ease;transition:opacity .18s ease}.menu.is-reduced .menu-toggle{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:12px 0}.menu.is-reduced{width:60px}.menu.is-reduced .menu-header-title{opacity:0}.menu.is-reduced .menu-link{padding:10px 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.menu.is-reduced .menu-link .text{opacity:0;width:0;margin-left:0;pointer-events:none}.menu.is-reduced .menu-link .icon-keyboard_arrow_down{display:none}.menu.is-reduced .has-submenu .menu-link{padding-right:0}.menu-classroom{background:-webkit-gradient(linear,left top,left bottom,from(#350756),color-stop(20%,#350756),to(#01afaa));background:linear-gradient(180deg,#350756 0,#350756 20%,#01afaa)}@media screen and (max-height:714px){.menu-section-title-wrapper{margin-bottom:5px}.menu-link{height:38px;padding:6px 20px}}@media screen and (max-width:1023px){.menu{position:absolute;width:100%;z-index:1;overflow-y:auto;display:block}.menu-header{height:60px;padding:10px 10px 10px 20px;margin-bottom:0}.menu-header:before{content:"";display:inline-block;vertical-align:middle;height:100%}.menu-header .logo-image{width:40px;height:30px}.menu-header .btn{float:right;color:#96d1cf}.menu-link{padding:8px 20px;height:44px}.menu-section-title{left:20px}.menu-search-form{padding:0 20px}.menu-section-title-wrapper{margin-bottom:10px}.menu-toggle{display:none}}