<commit_before>.pulsar-hunters-feedback
  background: #666
  box-shadow: 0 1px 3px rgba(black, 0.5)
  border-radius: 3px
  color: white
  font-weight: bold
  margin: 0.5em 0
  padding: 1px 1em
  text-align: center

  &[data-is-correct]
    background: #060

  button
    @extends $reset-button
    text-decoration: underline

.classifier
  display: flex
  justify-content: center

  @media (max-width: 900px) // This is between iPad landscape and portrait.
    flex-wrap: wrap

  > .subject-area
    align-items: center
    display: flex
    flex-shrink: 1
    flex-direction: column
    margin: 0 1.5vw 1em 0
    min-width: 0

  .subject-container
    color: gray
    max-width: 100%
    > *
      display: flex
      flex: 1 1 auto // Fix for IE 11. Revisit or remove when IE11 is no longer supported.

  .subject
    border-radius: 5px
    box-shadow: 0 0 0 1px gray
    max-height: 90vh
    max-width: 100%
    user-select: none

  .marking-initializer
    cursor: crosshair

    &[data-disabled]
      cursor: not-allowed

  .loading-cover
    align-items: center
    background: rgba(gray, 0.5)
    color: white
    display: flex
    font-size: 2em
    height: 100%
    justify-content: center
    left: 0
    min-height: 4em
    position: absolute
    top: 0
    width: 100%

  .subject-tools
    display: flex
    justify-content: space-between

  .subject-frame-pip
    @extends $reset-button
    background: transparent
    border: 2px solid
    border-radius: 50%
    height: 0.7em
    margin: 0 0.3em
    overflow: hidden
    text-indent: 1em
    vertical-align: middle
    width: 0.7em

    &.active
      background: currentColor

  .warning-banner
    @extends $reset-button
    background: orangered
    color: white
    font-size: 0.8em
    font-weight: bold
    left: -1em
    letter-spacing: 0.05em
    padding: 0 1em
    position: absolute
    text-transform: uppercase
    top: 0
    transform: rotate(-15deg)

  > .task-area
    flex: 0 0 60ch
    margin-bottom: 1em
    max-width: 100%
    @media (min-width: 900px)
      margin-left: 1em

  .task-nav
    display: flex
    margin-top: 1em

    .back
      flex: 1 0

    .talk
      flex: 2 0

    .continue
      flex: 3 0

    > :not(:first-child)
      margin-left: 0.5em

.workflow-task
  & + .workflow-task
    margin-top: 2em

  // Only show the "required" warning when a task is outside the normal flow.
  .classifier > .task-area & .required-task-warning
    display: none

  .answer-button
    align-items: baseline
    display: flex
    margin: 0.5em 0
    padding: 1ch 2ch
    position: relative
    text-align: left

    > :not(:first-child)
      margin-left: 1ch

    // Ignore first and last margins from Markdown.
    .markdown
      > :first-child
        margin-top: 0

      > :last-child
        margin-bottom: 0

    .answer-button-icon-container
      align-self: flex-start
      flex-shrink: 0
      height: 1em // Overflow is okay!

    .answer-button-label-container
      align-items: baseline
      display: flex
      flex-grow: 1
      flex-wrap: wrap

    .answer-button-label
      flex-grow: 1

    .answer-button-status
      font-size: 0.8em
      opacity: 0.7

  .drawing-tool-button-icon > svg
    fill-opacity: 0.1
    height: 1.5em
    stroke: currentColor
    stroke-width: 5
    width: 1.5em

  .drawing-tool-button-input
    display: none<commit_msg>Updating styling for images in tool labels<commit_after>.pulsar-hunters-feedback
  background: #666
  box-shadow: 0 1px 3px rgba(black, 0.5)
  border-radius: 3px
  color: white
  font-weight: bold
  margin: 0.5em 0
  padding: 1px 1em
  text-align: center

  &[data-is-correct]
    background: #060

  button
    @extends $reset-button
    text-decoration: underline

.classifier
  display: flex
  justify-content: center

  @media (max-width: 900px) // This is between iPad landscape and portrait.
    flex-wrap: wrap

  > .subject-area
    align-items: center
    display: flex
    flex-shrink: 1
    flex-direction: column
    margin: 0 1.5vw 1em 0
    min-width: 0

  .subject-container
    color: gray
    max-width: 100%
    > *
      display: flex
      flex: 1 1 auto // Fix for IE 11. Revisit or remove when IE11 is no longer supported.

  .subject
    border-radius: 5px
    box-shadow: 0 0 0 1px gray
    max-height: 90vh
    max-width: 100%
    user-select: none

  .marking-initializer
    cursor: crosshair

    &[data-disabled]
      cursor: not-allowed

  .loading-cover
    align-items: center
    background: rgba(gray, 0.5)
    color: white
    display: flex
    font-size: 2em
    height: 100%
    justify-content: center
    left: 0
    min-height: 4em
    position: absolute
    top: 0
    width: 100%

  .subject-tools
    display: flex
    justify-content: space-between

  .subject-frame-pip
    @extends $reset-button
    background: transparent
    border: 2px solid
    border-radius: 50%
    height: 0.7em
    margin: 0 0.3em
    overflow: hidden
    text-indent: 1em
    vertical-align: middle
    width: 0.7em

    &.active
      background: currentColor

  .warning-banner
    @extends $reset-button
    background: orangered
    color: white
    font-size: 0.8em
    font-weight: bold
    left: -1em
    letter-spacing: 0.05em
    padding: 0 1em
    position: absolute
    text-transform: uppercase
    top: 0
    transform: rotate(-15deg)

  > .task-area
    flex: 0 0 60ch
    margin-bottom: 1em
    max-width: 100%
    @media (min-width: 900px)
      margin-left: 1em

  .task-nav
    display: flex
    margin-top: 1em

    .back
      flex: 1 0

    .talk
      flex: 2 0

    .continue
      flex: 3 0

    > :not(:first-child)
      margin-left: 0.5em

.workflow-task
  & + .workflow-task
    margin-top: 2em

  // Only show the "required" warning when a task is outside the normal flow.
  .classifier > .task-area & .required-task-warning
    display: none

  .answer-button
    align-items: baseline
    display: flex
    margin: 0.5em 0
    padding: 1ch 2ch
    position: relative
    text-align: left

    > :not(:first-child)
      margin-left: 1ch

    // Ignore first and last margins from Markdown.
    .markdown
      > :first-child
        margin-top: 0

      > :last-child
        margin-bottom: 0

    .answer-button-icon-container
      align-self: flex-start
      flex-shrink: 0
      height: 1em // Overflow is okay!

    .answer-button-label-container
      align-items: baseline
      display: flex
      flex-grow: 1
      flex-wrap: wrap

    .answer-button-label
      flex-grow: 1
      img
        vertical-align: middle
        padding-left: 5px
        padding-right: 5px

    .answer-button-status
      font-size: 0.8em
      opacity: 0.7

  .drawing-tool-button-icon > svg
    fill-opacity: 0.1
    height: 1.5em
    stroke: currentColor
    stroke-width: 5
    width: 1.5em

  .drawing-tool-button-input
    display: none
{'fraction_non_alphanumeric': 0.09657184536834428, 'fraction_numerical': 0.036761487964989056, 'mean_word_length': 2.0813483146067417, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 21, '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': '461310', 'n_tokens_mistral': 2583, 'n_tokens_neox': 2283, 'n_words': 656}