.klyp-AvatarPicker{align-items:center;gap:var(--space-16);flex-wrap:wrap;display:flex}.klyp-AvatarPicker[data-size=xl] .klyp-AvatarPicker__disc[data-shape=disc]{--klyp-Dropzone-disc-size:var(--space-96)}.klyp-AvatarPicker__disc.klyp-Dropzone .klyp-AvatarPicker__avatar{z-index:1;width:100%;height:100%;position:relative}.klyp-AvatarPicker__replace{z-index:2;border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--color-scrim-base) 55%, transparent);color:var(--color-fg-on-active-nav);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--easing-standard);place-items:center;display:grid;position:absolute;inset:0}.klyp-AvatarPicker__replace>svg{inline-size:var(--icon-size-md);block-size:var(--icon-size-md)}.klyp-AvatarPicker__disc:hover .klyp-AvatarPicker__replace,.klyp-AvatarPicker__disc:focus-visible .klyp-AvatarPicker__replace,.klyp-AvatarPicker__disc[data-state=dragover] .klyp-AvatarPicker__replace{opacity:1}.klyp-AvatarPicker[data-size=xl] .klyp-AvatarPicker__replace>svg{inline-size:var(--icon-size-lg);block-size:var(--icon-size-lg)}.klyp-AvatarPicker__text{flex:1 1 var(--space-128);gap:var(--space-2);flex-direction:column;min-inline-size:0;display:flex}.klyp-AvatarPicker__label{font:var(--type-body);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);text-wrap:pretty;margin:0}.klyp-AvatarPicker__hint{font:var(--type-body-sm);color:var(--color-fg-muted);text-wrap:pretty;margin:0}.klyp-AvatarPicker__actions{margin-block-start:var(--space-8);display:flex}.klyp-AvatarPicker[data-disabled=true] .klyp-AvatarPicker__label,.klyp-AvatarPicker[data-disabled=true] .klyp-AvatarPicker__hint{opacity:var(--opacity-disabled)}@media (prefers-reduced-motion:reduce){.klyp-AvatarPicker__replace{transition-duration:0s}}