.ImageInput{width:100%;position:relative}.ImageInput>*{width:100%;min-height:200px}.ImageInput__container{border-radius:8px;width:400px;max-width:100%;overflow:hidden;box-shadow:0 2px 4px #0000001a}.ImageInput__image-wrapper{width:100%;height:100%;position:relative}.ImageInput__image-wrapper:hover .ImageInput__image-action-section,.ImageInput__image-wrapper:focus-within .ImageInput__image-action-section{opacity:1}.ImageInput__image{object-fit:cover;pointer-events:none;width:100%;height:100%}.ImageInput__image-action-section{opacity:0;z-index:1;background:#ffffffd1;justify-content:center;align-items:center;gap:8px;transition:opacity .15s;display:flex;position:absolute;inset:0}.ImageInput__image-action-section .file-input-reset-button{width:auto;display:inline-flex}@media (hover:none),(width<=768px){.ImageInput__image-action-section{opacity:1}}@media (prefers-reduced-motion:reduce){.ImageInput__image-action-section{transition:none}}.ImageInput__add-item{width:100%}.ImageInput__image-action-item{color:var(--brand-primary)}.ImageInput__image-action-trigger{background:0 0;border:0;padding:0;display:inline-flex}.ImageInput__profile-card{border-radius:var(--border-radius-card-medium,12px);background:var(--background-sidebar-selected);cursor:pointer;justify-content:center;align-items:center;width:min(600px,100vw - 48px);height:333px;transition:opacity .2s ease-in-out;display:flex;overflow:hidden;box-shadow:inset 0 0 3px #0003}.ImageInput__profile-card:hover{opacity:.9}.ImageInput__profile-content{z-index:1;padding:var(--gaps-text-large);text-align:center;position:relative}.ImageInput__profile-gradient{z-index:0;background:radial-gradient(50% 50% at 50% 50%, var(--brand-sixth) 0%, #fff0 100%);pointer-events:none;border-radius:474px;width:274px;height:270px;position:absolute;top:-55px;left:50%;transform:translate(-50%)}.ImageInput__profile-avatar,.ImageInput__profile-placeholder,.ImageInput__profile-content p{z-index:1;position:relative}.ImageInput__profile-avatar{width:101px;height:101px}.ImageInput__profile-placeholder{width:161px;height:161px;color:var(--brand-primary);opacity:.6;justify-content:center;align-items:center;display:flex}.ImageInput__profile-placeholder-icon{color:var(--text-on-brand);font-size:101px}.ImageInput__modal-content{background:var(--background-fill);border-radius:8px;flex-direction:column;gap:24px;width:600px;padding:24px;display:flex}.ImageInput__modal-header{justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.ImageInput__error-text{color:var(--text-buttons-error-default)}.ImageInput__aspect-ratio-buttons{align-items:center;gap:12px;display:flex}.ImageInput__modal-buttons{gap:12px;display:flex}.ImageInput--square .ImageInput__container{width:200px;height:200px}.ImageInput--square .ImageInput__add-item{justify-content:center;align-items:center;width:200px;height:200px;display:flex}