.userbar-view{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;border-radius:50%;text-decoration:none;font-size:22px;font-weight:900;color:var(--user-color)}.userbar-navigation{display:flex;flex-direction:column;gap:5px}.userbar-navigation__link{padding:6px;border:none;background-color:rgba(0,0,0,0);border-radius:4px;cursor:pointer;text-align:start;text-decoration:none;font-size:14px;font-weight:600;color:#000}.userbar-navigation__link:hover{background-color:var(--hover-color)}.userbar-navigation__link_active{color:var(--active-color)}.userbar-view__user-image{border-radius:50%}.userbar-view__user-initial{position:relative;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--background-primary-color);color:var(--typography-primary-color)}.userbar-view__user-initial:before{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;background:linear-gradient(90deg,#ffa500,#ff4500);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.userbar__login-btn{width:100%}@media(min-width:768px){.userbar__login-btn{width:-moz-fit-content;width:fit-content}}