body{margin:0;padding:0}.pro-layout{--el-menu-bg-color:var(--el-bg-color)}.pro-layout.layout-aside{display:flex}.pro-layout.layout-topmenu{background-color:var(--el-bg-color-page)}.pro-layout.layout-topmenu .pro-header .header-content{background-color:var(--el-menu-bg-color);border-bottom:1px solid var(--el-menu-border-color)}.pro-layout .pro-container{background-color:var(--el-bg-color-page);display:flex;flex:1;flex-direction:column;width:calc(100% - var(--pro-layout-width-aside) - 1px)}.pro-layout .aside-collapse+.pro-container{width:calc(100% - var(--pro-layout-width-aside-collapse) - 1px)}.pro-layout .pro-aside{height:var(--pro-layout-height);position:sticky;top:0;z-index:var(--pro-layout-index-header)}.pro-layout .pro-aside .mask{display:none}.pro-layout .pro-aside .pro-aside-wrapper{background-color:var(--el-menu-bg-color);border-right:1px solid var(--el-menu-border-color);display:flex;flex-direction:column;height:100%}.pro-layout .pro-aside .pro-aside-wrapper.with-logo{width:var(--pro-layout-width-aside)}.pro-layout .pro-aside .pro-aside-wrapper.with-transition{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.pro-layout .pro-aside .pro-aside-wrapper .pro-aside-logo{border-bottom:1px solid var(--el-menu-border-color);height:var(--pro-layout-height-header);min-height:var(--pro-layout-height-header);overflow:hidden;padding-left:20px}.pro-layout .pro-aside .pro-aside-wrapper .el-scrollbar{flex:1;height:auto}.pro-layout .pro-aside .pro-aside-wrapper .el-scrollbar .el-scrollbar__wrap{overflow-x:hidden}.pro-layout .pro-aside .pro-aside-wrapper .pro-menu{border-right:0}.pro-layout .pro-aside .pro-aside-wrapper .pro-menu:not(.el-menu--collapse){width:var(--pro-layout-width-aside)}.pro-layout .pro-aside.aside-collapse .pro-aside-wrapper .pro-menu.el-menu--collapse,.pro-layout .pro-aside.aside-collapse .pro-aside-wrapper.with-logo{width:var(--pro-layout-width-aside-collapse)}.pro-layout .pro-aside.aside-collapse .pro-aside-wrapper .pro-aside-logo{padding-left:0}@media (max-width:767px){.pro-layout .pro-aside{bottom:0;left:0;position:fixed;top:0;width:0;z-index:var(--pro-layout-index-sidebar)}.pro-layout .pro-aside.aside-collapse{width:100%}.pro-layout .pro-aside .mask{display:block;opacity:0;position:absolute;transition:var(--el-transition-fade)}.pro-layout .pro-aside.aside-collapse .mask{background-color:var(--el-overlay-color-lighter);bottom:0;left:0;opacity:1;right:0;top:0}.pro-layout .pro-aside .pro-aside-wrapper{transform:translateX(-100%)}.pro-layout .pro-aside.aside-collapse .pro-aside-wrapper,.pro-layout .pro-aside.aside-collapse .pro-aside-wrapper.with-logo{transform:translateX(0);width:var(--pro-layout-width-aside)}:is(.pro-layout .pro-aside.aside-collapse .pro-aside-wrapper,.pro-layout .pro-aside.aside-collapse .pro-aside-wrapper.with-logo) .pro-aside-logo{padding-left:20px}}.pro-layout .pro-header.fixed-header{position:sticky;top:0;z-index:var(--pro-layout-index-header)}.pro-layout .pro-header .header-content{align-items:center;background-color:var(--pro-layout-header-background-color);border-bottom:var(--el-border);display:flex;height:var(--pro-layout-height-header);justify-content:space-between;min-height:var(--pro-layout-height-header);padding:0 20px}.pro-layout .pro-header .header-slot{align-items:center;display:flex}.pro-layout .pro-header .header-slot:first-child{flex:1}.pro-layout .pro-header .header-slot:first-child .pro-menu{border-bottom:0;flex:1}.pro-layout .pro-header .header-slot .header-fold-btn{background-color:initial;border:0;cursor:pointer;display:inline-block;height:29px;margin:0 20px 0 0;padding:0;width:24px}.pro-layout .pro-header .header-slot .header-fold-btn .line{background-color:var(--el-text-color-primary);display:block;height:3px;margin:5px auto;transition:var(--el-transition-md-fade);width:24px}.pro-layout .pro-header .header-slot .header-fold-btn.is-active .line:first-child{transform:rotate(45deg) scaleX(.8) translate(8px,-3px)}.pro-layout .pro-header .header-slot .header-fold-btn.is-active .line:last-child{transform:rotate(-45deg) scaleX(.8) translate(8px,3px)}.pro-layout .pro-header .header-slot .el-menu--horizontal>.el-sub-menu .el-sub-menu__title{height:var(--pro-layout-height-header);line-height:var(--pro-layout-height-header)}