.submenu{display:flex;flex-direction:column;max-width:28rem;transform-origin:left;z-index:999999}.submenu[data-state=open]{animation:slideIn .3s ease-out;overflow:hidden}.submenu[data-state=closed]{animation:slideOut .3s ease-out;overflow:hidden}@media screen and (max-width:991px){.submenu{width:28rem;position:absolute;top:0;right:-28rem;height:100%}.submenu[data-state=closed]{z-index:-1}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scale(1)}}@keyframes slideOut{0%{transform:scale(1)}to{transform:scaleX(0)}}}.submenu .logo{height:8.5rem;background-color:#4c3f7c;display:grid;place-content:center;border-bottom:1px solid #3d316a}.submenu .module-info{position:relative;background-color:#3d316a;color:#fff;padding:1.5rem}.submenu .module-info__module{font-size:2rem;font-weight:500;margin-bottom:.5rem}.submenu .module-info__title{font-size:1.5rem;font-weight:300;position:relative}.submenu .module-info:after{position:absolute;content:" ";width:90%;border-bottom:1px solid #4c3f7c;bottom:0;left:5%}.submenu .module-list{flex:1 1;background-color:#3d316a;list-style-type:none;margin:0;padding:1rem}.submenu .module-list__button{padding-left:1rem;text-indent:-1rem}.submenu .module-list__item{font-size:1.4rem;font-weight:300;color:#fff;line-height:2;padding-left:2rem;position:relative;cursor:pointer}.submenu .module-list__item.active,.submenu .module-list__item:hover{font-weight:700}.submenu .module-list__item.active:before,.submenu .module-list__item:hover:before{color:#fad25c;color:#b7e786}.submenu .module-list__item.complete:before{color:#2cb034}.submenu .module-list__item:before{position:absolute;content:"▶";color:transparent;top:1.5rem;transform:translateY(-50%);left:0}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scale(1)}}@keyframes slideOut{0%{transform:scale(1)}to{transform:scaleX(0)}}.training-nav{display:flex;background-color:#4c3f7c;border-right:2px solid #3d316a}.training-nav__wrapper{display:flex;position:relative}.training-nav__list{list-style-type:none;padding:0;margin-top:0}.training-nav__list-item{font-size:3rem;border-top:1px solid #3d316a;display:grid;place-content:center;padding:2rem}.training-nav__list-item:first-child{border-top:none}.training-nav__list-item:last-child{border-bottom:1px solid #3d316a}.training-nav__list-item.active,.training-nav__list-item:hover{background-color:#3d316a}.training-nav__list-item:not(.active).training-nav__list-item--module .training-nav__button{opacity:.5}.training-nav__button{color:#fff;text-decoration:none}.training-wrapper{display:flex;justify-content:flex-start}.module-wrapper{color:#302342}.module-wrapper .module-title{font-size:2.4rem;margin-bottom:1rem;font-weight:500}.module-wrapper .module-subtitle{font-size:1.8rem;font-weight:500;margin-bottom:2rem}