.WizardLayout {
  $spacing: $padding * 2;

  position: relative;
  padding: $padding * 3;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 40%;

  > .content-col {
    --flex-gap: #{$spacing};
    padding: $spacing;
    margin-right: $spacing;
    background-color: var(--clusters-menu-bgc);
    border-radius: $radius;

    > .error {
      border-radius: $radius;
      padding: $padding;
      background-color: pink;
    }
  }

  > .info-col {
    @include hidden-scrollbar;
    --flex-gap: #{$spacing};
    padding: $spacing;
    border-left: 1px solid #353a3e;
  }

  a {
    color: $colorInfo;
  }
}