.user-avatar__container{position:relative}.user-avatar{appearance:none;text-align:center;width:40px;height:40px;color:var(--color__white);border:1px solid var(--color__white);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:700;text-decoration:none;display:flex;position:relative;&:hover{background-color:var(--color__aa-navy)}}@media(width>=842px){.user-avatar{width:48px;height:48px}}.desktop-navigation__dropdown.user-avatar__dropdown{top:calc(100% + 10px);left:auto;right:0;&.fade-enter-done,&.fade-enter-active{opacity:1;visibility:visible;transform:none}.desktop-navigation__dropdown-menu{padding-bottom:20px}}.user-avatar__menu{border:1px solid var(--color__grey--light);border-radius:10px 10px 0 0;margin:0;padding:2px 0 0;list-style:none;& li{&:not(:last-child){border-bottom:1px solid var(--color__grey--light)}& a{color:var(--color__aa-navy);padding:10px 15px;font-size:14px;font-weight:400;text-decoration:none;display:block;&:hover{text-decoration:underline}}}}.user-avatar__log-out{width:100%;color:var(--color__white);background-color:var(--color__aa-pink);text-align:center;appearance:none;cursor:pointer;border:none;padding:16px;font-weight:700;text-decoration:none;display:block}