/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
:host {
  --digi--badge-notification--color--text: var(--digi--color--text--secondary);
  --digi--badge-notification--color--border: var(--digi--color--border--notification);
  --digi--badge-notification--background-color: var(--digi--color--background--notification);
  --digi--badge-notification--font-weight:var(--digi--global--typography--font-weight--semibold);
}
:host .digi-badge-notification {
  font-size: 0.75rem;
  font-weight: var(--digi--badge-notification--font-weight);
  border-width: var(--digi--border-width--secondary);
  border-style: solid;
  color: var(--digi--badge-notification--color--text);
  background-color: var(--digi--badge-notification--background-color);
  border-color: var(--BORDER-COLOR);
}
:host .digi-badge-notification--circle {
  --BORDER-COLOR: var(--digi--badge-notification--color--border);
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  text-align: center;
  border-radius: 50%;
  height: 1.25rem;
  width: 1.25rem;
}
:host .digi-badge-notification--oval {
  --BORDER-COLOR: var(--digi--badge-notification--color--border);
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  text-align: center;
  border-radius: 0.75rem;
  height: 1.125rem;
  width: 1.5625rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
:host .digi-badge-notification--pill {
  --BORDER-COLOR: var(--digi--badge-notification--color--border);
  display: inline-block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 0.75rem;
  height: 1.125rem;
}