@ozen-ui/kit/__inner__/esm/components/File/File.css

React component library

/* stylelint-disable */
.File {
  font: var(--typography-text-s_1-font);
  letter-spacing: var(--typography-text-s_1-letter_spacing, 0);
  text-transform: var(--typography-text-s_1-text_transform, none);
  inline-size: var(--control-height-xs);
  block-size: var(--control-height-xs);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-m);
  overflow: hidden;
  transition: background-color var(--transition-default);
}
.File_color_main {
      background-color: var(--color-background-primary);
    }
.File_color_primary {
      background-color: var(--color-background-secondary);
    }
.File_error {
    background-color: var(--color-background-error-light);
  }
.File_loading {
    background-color: var(--color-background-disabled);
  }