:host {
  /**
   * @prop --background: Background of the chip
   * @prop --color: Color of the chip
   *
   * @prop --label-margin-top: Margin top of the chip label
   * @prop --label-margin-end: Margin end of the chip label
   * @prop --label-margin-bottom: Margin bottom of the chip label
   * @prop --label-margin-start: Margin start of the chip label
   *
   * @prop --avatar-width: Width of the chip avatar
   * @prop --avatar-height: Height of the chip avatar
   * @prop --avatar-margin-top: Margin top of the chip avatar
   * @prop --avatar-margin-end: Margin end of the chip avatar
   * @prop --avatar-margin-bottom: Margin bottom of the chip avatar
   * @prop --avatar-margin-start: Margin start of the chip avatar
   */
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-flex;
  align-items: center;
  align-self: center;
  background: var(--background);
  color: var(--color);
  font-weight: normal;
  vertical-align: middle;
  box-sizing: border-box; }

:host(.ion-color) {
  background: var(--ion-color-base);
  color: var(--ion-color-contrast); }

:host(.ion-color)::slotted(*) ion-chip-icon,
:host(.ion-color)::slotted(*) ion-chip-button {
  --color: currentColor; }

::slotted(*) ion-label {
  margin: var(--label-margin-top) var(--label-margin-end) var(--label-margin-bottom) var(--label-margin-start); }

::slotted(*) ion-avatar {
  margin: var(--avatar-margin-top) var(--avatar-margin-end) var(--avatar-margin-bottom) var(--avatar-margin-start);
  width: var(--avatar-width);
  height: var(--avatar-height); }

:host {
  --background: rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1);
  --color: var(--ion-text-color-step-150, #262626);
  --label-margin-top: 0;
  --label-margin-end: 10px;
  --label-margin-bottom: 0;
  --label-margin-start: 10px;
  --avatar-width: 24px;
  --avatar-height: 24px;
  --avatar-margin-top: 0;
  --avatar-margin-end: 4px;
  --avatar-margin-bottom: 0;
  --avatar-margin-start: 4px;
  border-radius: 16px;
  margin: 2px 0;
  height: 32px;
  font-family: var(--ion-font-family, inherit);
  font-size: 13px; }