.user-dropdown-wrapper{position:relative}.user-dropdown{animation:userDropdownFadeIn .2s ease-out;background:var(--color-bg-3);border-radius:12px;box-shadow:var(--shadow-l);box-sizing:border-box;color:var(--color-text-1);display:flex;flex-direction:column;gap:24px;max-height:calc(100vh - 88px);overflow-y:auto;padding:20px;position:absolute;right:0;scrollbar-color:var(--color-divider-3) transparent;scrollbar-width:thin;top:calc(100% + 12px);width:488px;z-index:100}@keyframes userDropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown::-webkit-scrollbar{width:6px}.user-dropdown::-webkit-scrollbar-track{background:transparent}.user-dropdown::-webkit-scrollbar-thumb{background:var(--color-divider-3);border-radius:3px}.user-dropdown__body{display:flex;flex-direction:column;gap:16px;max-width:448px;width:100%}.user-dropdown__header-card{align-items:center;background:var(--color-fill-2);border-radius:12px;box-sizing:border-box;display:flex;gap:12px;padding:24px 16px}.user-dropdown__avatar{background:transparent!important;border-radius:7px!important;flex-shrink:0;overflow:hidden}.user-dropdown__user{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.user-dropdown__nickname{color:var(--color-text-1);font-size:18px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown__nickname,.user-dropdown__uid{font-family:Switzer,sans-serif;line-height:1.3}.user-dropdown__uid{align-items:center;background:none;border:none;color:var(--color-text-3);cursor:pointer;display:inline-flex;font-size:14px;font-weight:400;gap:4px;padding:0;text-align:left}.user-dropdown__uid:hover{color:var(--color-text-2)}.user-dropdown__columns{display:grid;grid-template-columns:220px 220px;grid-gap:8px;gap:8px}.user-dropdown__col{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding-right:24px}.user-dropdown__col:last-child{padding-right:0}.user-dropdown__col-title{color:var(--color-text-3);font-weight:400;margin:0;min-height:26px;padding:0}.user-dropdown__col-title,.user-dropdown__item{align-items:center;display:flex;font-family:Switzer,sans-serif;font-size:14px;line-height:1.3}.user-dropdown__item{background:none;border:none;border-radius:6px;box-sizing:border-box;color:var(--color-text-1);cursor:pointer;font-weight:500;gap:8px;min-height:44px;padding:12px;text-align:left;-webkit-text-decoration:none;text-decoration:none;transition:background-color .15s ease}.user-dropdown__item:hover{background:var(--color-fill-3)}.user-dropdown__item--active{border-radius:8px}.user-dropdown__item--active,.user-dropdown__item--active:hover{background:var(--color-fill-2)}.user-dropdown__item-icon{background-color:currentColor;display:inline-block;flex-shrink:0;height:24px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:middle;width:24px}.user-dropdown__item-icon--ds{align-items:center;background:none;color:currentColor;display:inline-flex;justify-content:center;-webkit-mask:none;mask:none}.user-dropdown__item-icon--ds svg{display:block;height:24px;width:24px}.user-dropdown__logout{align-items:center;background:var(--color-bg-3);border:1px solid var(--color-divider-2);border-radius:1000px;box-sizing:border-box;color:var(--color-text-1);cursor:pointer;display:inline-flex;font-family:Switzer,sans-serif;font-size:16px;font-weight:500;height:48px;justify-content:center;line-height:1.3;max-width:448px;transition:background-color .15s ease,border-color .15s ease;width:100%}.user-dropdown__logout:hover{background:var(--color-fill-3)}@media (max-width:767px){.user-dropdown{border-radius:0;left:0;max-height:calc(100vh - 64px);max-width:none;position:fixed;right:0;top:64px;width:100vw}.user-dropdown__body,.user-dropdown__logout{max-width:none}}