<commit_before>﻿@mixin svg-icon() {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
}

.sv_window {
  position: fixed;
  bottom: 3px;
  right: 10px;
  background-color: cadetblue;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto;
}
.sv_window_title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.sv_window_content {
  padding: 8px;
  margin: 0;
}
.sv_window_title a,
.sv_window_title a:link,
.sv_window_title a:visited {
  text-decoration: none;
  font-size: 14px;
  font-style: normal;
  color: black;
}

// .sv_body {
//   margin-bottom: 10px;
// }
// .sv_title {
// }
// .sv_progress {
// }

// .sv_page_empty {
//   height: 100px;
//   width: 100%;
//   display: table;
// }
// .sv_page_empty_content {
//   display: table-cell;
//   vertical-align: middle;
//   text-align: center;
// }

// .sv_p {
// }
// .sv_p_title {
// }
// .sv_q {
//   padding: 10px 3px;
//   margin: 0;
//   clear: none;
//   box-sizing: border-box;
// }
// .sv_nav {
// }
// .sv_q_title {
//   width: 100%;
//   margin: 0;
//   font-size: 1em;
//   font-weight: 500;
// }
// .sv_q_description {
//   font-size: small;
//   width: 100%;
// }
// .sv_q_erbox {
//   padding: 2px;
//   color: red;
// }
// .sv_q_matrix {
//   width: 100%;
//   max-width: 100%;
//   th,
//   td {
//     text-align: center;
//     vertical-align: central;
//   }
//   td:first-child {
//     text-align: left;
//   }
// }
// //checkboxbase container
// .sv_qcbc {
// }
// .sv_q_checkbox {
//   display: inline-block;
// }
// .sv_q_other {
//   padding-left: 4px;
// }
// .sv_q_radiogroup {
//   display: inline-block;
// }

// .sv_q_rating {
//   display: inline-block;
//   line-height: 2.3em;
// }

// .sv_q_rating > :first-child {
//   border-bottom-left-radius: 4px;
//   border-top-left-radius: 4px;
// }

// .sv_q_rating > :last-child {
//   border-bottom-right-radius: 4px;
//   border-top-right-radius: 4px;
// }

// .sv_q_rating_item {
//   padding: 0.4em 0.75em;
//   text-align: center;
//   white-space: nowrap;
//   vertical-align: middle;
//   -ms-touch-action: manipulation;
//   touch-action: manipulation;
//   cursor: pointer;
//   -webkit-user-select: none;
//   -moz-user-select: none;
//   -ms-user-select: none;
//   user-select: none;
//   background-image: none;
//   border: 1px solid #ccc;
// }
// .sv_q_rating_item.active {
//   background-color: #d4d4d4;
//   border-color: #8c8c8c;
// }

// .sv_q_rating_item:hover {
//   background-color: #e6e6e6;
//   border-color: #adadad;
// }

// .sv_q_rating > .sv_q_rating_item input[type="radio"] {
//   position: absolute;
//   clip: rect(0px, 0px, 0px, 0px);
//   pointer-events: none;
// }

$main-color: #1ab394;
$main-hover-color: darken($main-color, 5%);
$header-background-color: #e7e7e7;
$body-container-background-color: #f4f4f4;
$body-background-color: white;
$text-color: #6d7072;
$error-color: #ed5565;
$error-background-color: lighten($error-color, 30%);

$header-height: 275px;
$font-size: 14px;

$base-line-height: 2em;

.sv_main {
  position: relative;
  width: 100%;
  background-color: $body-container-background-color;
  font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans",
    "Helvetica Neue", Arial, sans-serif;
  font-size: $font-size;

  hr {
    border: none;
    border-bottom: 1px solid $header-background-color;
  }

  input[type="button"],
  button {
    font-size: 0.85em;
    font-weight: bold;
    color: $body-background-color;
    line-height: $base-line-height;
    background-color: $main-color;
    border: none;
    min-width: 100px;
    cursor: pointer;
    padding: 0 2em;

    &:hover {
      background-color: $main-hover-color;
    }
  }

  .sv_custom_header {
    position: absolute;
    width: 100%;
    height: $header-height;
    background-color: $header-background-color;
  }
  .sv_container {
    max-width: 80%;
    margin: auto;
    position: relative;
    color: $text-color;
    padding: 0 1em;

    .sv_header {
      padding-top: 5em;
      padding-bottom: 1em;
      padding-left: 1em;
      padding-right: 1em;

      h3 {
        font-size: 2em;
        font-weight: 300;
        text-align: left;
        margin: 0;
      }
    }

    .sv_body {
      background-color: $body-background-color;
      padding: 1em 1em 5em 1em;
      border-top: 2px solid $main-color;

      .sv_progress {
        height: 0.3em;
        background-color: $header-background-color;

        .sv_progress_bar {
          height: 100%;
          background-color: $main-color;
          position: relative;
          margin-top: 2em;
          > span {
            position: absolute;
            top: -1.5em;
            display: inline-block;
          }
        }
      }

      .sv_p_root {
        .sv_page_title {
          font-size: 1em;
          margin-top: 0.1em;
          font-weight: normal;
        }

        .sv_p_title {
          font-weight: bold;
          font-size: 1.15em;
          margin: 1.5em 0 0 0;
        }

        & > .sv_row {
          border-bottom: 1px solid $header-background-color;
          padding: 0 1em;

          &:nth-child(odd) {
            background-color: $body-background-color;

            // .sv_q_matrix,
            // .sv_q_matrix_dropdown .sv_q_matrix_dynamic {
            //   > tbody > tr {
            //     &:nth-child(odd) {
            //       background-color: $body-container-background-color;
            //     }
            //     &:nth-child(even) {
            //       background-color: $body-background-color;
            //     }
            //   }
            // }

            // .sv_panel_dynamic {
            //   .sv_p_container {
            //     &:nth-child(odd) {
            //       background-color: $body-container-background-color;
            //     }
            //     &:nth-child(even) {
            //       background-color: $body-background-color;
            //     }
            //   }
            // }
          }
          &:nth-child(even) {
            background-color: $body-container-background-color;

            // .sv_q_matrix,
            // .sv_q_matrix_dropdown,
            // .sv_q_matrix_dynamic {
            //   > tbody > tr {
            //     &:nth-child(odd) {
            //       background-color: $body-background-color;
            //     }
            //     &:nth-child(even) {
            //       background-color: $body-container-background-color;
            //     }
            //   }
            // }

            // .sv_panel_dynamic {
            //   .sv_p_container {
            //     &:nth-child(odd) {
            //       background-color: $body-background-color;
            //     }
            //     &:nth-child(even) {
            //       background-color: $body-container-background-color;
            //     }
            //   }
            // }
          }
        }

        .sv_q_title {
          font-weight: bold;
          font-size: 1em;
          margin: 0.5em 0;
        }

        .sv_q_description {
          margin-top: -0.6em;
        }

        .sv_q {
          padding: 0.5em 1em 1.5em 1em;
          box-sizing: border-box;

          .sv_panel_dynamic {
            .sv_q_title {
              font-weight: normal;
            }
          }

          .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) {
            border: 1px solid $error-color;
            background-color: $error-background-color;
            margin: 1em 0;
            color: $error-color;
            padding: 1em;

            & + input,
            & + textarea,
            & + .sv_select_wrapper select {
              border: 1px solid $error-color;
              &:focus {
                outline: $error-color auto 5px;
              }
            }
          }

          .sv_q_other input,
          input[type="text"],
          input[type="date"],
          input[type="color"],
          input[type="email"],
          input[type="number"],
          input[type="datetime"],
          input[type="datetime-local"],
          input[type="month"],
          input[type="password"],
          input[type="range"],
          input[type="tel"],
          input[type="time"],
          input[type="url"],
          input[type="week"],
          select,
          textarea {
            position: relative;
            width: 100%;
            box-sizing: border-box;
            border: 1px solid $header-background-color;
            font-size: 1em;
            line-height: $base-line-height;
            color: $text-color;
            padding-left: 1em;

            &:focus {
              border-color: $main-color;
              outline: none;
              border: 1px solid $main-color;
            }
          }

          .sv_select_wrapper {
            width: 100%;
            position: relative;
            display: inline-block;
            background-color: $body-background-color;

            select {
              display: block;
              background: transparent;
              appearance: none;
              -webkit-appearance: none;
              -moz-appearance: none;

              &::-ms-expand {
                display: none;
              }
            }

            &:before {
              padding: 1em;
              position: absolute;
              right: 1px;
              right: 0;
              top: 1px;
              background-image: url("./images/Down_34x34.svg");
              @include svg-icon();
            }
          }

          input[type="color"] {
            min-height: $base-line-height;
            padding: 0;
          }

          input[type="radio"],
          input[type="checkbox"] {
            margin: 0;
            margin-right: 0.55em;
            width: 1.2em;
            height: 1.2em;
            vertical-align: middle;
            font-size: 1em;
            margin-top: -0.1em;

            &:focus {
              outline: none;
            }
          }
          .sv_q_radiogroup.sv_q_radiogroup_inline:not(:first-child) {
            margin-left: 1.5em;
          }
          .sv_q_radiogroup,
          .sv_q_checkbox {
            & > label {
              white-space: nowrap;
            }
          }

          .sv_q_checkbox_inline,
          .sv_q_radiogroup_inline {
            line-height: $base-line-height;
          }

          .sv_q_footer {
            padding: 1em 0;
          }
        }

        table {
          width: 100%;
          border-collapse: collapse;

          &.sv_q_matrix,
          &.sv_q_matrix_dropdown,
          &.sv_q_matrix_dynamic {
            .sv_q_checkbox_label,
            .sv_q_radiogroup_label {
              margin-right: 1.5em;
            }
            tr {
              border-bottom: 1px solid $header-background-color;<commit_msg>removed unneded style<commit_after>﻿@mixin svg-icon() {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
}

.sv_window {
  position: fixed;
  bottom: 3px;
  right: 10px;
  background-color: cadetblue;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  line-break: auto;
}
.sv_window_title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.sv_window_content {
  padding: 8px;
  margin: 0;
}
.sv_window_title a,
.sv_window_title a:link,
.sv_window_title a:visited {
  text-decoration: none;
  font-size: 14px;
  font-style: normal;
  color: black;
}

// .sv_body {
//   margin-bottom: 10px;
// }
// .sv_title {
// }
// .sv_progress {
// }

// .sv_page_empty {
//   height: 100px;
//   width: 100%;
//   display: table;
// }
// .sv_page_empty_content {
//   display: table-cell;
//   vertical-align: middle;
//   text-align: center;
// }

// .sv_p {
// }
// .sv_p_title {
// }
// .sv_q {
//   padding: 10px 3px;
//   margin: 0;
//   clear: none;
//   box-sizing: border-box;
// }
// .sv_nav {
// }
// .sv_q_title {
//   width: 100%;
//   margin: 0;
//   font-size: 1em;
//   font-weight: 500;
// }
// .sv_q_description {
//   font-size: small;
//   width: 100%;
// }
// .sv_q_erbox {
//   padding: 2px;
//   color: red;
// }
// .sv_q_matrix {
//   width: 100%;
//   max-width: 100%;
//   th,
//   td {
//     text-align: center;
//     vertical-align: central;
//   }
//   td:first-child {
//     text-align: left;
//   }
// }
// //checkboxbase container
// .sv_qcbc {
// }
// .sv_q_checkbox {
//   display: inline-block;
// }
// .sv_q_other {
//   padding-left: 4px;
// }
// .sv_q_radiogroup {
//   display: inline-block;
// }

// .sv_q_rating {
//   display: inline-block;
//   line-height: 2.3em;
// }

// .sv_q_rating > :first-child {
//   border-bottom-left-radius: 4px;
//   border-top-left-radius: 4px;
// }

// .sv_q_rating > :last-child {
//   border-bottom-right-radius: 4px;
//   border-top-right-radius: 4px;
// }

// .sv_q_rating_item {
//   padding: 0.4em 0.75em;
//   text-align: center;
//   white-space: nowrap;
//   vertical-align: middle;
//   -ms-touch-action: manipulation;
//   touch-action: manipulation;
//   cursor: pointer;
//   -webkit-user-select: none;
//   -moz-user-select: none;
//   -ms-user-select: none;
//   user-select: none;
//   background-image: none;
//   border: 1px solid #ccc;
// }
// .sv_q_rating_item.active {
//   background-color: #d4d4d4;
//   border-color: #8c8c8c;
// }

// .sv_q_rating_item:hover {
//   background-color: #e6e6e6;
//   border-color: #adadad;
// }

// .sv_q_rating > .sv_q_rating_item input[type="radio"] {
//   position: absolute;
//   clip: rect(0px, 0px, 0px, 0px);
//   pointer-events: none;
// }

$main-color: #1ab394;
$main-hover-color: darken($main-color, 5%);
$header-background-color: #e7e7e7;
$body-container-background-color: #f4f4f4;
$body-background-color: white;
$text-color: #6d7072;
$error-color: #ed5565;
$error-background-color: lighten($error-color, 30%);

$header-height: 275px;
$font-size: 14px;

$base-line-height: 2em;

.sv_main {
  position: relative;
  width: 100%;
  background-color: $body-container-background-color;
  font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans",
    "Helvetica Neue", Arial, sans-serif;
  font-size: $font-size;

  hr {
    border: none;
    border-bottom: 1px solid $header-background-color;
  }

  input[type="button"],
  button {
    font-size: 0.85em;
    font-weight: bold;
    color: $body-background-color;
    line-height: $base-line-height;
    background-color: $main-color;
    border: none;
    min-width: 100px;
    cursor: pointer;
    padding: 0 2em;

    &:hover {
      background-color: $main-hover-color;
    }
  }

  .sv_custom_header {
    position: absolute;
    width: 100%;
    height: $header-height;
    background-color: $header-background-color;
  }
  .sv_container {
    max-width: 80%;
    margin: auto;
    position: relative;
    color: $text-color;
    padding: 0 1em;

    .sv_header {
      padding-top: 5em;
      padding-bottom: 1em;
      padding-left: 1em;
      padding-right: 1em;

      h3 {
        font-size: 2em;
        font-weight: 300;
        text-align: left;
        margin: 0;
      }
    }

    .sv_body {
      background-color: $body-background-color;
      padding: 1em 1em 5em 1em;
      border-top: 2px solid $main-color;

      .sv_progress {
        height: 0.3em;
        background-color: $header-background-color;

        .sv_progress_bar {
          height: 100%;
          background-color: $main-color;
          position: relative;
          margin-top: 2em;
          > span {
            position: absolute;
            top: -1.5em;
            display: inline-block;
          }
        }
      }

      .sv_p_root {
        .sv_page_title {
          font-size: 1em;
          margin-top: 0.1em;
          font-weight: normal;
        }

        .sv_p_title {
          font-weight: bold;
          font-size: 1.15em;
          margin: 1.5em 0 0 0;
        }

        & > .sv_row {
          border-bottom: 1px solid $header-background-color;
          padding: 0 1em;

          &:nth-child(odd) {
            background-color: $body-background-color;

            // .sv_q_matrix,
            // .sv_q_matrix_dropdown .sv_q_matrix_dynamic {
            //   > tbody > tr {
            //     &:nth-child(odd) {
            //       background-color: $body-container-background-color;
            //     }
            //     &:nth-child(even) {
            //       background-color: $body-background-color;
            //     }
            //   }
            // }

            // .sv_panel_dynamic {
            //   .sv_p_container {
            //     &:nth-child(odd) {
            //       background-color: $body-container-background-color;
            //     }
            //     &:nth-child(even) {
            //       background-color: $body-background-color;
            //     }
            //   }
            // }
          }
          &:nth-child(even) {
            background-color: $body-container-background-color;

            // .sv_q_matrix,
            // .sv_q_matrix_dropdown,
            // .sv_q_matrix_dynamic {
            //   > tbody > tr {
            //     &:nth-child(odd) {
            //       background-color: $body-background-color;
            //     }
            //     &:nth-child(even) {
            //       background-color: $body-container-background-color;
            //     }
            //   }
            // }

            // .sv_panel_dynamic {
            //   .sv_p_container {
            //     &:nth-child(odd) {
            //       background-color: $body-background-color;
            //     }
            //     &:nth-child(even) {
            //       background-color: $body-container-background-color;
            //     }
            //   }
            // }
          }
        }

        .sv_q_title {
          font-weight: bold;
          font-size: 1em;
          margin: 0.5em 0;
        }

        .sv_q_description {
          margin-top: -0.6em;
        }

        .sv_q {
          padding: 0.5em 1em 1.5em 1em;
          box-sizing: border-box;

          .sv_panel_dynamic {
            .sv_q_title {
              font-weight: normal;
            }
          }

          .sv_q_erbox:not([style*="display: none"]):not([style*="display:none"]) {
            border: 1px solid $error-color;
            background-color: $error-background-color;
            margin: 1em 0;
            color: $error-color;
            padding: 1em;

            & + input,
            & + textarea,
            & + .sv_select_wrapper select {
              border: 1px solid $error-color;
              &:focus {
                outline: $error-color auto 5px;
              }
            }
          }

          .sv_q_other input,
          input[type="text"],
          input[type="date"],
          input[type="color"],
          input[type="email"],
          input[type="number"],
          input[type="datetime"],
          input[type="datetime-local"],
          input[type="month"],
          input[type="password"],
          input[type="range"],
          input[type="tel"],
          input[type="time"],
          input[type="url"],
          input[type="week"],
          select,
          textarea {
            position: relative;
            width: 100%;
            box-sizing: border-box;
            border: 1px solid $header-background-color;
            font-size: 1em;
            line-height: $base-line-height;
            color: $text-color;
            padding-left: 1em;

            &:focus {
              border-color: $main-color;
              outline: none;
              border: 1px solid $main-color;
            }
          }

          .sv_select_wrapper {
            width: 100%;
            position: relative;
            display: inline-block;
            background-color: $body-background-color;

            select {
              display: block;
              background: transparent;
              appearance: none;
              -webkit-appearance: none;
              -moz-appearance: none;

              &::-ms-expand {
                display: none;
              }
            }

            &:before {
              padding: 1em;
              position: absolute;
              right: 1px;
              right: 0;
              top: 1px;
              background-image: url("./images/Down_34x34.svg");
              @include svg-icon();
            }
          }

          input[type="color"] {
            min-height: $base-line-height;
            padding: 0;
          }

          input[type="radio"],
          input[type="checkbox"] {
            margin: 0;
            margin-right: 0.55em;
            width: 1.2em;
            height: 1.2em;
            vertical-align: middle;
            font-size: 1em;
            margin-top: -0.1em;

            &:focus {
              outline: none;
            }
          }
          // .sv_q_radiogroup.sv_q_radiogroup_inline:not(:last-child) {
          //   margin-right: 1.5em;
          // }
          .sv_q_radiogroup,
          .sv_q_checkbox {
            & > label {
              white-space: nowrap;
            }
          }

          .sv_q_checkbox_inline,
          .sv_q_radiogroup_inline {
            line-height: $base-line-height;
          }

          .sv_q_footer {
            padding: 1em 0;
          }
        }

        table {
          width: 100%;
          border-collapse: collapse;

          &.sv_q_matrix,
          &.sv_q_matrix_dropdown,
          &.sv_q_matrix_dynamic {
            .sv_q_checkbox_label,
            .sv_q_radiogroup_label {
              margin-right: 1.5em;
            }
            tr {
              border-bottom: 1px solid $header-background-color;
{'fraction_non_alphanumeric': 0.1468128439571868, 'fraction_numerical': 0.022533258222472593, 'mean_word_length': 1.4535402934297257, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 23, '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': '6762535', 'n_tokens_mistral': 8227, 'n_tokens_neox': 7708, 'n_words': 1365}