.sln-exp-code {
  padding: 0 15px;
  .sln-code-title {
    color: var(--DARK-GREY);
    font-family: var(--font-medium);
    margin-bottom: 10px;
    display: block;
  }
  .wrap {
    background: #e2e8ea54;
    padding: 15px 20px;
    border-radius: 5px;
    margin-top: 20px;
    color: var(--DANGER);
    cursor: pointer;
    pre {
      cursor: pointer;
      max-width: 100%;
      text-wrap: wrap;
    }
  }
  .sln-code {
    margin-top: 20px;
    display: block;
  }
}
.sln-tf-open-btn {
  margin: 20px 0;
}
.sln-flex-wrap {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: flex-start;
  .sln-test-f-pos,
  .sln-wrap-control-slide {
    padding: 0;
  }
  .sln-test-f-pos,
  .sln-wrap-control-slide {
    flex: 1;
  }
}
