/*
 * A THING'S PICTURE NOT HELD: the picture's square dashed on no ground, its glyph in the inactive ink — edged as a
 * document's placeholder tile is (`file_badge.css`), so the two ghosts read as one family.
 */
@layer theme, base, lotics, components, utilities;
@layer lotics.tokens, lotics.reset, lotics.components;

@layer lotics.components {
  .lotics-picture-ghost {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex: none;
    width: var(--lotics-picture-ghost-size);
    height: var(--lotics-picture-ghost-size);
    border: var(--lotics-picture-ghost-border) dashed var(--input);
    border-radius: var(--lotics-radius-control);
    background-color: transparent;
    --lotics-icon-color: var(--lotics-ink-inactive);
  }
}