/*
 * A FILE ROW IS THE KIT'S ONE ROW (`row.css`). Left here is the square its face fills — its list's one slot, as
 * `file_row.tsx` states it — so every name starts at one edge whatever stands before the face.
 */
@layer theme, base, lotics, components, utilities;
@layer lotics.tokens, lotics.reset, lotics.components;

@layer lotics.components {
  /* A square picture and a taller badge both centre in one square. */
  .lotics-file-row__face {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex: none;
    width: var(--lotics-file-row-mark);
    height: var(--lotics-file-row-mark);
  }
}