.Tips {
  padding: 8px;
  border-radius: var(--radius-md);
  background: var(--color-fill-2);
  color: var(--color-text-1);
  font-size: var(--font-size-xs);

  .Icon {
    margin: 2px 4px 0 0;
    font-size: var(--font-size-sm);
  }
  &[data-size="lg"] {
    font-size: var(--font-size-sm);

    .Icon {
      font-size: var(--font-size-body);
    }
  }
  &[data-primary="true"] {
    background: var(--brand-4);
    color: var(--brand-1);
  }
}