import { css } from 'lit';
export default css `
.badge {
  background-color: var(--md-sys-color-error);
  color: var(--md-sys-color-on-error);
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
}

.badge.small {
  border-radius: var(--md-sys-shape-corner-full);
  width: 6px;
  height: 6px;
}

/* .badge.large-container {
  border-radius: var(--md-sys-shape-corner-full);
  min-width: 16px;
  height: 16px;
} */

.badge.large-container,
.badge.large-label {
  border-radius: var(--md-sys-shape-corner-full);
  min-width: 16px;
  height: 16px;
  font-family: var(--md-sys-typescale-label-small-font-family-name);
  font-style: var(--md-sys-typescale-label-small-font-family-style);
  font-weight: var(--md-sys-typescale-label-small-font-weight);
  font-size: var(--md-sys-typescale-label-small-font-size);
  letter-spacing: var(--md-sys-typescale-label-small-tracking);
  line-height: var(--md-sys-typescale-label-small-height);
  text-transform: var(--md-sys-typescale-label-small-text-transform);
  text-decoration: var(--md-sys-typescale-label-small-text-decoration);
}
`;
//# sourceMappingURL=badge.module.js.map