@import '../../../../../scss/styles.scss';

.file {
  display: flex;
  flex-wrap: nowrap;
  margin: base(-0.25) 0;

  &__thumbnail {
    display: inline-block;
    max-width: base(3);
    height: base(3);
  }

  &__filename {
    align-self: center;
    [dir='ltr'] & {
      margin-left: base(1);
    }
    [dir='rtl'] & {
      margin-right: base(1);
    }
  }
}
