.sidebar{padding:.5rem 1.8rem;background-color:var(--color-primary);height:100%;flex-direction:column;transition:all .3s ease;position:fixed;z-index:100}.logo-container{display:flex;justify-content:center;align-items:center;width:100%;flex-shrink:0;cursor:pointer;position:relative}.logo-container.full{height:100px}.logo-container.collapsed{height:80px;padding:.5rem}.logo-container:hover{background-image:linear-gradient(to right,var(--color-gradient-red-transparent),var(--color-gradient-blue-transparent),var(--color-gradient-cyan-transparent));border-radius:9px}.sidebar.w-\[80px\]{padding:.5rem}.menu-separator{margin:.75rem -1.8rem;border:0;border-top:1px solid rgb(255 255 255/.08)}.sidebar.w-\[80px\] .menu-separator{margin-left:-.5rem;margin-right:-.5rem}.menu-item{color:var(--color-white);margin:.22rem 0;padding:1rem .5rem;display:flex;align-items:center;width:100%}.menu-item-icon{margin:0 .5rem}@media (min-width:640px){.menu-item{margin:.22rem -1rem 0 -.2rem;padding:.9rem 0}.menu-item-icon{margin:0 .7rem 0 1.2rem}}.sidebar.w-\[80px\] .menu-item{padding:.9rem;justify-content:center}.sidebar.w-\[80px\] .menu-item-icon{margin:0}.logout-container{margin-top:auto;padding:1rem .5rem;color:var(--color-red-light);border-radius:9999px;cursor:pointer;transition:all .2s ease;align-self:stretch;text-align:center}.logout-container:hover{background-image:linear-gradient(to right,var(--color-gradient-red-transparent),var(--color-gradient-blue-transparent),var(--color-gradient-cyan-transparent));border-radius:99px}@media (min-width:640px){.logout-container{padding:.4rem .4rem .4rem 0;text-align:left}}.chevron-container{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--color-primary);border:1px solid var(--color-primary);transition:background-color .2s ease;cursor:pointer;position:absolute;right:-10px;top:2.25rem;z-index:10}.chevron-container:hover{background-color:var(--color-red)}@media (min-width:640px){.sidebar{position:relative}}@media (min-width:1024px){.chevron-container{display:flex}}.chevron-icon{width:20px;height:20px;color:var(--color-bg-light);transition:transform .3s ease}