.nav-wrapper[data-v-30cb2f72]{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding:10px;border-bottom:1px solid #e6e6e6}.nav-wrapper .nav-item[data-v-30cb2f72]{margin-bottom:10px}.nav-wrapper-left[data-v-30cb2f72]{position:absolute;left:0;top:0;z-index:99;width:0;height:100%;background:#fff;transition:all .2s ease-in-out;box-shadow:10px 0 15px 3px #ddd}.nav-wrapper-left[data-v-30cb2f72]:hover{width:200px}.nav-wrapper-left .nav-wrapper-left-content[data-v-30cb2f72]{transition:all .1s ease-in-out .21s;overflow:hidden}.nav-wrapper-left .nav-wrapper-left-content ul[data-v-30cb2f72]{list-style:none;padding-left:0}.nav-wrapper-left .nav-wrapper-left-content ul li[data-v-30cb2f72]{padding:0 16px;line-height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.nav-wrapper-left .nav-wrapper-left-content ul li.active[data-v-30cb2f72],.nav-wrapper-left .nav-wrapper-left-content ul li[data-v-30cb2f72]:hover{background-color:#ccc;color:#00f}.nav-wrapper-left .nav-wrapper-left-toggleicon[data-v-30cb2f72]{position:absolute;right:-12px;top:50%;width:24px;height:24px;transform:translateY(-50%) rotate(45deg);background:red}