#layout-default{position:relative}#layout-default aside{background-color:#000;background-image:url(../sidebar.jpg);background-position:50%;background-size:cover;border-right:1px solid hsla(0,0%,100%,.3);bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:space-between;left:0;overflow:auto;position:fixed;top:0;width:260px;z-index:1}#layout-default aside:before{background:#000;content:"";display:block;height:100%;left:0;opacity:.75;position:absolute;top:0;width:100%;z-index:2}#layout-default aside ul{list-style:none;margin:0;padding:10px 5px}#layout-default aside ul li{border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-size:300;margin:5px 0}#layout-default aside ul li a,#layout-default aside ul li span{color:#fff;display:block;font-weight:300;padding:12px 15px 10px}#layout-default aside ul li a.exit,#layout-default aside ul li span.exit{background-color:var(--color-red)!important;border-radius:8px;color:#fff;font-weight:600}#layout-default aside ul li>a{align-items:center;display:flex;gap:15px}#layout-default aside ul li>a>span{padding:5px 0}#layout-default aside ul li:hover{background-color:#ffffff3b}#layout-default aside ul li:hover *{color:#fff!important}#layout-default aside ul li:hover a.exit,#layout-default aside ul li:hover span.exit{opacity:.7!important}#layout-default aside ul li.active{background-color:#ffffff3b}#layout-default aside ul li.active *{color:#fff}#layout-default aside .aside-header{border-bottom:1px solid hsla(0,0%,100%,.3);padding:15px;position:relative;z-index:2}#layout-default aside .aside-header>div{display:flex;flex-direction:column;gap:5px}#layout-default aside .aside-header>div strong{font-weight:600}#layout-default aside .aside-body{flex:1 1 0;position:relative;z-index:2}#layout-default aside .aside-footer{border-top:1px solid hsla(0,0%,100%,.3);position:relative;z-index:2}#layout-default main{bottom:0;left:260px;overflow:auto;padding:15px;position:fixed;right:0;top:0;z-index:1}