._circle_17d0g_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_17d0g_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_17d0g_22 {
  flex-direction: column;
}
._borderless_17d0g_26 {
  border: none;
}
._circleNew_17d0g_22 .ds-text {
  color: inherit !important;
}
._interactive_17d0g_34 {
  cursor: pointer;
}
._circleLegacy_17d0g_13._interactive_17d0g_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_17d0g_13._interactive_17d0g_34:hover {
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.25), 0 5px 10px rgba(0, 0, 0, 0.22);
}
._green_17d0g_46 {
  --circle-bg-color: var(--success);
  --circle-color: var(--success-invert);
}
._orange_17d0g_51 {
  --circle-bg-color: var(--warning);
  --circle-color: var(--warning-invert);
}
._red_17d0g_56 {
  --circle-bg-color: var(--danger);
  --circle-color: var(--danger-invert);
}
._blue_17d0g_61 {
  --circle-bg-color: var(--info);
  --circle-color: var(--info-invert);
}
._success_17d0g_66 {
  --circle-bg-color: var(--tchibo-theme-color-sustainability-sustainability-lowest);
  --circle-color: var(--tchibo-theme-color-secondary-on-secondary-container);
}
._warning_17d0g_71 {
  --circle-bg-color: var(--tchibo-theme-color-warning-warning);
  --circle-color: var(--tchibo-theme-color-secondary-on-secondary-container);
}
._error_17d0g_76 {
  --circle-bg-color: var(--tchibo-theme-color-error-error);
  --circle-color: var(--tchibo-theme-color-danger-danger);
}
._info_17d0g_81 {
  --circle-bg-color: var(--tchibo-theme-color-information-information);
  --circle-color: var(--tchibo-theme-color-information-on-information);
}