._circle_1hkiw_1 {
  --size: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--size);
  width: var(--size);
  color: var(--circle-color, var(--black));
  background-color: var(--circle-bg-color, var(--white));
  border-radius: calc(var(--size) / 2);
}
._circleLegacy_1hkiw_13 {
  border-color: rgba(0, 0, 0, 0.2509803922);
  font-size: calc(var(--size) * 0.4);
  line-height: var(--size);
  font-weight: bold;
  border-width: calc(var(--size) / 10);
  border-style: solid;
}
._circleNew_1hkiw_22 {
  flex-direction: column;
}
._borderless_1hkiw_26 {
  border: none;
}
._circleNew_1hkiw_22 .ds-text {
  color: inherit !important;
}
._interactive_1hkiw_34 {
  cursor: pointer;
}
._circleLegacy_1hkiw_13._interactive_1hkiw_34 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 1px 2px rgba(0, 0, 0, 0.23);
  transition: box-shadow 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
}
._circleLegacy_1hkiw_13._interactive_1hkiw_34:hover {
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.25), 0 5px 10px rgba(0, 0, 0, 0.22);
}
._green_1hkiw_46 {
  --circle-bg-color: var(--success);
  --circle-color: var(--success-invert);
}
._orange_1hkiw_51 {
  --circle-bg-color: var(--warning);
  --circle-color: var(--warning-invert);
}
._red_1hkiw_56 {
  --circle-bg-color: var(--danger);
  --circle-color: var(--danger-invert);
}
._success_1hkiw_61 {
  --circle-bg-color: var(--tchibo-theme-color-sustainability-sustainability-lowest);
  --circle-color: var(--tchibo-theme-color-secondary-on-secondary-container);
}
._warning_1hkiw_66 {
  --circle-bg-color: var(--tchibo-theme-color-warning-warning);
  --circle-color: var(--tchibo-theme-color-secondary-on-secondary-container);
}
._error_1hkiw_71 {
  --circle-bg-color: var(--tchibo-theme-color-error-error);
  --circle-color: var(--tchibo-theme-color-danger-danger);
}.alerts__table {
  width: 100%;
  display: grid;
  grid-template-columns: auto auto auto 1fr;
}
.alerts__table div {
  padding: 12px;
  border-bottom: 1px solid #ddd;
  background-color: var(--table-bg);
}
.alerts__table div:nth-last-child(-n+4) {
  border-bottom: none;
}
.alerts__table div:nth-child(4n+6) {
  text-align: right;
}
.alerts__table div:nth-child(8n+5),
.alerts__table div:nth-child(8n+6),
.alerts__table div:nth-child(8n+7),
.alerts__table div:nth-child(8n+8) {
  background-color: var(--table-bg-accent);
}
.alerts__table__warning {
  margin: 16px;
}
.alerts__table .o-icon {
  display: flex;
}