[data-nav-style="menu-hover"][data-nav-layout="horizontal"] {
    display: block;
}
@media (min-width: 992px) {
    [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-sidebar .side-menu__item {
        display: flex !important;
        padding-top: 0.93rem;
        padding-inline-end: 1.75rem;
        padding-bottom: 0.93rem;
        padding-inline-start: 0.75rem;
    }
    [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-sidebar .side-menu__icon {
        margin-block-end: 0 !important;
        margin-inline-end: 0.35rem !important;
    }
    [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-sidebar .side-menu__angle {
        display: block !important;
    }
    [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-sidebar .slide.has-sub .slide-menu.active {
        inset-inline-start: auto !important;
        inset-inline-end: auto !important;
    }
    [data-nav-style="menu-hover"][data-nav-layout="horizontal"] .app-sidebar .slide.has-sub .slide-menu.child1 {
        inset-block-start: 100% !important;
    }
}
[data-nav-style="menu-hover"][data-toggled="menu-hover-closed"] {
    display: block;
}
@media (min-width: 992px) {
    [data-nav-style="menu-hover"][data-nav-layout="vertical"][data-toggled="menu-hover-closed"] .app-sidebar {
        position: absolute;
    }
    [data-nav-style="menu-hover"][data-nav-layout="vertical"][data-toggled="menu-hover-closed"] .app-sidebar .side-menu__item {
        border-radius: 0.5rem;
        margin: 0.25rem 0.25rem 0 0.25rem !important;
    }
    [data-nav-style="menu-hover"][data-nav-layout="vertical"][data-toggled="menu-hover-closed"] .app-sidebar .side-menu__item:last-child {
        margin: 0.25rem !important;
    }
    [data-nav-style="menu-hover"][data-nav-layout="vertical"][data-toggled="menu-hover-closed"] .app-sidebar .slide .slide-menu.child1,
    [data-nav-style="menu-hover"][data-nav-layout="vertical"][data-toggled="menu-hover-closed"] .app-sidebar .slide .slide-menu.child2,
    [data-nav-style="menu-hover"][data-nav-layout="vertical"][data-toggled="menu-hover-closed"] .app-sidebar .slide .slide-menu.child3 {
        border-radius: 0 0.5rem 0.5rem 0;
    }
    [data-nav-style="menu-hover"][data-nav-layout="vertical"][data-toggled="menu-hover-closed"][dir="rtl"] .app-sidebar .slide .slide-menu.child1,
    [data-nav-style="menu-hover"][data-nav-layout="vertical"][data-toggled="menu-hover-closed"][dir="rtl"] .app-sidebar .slide .slide-menu.child2,
    [data-nav-style="menu-hover"][data-nav-layout="vertical"][data-toggled="menu-hover-closed"][dir="rtl"] .app-sidebar .slide .slide-menu.child3 {
        border-radius: 0.5rem 0 0 0.5rem;
    }
    [data-nav-style="menu-hover"][data-nav-layout="vertical"] .app-sidebar .side-menu__item {
        border-radius: 0.5rem;
        margin: 0.25rem 0.25rem 0 0.25rem !important;
    }
    [data-nav-style="menu-hover"][data-nav-layout="vertical"] .app-sidebar .side-menu__item:last-child {
        margin: 0.25rem !important;
    }
}
@media (min-width: 992px) {
    .menu-hover .app-sidebar {
        width: 9.5rem;
    }
    .menu-hover .app-sidebar .main-sidebar {
        overflow: visible;
        height: 90%;
    }
    .menu-hover .app-sidebar .main-sidebar-header {
        width: 9.5rem;
    }
    .menu-hover .app-sidebar .side-menu__icon {
        margin-inline-end: 0;
        margin-block-end: 0.5rem;
    }
    .menu-hover .app-sidebar .slide {
        padding: 0;
    }
    .menu-hover .app-sidebar .slide-menu.child1,
    .menu-hover .app-sidebar .slide-menu.child2,
    .menu-hover .app-sidebar .slide-menu.child3 {
        min-width: 12rem;
        display: none !important;
    }
    .menu-hover .app-sidebar .slide.has-sub:hover > .slide-menu.child1 {
        display: block !important;
    }
    .menu-hover .app-sidebar .slide.has-sub:hover > .slide-menu.child1 .slide.has-sub:hover > .slide-menu.child2 {
        display: block !important;
    }
    .menu-hover .app-sidebar .slide.has-sub:hover > .slide-menu.child1 .slide.has-sub:hover > .slide-menu.child2 .slide.has-sub:hover > .slide-menu.child3 {
        display: block !important;
    }
    .menu-hover .app-header {
        padding-inline-start: 9.5rem;
    }
    .menu-hover .app-content {
        margin-inline-start: 9.5rem;
    }
}