.avatar-input-container{flex-direction:column;align-items:center;gap:.75rem;width:fit-content;display:flex}.avatar-input-hidden{display:none}.avatar-input-wrapper{width:var(--avatar-size,8rem);height:var(--avatar-size,8rem);cursor:pointer;border:2px solid var(--border,#e0e0e0);background-color:var(--brand-neutral-bg,#f5f5f5);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.avatar-input-wrapper:hover{border-color:var(--brand-blue-default,#1976d2);border-radius:50%;box-shadow:0 4px 12px #00000026}.avatar-input-image-container{border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.avatar-input-wrapper:active{transform:scale(.98)}.avatar-input-image{object-fit:cover;width:100%;height:100%;display:block}.avatar-input-placeholder{background-color:var(--brand-blue-light,#e3f2fd);width:100%;height:100%;color:var(--brand-blue-default,#1976d2);justify-content:center;align-items:center;display:flex}.avatar-input-overlay{color:var(--text-primary-light,#fff);opacity:0;pointer-events:none;background-color:#0009;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.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);text-align:center;font-weight:500}@media (max-width:768px){.avatar-input-overlay-text{font-size:var(--font-size-body-small-mobile,.75rem)}}.avatar-input-remove-button{background-color:var(--danger-default,#d32f2f);width:1.75rem;height:1.75rem;color:var(--text-primary-light,#fff);border:2px solid var(--text-primary-light,#fff);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:.25rem;right:.25rem;box-shadow:0 2px 4px #0003}.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}