/*
 * The inline grid's VERTICAL contract only — deliberately not `InlineValue`, whose
 * text inset is right for a STRING and wrong here: these children are BOXES, and a
 * box aligns with the editors' box rather than with their text.
 *
 * The LIST fills the column and the CTA does not: a file row is this field's VALUE
 * and every other value in the column spans it, while a full-bleed button would
 * read as the section's rather than this field's.
 */
@layer theme, base, lotics, components, utilities;
@layer lotics.tokens, lotics.reset, lotics.components;

@layer lotics.components {
  .lotics-inline-files {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    min-width: 0;
    min-height: var(--lotics-control-height);
  }

  .lotics-inline-files__stack {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    gap: var(--lotics-space-8);
  }

  .lotics-inline-files__cta {
    align-self: flex-start;
  }
}