.OutdatedCalculation {
  display: grid;
  grid-template-columns: 1em 1fr;
  gap: 0.5em;

  padding: 0.5em 0.75em;
  margin-block: 0.25em;
  width: fit-content;
  font-weight: 500;

  background-color: hsl(from var(--hint-color) h s l / 10%);
  border-radius: 0.5em;

  & > .Icon {
    background-image: url("UserInterface.Icon.Hint.svg");
    background-size: 1em;
    background-position: center;
    background-repeat: no-repeat;
  }

  @media (width < 1024px) {
    margin-inline: 0.5em;
  }
}