.avatar-input-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:fit-content}.avatar-input-hidden{display:none}.avatar-input-wrapper{position:relative;width:var(--avatar-size,8rem);height:var(--avatar-size,8rem);border-radius:50%;cursor:pointer;border:2px solid var(--border);background-color:var(--muted);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.avatar-input-wrapper:hover{border-radius:50%;border-color:var(--ring);box-shadow:0 4px 12px rgba(0,0,0,.15)}.avatar-input-image-container{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;overflow:hidden;background-color:var(--muted)}.avatar-input-wrapper:active{transform:scale(.98)}.avatar-input-image{width:100%;height:100%;object-fit:cover;display:block}.avatar-input-placeholder-container{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;overflow:hidden}.avatar-input-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--brand-blue-light);color:var(--primary);border-radius:50%}.avatar-input-placeholder path,.avatar-input-placeholder svg{fill:currentColor;color:inherit}.avatar-input-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--primary-foreground);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;border-radius:50%}.avatar-input-overlay-visible{opacity:1;pointer-events:auto}.avatar-input-overlay-text{font-family:var(--font-body);font-size:var(--font-size-body-small-desktop,.875rem);font-weight:500;text-align:center}@media (max-width:768px){.avatar-input-overlay-text{font-size:var(--font-size-body-small-mobile,.75rem)}}.avatar-input-remove-button{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem;border-radius:50%;background-color:var(--danger-default);color:var(--destructive-foreground);border:2px solid var(--destructive-foreground);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 4px rgba(0,0,0,.2);z-index:10;padding:0}.avatar-input-remove-button svg{width:.875rem;height:.875rem;flex-shrink:0}.avatar-input-remove-button:hover{background-color:var(--danger-hover,#b71c1c);transform:scale(1.1)}.avatar-input-remove-button:active{background-color:var(--danger-pressed,#8b0000);transform:scale(.95)}.avatar-input-container[style*="--avatar-size: 3rem"] .avatar-input-overlay-text{font-size:.625rem}.avatar-input-container[style*="--avatar-size: 3rem"] .avatar-input-overlay svg{font-size:.875rem}.avatar-input-container[style*="--avatar-size: 12rem"] .avatar-input-overlay-text{font-size:1rem}.avatar-input-container[style*="--avatar-size: 12rem"] .avatar-input-overlay svg{font-size:2rem}