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

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

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