<commit_before>@exercise-details-body-height: calc(~"100vh - 150px");

.exercise-details {
  min-height: @exercise-details-body-height;
  position: relative;
  display: flex;
  flex-direction: column;

  .content {
    flex: 1;
    display: flex;
    align-items: flex-start;
  }
  .center {
    display: flex;
    height: 100%;
    justify-content: flex-start;
  }

  .controls {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: 450px;
    z-index: 1; // above details forward/back nav when scrolling up

    .pinned-on & {
      position: fixed;
      top: 190px;
    }

    .pinned-shy & {
      top: 130px;
      .transition(~'top 0.2s ease-out');
    }

    .show-cards {
      color: @tutor-neutral;
      cursor: pointer;
    }
  }

  .exercise-card {
    width: 800px;

    .panel-body {
      min-height: 600px;
      padding: 70px 70px 70px 100px !important;
    }

    .controls-overlay {
      transition: none;
      height: 100vh;
    }
  }

  .page-navigation {
    // .page-navigation-arrows(800px);

    position: absolute;
    top: 20%;
    z-index: 1;
    cursor: pointer;

    &.prev {
      left: 0;
    }

    &.next {
      right: 0;
    }

    .pinned-on & {
      top: 40%;
      position: fixed;

      &.prev {
        left: 40px;
      }

      &.next {
        right: 40px;
      }
    }

    i.fa {
      color: #e5e5e5;
      font-size: 150px;
    }

    &:hover i.fa{
      color: #d5d5d5;
    }
  }

}

// switch controls to fixed when not scrolling up
.pinned-view.pinned-on {

  .exercise-details {
    .exercise-card {
      .controls-overlay {
        height: 100vh;
        position: fixed;<commit_msg>Fixed some css stuff<commit_after>@exercise-details-body-height: calc(~"100vh - 150px");

.exercise-details {
  min-height: @exercise-details-body-height;
  position: relative;
  display: flex;
  flex-direction: column;

  .content {
    flex: 1;
    display: flex;
    align-items: flex-start;
  }
  .center {
    display: flex;
    height: 100%;
    justify-content: flex-start;
  }

  .controls {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: 450px;
    z-index: 1; // above details forward/back nav when scrolling up

    .pinned-on & {
      position: fixed;
      top: 190px;
    }

    .pinned-shy & {
      top: 130px;
      .transition(~'top 0.2s ease-out');
    }

    .show-cards {
      color: @tutor-neutral;
      cursor: pointer;
    }
  }

  .exercise-card {
    width: 800px;

    .panel-body {
      min-height: 600px;
      padding: 70px 70px 70px 100px !important;
    }

    .controls-overlay {
      transition: none;
      height: 100vh;
    }
  }

  .page-navigation {
    position: absolute;
    top: 20%;
    z-index: 1;
    cursor: pointer;

    &.prev {
      left: 0;
    }

    &.next {
      right: 0;
    }

    .pinned-on & {
      top: 40%;
      position: fixed;

      &.prev {
        left: 40px;
      }

      &.next {
        right: 40px;
      }
    }

    .tutor-icon {
      color: @tutor-neutral-light;
      font-size: 150px;
    }

    &:hover .tutor-icon{
      color: darken(@tutor-neutral-light, 7%);
    }
  }

}

// switch controls to fixed when not scrolling up
.pinned-view.pinned-on {

  .exercise-details {
    .exercise-card {
      .controls-overlay {
        height: 100vh;
        position: fixed;
{'fraction_non_alphanumeric': 0.13640442716123244, 'fraction_numerical': 0.039485492072988335, 'mean_word_length': 1.7432321575061527, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '516270', 'n_tokens_mistral': 1373, 'n_tokens_neox': 1185, 'n_words': 260}