@layer clickui {/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. fileUpload) */
.file-item-container__86J-i {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--click-fileUpload-sm-space-gap);
}

.file-item-container_inline_false__QqJXZ {
  padding: var(--click-fileUpload-sm-space-y) var(--click-fileUpload-sm-space-x);
  border: 1px solid var(--click-fileUpload-color-stroke-default);
  border-radius: var(--click-fileUpload-sm-radii-all);
  background-color: var(--click-fileUpload-color-background-default);
}

.file-item-container_inline_false__QqJXZ.file-item-container_error_true__uRfbn {
  border-color: transparent;
  background-color: var(--click-fileUpload-color-background-error);
}

/* stylelint-disable-next-line block-no-empty -- base element required by BEM */
.document-icon__CX1O5 {
}

.document-icon_size_sm__sEIPl svg {
  width: var(--click-fileUpload-sm-icon-size-width);
  height: var(--click-fileUpload-sm-icon-size-height);
  color: var(--click-fileUpload-sm-color-icon-default);
}

.document-icon_size_md__dqfzB svg {
  width: var(--click-fileUpload-md-icon-size-width);
  height: var(--click-fileUpload-md-icon-size-height);
  color: var(--click-fileUpload-md-color-icon-default);
}

.description__sjgXO {
  color: var(--click-fileUpload-color-description-default);
  font: var(--click-fileUpload-typography-description-default);
}

.description_error_true__wbkov {
  color: var(--click-fileUpload-color-title-error);
}

.file-details__aAMdx {
  display: flex;
  min-width: 0;
  gap: var(--click-fileUpload-md-space-gap);
  border: none;
}

.file-actions__OUaMv {
  display: flex;
  margin-left: auto;
  align-items: center;
  gap: 0;
}

.file-content-container__40JkR {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}

.file-content-container_size_sm__8od-v {
  min-height: 24px;
}

.file-content-container_size_md__U6Hwr {
  min-height: auto;
}

.progress-bar-wrapper__q0i9x {
  margin-top: var(--click-fileUpload-md-space-gap);
  margin-bottom: 9px;
}
}