Styling

The component is styled through CSS Custom Properties on the host element. It supports reduced motion behavior through the host page and internal spinner styling.

sendity-auth {
  --sendity-radius: 16px;
  --sendity-border-color: #d8e6ec;
  --sendity-background: #f7fbfd;
  --sendity-foreground: #233a47;
  --sendity-accent: #22495f;
  --sendity-code-bg: #eff2f4;
}