.register-container .register-icon[data-v-308e2e10]{background-image:url(../img/logo-hd.6f3a29fc.png);background-repeat:no-repeat;background-size:contain}.sidebar[data-v-308e2e10]{position:fixed;width:176px;left:0;top:64px;background:#09266e;box-shadow:4px 0 15px 0 rgba(154,167,213,.5);height:100%;overflow:hidden}.sidebar .sidebar-el-menu[data-v-308e2e10]{background-color:transparent;border-right:none;overflow-y:auto;overflow-x:hidden;width:calc(100% + 17px);height:calc(100% - 100px)}.sidebar .sidebar-el-menu .el-menu-item[data-v-308e2e10]{margin-top:18px;background:#09266e;color:#b9c3d8;height:36px;line-height:36px;min-width:auto;padding-left:10px!important}.el-submenu__title[data-v-308e2e10]:focus,.el-submenu__title[data-v-308e2e10]:hover,.sidebar .el-menu-item[data-v-308e2e10]:hover,.sidebar .el-submenu:hover .el-submenu__title[data-v-308e2e10]{background:#09266e;color:#fff}.sidebar .el-submenu:not(.is-opened).is-active[data-v-308e2e10]{background:linear-gradient(270deg,#95713c,#e6c594)}.sidebar .el-submenu.is-active:hover .el-submenu__title[data-v-308e2e10]{background:none}.sidebar .el-submenu.is-active .el-submenu__title[data-v-308e2e10],.sidebar .el-submenu.is-active[data-v-308e2e10],.sidebar .el-submenu.is-active i[data-v-308e2e10]{color:#fff}.sidebar .el-menu-item.is-active[data-v-308e2e10],.sidebar ul.el-menu--inline .el-menu-item.is-active[data-v-308e2e10]{background:linear-gradient(270deg,#95713c,#e6c594);color:#fff}.sidebar .el-menu-item:hover i[data-v-308e2e10],.sidebar .el-submenu:hover i[data-v-308e2e10]{color:#fff}.sidebar .el-submenu[data-v-308e2e10]{width:176px;margin-top:18px}.sidebar .el-submenu .el-submenu__title[data-v-308e2e10]{height:36px;line-height:36px;padding-left:10px!important}.sidebar .el-submenu__title[data-v-308e2e10],.sidebar .el-submenu__title i[data-v-308e2e10]{color:#b9c3d8}.sidebar i[class*=zl-icon-][data-v-308e2e10]{vertical-align:middle;margin-right:10px;width:20px;text-align:center;font-size:18px;display:inline-block;color:#b9c3d8}.el-submenu__icon-arrow[data-v-308e2e10]{right:24px;top:55%}.sidebar .el-menu-item.is-active i[data-v-308e2e10],.sidebar .el-submenu.is-opened .el-submenu__title[data-v-308e2e10],.sidebar .el-submenu.is-opened .el-submenu__title i[data-v-308e2e10]{color:#fff}.sidebar ul.el-menu--inline[data-v-308e2e10]{background:#0b2156;overflow:hidden}.sidebar ul.el-menu--inline .el-menu-item[data-v-308e2e10]{margin:14px 0;background:#0b2156;padding:0;padding-left:40px!important}.course-item[data-v-308e2e10]{background:#fff;cursor:pointer;border:1px solid #e2e7ec}.course-item .course-item-detail[data-v-308e2e10]{padding:16px 12px;display:flex;flex-direction:column;gap:8px}.course-item .course-item-title[data-v-308e2e10]{font-weight:700;font-size:16px;line-height:24px}.course-item .course-item-tags[data-v-308e2e10]{display:flex;gap:8px}.course-item .course-item-time[data-v-308e2e10]{font-weight:400;font-size:14px;line-height:22px}.course-item .course-item-image[data-v-308e2e10]{position:relative;width:100%;aspect-ratio:1.73542601}.course-item .course-item-image img[data-v-308e2e10]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-item .course-item-required[data-v-308e2e10]{position:absolute;left:0;bottom:0;background:#ff4d4f;color:#fff;padding:2px 8px;border-radius:0 8px 0 8px;font-size:12px}.course-item .course-item-total-icon[data-v-308e2e10]{background:url(../img/people.c1b2339e.svg);background-size:14px;width:16px;height:16px;background-repeat:no-repeat}.course-item .course-item-total[data-v-308e2e10]{display:flex;align-items:center;height:26px;gap:4px;opacity:1;border-radius:2px;padding-top:2px;padding-right:8px;padding-bottom:2px;padding-left:8px;font-size:12px;background:#fff7e8;color:#d25f00}.course-item .icon-not-start[data-v-308e2e10]{background:url(../img/not-start.8c47b2d0.svg);background-size:14px;width:16px;height:16px;background-repeat:no-repeat;background-position:50%}.course-item .icon-inprogress[data-v-308e2e10]{background:url(../img/in-progress.3bba2daa.svg);background-size:14px;width:16px;height:16px;background-repeat:no-repeat;background-position:50%}.course-item .icon-done[data-v-308e2e10]{background:url(../img/done.9557e049.svg);background-size:14px;width:16px;height:16px;background-repeat:no-repeat;background-position:50%}.course-item .not-start[data-v-308e2e10]{background:#ffece8;color:#ff3a3d}.course-item .inprogress[data-v-308e2e10],.course-item .not-start[data-v-308e2e10]{display:flex;align-items:center;height:26px;gap:4px;font-size:14px;border-radius:2px;padding-top:2px;padding-right:8px;padding-bottom:2px;padding-left:8px}.course-item .inprogress[data-v-308e2e10]{background:#dfebff;color:#3973ff}.course-item .done[data-v-308e2e10]{display:flex;align-items:center;height:26px;gap:4px;font-size:14px;border-radius:2px;padding-top:2px;padding-right:8px;padding-bottom:2px;background:#eaedf4;color:rgba(0,0,0,.6509803921568628);padding-left:8px}.register-container .register-icon[data-v-8b9a2852]{background-image:url(../img/logo-hd.6f3a29fc.png);background-repeat:no-repeat;background-size:contain}.sidebar[data-v-8b9a2852]{position:fixed;width:176px;left:0;top:64px;background:#09266e;box-shadow:4px 0 15px 0 rgba(154,167,213,.5);height:100%;overflow:hidden}.sidebar .sidebar-el-menu[data-v-8b9a2852]{background-color:transparent;border-right:none;overflow-y:auto;overflow-x:hidden;width:calc(100% + 17px);height:calc(100% - 100px)}.sidebar .sidebar-el-menu .el-menu-item[data-v-8b9a2852]{margin-top:18px;background:#09266e;color:#b9c3d8;height:36px;line-height:36px;min-width:auto;padding-left:10px!important}.el-submenu__title[data-v-8b9a2852]:focus,.el-submenu__title[data-v-8b9a2852]:hover,.sidebar .el-menu-item[data-v-8b9a2852]:hover,.sidebar .el-submenu:hover .el-submenu__title[data-v-8b9a2852]{background:#09266e;color:#fff}.sidebar .el-submenu:not(.is-opened).is-active[data-v-8b9a2852]{background:linear-gradient(270deg,#95713c,#e6c594)}.sidebar .el-submenu.is-active:hover .el-submenu__title[data-v-8b9a2852]{background:none}.sidebar .el-submenu.is-active .el-submenu__title[data-v-8b9a2852],.sidebar .el-submenu.is-active[data-v-8b9a2852],.sidebar .el-submenu.is-active i[data-v-8b9a2852]{color:#fff}.sidebar .el-menu-item.is-active[data-v-8b9a2852],.sidebar ul.el-menu--inline .el-menu-item.is-active[data-v-8b9a2852]{background:linear-gradient(270deg,#95713c,#e6c594);color:#fff}.sidebar .el-menu-item:hover i[data-v-8b9a2852],.sidebar .el-submenu:hover i[data-v-8b9a2852]{color:#fff}.sidebar .el-submenu[data-v-8b9a2852]{width:176px;margin-top:18px}.sidebar .el-submenu .el-submenu__title[data-v-8b9a2852]{height:36px;line-height:36px;padding-left:10px!important}.sidebar .el-submenu__title[data-v-8b9a2852],.sidebar .el-submenu__title i[data-v-8b9a2852]{color:#b9c3d8}.sidebar i[class*=zl-icon-][data-v-8b9a2852]{vertical-align:middle;margin-right:10px;width:20px;text-align:center;font-size:18px;display:inline-block;color:#b9c3d8}.el-submenu__icon-arrow[data-v-8b9a2852]{right:24px;top:55%}.sidebar .el-menu-item.is-active i[data-v-8b9a2852],.sidebar .el-submenu.is-opened .el-submenu__title[data-v-8b9a2852],.sidebar .el-submenu.is-opened .el-submenu__title i[data-v-8b9a2852]{color:#fff}.sidebar ul.el-menu--inline[data-v-8b9a2852]{background:#0b2156;overflow:hidden}.sidebar ul.el-menu--inline .el-menu-item[data-v-8b9a2852]{margin:14px 0;background:#0b2156;padding:0;padding-left:40px!important}.courses-list-container[data-v-8b9a2852]{height:100%;flex:1;display:flex;flex-direction:column}.courses-list[data-v-8b9a2852]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (min-width:1680px){.courses-list[data-v-8b9a2852]{grid-template-columns:repeat(4,1fr)}}