/*
 * THE SOURCES, THEN WHAT THEY IMPLY, THEN THE SETTINGS — one column. The switches sit tighter than
 * the fields because they answer one question together.
 */
@layer theme, base, lotics, components, utilities;
@layer lotics.tokens, lotics.reset, lotics.components;

@layer lotics.components {
  .lotics-capture-sources {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--lotics-space-16);
    min-width: 0;
  }

  .lotics-capture-sources__sources {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--lotics-space-4);
    /* Hands back each row's wash inset so titles and switches share the fields' edges. */
    margin-inline: calc(var(--lotics-space-8) * -1) calc(var(--lotics-space-6) * -1);
  }
}