@scope (agent-suggestions-ui) {
  :where(:scope) {
    --agent-suggestions-gap:     var(--a-space-2);
    --agent-suggestions-padding: var(--a-space-2);
  }

  :scope {
    display: flex;
    flex-wrap: wrap;
    gap: var(--agent-suggestions-gap);
    padding-block: var(--agent-suggestions-padding);
  }

  :scope[disabled] {
    opacity: 0.6;
    pointer-events: none;
  }
}
