.menu-box{width:232px;padding:16px 0 16px 8px;box-shadow:0 0 6px 2px rgba(0,0,0,.1);border-radius:20px;transition:width .5s ease-in-out}.menu-box .item{width:100%;padding:6px 8px;border-radius:12px 0 0 12px;cursor:pointer;transition:width .5s ease-in-out,background-color .8s ease}.menu-box .menu-category{width:100%;padding:18px 8px 4px 8px;overflow:hidden;transition:all .5s ease-out}.menu-box .menu-first-category{padding:8px 8px 4px 8px}.menu-box .item>a.selected-underline{text-decoration:unset}.menu-box .item.active>a.selected-underline{text-decoration:underline;text-underline-offset:5px}.menu-box .item>a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-box .item>a>svg{flex-shrink:0}.menu-box.collapsed .menu-category::first-letter {visibility:visible}.menu-box.collapsed .menu-category{width:20px;visibility:hidden;overflow:hidden}.menu-box.collapsed .item{border-radius:12px}.menu-box .item.active>a{color:var(--color-primary)!important}.menu-box .item:hover>a{color:var(--color-primary)!important}.menu-box .item.has-submenu:hover{width:100%;padding:5px 7px;border:1px solid var(--color-primary);border-radius:12px 0 0 12px;border-right:unset;background:var(--color-white)}.menu-box .item.has-submenu:hover::before{content:'';position:absolute;right:-1px;transform:translateY(-6px);display:block;width:1px;height:38px;background:#fff;border:1px solid var(--color-primary);border-right:unset;border-left:unset;z-index:3}.menu-box .item:hover{width:calc(100% - 12px);border-radius:12px}.menu-box .item:hover .item-submenus{display:block}.menu-box .item .item-submenus.temp{display:block;z-index:-1}.menu-box .item .item-submenus{display:none;right:0;top:0;transform:translateX(100%);width:367px;max-height:480px;padding:25px 0 25px 20px;overflow-y:auto;border:1px solid var(--color-primary);border-radius:20px;color:#8a8a8a;background:var(--color-white);z-index:1}.menu-box .item .item-submenus::-webkit-scrollbar{width:5px}.menu-box .item .item-submenus .submenu{height:45px;margin-bottom:16px;cursor:pointer;overflow:hidden}.menu-box .item .item-submenus .submenu.expand{height:fit-content}.menu-box .item .item-submenus .submenu.expand{color:var(--color-primary)}.menu-box .item .item-submenus .submenu:last-child{margin-bottom:0}.menu-box .item .item-submenus .submenu .submenu-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#8a8a8a!important}.menu-box .item .item-submenus .submenu:hover,.menu-box .item .item-submenus .submenu.expand{color:var(--color-primary)}.menu-box .item .item-submenus .submenu:hover .submenu-title,.menu-box .item .item-submenus .submenu.expand .submenu-title{color:var(--color-primary)!important}.menu-box .item .item-submenus .submenu .number-circle{width:45px;height:45px;border-radius:22.5px;background:#f2f2f2}.menu-box .item .item-submenus .submenu:hover .number-circle,.menu-box .item .item-submenus .submenu.expand .number-circle{color:var(--color-primary)!important}.menu-box .item .item-submenus .submenu .quick-links{display:block;margin-left:53px;opacity:0;visibility:hidden;transition:opacity .5s ease-in-out,visibility .5s ease-in-out;color:#8a8a8a}.menu-box .item .item-submenus .submenu:hover .quick-links,.menu-box .item .item-submenus .submenu.expand .quick-links{opacity:1;visibility:visible}.menu-box .item .item-submenus .submenu .quick-links .quick-links-item{color:#8a8a8a}.menu-box .item .item-submenus .submenu .quick-links .quick-links-item:hover,.menu-box .item .item-submenus .submenu .quick-links .quick-links-item.highlight{background:unset!important;color:var(--color-primary)!important}.menu-box .item .item-submenus .submenu .quick-links .quick-links-item>a:hover,.menu-box .item .item-submenus .submenu .quick-links .quick-links-item.highlight>a{background:unset!important;color:var(--color-primary)!important}.menu-box.collapsed{width:60px;padding:16px 8px;overflow:hidden}.menu-box.collapsed .item{width:42px;height:38px;overflow:hidden}.menu-box.collapsed .item a{width:fit-content;white-space:nowrap}.menu-box.collapsed .item a svg{flex:none}.preview-body ul>li.tutorial:hover,.preview-body ul>li.tutorial.highlight{background:unset!important;color:var(--color-primary)!important}.preview-body ul>li.tutorial.highlight>a{background:unset!important;color:var(--color-primary)!important}