.profile-header{background:color-mix(in srgb, var(--bg-raised) 30%, transparent);border:1px solid color-mix(in srgb, var(--border-light) 30%, transparent);border-radius:12px;align-items:flex-start;gap:1.25rem;padding:1.25rem 1.5rem;display:flex;position:relative}@media (max-width:900px){.profile-header{flex-wrap:wrap;gap:1rem;padding:1.125rem 1.25rem}}@media (max-width:640px){.profile-header{text-align:center;flex-direction:column;align-items:center;gap:.875rem;padding:1.5rem 1.25rem 1.25rem}.profile-header .profile-header__body{align-items:center;gap:.5rem;width:100%}.profile-header .profile-header__identity{align-items:center;gap:.25rem}.profile-header .profile-header__identity-primary{flex-direction:column;align-items:center;gap:.25rem}.profile-header .profile-header__username{font-size:1rem}.profile-header .profile-header__socials{justify-content:center;margin-top:.25rem}}.profile-header__body{flex-direction:column;flex:1;gap:.4375rem;min-width:0;display:flex}.profile-header__identity{flex-direction:column;gap:.125rem;min-width:0;display:flex}.profile-header__identity-primary{flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;min-width:0;display:flex}.profile-header__action{white-space:nowrap;cursor:pointer;border:1.5px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.4375rem;height:34px;padding:0 .875rem;font-family:inherit;font-size:.75rem;font-weight:600;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.profile-header__action:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 60%, transparent);outline-offset:2px}.profile-header__action--primary{background:var(--accent);color:var(--accent-fg)}.profile-header__action--primary:hover{background:var(--accent-dark)}.profile-header__action--ghost{color:var(--fg);background:color-mix(in srgb, var(--fg) 12%, transparent)}.profile-header__action--ghost:hover{background:color-mix(in srgb, var(--fg) 18%, transparent)}.profile-header__action--icon{width:34px;padding:0}.profile-header__avatar-slot{flex-shrink:0}.profile-header__avatar-slot .account-settings__avatar-wrap{margin-bottom:0}.profile-header__avatar-slot .account-settings__avatar{width:84px;height:84px;color:var(--fg-muted);background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);font-size:1.625rem;font-weight:600}.profile-header__avatar-slot .account-settings__avatar-edit{width:1.625rem;height:1.625rem}@media (max-width:640px){.profile-header__avatar-slot .account-settings__avatar{width:64px;height:64px;font-size:1.25rem}.profile-header__avatar-slot .account-settings__avatar-edit{border-width:1.5px}.profile-header__avatar-slot .account-settings__avatar-edit svg{width:13px;height:13px}}.profile-header__name{color:var(--fg);overflow-wrap:anywhere;font-size:1.5rem;font-weight:700;line-height:1.15}.profile-header__username{color:var(--fg-muted);overflow-wrap:anywhere;font-size:.875rem}.profile-header__country{color:var(--fg-subtle);align-items:center;gap:.375rem;font-size:.8125rem;display:inline-flex}.profile-header__flag{font-size:1rem;line-height:1}.profile-header__bio{color:var(--fg-muted);white-space:pre-line;overflow-wrap:anywhere;font-size:.875rem;line-height:1.5}.profile-header__socials{flex-wrap:wrap;gap:.375rem;margin:.125rem 0 0;padding:0;list-style:none;display:flex}.profile-header__social{max-width:15rem;color:var(--fg-muted);background:color-mix(in srgb, var(--fg) 6%, transparent);border:1px solid color-mix(in srgb, var(--fg) 10%, transparent);border-radius:999px;align-items:center;gap:.4375rem;padding:.375rem .6875rem;font-size:.8125rem;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.profile-header__social svg{flex-shrink:0;width:14px;height:14px}.profile-header__social:hover{color:var(--fg);background:color-mix(in srgb, var(--fg) 10%, transparent);border-color:color-mix(in srgb, var(--fg) 22%, transparent)}.profile-header__social:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 60%, transparent);outline-offset:2px}.profile-header__social-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:640px){.profile-header__socials{gap:.4375rem}.profile-header__social{border-radius:50%;justify-content:center;width:38px;max-width:none;height:38px;padding:0}.profile-header__social svg{width:16px;height:16px}.profile-header__social-label{display:none}}.profile-header__actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.profile-header__actions .relationship-button{border-color:#0000;height:34px;padding:0 .875rem;font-size:.75rem;font-weight:600;line-height:1}.profile-header__actions .relationship-button--secondary{background:color-mix(in srgb, var(--fg) 12%, transparent)}.profile-header__actions .relationship-button--secondary:hover:not(:disabled){background:color-mix(in srgb, var(--fg) 18%, transparent)}.profile-header__actions .relationship-button__wrap,.profile-header__actions .relationship-button__row{gap:.5rem}
