.training-toggle-btn{background:none;border:none;cursor:pointer}.training-toggle-btn i{font-size:.875rem}.training-panel{position:fixed;top:0;right:0;height:100vh;width:33.333vw;max-width:100vw;background:#ffffff;border-left:1px solid #dee2e6;box-shadow:-4px 0 24px rgba(0,0,0,0.18);z-index:100;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s ease}.training-panel.open{transform:translateX(0)}body.admin-layout .training-panel{top:70px;height:calc(100vh - 70px)}.training-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#32373c;color:#ffffff;flex-shrink:0}.training-panel-header h5{margin:0;font-size:.9375rem;font-weight:600}.training-panel-header h5 i{margin-right:.4rem;color:#fcb900}.training-panel-close{background:none;border:none;color:#ffffff;font-size:1.375rem;line-height:1;cursor:pointer;padding:0 .25rem;opacity:.75;transition:opacity .15s ease}.training-panel-close:hover{opacity:1}.training-panel-close:focus{outline:none;opacity:1}.training-panel-body{display:flex;flex:1;overflow:hidden}.training-panel-nav{width:190px;min-width:190px;background:#f8f9fa;border-right:1px solid #dee2e6;overflow-y:auto;padding:.5rem 0;flex-shrink:0}.training-nav-group{padding:.25rem 0}.training-nav-heading{padding:.5rem .75rem .25rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#969696}.training-nav-item{display:block;width:100%;padding:.375rem .75rem;font-size:.8125rem;color:#495057;text-align:left;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none;border:none;cursor:pointer;transition:background .1s ease,color .1s ease}.training-nav-item:hover{background:#e9ecef;color:#32373c;text-decoration:none}.training-nav-item.active{background:#0693e3;color:#ffffff}.training-nav-item.active i{color:#ffffff !important}.training-nav-divider{height:1px;background:#dee2e6;margin:.5rem .75rem}.training-content-area{flex:1;overflow-y:auto;padding:1rem;font-size:.875rem;line-height:1.6}.training-content-area h1,.training-content-area h2,.training-content-area h3,.training-content-area h4{font-size:1rem;font-weight:700;margin-top:1rem;margin-bottom:.5rem;color:#32373c}.training-content-area h1:first-child,.training-content-area h2:first-child,.training-content-area h3:first-child,.training-content-area h4:first-child{margin-top:0}.training-content-area h2{font-size:.9375rem}.training-content-area p{margin-bottom:.5rem}.training-content-area ul,.training-content-area ol{padding-left:1.25rem;margin-bottom:.5rem}.training-content-area .badge{font-size:.75rem}.training-content-area code{font-size:.8125rem;background:#f1f3f5;padding:.1em .35em;border-radius:3px}.training-content-area hr{margin:.75rem 0;border-color:#dee2e6}.training-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:150px;color:#969696;font-size:.875rem;text-align:center}.training-loading i{opacity:.4}.training-error{padding:.75rem;color:#cf2e2e;font-size:.8125rem}body{transition:margin-right .28s ease}body.training-panel-open{margin-right:33.333vw}