@import './colors.scss';
@import './typography.scss';

.root {
  @include font(bold);
  font-size: 10px;
  line-height: 12px;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  color: $D80;
  border-radius: 2px;
  padding: 3px 6px;
}

/* types */
.root.type-warning {
  background-color: $Y10;
}

.root.type-error {
  background-color: $R10;
}