.user-widget img{border-radius:50%;border:2px solid #ccc}.user-avatar{position:relative;display:inline-block;cursor:pointer;margin-top:1px}.user-widget{position:relative;text-align:center;padding-top:20px}.user-avatar img{border-radius:50%;border:2px solid #ccc;width:30px;height:30px}.user-menu{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);display:none;background:#fff;box-shadow:0 4px 6px rgb(0 0 0 / .1);border-radius:8px;list-style:none;padding:0;margin:0;z-index:10;min-width:120px}.user-avatar:hover .user-menu,.user-avatar:focus-within .user-menu{display:block}.user-menu li{padding:8px 12px;text-align:center}.user-menu li a{text-decoration:none;color:#333;display:block;font-size:14px}.user-menu li:hover{background-color:#f2f2f2}.user-avatar:focus-within .user-menu,.user-avatar:active .user-menu{display:block}