:root{--aside-width:14rem;--aside-hidden-width:5rem}#aside-menu{left:10px;top:16px}#aside-menu-close{display:none}#aside-menu-main{width:var(--aside-width)}#aside-menu-main li{padding:6px 10px}#aside-menu-main a{color:#fff}#aside-menu-main a:hover{color:#ccc}#aside-menu-main .active{background:#f3f4f6;border-radius:5px}#aside-menu-main .active a{color:#000}@media (max-width:1023px){aside{position:absolute;top:0;width:var(--aside-width);transition:transform .2s ease;height:100vh;left:-100%;z-index:100;transition:left .3s;padding-top:2rem}#aside-menu-close{display:block;position:absolute;right:15px;top:15px;font-size:20px;color:#fff}.aside-show{width:var(--aside-width);transform:translateX(0);position:fixed;z-index:100}}@media (min-width:1024px){aside{min-width:var(--aside-width);left:10px;top:15px;min-height:cal(100vh - 56px)}#aside-menu{left:10px;top:16px}}