.sidebar{position:fixed;background-color:var(--clr-primary);width:260px;padding:36px 20px;transition:var(--transition-default);min-height:100vh;z-index:100}.user-info{display:flex;justify-content:flex-start;align-items:center;column-gap:16px}.info-name{font-weight:500}.info-img{width:48px;height:48px;overflow:hidden;border-radius:100%;box-shadow:#00000059 0 5px 15px}.info-name{font-size:20px;color:var(--clr-white);text-transform:uppercase}.navigation{margin-top:28px;height:600px}.navigation::-webkit-scrollbar{width:4px}.navigation::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #0000004d;border-radius:18px}.navigation::-webkit-scrollbar-thumb{background-color:var(--clr-pumpkin);border-radius:18px}.sidebar-change{margin-left:-260px}.nav-item{margin-bottom:10px;margin-right:4px}.nav-link{display:block;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:flex;padding:6px 14px;column-gap:12px;letter-spacing:.03em;border:1px solid transparent;transition:var(--transition-default)}.nav-link:hover{border:1px solid var(--clr-primar-light)}.nav-link.active{background-color:var(--clr-pumpkin);box-shadow:#0000001a 0 20px 25px -5px,#0000000a 0 10px 10px -5px;opacity:1;animation:iconsAnimatin .6s forwards}.nav-link-icon{filter:var(--clr-icon-filter);width:22px;opacity:.4;transition:opacity 1s}.nav-link.active .nav-link-icon{opacity:1}@keyframes iconsAnimatin{0%{transform:scale(1)}20%{transform:scale(.9)}80%{transform:scale(1.1)}to{transform:scale(1)}}.nav-link-text{text-transform:capitalize}@media screen and (max-width: 1400px){.sidebar{padding:24px 16px}}@media screen and (max-width: 1200px){.sidebar{width:72px;padding-left:12px;padding-right:12px}.sidebar-change{margin-left:-72px}.info-name{display:none}.nav-item{display:flex;justify-content:center;margin-bottom:18px}.nav-link{padding:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.nav-link.active,.nav-link:hover{border-radius:100%}.nav-link-text{display:none}}