:host {
  display: block;

  .icon-container {
    background-color: rgba(var(--palette-foreground-base), 0.02);
    border-radius: 0.25rem;
    height: 2rem;

    &.okay {
      color: var(--success);
    }

    &.warn {
      color: var(--danger);
    }
  }

  .evaluation {
    line-height: 1.2;
  }
}

:host-context(.theme-dark) {
  .icon-container {
    background-color: rgba(var(--light-primary-text), 0.05);
  }
}
