.sidebar{border-right:1px solid var(--border-color);background:var(--theme-bg-color);z-index:20;flex-direction:column;flex-shrink:0;flex-basis:284px;height:100%;padding:40px;transition:transform .35s;display:flex;overflow-y:auto}.sidebar .user-profile-section{flex-direction:column;margin-top:20px;display:flex}.sidebar .user-profile-section .profile-container{text-align:center;border-radius:1rem;align-items:center;padding:2rem}.sidebar .user-profile-section .profile-container .name-surname{text-align:center;min-width:123px;margin-top:4px;font-size:18px;font-weight:500;line-height:1.1;display:inline-block}@media (min-width:768px){.sidebar .user-profile-section .profile-container{flex-direction:column}}.sidebar .user-profile-section .profile-container .profile-image{-o-object-fit:cover;object-fit:cover;border:4px solid #fff;border-radius:50%;flex-shrink:0;width:128px;height:128px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.sidebar .user-profile-section .profile-container .profile-info{text-align:center;background:#fff;border:2px solid #f1f1f1;border-radius:10px;flex-direction:column;gap:.5rem;margin-top:0;display:flex;position:relative}@media (min-width:768px){.sidebar .user-profile-section .profile-container .profile-info{text-align:left}}.sidebar .user-profile-section .profile-container .profile-info h1{color:#111;margin:0;font-size:max(30px,min(2vw,72px));font-weight:600}.sidebar .user-profile-section .profile-container .profile-info p.username{color:#555;font-size:.875rem}.sidebar .user-profile-section .profile-container .profile-info p.role{color:#111;margin-top:.25rem;font-size:.875rem}.sidebar .user-profile-section .profile-container .profile-info p.role span{color:#777;font-size:.75rem}.sidebar .user-profile-section .profile-container .profile-info a.website{color:#111;margin-top:.25rem;font-size:.875rem;text-decoration:underline}.sidebar .user-profile-section .profile-container .profile-info a.website:hover{color:#333}.sidebar .user-profile-section .profile-container .profile-info p.email{color:#555;margin-top:.25rem;font-size:.875rem}.sidebar .user-profile-section .profile-container .profile-info p.bio{color:#111;margin-top:1rem;font-size:max(23px,min(1.4vw,51px));line-height:1.4}@media (max-width:480px){.sidebar{width:260px;height:100vh;padding:30px;display:block;position:fixed;top:0;left:0;transform:translate(-100%)}}.sidebar.open{transform:translate(0)}.sidebar+.sidebar-overlay{display:none}@media (max-width:480px){.sidebar+.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:15;opacity:0;pointer-events:none;background:rgba(0,0,0,.45);transition:opacity .3s;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar.open+.sidebar-overlay{opacity:1;pointer-events:all}}.sidebar-menu{flex-direction:column;padding-top:40px;display:flex}.sidebar-menu__link{border-bottom:1px solid #d4d4d4;padding:15px 40px;font-size:18px;font-weight:500;transition:all .3s}.sidebar-menu__link:hover,.sidebar-menu__link.active{color:var(--theme-color)}@media (max-width:900px){.sidebar-menu__link{font-size:16px}}.sidebar-menu__link{align-items:center;gap:12px;display:flex}.sidebar-menu__link .sidebar-menu__icon{opacity:.8;font-size:18px}.sidebar-menu__link.active .sidebar-menu__icon{opacity:1}.user{border-bottom:1px solid var(--border-color);flex-direction:column;padding-bottom:40px;display:flex}.user-photo{-o-object-fit:cover;object-fit:cover;border-radius:12px;width:120px;height:120px;margin-bottom:20px}@media (max-width:900px){.user-photo{width:80px;height:80px}}.user-mail{color:var(--theme-inactive-color);font-size:14px}