/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./source/components/file/styles.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.c-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.c-file__name {
  display: inline;
}

.c-file__icon {
  display: inline;
  line-height: 0;
}
.c-file__icon svg {
  width: 24px;
  height: 24px;
}

.c-file__size {
  display: inline;
  font-size: 0.75em;
  color: #748997;
}

/*# sourceMappingURL=styles.css.map*/