.FileUploader {
  background-color: var(--file-uploader-background-color);
  border: 1px dashed var(--file-uploader-border-color);
  border-radius: var(--border-radius-m);
  transition: box-shadow var(--transition-default),
    background-color var(--transition-default);
}

  .FileUploader_color_main {
      --file-uploader-background-color: var(--color-background-base-main);
      --file-uploader-border-color: var(--color-border-base-secondary);
    }

  .FileUploader_color_primary {
      --file-uploader-background-color: var(--color-background-base-primary);
      --file-uploader-border-color: var(--color-border-base-main);
    }

  .FileUploader_dragging.FileUploader_color_main {
    --file-uploader-background-color: var(--color-background-base-main-hover);
  }

  .FileUploader_dragging.FileUploader_color_primary {
    --file-uploader-background-color: var(
      --color-background-base-primary-hover
    );
  }

  .FileUploader_focused {
    box-shadow: var(--shadow-outline-focused);
  }

  .FileUploader_disabled {
    --file-uploader-background-color: var(--color-background-base-disabled);
    --file-uploader-border-color: var(--color-border-base-disabled);
  }

  .FileUploader-AttachmentContainer {
    padding: 8px 16px;
    -webkit-border-before: 1px dashed var(--file-uploader-border-color);
            border-block-start: 1px dashed var(--file-uploader-border-color);
  }

.FileUploaderMain {
  --file-uploader-icon-color: var(--color-content-base-primary);
  --file-uploader-icon-bg-color: var(--color-background-base-secondary);
  padding: var(--container-padding);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.FileUploaderMain-IconWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    inline-size: var(--icon-wrap-width);
    block-size: var(--icon-wrap-height);
    background-color: var(--file-uploader-icon-bg-color);
    border-radius: 50%;
    color: var(--file-uploader-icon-color);
  }

.FileUploaderMain-IconWrap_disabled {
      --file-uploader-icon-bg-color: var(--color-background-base-tertiary);
      --file-uploader-icon-color: var(--color-content-base-disabled);
    }

.FileUploaderMain-HintWrap {
    display: flex;
  }

.FileUploaderMain-InputButton:focus {
      outline: 0;
      box-shadow: none;
    }

.FileUploaderMain-Input {
    display: none;
  }

.FileUploaderMain_size_l {
      --icon-wrap-width: 40px;
      --icon-wrap-height: 40px;
      --container-padding: 32px;
    }

.FileUploaderMain_size_m {
      --icon-wrap-width: 40px;
      --icon-wrap-height: 40px;
      --container-padding: 32px;
    }

.FileUploaderMain_size_s {
      --icon-wrap-width: 32px;
      --icon-wrap-height: 32px;
      --container-padding: 24px;
    }

.FileUploaderMain_size_xs {
      --icon-wrap-width: 32px;
      --icon-wrap-height: 32px;
      --container-padding: 24px;
    }

.FileUploaderAttachment {
  padding: 0;
  gap: 0;
}

.FileUploaderAttachment-ListItem {
    margin: 0;
    padding: 8px 0;
  }

.FileUploaderAttachment-ListItemFile {
    min-inline-size: 40px;
    min-block-size: 40px;
  }

.FileUploaderAttachment-ListItemText {
    overflow: hidden;
    flex-grow: 1;
  }