.user-logo{display:inline-flex;align-items:center;gap:10px;justify-content:flex-end;cursor:pointer}.user-logo__text-content{display:flex;flex-direction:column;align-items:flex-end}.user-logo__username-text,.user-logo__username-role{font-size:17px;font-weight:500;line-height:130%}.user-logo__username-text{color:var(--dark-main-color);text-wrap:nowrap;text-overflow:ellipsis}.user-logo__username-role{color:var(--light-main-color);text-transform:capitalize;text-align:right}.user-logo__image-content{width:50px;height:50px;border-radius:50px;padding:2px;border:1px solid var(--light-main-color);display:flex;justify-content:center}.user-logo__image,.user-logo__image-initials{width:44px;height:44px;flex-shrink:0;border-radius:44px;background:#d3d3d3 50% / cover no-repeat}.user-logo__image{justify-content:end;color:var(--light-main-color)}.user-logo__image-content .user-logo__image-initials{color:var(--white);background-color:var(--light-main-color);text-align:center;font-size:23px;font-weight:500;line-height:130%;text-transform:uppercase;padding:8px 0}.user-profile-dropdown{width:290px}.user-profile-dropdown ul{display:flex;flex-direction:column;justify-content:center}.user-profile-dropdown ul li:not(:is(.user-section)):hover{background-color:var(--light-grey)}.user-profile-dropdown ul li.user-section{display:inline-flex;padding:20px;flex-direction:column;align-items:center;gap:10px;margin-bottom:6px;border-bottom:none}.user-profile-dropdown ul li.user-section img.icon,.user-profile-dropdown ul li.user-section .initials{width:80px;height:80px;flex-shrink:0;border-radius:80px;padding:4px;border:1px solid var(--light-main-color)}.user-profile-dropdown ul li.user-section .initials>p{width:70px;height:70px;border-radius:70px;color:var(--white);background-color:var(--light-main-color);text-align:center;font-size:28px;font-weight:500;line-height:130%;text-transform:uppercase;padding:16px 0}.user-profile-dropdown ul li.user-section .name,.user-profile-dropdown ul li.user-section .role{font-size:17px;font-weight:500;line-height:130%}.user-profile-dropdown ul li.user-section .name{color:var(--dark-main-color)}.user-profile-dropdown ul li.user-section .role{color:var(--light-main-color);text-transform:capitalize}.user-profile-dropdown ul li.user-section .edit{color:var(--grey);font-size:15px;font-weight:500;line-height:130%;display:flex;justify-content:center;align-items:flex-start;gap:4px;text-decoration:none}.user-profile-dropdown ul li a:first-child{text-decoration:none;text-transform:uppercase;display:flex;width:250px;height:60px;padding:20px;justify-content:center;align-items:center;gap:10px}.user-profile-dropdown ul li a .title,.user-profile-dropdown ul li a .value{font-size:17px;font-weight:500;line-height:130%}.user-profile-dropdown ul li a .title{color:var(--dark-main-color)}.user-profile-dropdown ul li.sign-out{margin-top:20px;border-bottom:none}.user-profile-dropdown ul li a .value{color:var(--light-main-color)}.user-section .svg-edit{width:18px;height:18px;background-color:var(--grey)}