.avatar,.person-avatar,.profile-avatar{position:relative;overflow:hidden}.member-photo{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.person-avatar{padding:0}.profile-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.profile-cover:has(.profile-banner)::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0003,transparent 45%,#0007);pointer-events:none}.profile-cover .cover-caption,.profile-cover .cover-label,.profile-cover .cover-mark{z-index:1}.profile-cover:has(.profile-banner) .cover-mark{display:none}.change-banner{position:absolute;z-index:2;right:18px;top:18px;padding:10px 13px;border:1px solid #ffffff50;border-radius:8px;background:#171d16c9;color:#fff;font-size:11px;backdrop-filter:blur(6px)}.editable-avatar{padding:0;cursor:pointer;overflow:visible}.editable-avatar .member-photo{border-radius:50%}.photo-edit-badge{position:absolute;bottom:-1px;right:-1px;background:var(--accent);color:#292f23;border:3px solid var(--bg);border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:15px;line-height:1}.profile-picture-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px}.picture-crop{position:relative;background:var(--bg);overflow:hidden;border:1px solid var(--line);margin:22px auto 16px;display:grid;place-items:center}.picture-crop.is-avatar{width:min(240px,100%);aspect-ratio:1;border-radius:50%}.picture-crop.is-banner{width:100%;aspect-ratio:8/3;border-radius:9px}.picture-crop canvas,.picture-crop>img{width:100%;height:100%;object-fit:cover;display:block}.picture-crop canvas{position:absolute;inset:0}.picture-placeholder{padding:25px;color:var(--muted);font-size:10px;letter-spacing:2px}.is-avatar .picture-placeholder{font-size:54px;color:var(--accent)}.picture-file{display:block;border:1px solid var(--line);border-radius:9px;padding:13px 16px;cursor:pointer;font-weight:600;font-size:12px}.picture-file input{display:block;width:100%;margin-top:12px;color:var(--muted);font-size:12px}.picture-controls{display:grid;gap:16px;margin:22px 0}.picture-controls label{display:grid;gap:9px;font-size:11px;color:var(--muted)}.picture-controls input{width:100%;accent-color:var(--accent)}.picture-save-row{display:flex;flex-wrap:wrap;gap:15px;align-items:center}.picture-save-row .primary:disabled{opacity:.45;cursor:default}@media(max-width:600px){.change-banner{right:12px;top:12px;font-size:10px;padding:9px}.profile-cover .cover-caption{max-width:45%;line-height:1.8}.profile-picture-actions .outline{flex:1}.picture-crop.is-avatar{width:190px}.profile-heading-actions{max-width:70%}}
