@import "tools.mixins";

@mixin c-troubleshooting-diagnostic-sm {
  .c-troubleshooting-diagnostic {
    @include display-grid();
    @include grid-template-columns(rem(30), auto 1fr);
    padding: rem(30);
    margin: 0 auto;
    max-width: rem(940);
  }

  .c-troubleshooting-diagnostic__icon {
    @include grid-column(1, 2, true);
    @include grid-align-self(center);
    margin-bottom: 0;
  }

  .c-troubleshooting-diagnostic__content {
    @include grid-column(2, 3, true);
    text-align: left;

    .c-button--run-test {
      width: rem(215);
    }
  }

  .c-troubleshooting-diagnostic__system-info {
    @include display-grid();
    @include grid-template-columns(rem(20), auto 1fr);
  }

  .c-troubleshooting-diagnostic__system-info__col1 {
    @include grid-column(1, 2, true);
  }

  .c-troubleshooting-diagnostic__system-info__col2 {
    @include grid-column(2, 3, true);
  }

  .c-troubleshooting-diagnostic__system-info__title {
    margin-top: rem(5);
  }

  .c-troubleshooting-diagnostic__system-info__text {
    font-size: rem(17);
    margin-top: 0;
  }

  // Pass/Issues
  .c-troubleshooting-diagnostic--pass,
  .c-troubleshooting-diagnostic--issues {
    @include grid-template-columns(0, 1fr);
    padding: rem(25) rem(10);

    .c-troubleshooting-diagnostic__content {
      @include grid-column(1, 2);
    }

    .c-troubleshooting-diagnostic__login {
      margin: rem(40) 0 rem(20);
    }
  }
}
