.sidebar-container{-webkit-backdrop-filter:blur(20px);z-index:200;background:#0006;border-right:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;gap:40px;width:70px;height:100vh;padding:30px 0;display:flex;position:fixed;top:0;left:0}.sidebar-nav-items{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.sidebar-nav-item{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.sidebar-nav-item:after{content:"";opacity:0;z-index:-1;background:#ffffff1a;border-radius:12px;transition:all .3s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:scale(.8)}.sidebar-nav-item:hover{color:#fff;transform:translateY(-2px)}.sidebar-nav-item.active{color:#fff;background:#ffffff1a;box-shadow:0 0 15px #fff3}.sidebar-nav-item.active:after{opacity:1;transform:scale(1)}.sidebar-nav-item.active:before{content:"";background:#fff;border-radius:0 4px 4px 0;width:4px;height:20px;position:absolute;top:50%;left:-12px;transform:translateY(-50%);box-shadow:0 0 10px #ffffff80}@media (max-width:768px){.sidebar-container{display:none}}