.page-fade-enter-active,.page-fade-leave-active{transition:all .5s ease-out}.page-fade-enter,.page-fade-leave-to{opacity:0}.default-layout{--menu-close-width: 112px;--menu-open-width: 250px}.notification-popover{--el-popover-border-radius: 8px;--el-popover-padding: 32px}.is-show{opacity:1}.is-hidden{visibility:hidden;opacity:0}.head-close{width:calc(100% - var(--menu-close-width))}.head-open{width:calc(100% - var(--menu-open-width))}.menu-close{width:var(--menu-close-width)}.menu-open{width:var(--menu-open-width)}.main-close{padding-left:var(--menu-close-width)}.main-open{padding-left:var(--menu-open-width)}.is-transition{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.logo{position:absolute;left:0;top:0;height:40px;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.menu-icon{padding:8px;font-size:25px}.menu-item{display:flex;align-items:center;border-radius:4px;padding-left:12px;--un-text-opacity:1;color:rgb(252 252 252 / var(--un-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.menu-item:hover{background-color:#fcfcfc33}.menu-text{margin-left:8px;text-wrap:nowrap;font-size:16px;--un-text-opacity:1;color:rgb(252 252 252 / var(--un-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s}.icon-btn{cursor:pointer;border-radius:9999px;padding:5px}.icon-btn:hover{--un-bg-opacity:1;background-color:rgb(241 245 249 / var(--un-bg-opacity))}.head-icon{height:35px;width:35px;display:flex;align-items:center;justify-content:center}