.menu-left{width:64px;height:100vh;position:relative;top:0;left:0;position:fixed!important}.menu-left:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(6px)brightness(1.15);backdrop-filter:blur(6px)brightness(1.15);border-radius:10px;position:absolute;inset:0}.menu-left{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}@media (max-width:768px){.menu-left{display:none}}.menu-left .menu-left-item{cursor:pointer;justify-content:left;width:100%;padding-left:9.5px;transition:all .6s;display:flex;position:relative}.menu-left .menu-left-item .item-btn{align-items:center;width:45px;height:45px;padding-left:11.5px;display:flex}.menu-left .menu-left-item .item-btn svg{width:22px;height:auto}.menu-left .menu-left-item .item-btn.active{background-color:#000;border-radius:5px}.menu-left .menu-left-item-text{align-items:center;width:0;height:100%;font-size:18px;font-weight:700;transition:all .5s ease-in-out;display:flex;position:absolute;top:0;left:64px;overflow:hidden}.menu-left .menu-left-item:hover .item-btn{background-color:#000;border-radius:5px 0 0 5px;width:54.5px}.menu-left .menu-left-item:hover .menu-left-item-text{background-color:#000;border-radius:0 5px 5px 0;width:100px;padding-left:10px}
.footer{-webkit-backdrop-filter:blur(20px);z-index:2;background:#00000080;justify-content:space-between;align-items:center;width:calc(100% + 32px);height:64px;margin-top:-64px;padding:0 32px;display:flex}@media (max-width:768px){.footer{flex-direction:column;justify-content:space-evenly;width:100%;height:128px;margin-top:-128px}}.footer-center{justify-content:center;align-items:center;gap:16px;display:flex}.footer-left{flex-direction:column;display:flex}