@use '@style/theme/index.scss' as global;

@forward '@style/theme/index.scss';
@forward '@style/color/colors.scss' hide $sd-vars-prefix, $sd-cssvars-prefix;

@use 'sass:string';
@use '@style/theme/index.scss' as *;

$upload-tip-color-text: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-3'));

$upload-tip-margin-top: global.$spacing-2;

$upload-tip-font-size: global.$font-size-body-1;

$upload-list-margin-top: global.$spacing-9;

$upload-picture-item-width: global.$size-20;

$upload-picture-color-bg: var(string.unquote('#{global.$sd-cssvars-prefix}-color-fill-2'));

$upload-picture-border-radius: global.$radius-small;

$upload-picture-border-width: global.$border-1;

$upload-picture-border-style: global.$border-dashed;

$upload-picture-color-border: var(string.unquote('#{global.$sd-cssvars-prefix}-color-neutral-3'));

$upload-picture-color-border_disabled: var(
  string.unquote('#{global.$sd-cssvars-prefix}-color-neutral-4')
);

$upload-picture-color-border_hover: var(
  string.unquote('#{global.$sd-cssvars-prefix}-color-neutral-4')
);

$upload-picture-color-bg_hover: var(string.unquote('#{global.$sd-cssvars-prefix}-color-fill-3'));

$upload-picture-color-bg_disabled: var(string.unquote('#{global.$sd-cssvars-prefix}-color-fill-1'));

$upload-picture-color-text: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-2'));

$upload-picture-color-text_hover: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-2'));

$upload-picture-color-text_disabled: var(
  string.unquote('#{global.$sd-cssvars-prefix}-color-text-4')
);

$upload-drag-font-size: global.$font-size-body-3;

$upload-drag-border-radius: global.$radius-small;

$upload-drag-color-text: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-1'));

$upload-drag-tip-margin-top: 0;

$upload-drag-border-style: global.$border-dashed;

$upload-drag-border-width: global.$border-1;

$upload-drag-padding-vertical: 50px;

$upload-drag-margin-icon-bottom: 24px;

$upload-drag-color-bg: var(string.unquote('#{global.$sd-cssvars-prefix}-color-fill-1'));

$upload-drag-color-bg_hover: var(string.unquote('#{global.$sd-cssvars-prefix}-color-fill-3'));

$upload-drag-color-bg_active: var(
  string.unquote('#{global.$sd-cssvars-prefix}-color-primary-light-1')
);

$upload-drag-color-bg_disabled: $upload-drag-color-bg;

$upload-drag-color-border: var(string.unquote('#{global.$sd-cssvars-prefix}-color-neutral-3'));

$upload-drag-color-border_active: global.$color-primary-6;

$upload-drag-color-border_hover: var(
  string.unquote('#{global.$sd-cssvars-prefix}-color-neutral-4')
);

$upload-drag-color-border_disabled: var(
  string.unquote('#{global.$sd-cssvars-prefix}-color-text-4')
);

$upload-drag-color-icon: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-2'));

$upload-drag-color-icon_hover: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-2'));

$upload-drag-color-icon_active: global.$color-primary-6;

$upload-drag-color-text_hover: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-1'));

$upload-drag-color-text_active: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-1'));

$upload-drag-color-text_disabled: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-4'));

$upload-text-item-size-operation-icon: global.$size-3;

$upload-text-item-margin-top: global.$spacing-6;

$upload-text-item-font-size: global.$font-size-body-3;

$upload-text-item-color-text: var(string.unquote('#{global.$sd-cssvars-prefix}-color-text-1'));

$upload-text-item-padding-left: global.$spacing-6;

$upload-text-item-padding-right: global.$spacing-5;

$upload-text-item-color-bg: var(string.unquote('#{global.$sd-cssvars-prefix}-color-fill-1'));

$upload-text-item-padding-vertical: global.$spacing-4;

$upload-text-item-margin-remove-icon-left: global.$spacing-6;

$upload-text-item-color-remove-icon: var(
  string.unquote('#{global.$sd-cssvars-prefix}-color-text-2')
);

$upload-text-item-color-status-icon: var(
  string.unquote('#{global.$sd-cssvars-prefix}-color-white')
);

$upload-text-item-color-file-icon_success: global.$color-primary-6;

$upload-text-item-color-progress-bg_hover: rgb(
  var(string.unquote('#{global.$sd-cssvars-prefix}-gray-10')),
  0.2
);

$upload-text-item-color-progress-bg_hover_active: global.$color-primary-7;

$upload-text-item-size-file-icon: global.$size-4;

$upload-text-item-margin-file-icon-right: global.$spacing-6;

$upload-text-item-color-file-icon: global.$color-primary-6;

$upload-text-item-color-link: global.$color-link-6;

$upload-text-item-color-reupload-icon: global.$color-primary-6;

$upload-text-item-color-reupload-icon_hover: global.$color-primary-7;

$upload-text-item-size-status-icon: global.$size-3;

$upload-text-item-color-error-icon: global.$color-danger-6;

$upload-text-item-color-success-icon: global.$color-success-6;

$upload-text-item-color-text_success: unset;

$upload-text-item-color-text_uploading: unset;

$upload-text-item-border-radius: global.$radius-small;

$upload-text-item-margin-error-icon-left: global.$spacing-2;

$upload-text-item-margin-status-left: global.$spacing-5;

$upload-text-item-thumbnail-width: global.$size-10;

$upload-text-item-margin-thumbnail-right: global.$spacing-6;

$upload-text-item-color-text_error: global.$color-danger-6;

$upload-picture-item-margin-preview-icon-right: global.$spacing-8;

$upload-picture-item-size-width: global.$size-20;

$upload-picture-item-border-radius: global.$radius-small;

$upload-picture-item-margin-right: global.$spacing-4;

$upload-picture-item-margin-bottom: global.$spacing-4;

$upload-picture-item-color-operation_bg: rgb(0 0 0 / 50%);

$upload-picture-item-color-operation-icon: var(
  string.unquote('#{global.$sd-cssvars-prefix}-color-white')
);

$upload-picture-item-color-error-icon: var(
  string.unquote('#{global.$sd-cssvars-prefix}-color-white')
);

$upload-picture-text-item-color-bg_error: var(
  string.unquote('#{global.$sd-cssvars-prefix}-color-danger-light-1')
);

$upload-picture-text-item-color-text_error: global.$color-danger-6;

$upload-picture-text-item-padding-vertical: global.$spacing-4;

$upload-picture-text-item-color-text_success: unset;

$upload-picture-text-item-color-text_uploading: unset;

$upload-drag-size-icon: 14px;

$upload-picture-item-size-mask-icon: global.$size-4;

$upload-picture-item-size-error-icon: 26px;

$upload-text-item-size-reupload-icon: 14px;

$upload-text-item-size-success-icon: 14px;

$upload-text-item-size-error-icon: 14px;

$upload-picture-item-size-operation-icon: 14px;