body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.user-avatar{background:#f0f0f0;border-radius:50%;display:inline-block;overflow:hidden;position:relative}.avatar-image{border-radius:50%;height:48px;object-fit:cover;width:48px}.avatar-small{height:32px;width:32px}.avatar-medium{height:48px;width:48px}.avatar-large{height:64px;width:64px}.avatar-xl{height:80px;width:80px}.online-indicator{border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px;z-index:1}.online-indicator.online{background:#4caf50}.online-indicator.offline{background:#ccc}.user-avatar{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.user-avatar:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.user-avatar.bordered{border:2px solid #fff;box-shadow:0 2px 8px #0000001a}.user-avatar.bordered:hover{box-shadow:0 4px 16px #0003}