@use 'src/styles/abstracts' as *;

$logs-box-background: #ffffff;

.RunDetailLogsTabWrapper {
  overflow: hidden;
  height: 100%;
  max-height: 100%;
  .RunDetailLogsTab {
    border-left: $border-grey;
    border-right: $border-grey;
    height: 100%;
    background-color: $logs-box-background;
    .Logs {
      height: 100%;
      overflow-y: auto;
      overflow-x: auto;
      border-radius: $border-radius-main;
      &__wrapper {
        width: 100%;
        height: 100%;
        position: relative;
        .overlay {
          display: none;
          height: toRem(50px);
          width: 100%;
          background: $logs-box-background;
          position: absolute;
          top: 0;
          left: 0;
        }
        .loading {
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }
    }
  }
}

.LogRow {
  &__line {
    color: #333;
    font-size: $text-md;
    padding: 0 $space-sm;
    @include monospaceFontFamily();
    width: 100%;
    line-height: 1.08;
    display: block;
    height: 15px;
  }
}
