.social-links-display-container{position:relative;display:inline-block;width:fit-content}.social-links-display-container.editable-field-focus{padding:.75rem;box-shadow:0 0 0 1px rgba(var(--color-primary-rgb),.25),inset 0 0 0 1px rgba(var(--color-primary-rgb),.1);border-radius:var(--border-radius)}.social-links-edit-btn{position:absolute;top:-.5rem;right:-.5rem;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:var(--color-surface);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--border-radius-full);color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;z-index:10}.social-links-edit-btn:hover{background:var(--color-border);border-color:var(--color-text-secondary)}.social-links-edit-icon{width:.75rem;height:.75rem}.social-links-grid{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--color-surface);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);text-decoration:none;transition:all .2s ease;position:relative;overflow:hidden}.social-link:hover{background:var(--color-border);border-color:var(--color-text-secondary);transform:translateY(-2px)}.social-link-icon{width:1.25rem;height:1.25rem;object-fit:contain}.social-link-fallback{font-size:1.125rem}.social-links-empty-display{display:flex;align-items:center;justify-content:center;min-height:2.5rem}.social-links-add-first-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);font-family:var(--font-primary);font-weight:var(--font-weight-medium);font-size:var(--text-sm);cursor:pointer;transition:all .2s ease}.social-links-add-first-btn:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.social-links-add-icon{font-size:1rem}@media (max-width:640px){.social-links-grid{gap:var(--spacing-sm)}.social-link{width:2.25rem;height:2.25rem}.social-link-icon{width:1rem;height:1rem}.social-link-fallback{font-size:1rem}}