.project-init-error {
  &__message {
    @include Typography.Body(S);
    background: rgb(var(--background));
    border-radius: 2px;
    border: 1px solid;
    border-color: rgb(var(--error-border));
    display: block;
    margin: scale.$base 0;
    max-width: 72em;
    overflow: hidden;
    padding: 0;
    text-align: left;
    width: 100%;

    &__heading {
      background: rgb(var(--error-border));
      color: rgb(var(--error-text));
      font-weight: 600;
      padding: scale.$sm--3 scale.$sm--1;
    }

    // These styles are placeholders. We expect a unified log-display component to
    // appear shortly, at which point we’ll use it here.
    code {
      box-sizing: border-box;
      display: block;
      overflow: scroll;
      padding: scale.$sm--2 scale.$sm--1;
      white-space: pre;
      width: 100%;
    }
  }
}
