.h-image-upload[data-v-10fc7929]{color:var(--h0n-ui-color-text);font-family:var(--h0n-ui-font-family);gap:var(--h0n-ui-spacing-md);min-width:0;max-width:100%;width:min(100%, max(var(--h-image-upload-width), 220px));display:inline-grid;position:relative}.h-image-upload__surface[data-v-10fc7929]{background:color-mix(in srgb, var(--h0n-ui-color-secondary) 88%, transparent);border:1px dashed color-mix(in srgb, var(--h0n-ui-color-muted) 45%, transparent);border-radius:var(--h-image-upload-radius);color:inherit;cursor:pointer;font:inherit;height:var(--h-image-upload-height);min-width:0;min-height:80px;transition:background-color var(--h0n-ui-duration-fast) var(--h0n-ui-easing-standard), border-color var(--h0n-ui-duration-fast) var(--h0n-ui-easing-standard), box-shadow var(--h0n-ui-duration-fast) var(--h0n-ui-easing-standard);width:min(100%, var(--h-image-upload-width));justify-self:center;place-items:center;padding:0;display:grid;position:relative;overflow:hidden;container:h-image-upload-surface/inline-size}.h-image-upload__surface[data-v-10fc7929]:hover:not(:disabled),.h-image-upload--dragging .h-image-upload__surface[data-v-10fc7929]{background:color-mix(in srgb, var(--h0n-ui-color-primary) 10%, var(--h0n-ui-color-secondary));border-color:color-mix(in srgb, var(--h0n-ui-color-primary) 62%, transparent)}.h-image-upload__surface[data-v-10fc7929]:focus-visible{box-shadow:var(--h0n-ui-focus-ring);outline:none}.h-image-upload__surface[data-v-10fc7929]:disabled{cursor:not-allowed}.h-image-upload__input[data-v-10fc7929]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.h-image-upload__preview[data-v-10fc7929]{width:100%;height:100%}.h-image-upload__empty[data-v-10fc7929]{text-align:center;place-items:center;gap:14px;min-width:0;max-width:min(320px,100%);padding:18px;display:grid}.h-image-upload__icon[data-v-10fc7929]{background:color-mix(in srgb, var(--h0n-ui-color-primary) 14%, transparent);border-radius:var(--h0n-ui-radius-round);color:var(--h0n-ui-color-primary);justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.h-image-upload__copy[data-v-10fc7929]{gap:5px;min-width:0;display:grid}.h-image-upload__title[data-v-10fc7929]{line-height:1.25}.h-image-upload__text[data-v-10fc7929]{text-align:center}.h-image-upload__details[data-v-10fc7929]{color:var(--h0n-ui-color-muted);text-align:center;min-width:0;line-height:1.35}.h-image-upload__supporting[data-v-10fc7929]{text-align:center;justify-items:center;gap:4px;width:100%;min-width:0;display:grid}.h-image-upload__hint[data-v-10fc7929],.h-image-upload__error[data-v-10fc7929]{text-align:center;max-width:100%}.h-image-upload__overlay[data-v-10fc7929]{background:var(--h0n-ui-color-secondary);color:var(--h0n-ui-color-text);z-index:2;place-items:center;line-height:1.2;display:grid;position:absolute;inset:0}.h-image-upload--has-preview .h-image-upload__overlay[data-v-10fc7929]{background:color-mix(in srgb, var(--h0n-ui-color-secondary) 72%, transparent)}.h-image-upload__remove[data-v-10fc7929]{background:var(--h0n-ui-button-danger-soft);border-radius:var(--h0n-ui-radius-round);color:var(--h0n-ui-button-danger-soft-contrast);cursor:pointer;height:34px;transition:background-color var(--h0n-ui-duration-fast) var(--h0n-ui-easing-standard), box-shadow var(--h0n-ui-duration-fast) var(--h0n-ui-easing-standard), transform var(--h0n-ui-duration-fast) var(--h0n-ui-easing-standard);z-index:3;border:0;justify-content:center;align-items:center;width:34px;display:inline-flex;position:absolute;inset-block-start:10px;inset-inline-end:10px}.h-image-upload__remove[data-v-10fc7929]:hover{background:var(--h0n-ui-button-danger-soft-hover)}.h-image-upload__remove[data-v-10fc7929]:focus-visible{box-shadow:var(--h0n-ui-focus-ring);outline:none}.h-image-upload__remove[data-v-10fc7929]:active{transform:translateY(1px)}.h-image-upload__error[data-v-10fc7929]{margin:0}.h-image-upload--error .h-image-upload__surface[data-v-10fc7929]{border-color:color-mix(in srgb, var(--h0n-ui-color-danger) 72%, transparent)}.h-image-upload--disabled[data-v-10fc7929]{opacity:.58}.h-image-upload--avatar .h-image-upload__empty[data-v-10fc7929]{padding:0}.h-image-upload--avatar .h-image-upload__copy[data-v-10fc7929]{display:none}@container h-image-upload-surface (width<=179px){.h-image-upload__empty[data-v-10fc7929]{padding:10px}.h-image-upload__copy[data-v-10fc7929]{display:none}}