.audits {
  margin-top: 3em;
  width: 100%;
  position: relative;

  .expand {
    padding: 0.6em 0.3em;
  }

  .block-message {
    position: absolute;
    text-align: center;
    font-weight: 500;
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    box-shadow: -5px -10px 20px #fff;
    background: #fff;
    display: flex;
    justify-content: center;
    z-index: 999;

    @include dark {
      background: $dsecondary-1;
      box-shadow: 0 -5px 5px $dsecondary-1;
    }

    h3 {
      margin-top: 1.2em;
      width: 90%;
    }
  }

  a {
    color: $primary-1;

    @include dark {
      color: $primary-2;
    }
  }

  .audit_result {
    &.blocked {
      filter: blur(1px);
      padding-bottom: 4em;
    }
  }

  ul {
    list-style: none;
    margin-top: 0.6em;

    li {
      width: 100%;
      border-top: 1px solid $dtext-2;
      font-weight: 500;
      cursor: pointer;
      user-select: none;

      svg {
        margin-right: 0.5em;
      }

      .data {
        padding: 1em;
        font-weight: 400;
        max-width: 38rem;
        display: none;
        color: $muted;
        white-space: pre-line;
        user-select: text;
        cursor: default;
      }

      .data.show {
        display: block;
      }

      &:nth-last-child(1) {
        border-bottom: 1px solid $dtext-2;
      }

      &:hover {
        background: #eeeeee;

        @include dark {
          background: $dsecondary-2;
        }
      }
    }
  }
}
