/*
 * The inline grid's vertical contract only: its children are boxes, which align with the editors'
 * box, not their text inset. The list fills the column; the CTA does not, or it reads as the
 * section'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;
  }
}