:root {

  --upload-dropzone-space-inset: var(--space-10);
  --upload-dropzone-radius: var(--radius-lg);
  --upload-dropzone-border-width: var(--stroke-md);
  --upload-dropzone-icon-size: var(--icon-size-3xl);
  --upload-dropzone-hint-space-block-start: var(--space-3);
  --upload-dropzone-hint-font-size: var(--font-size-sm, var(--font-size-base));
  --upload-dropzone-meta-space-block-start: var(--space-1);
  --upload-dropzone-meta-font-size: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );

  --upload-tile-size: 6rem;
  --upload-tile-radius: var(--radius-md);
  --upload-tile-space-gap: var(--space-3);
  --upload-tile-icon-size: var(--icon-size-xl);
  --upload-tile-label-space-block-start: var(--space-1);
  --upload-tile-label-font-size: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );
  --upload-tile-overlay-font-size: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );

  --upload-overlay-background: initial;
  --upload-overlay-alpha: 70%;

  --upload-remove-space-inset: var(--space-1);
  --upload-remove-offset: var(--space-1);
  --upload-remove-icon-size: var(--icon-size-sm);

  --upload-picture-max-width: 20rem;
  --upload-picture-radius: var(--radius-md);
  --upload-picture-preview-max-height: 12rem;
  --upload-picture-empty-height: 8rem;

  --upload-picture-icon-size: var(--icon-size-2xl);
  --upload-picture-empty-label-space-block-start: var(--space-2);
  --upload-picture-empty-label-font-size: var(--font-size-sm, var(--font-size-base));
  --upload-picture-overlay-font-size: var(--font-size-sm, var(--font-size-base));

  --upload-picture-badge-radius: var(--radius-md);
  --upload-picture-badge-offset: var(--space-2);
  --upload-picture-badge-space-inline: var(--space-2);
  --upload-picture-badge-space-block: 0.125rem;
  --upload-picture-badge-font-size: var(
    --font-size-xs,
    calc(var(--font-size-base) / var(--font-size-ratio))
  );

  --upload-avatar-size: 6rem;

  --upload-avatar-icon-size: var(--icon-size-xl);
  --upload-avatar-border-width: var(--stroke-md);
  --upload-avatar-change-space-block: var(--space-1);

  --upload-avatar-change-background: rgb(0 0 0 / 0.7);
  --upload-avatar-change-foreground: #fff;

  --upload-avatar-pending-delete-alpha: 0.4;

  --upload-draft-space-inline: var(--space-3);
  --upload-draft-space-block: var(--space-2);
  --upload-draft-space-gap: var(--space-2);
  --upload-draft-radius: var(--radius-md);
  --upload-draft-font-size: var(--font-size-sm, var(--font-size-base));
  --upload-draft-icon-size: var(--icon-size-sm);

  --upload-row-space-inline: var(--space-3);
  --upload-row-space-block: var(--space-2);
  --upload-row-space-gap: var(--space-3);
  --upload-row-radius: var(--radius-md);
  --upload-row-font-size: var(--font-size-sm, var(--font-size-base));
  --upload-row-icon-size: var(--icon-size-md);

  --upload-crop-dialog-max-width: 24rem;
  --upload-crop-preview-size: 12rem;
  --upload-crop-preview-radius: var(--radius-pill);

  --upload-crop-zoom-space-inline: var(--space-2);
}