.o-upload {
  --upload-icon-size: var(--o-icon_size_control-xs);
  --upload-icon-size-l: var(--o-icon_size_control-m);
  --upload-icon-size-xl: var(--o-icon_size_control-l);

  --upload-color: var(--o-color-info1);
  --upload-color-error: var(--o-color-danger1);
  --upload-color-disabled: var(--o-color-info4);

  --upload-item-bg-hover: var(--o-color-control2-light);
  --upload-item-radius: var(--o-radius_control-s);
  --upload-item-picture-size: var(--o-icon_size-2xl);

  --upload-progress-height: 1px;
  --upload-progress-radius: var(--upload-progress-height);
  --upload-progress-bg-color: var(--o-color-control3-light);
  --upload-progress-value-bg-color: var(--o-color-primary1);

  --upload-drag-padding: 32px 24px;
  --upload-drag-width: 100%;
  --upload-drag-max-width: 480px;
  --upload-drag-radius: var(--o-radius_control-s);
  --upload-drag-color: var(--o-color-info2);
  --upload-drag-color-disabled: var(--o-color-info4);

  --upload-drag-bg-color: var(--o-color-control2-light);
  --upload-drag-bg-color-hover: var(--o-color-control2-light);
  --upload-drag-bg-color-active: var(--o-color-control2-light);
  --upload-drag-bg-color-dragging: var(--o-color-control2-light);
  --upload-drag-bg-color-disabled: var(--o-color-control4-light);

  --upload-drag-bd: 1px solid var(--o-color-control1);
  --upload-drag-bd-hover: 1px solid var(--o-color-control2);
  --upload-drag-bd-active: 1px solid var(--o-color-control3);
  --upload-drag-bd-dragging: 1px solid var(--o-color-control3);
  --upload-drag-bd-disabled: 1px solid var(--o-color-control4);

  --upload-card-radius: var(--o-radius_control-s);
  --upload-card-width: 120px;
  --upload-card-height: var(--upload-card-width);
  --upload-card-gap: 8px;
  --upload-card-bd: 1px solid var(--o-color-control1);
  --upload-card-bd-hover: 1px solid var(--o-color-control2);
  --upload-card-bd-disabled: 1px solid var(--o-color-control4);
  --upload-card-bd-error: 1px solid var(--o-color-danger1);

  --upload-card-bg-color: var(--o-color-control2-light);
  --upload-card-bg-color-hover: var(--o-color-control2-light);
  --upload-card-bg-color-disabled: var(--o-color-control4-light);

  --upload-card-img-fit: cover;
  --upload-card-mask: var(--o-color-mask1);
  --upload-card-icon-color: var(--o-color-info1-inverse);
  --upload-card-icon-color-hover: var(--o-color-info2-inverse);
  --upload-card-icon-color-active: var(--o-color-info3-inverse);
}