/* line 4, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet-index__header {
  display: grid;
  margin-bottom: 1rem;
}

/* line 8, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet-index__header .title {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
}

/* line 13, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet-index__header .title h1 {
  margin-right: 1rem;
}

/* line 18, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet-index__header .filter-form {
  display: grid;
  grid-row-gap: 0.5rem;
}

/* line 22, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet-index__header .filter-form .filter-row {
  display: grid;
  grid-template-columns: 120px repeat(5, 2.25fr);
}

/* line 26, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet-index__header .filter-form .filter-row--ids {
  display: flex;
  flex-flow: row wrap;
}

/* line 30, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet-index__header .filter-form .filter-row--ids :not(:first-child) {
  margin-left: 1rem;
}

/* line 34, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet-index__header .filter-form .filter-row--ids .input {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/* line 39, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet-index__header .filter-form .filter-row--ids .input label {
  margin-right: 0.5rem;
}

/* line 43, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet-index__header .filter-form .filter-row--ids .input input {
  max-width: 8rem;
}

/* line 50, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet-index__header .filter-form .radio,
.backoffice-answer-sheet-index__header .filter-form select#test_type_id {
  margin-right: 1rem;
}

/* line 55, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet-index__header .filter-form .radio label {
  font-weight: normal;
  font-family: var(--fontStack);
}

/* line 60, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet-index__header .filter-form .button {
  margin-top: 0.5rem;
  max-width: 260px;
}

/* line 69, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet__header {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
}

/* line 74, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet__header .title {
  margin-right: 1rem;
}

/* line 80, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet .answer-sheet-raw-answers__header {
  display: flex;
}

/* line 83, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet .answer-sheet-raw-answers__header h2 {
  margin: 0 1rem 0 0;
}

/* line 89, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet .score-table {
  display: grid;
}

/* line 92, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet .score-table__questions, .backoffice-answer-sheet .score-table__section {
  display: grid;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 98, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet .score-table__questions__name, .backoffice-answer-sheet .score-table__section__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 104, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet .score-table__questions .icon, .backoffice-answer-sheet .score-table__section .icon {
  color: var(--accent);
  fill: var(--accent);
}

/* line 109, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet .score-table__questions li, .backoffice-answer-sheet .score-table__section li {
  height: 2rem;
  margin: 0;
  padding-left: 1rem;
}

/* line 114, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet .score-table__questions li:nth-child(even), .backoffice-answer-sheet .score-table__section li:nth-child(even) {
  background-color: var(--bgAlt);
}

/* line 121, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet .multi-part-attachments {
  list-style-type: none;
  margin: 0;
  padding-left: 1rem;
}

/* line 126, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet .multi-part-attachments__item {
  display: flex;
  margin-bottom: 1rem;
  align-items: baseline;
  scroll-margin-top: 1rem;
}

/* line 132, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet .multi-part-attachments__item__label {
  margin-right: 1rem;
}

/* line 140, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet-edit__header {
  align-items: baseline;
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: minmax(auto, 420px) 4rem;
  margin-bottom: 1rem;
}

/* line 148, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet-edit__header .title h1,
.backoffice-answer-sheet-edit__header .title h2 {
  margin: 0;
}

/* line 155, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet-edit__form-fields {
  padding: 1rem 0;
}

/* line 4, app/assets/stylesheets/mixins/form.scss */
.backoffice-answer-sheet-edit__form-fields .inline-field {
  display: flex;
  margin-bottom: 0.5rem;
}

/* line 8, app/assets/stylesheets/mixins/form.scss */
.backoffice-answer-sheet-edit__form-fields .inline-field label {
  flex: 0 0 140px;
  padding-right: 0.5rem;
  text-align: right;
}

@media (max-width: 480px) {
  /* line 4, app/assets/stylesheets/mixins/form.scss */
  .backoffice-answer-sheet-edit__form-fields .inline-field {
    flex-direction: column;
  }
  /* line 17, app/assets/stylesheets/mixins/form.scss */
  .backoffice-answer-sheet-edit__form-fields .inline-field label {
    flex-basis: auto;
    text-align: left;
  }
}

/* line 158, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet-edit__form-fields .radio-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 1rem;
}

@media screen and (max-width: 480px) {
  /* line 158, app/assets/stylesheets/back_office/answer_sheets.scss */
  .backoffice-answer-sheet-edit__form-fields .radio-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* line 169, app/assets/stylesheets/back_office/answer_sheets.scss */
.backoffice-answer-sheet-edit__actions {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 1rem 0;
}

/* line 31, app/assets/stylesheets/mixins/form.scss */
.backoffice-answer-sheet-edit__actions .button {
  margin: 0 0.5rem;
}
/* line 4, app/assets/stylesheets/back_office/components.scss */
.back-office table {
  margin-bottom: 0;
  width: 100%;
}

/* line 9, app/assets/stylesheets/mixins/table.scss */
.back-office table th,
.back-office table td {
  border-top: 1px solid var(--hr);
  line-height: 20px;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}

/* line 17, app/assets/stylesheets/mixins/table.scss */
.back-office table th {
  font-weight: bold;
}

/* line 21, app/assets/stylesheets/mixins/table.scss */
.back-office table thead th {
  vertical-align: bottom;
}

/* line 25, app/assets/stylesheets/mixins/table.scss */
.back-office table caption + thead tr:first-child th,
.back-office table caption + thead tr:first-child td,
.back-office table colgroup + thead tr:first-child th,
.back-office table colgroup + thead tr:first-child td,
.back-office table thead:first-child tr:first-child th,
.back-office table thead:first-child tr:first-child td {
  border-top: 0;
}

/* line 34, app/assets/stylesheets/mixins/table.scss */
.back-office table tbody + tbody {
  border-top: 2px solid var(--hr);
}

/* line 42, app/assets/stylesheets/mixins/table.scss */
.back-office table tr td ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 480px) {
  /* line 50, app/assets/stylesheets/mixins/table.scss */
  .back-office table tr {
    border-top: 1px solid var(--hr);
    display: flex;
    flex-direction: column;
    margin: 8px auto 0;
    padding: 8px 0 0;
  }
  /* line 58, app/assets/stylesheets/mixins/table.scss */
  .back-office table thead tr {
    border-top: none;
    padding: 0;
  }
  /* line 63, app/assets/stylesheets/mixins/table.scss */
  .back-office table th,
.back-office table td {
    border-top: none;
    box-sizing: border-box;
    padding: 2px 8px;
    width: 100% !important;
  }
}

/* line 9, app/assets/stylesheets/back_office/components.scss */
.back-office .alert {
  border: 1px solid transparent;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
}

/* line 15, app/assets/stylesheets/back_office/components.scss */
.back-office .alert--error {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
}

/* line 21, app/assets/stylesheets/back_office/components.scss */
.back-office .alert--notice {
  background-color: var(--disabled);
}

/* line 26, app/assets/stylesheets/back_office/components.scss */
.back-office .inline-header {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 32, app/assets/stylesheets/back_office/components.scss */
.back-office .flash {
  --flashColor: var(--primary);
  box-sizing: border-box;
  padding: 0.85rem 1.15rem;
  width: 100%;
  border-left: 0.25rem solid var(--flashColor);
  background-color: var(--bgAlt);
}

/* line 41, app/assets/stylesheets/back_office/components.scss */
.back-office .flash--error {
  --flashColor: var(--error);
}

/* line 44, app/assets/stylesheets/back_office/components.scss */
.back-office .flash--success {
  --flashColor: var(--accent);
}

/* line 50, app/assets/stylesheets/back_office/components.scss */
.icon-actions {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  margin: 0;
  padding: 0;
}

/* line 57, app/assets/stylesheets/back_office/components.scss */
.icon-actions li {
  display: flex;
  list-style-type: none;
  margin: 0 0.25rem;
}

/* line 63, app/assets/stylesheets/back_office/components.scss */
.icon-actions .button_to {
  margin-bottom: 0;
}
/* line 2, app/assets/stylesheets/back_office/layout.scss */
.back-office__menu {
  background-color: var(--bgAlt);
  margin: 0;
  padding: 0 0.5rem;
}

/* line 7, app/assets/stylesheets/back_office/layout.scss */
.back-office__menu__spacer {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: auto;
  max-width: 72rem;
  min-height: 4rem;
}

/* line 16, app/assets/stylesheets/back_office/layout.scss */
.back-office__menu__spacer .site-title {
  color: var(--textNormal);
  font-size: 1.25rem;
  font-weight: bold;
  text-decoration: none;
}

/* line 22, app/assets/stylesheets/back_office/layout.scss */
.back-office__menu__spacer .site-title:visited {
  color: var(--textNormal);
}

/* line 28, app/assets/stylesheets/back_office/layout.scss */
.back-office__menu__spacer nav ul {
  display: flex;
  flex-direction: row wrap;
  list-style: none;
}

/* line 33, app/assets/stylesheets/back_office/layout.scss */
.back-office__menu__spacer nav ul li {
  margin-left: 1rem;
}

/* line 36, app/assets/stylesheets/back_office/layout.scss */
.back-office__menu__spacer nav ul li a,
.back-office__menu__spacer nav ul li a:visited {
  box-shadow: 0 1px 0 0 currentColor;
  color: var(--textNormal);
  text-decoration: none;
}

/* line 42, app/assets/stylesheets/back_office/layout.scss */
.back-office__menu__spacer nav ul li a:hover, .back-office__menu__spacer nav ul li a:active,
.back-office__menu__spacer nav ul li a:visited:hover,
.back-office__menu__spacer nav ul li a:visited:active {
  box-shadow: none;
  outline-width: 0;
}

/* line 54, app/assets/stylesheets/back_office/layout.scss */
.back-office__page-wrap {
  margin: auto;
  max-width: 72rem;
  padding: 2.625rem 1.3125rem;
}
/* line 30, app/assets/stylesheets/back_office/test_types.scss */
.backoffice-test-type__header,
.backoffice-test-type-index__header {
  display: flex;
  align-items: center;
}

/* line 34, app/assets/stylesheets/back_office/test_types.scss */
.backoffice-test-type__header .title,
.backoffice-test-type-index__header .title {
  margin-right: 1rem;
}

/* line 38, app/assets/stylesheets/back_office/test_types.scss */
.backoffice-test-type__header .actions,
.backoffice-test-type-index__header .actions {
  list-style-type: none;
  display: flex;
  align-items: center;
}

/* line 43, app/assets/stylesheets/back_office/test_types.scss */
.backoffice-test-type__header .actions .action,
.backoffice-test-type-index__header .actions .action {
  border-radius: 0.5rem;
  background-color: var(--accent);
  padding: 0.25rem 0.5rem;
}

/* line 48, app/assets/stylesheets/back_office/test_types.scss */
.backoffice-test-type__header .actions .action a,
.backoffice-test-type__header .actions .action a:visited,
.backoffice-test-type-index__header .actions .action a,
.backoffice-test-type-index__header .actions .action a:visited {
  color: var(--bgAlt);
  font-size: 0.8rem;
  font-weight: bold;
  text-decoration: none;
}

/* line 61, app/assets/stylesheets/back_office/test_types.scss */
.backoffice-test-type__body {
  display: grid;
  grid-template-columns: 1fr 5fr;
  grid-template-areas: "sidebar main";
  grid-template-rows: auto;
  grid-gap: 2rem;
  align-items: flex-start;
}

/* line 8, app/assets/stylesheets/back_office/test_types.scss */
.backoffice-test-type__body > * {
  min-width: 0;
}

/* line 12, app/assets/stylesheets/back_office/test_types.scss */
.backoffice-test-type__body .main {
  grid-area: main;
}

/* line 15, app/assets/stylesheets/back_office/test_types.scss */
.backoffice-test-type__body .sidebar {
  grid-area: sidebar;
}

@media (max-width: 660px) {
  /* line 61, app/assets/stylesheets/back_office/test_types.scss */
  .backoffice-test-type__body {
    grid-template-columns: 1fr;
    grid-template-areas: "sidebar" "main";
    grid-gap: 0;
  }
}

/* line 65, app/assets/stylesheets/back_office/test_types.scss */
.backoffice-test-type__body .sidebar h2 {
  margin: 0;
}

/* line 68, app/assets/stylesheets/back_office/test_types.scss */
.backoffice-test-type__body .sidebar .test-sections-list {
  margin: 0;
  padding: 0.5rem;
  list-style-type: none;
}

/* line 73, app/assets/stylesheets/back_office/test_types.scss */
.backoffice-test-type__body .sidebar .test-sections-list__item {
  margin-bottom: 0.5rem;
}

/* line 76, app/assets/stylesheets/back_office/test_types.scss */
.backoffice-test-type__body .sidebar .test-sections-list__item h3,
.backoffice-test-type__body .sidebar .test-sections-list__item p {
  margin: 0;
}
/* line 4, app/assets/stylesheets/back_office/user_packages.scss */
.backoffice-user-package-form__header {
  display: flex;
  align-items: center;
}

/* line 8, app/assets/stylesheets/back_office/user_packages.scss */
.backoffice-user-package-form__header .title {
  margin-right: 1rem;
}

/* line 13, app/assets/stylesheets/back_office/user_packages.scss */
.backoffice-user-package-form__form-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 2rem;
  align-items: flex-start;
  margin-bottom: 4rem;
}

@media (max-width: 660px) {
  /* line 13, app/assets/stylesheets/back_office/user_packages.scss */
  .backoffice-user-package-form__form-fields {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}

/* line 49, app/assets/stylesheets/mixins/form.scss */
.backoffice-user-package-form__form-fields .grid-group--full-width {
  grid-column: 1 / span 2;
}

/* line 17, app/assets/stylesheets/back_office/user_packages.scss */
.backoffice-user-package-form__form-fields .grid-group {
  border: 2px var(--hr) solid;
  border-radius: 0.5rem;
  padding: 1rem;
  height: 100%;
}

/* line 24, app/assets/stylesheets/back_office/user_packages.scss */
.backoffice-user-package-form__form-fields .hint {
  display: block;
}

/* line 29, app/assets/stylesheets/back_office/user_packages.scss */
.backoffice-user-package-form__actions {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 1rem 0;
}

/* line 31, app/assets/stylesheets/mixins/form.scss */
.backoffice-user-package-form__actions .button {
  margin: 0 0.5rem;
}
/* line 6, app/assets/stylesheets/back_office/users.scss */
.backoffice-user__header,
.backoffice-user-index__header,
.backoffice-user-form__header {
  display: flex;
  align-items: center;
}

/* line 10, app/assets/stylesheets/back_office/users.scss */
.backoffice-user__header .title,
.backoffice-user-index__header .title,
.backoffice-user-form__header .title {
  margin-right: 1rem;
}

/* line 17, app/assets/stylesheets/back_office/users.scss */
.backoffice-user-index .filter-form {
  align-items: flex-end;
  display: grid;
  grid-template-columns: 250px 100px;
  grid-gap: 0.5rem;
  margin-bottom: 1rem;
}

/* line 24, app/assets/stylesheets/back_office/users.scss */
.backoffice-user-index .filter-form .email {
  width: 100%;
}

/* line 32, app/assets/stylesheets/back_office/users.scss */
.backoffice-user__main section {
  margin-bottom: 1rem;
}

/* line 39, app/assets/stylesheets/back_office/users.scss */
.backoffice-user-form__form-fields {
  padding: 1rem 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 2rem;
  align-items: flex-start;
}

/* line 4, app/assets/stylesheets/mixins/form.scss */
.backoffice-user-form__form-fields .inline-field {
  display: flex;
  margin-bottom: 0.5rem;
}

/* line 8, app/assets/stylesheets/mixins/form.scss */
.backoffice-user-form__form-fields .inline-field label {
  flex: 0 0 140px;
  padding-right: 0.5rem;
  text-align: right;
}

@media (max-width: 480px) {
  /* line 4, app/assets/stylesheets/mixins/form.scss */
  .backoffice-user-form__form-fields .inline-field {
    flex-direction: column;
  }
  /* line 17, app/assets/stylesheets/mixins/form.scss */
  .backoffice-user-form__form-fields .inline-field label {
    flex-basis: auto;
    text-align: left;
  }
}

@media (max-width: 660px) {
  /* line 39, app/assets/stylesheets/back_office/users.scss */
  .backoffice-user-form__form-fields {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}

/* line 49, app/assets/stylesheets/mixins/form.scss */
.backoffice-user-form__form-fields .grid-group--full-width {
  grid-column: 1 / span 2;
}

/* line 43, app/assets/stylesheets/back_office/users.scss */
.backoffice-user-form__form-fields .input {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}

/* line 51, app/assets/stylesheets/back_office/users.scss */
.backoffice-user-form__form-fields select {
  min-width: 184px;
}

/* line 55, app/assets/stylesheets/back_office/users.scss */
.backoffice-user-form__form-fields .radio_buttons {
  display: flex;
  flex-flow: row wrap;
}

/* line 59, app/assets/stylesheets/back_office/users.scss */
.backoffice-user-form__form-fields .radio_buttons label.radio_buttons {
  flex-basis: 100%;
}

/* line 63, app/assets/stylesheets/back_office/users.scss */
.backoffice-user-form__form-fields .radio_buttons .radio {
  text-align: left;
  padding: 0 0.5rem;
  font-weight: normal;
  flex: 1 0 10rem;
}

/* line 69, app/assets/stylesheets/back_office/users.scss */
.backoffice-user-form__form-fields .radio_buttons .radio label {
  /* simple form inputs wrapped by label */
  display: flex;
  align-items: center;
  font-weight: normal;
}

/* line 79, app/assets/stylesheets/back_office/users.scss */
.backoffice-user-form__actions {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 1rem 0;
}

/* line 31, app/assets/stylesheets/mixins/form.scss */
.backoffice-user-form__actions .button {
  margin: 0 0.5rem;
}
/* line 1, app/assets/stylesheets/buttons.scss */
button:focus {
  outline: none;
}

/* line 5, app/assets/stylesheets/buttons.scss */
button:disabled {
  background-color: var(--disabled);
  cursor: not-allowed;
}

/* line 10, app/assets/stylesheets/buttons.scss */
.small-button {
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  padding: 0.25rem 0.5rem;
  width: inherit;
}

/* line 19, app/assets/stylesheets/buttons.scss */
.link-button:visited {
  color: var(--dark);
}

/* line 23, app/assets/stylesheets/buttons.scss */
button,
.btn,
.button,
.link-button {
  background-color: var(--accent);
  background-size: 2rem 2rem;
  border-color: var(--accent);
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: var(--dark);
  cursor: pointer;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.25;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
  text-indent: 0;
  text-rendering: auto;
  text-shadow: none;
  text-transform: none;
  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
  white-space: nowrap;
  word-spacing: normal;
}

/* line 50, app/assets/stylesheets/buttons.scss */
button:hover, button[aria-expanded="true"], button--isSubmitting,
.btn:hover,
.btn[aria-expanded="true"],
.btn--isSubmitting,
.button:hover,
.button[aria-expanded="true"],
.button--isSubmitting,
.link-button:hover,
.link-button[aria-expanded="true"],
.link-button--isSubmitting {
  animation: shimmer 2.8s linear infinite;
  background-color: var(--accent);
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
  border-color: var(--accent);
  box-shadow: none;
  outline: none;
}

/* line 70, app/assets/stylesheets/buttons.scss */
button--danger,
.btn--danger,
.button--danger,
.link-button--danger {
  background-color: var(--danger);
  border-color: var(--danger);
  color: var(--textInvert);
}

/* line 75, app/assets/stylesheets/buttons.scss */
button--danger:hover,
button--danger .button--isSubmitting,
.btn--danger:hover,
.btn--danger .button--isSubmitting,
.button--danger:hover,
.button--danger .button--isSubmitting,
.link-button--danger:hover,
.link-button--danger .button--isSubmitting {
  background-color: var(--danger);
}

/* line 81, app/assets/stylesheets/buttons.scss */
button:disabled, button--disabled,
.btn:disabled,
.btn--disabled,
.button:disabled,
.button--disabled,
.link-button:disabled,
.link-button--disabled {
  background-color: var(--disabled);
  border-color: var(--disabled);
  cursor: default;
}

/* line 87, app/assets/stylesheets/buttons.scss */
button:disabled:hover,
button:disabled .button--isSubmitting, button--disabled:hover,
button--disabled .button--isSubmitting,
.btn:disabled:hover,
.btn:disabled .button--isSubmitting,
.btn--disabled:hover,
.btn--disabled .button--isSubmitting,
.button:disabled:hover,
.button:disabled .button--isSubmitting,
.button--disabled:hover,
.button--disabled .button--isSubmitting,
.link-button:disabled:hover,
.link-button:disabled .button--isSubmitting,
.link-button--disabled:hover,
.link-button--disabled .button--isSubmitting {
  animation: none;
  background-color: var(--disabled);
  background-image: none;
  border-color: var(--disabled);
}

/* line 96, app/assets/stylesheets/buttons.scss */
button.warning,
.btn.warning,
.button.warning,
.link-button.warning {
  background-color: var(--primary);
  border-color: var(--primary);
}

/* line 100, app/assets/stylesheets/buttons.scss */
button.warning:hover,
button.warning .button--isSubmitting,
.btn.warning:hover,
.btn.warning .button--isSubmitting,
.button.warning:hover,
.button.warning .button--isSubmitting,
.link-button.warning:hover,
.link-button.warning .button--isSubmitting {
  background-color: var(--primary);
}

@keyframes shimmer {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 2rem 4rem;
  }
}
/* line 1, app/assets/stylesheets/components.scss */
.bs-like-warning-alert {
  color: #664e05;
  background-color: #fff7db;
  border: 1px solid #fee495;
  border-radius: 4px;
  padding: 1rem;
  margin-bottom: 1rem;
}

/* line 6, app/assets/stylesheets/components.scss */
.bs-like-warning-alert a, .bs-like-warning-alert a:visited {
  color: #8f6b00;
}

/* line 14, app/assets/stylesheets/components.scss */
.validated-child-bg:has(:invalid, .field_with_errors) {
  background-color: rgba(255, 0, 0, 0.2);
}
/* direct_uploads.css */
/* line 3, app/assets/stylesheets/directUploads.scss */
.direct-upload {
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  border-radius: 3px;
  display: inline-block;
  line-height: 1.25;
  margin: 0 3px 3px 0;
  padding: 0.5rem 0.75rem;
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

/* line 16, app/assets/stylesheets/directUploads.scss */
.direct-upload--pending {
  opacity: 0.6;
}

/* line 20, app/assets/stylesheets/directUploads.scss */
.direct-upload__progress {
  background: var(--accent);
  bottom: 0;
  color: var(--textTitle);
  left: 0;
  opacity: 0.2;
  position: absolute;
  top: 0;
  transform: translate3d(0, 0, 0);
  transition: width 120ms ease-out, opacity 60ms 60ms ease-in;
}

/* line 32, app/assets/stylesheets/directUploads.scss */
.direct-upload--complete .direct-upload__progress {
  opacity: 0.4;
}

/* line 36, app/assets/stylesheets/directUploads.scss */
.direct-upload--error {
  border-color: red;
}

/* line 40, app/assets/stylesheets/directUploads.scss */
input[type="file"][data-direct-upload-url][disabled] {
  display: none;
}

/* line 44, app/assets/stylesheets/directUploads.scss */
.direct-upload__progress-label {
  position: absolute;
  right: 0.75rem;
}
/* Proxima Nova - Regular */
@font-face {
  font-display: swap;
  font-family: "Proxima Nova";
  src: url(/fonts/proxima-nova-reg.woff2) format("woff2"),
    url(/fonts/proxima-nova-reg.woff) format("woff"),
    url(/fonts/proxima-nova-reg.otf) format("opentype");
  font-style: normal;
  font-weight: normal; /* 400 */
}

/* Futura - Bold */
@font-face {
  font-display: swap;
  font-family: "Futura";
  src: url(/fonts/futura-bold.woff2) format("woff2"),
    url(/fonts/futura-bold.woff) format("woff"),
    url(/fonts/futura-bold.ttf) format("truetype");
  font-style: normal;
  font-weight: bold; /* 600 */
}
/* line 3, app/assets/stylesheets/forms.scss */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
select {
  background-color: white;
  background-color: var(--bgAlt);
  border-color: #cccccc;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  box-sizing: border-box;
  color: var(--textNormal);
  cursor: default;
  font-size: var(--builderTextSize);
  line-height: 1.5;
  min-height: 36px;
  outline: 0 !important;
  padding: 2px 8px;
  position: relative;
  transition: all 100ms;
}

/* line 38, app/assets/stylesheets/forms.scss */
textarea:disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="date"]:disabled,
input[type="month"]:disabled,
input[type="time"]:disabled,
input[type="week"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type="url"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="color"]:disabled,
.uneditable-input:disabled,
select:disabled {
  background-color: #f2f2f2;
  border-color: #e6e6e6;
  cursor: not-allowed;
}

/* line 43, app/assets/stylesheets/forms.scss */
textarea:disabled::placeholder,
input[type="text"]:disabled::placeholder,
input[type="password"]:disabled::placeholder,
input[type="datetime"]:disabled::placeholder,
input[type="datetime-local"]:disabled::placeholder,
input[type="date"]:disabled::placeholder,
input[type="month"]:disabled::placeholder,
input[type="time"]:disabled::placeholder,
input[type="week"]:disabled::placeholder,
input[type="number"]:disabled::placeholder,
input[type="email"]:disabled::placeholder,
input[type="url"]:disabled::placeholder,
input[type="search"]:disabled::placeholder,
input[type="tel"]:disabled::placeholder,
input[type="color"]:disabled::placeholder,
.uneditable-input:disabled::placeholder,
select:disabled::placeholder {
  color: #cccccc;
}

/* line 48, app/assets/stylesheets/forms.scss */
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="date"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
input[type="number"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="color"]:hover,
.uneditable-input:hover,
select:hover {
  border-color: #b3b3b3;
}

/* line 52, app/assets/stylesheets/forms.scss */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
select:focus {
  background-color: var(--bgAlt);
  border-color: var(--accent);
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 0 0 1px var(--accent);
  box-sizing: border-box;
  cursor: default;
  outline: 0 !important;
  position: relative;
  transition: all 100ms;
}

/* line 67, app/assets/stylesheets/forms.scss */
textarea:invalid:focus,
input[type="text"]:invalid:focus,
input[type="password"]:invalid:focus,
input[type="datetime"]:invalid:focus,
input[type="datetime-local"]:invalid:focus,
input[type="date"]:invalid:focus,
input[type="month"]:invalid:focus,
input[type="time"]:invalid:focus,
input[type="week"]:invalid:focus,
input[type="number"]:invalid:focus,
input[type="email"]:invalid:focus,
input[type="url"]:invalid:focus,
input[type="search"]:invalid:focus,
input[type="tel"]:invalid:focus,
input[type="color"]:invalid:focus,
.uneditable-input:invalid:focus,
select:invalid:focus {
  border-color: var(--error);
  box-shadow: 0 0 0 1px var(--error);
  color: var(--textNormal);
}

/* line 76, app/assets/stylesheets/forms.scss */
form .error {
  color: var(--error);
  margin-left: 0.5rem;
}

/* line 82, app/assets/stylesheets/forms.scss */
.form-container {
  background-color: var(--bgAlt);
  border-radius: 4px;
  margin: 0 auto;
  padding: 1rem;
}

/* line 88, app/assets/stylesheets/forms.scss */
.form-container header {
  align-content: space-between;
  display: flex;
  flex-flow: row wrap;
}

/* line 93, app/assets/stylesheets/forms.scss */
.form-container header h1 {
  margin: 0 0.5rem 0 0;
}

/* line 99, app/assets/stylesheets/forms.scss */
fieldset {
  border: none;
}
/* line 2, app/assets/stylesheets/icons.scss */
.icon.clipboard {
  cursor: pointer;
}
/* line 2, app/assets/stylesheets/me/components.scss */
.me hr {
  margin: 1.5rem auto;
}

/* line 6, app/assets/stylesheets/me/components.scss */
.me .inline-header {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 12, app/assets/stylesheets/me/components.scss */
.me .flash {
  --flashColor: var(--primary);
  box-sizing: border-box;
  padding: 0.85rem 1.15rem;
  width: 100%;
  border-left: 0.25rem solid var(--flashColor);
  background-color: var(--bgAlt);
}

/* line 21, app/assets/stylesheets/me/components.scss */
.me .flash--error {
  --flashColor: var(--error);
}

/* line 24, app/assets/stylesheets/me/components.scss */
.me .flash--success {
  --flashColor: var(--accent);
}
/* line 1, app/assets/stylesheets/me/layout.scss */
.me {
  --sidebarWidth: 240px;
  margin: auto;
  max-width: 1280px;
}

/* line 7, app/assets/stylesheets/me/layout.scss */
.me__page-wrap {
  display: grid;
}

/* line 10, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .main-header {
  align-items: center;
  background-color: var(--bgAlt);
  display: flex;
  justify-content: space-between;
}

/* line 16, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .main-header__logo-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

/* line 22, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .main-header__logo-wrapper #toggle-nav-button {
  margin-left: 1rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

/* line 29, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .main-header__logo-wrapper .site-title {
  display: flex;
  align-items: center;
  height: 4rem;
  justify-content: center;
  color: var(--textNormal);
  text-decoration: none;
}

/* line 37, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .main-header__logo-wrapper .site-title:visited {
  color: var(--textNormal);
}

/* line 43, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .main-header__top-menu {
  background-color: var(--bgAlt);
  height: 4rem;
  margin: 0;
  padding: 0 0.5rem;
}

/* line 49, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .main-header__top-menu__spacer {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  margin: auto;
  min-height: 4rem;
}

/* line 58, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .main-header__top-menu__spacer .navigation ul {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 66, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .main-header__top-menu__spacer .navigation ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

/* line 71, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .main-header__top-menu__spacer .navigation ul li::after {
  content: "";
  margin: 0 1rem;
}

/* line 76, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .main-header__top-menu__spacer .navigation ul li.avatar {
  background-color: var(--accent);
  border-radius: 1rem;
  color: var(--bgAlt);
  margin-right: 1rem;
  padding: 0 1rem;
}

/* line 83, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .main-header__top-menu__spacer .navigation ul li.avatar:hover, .me__page-wrap .main-header__top-menu__spacer .navigation ul li.avatar--active {
  text-decoration: underline;
  border: 1px solid var(--textNormal);
}

/* line 89, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .main-header__top-menu__spacer .navigation ul li.avatar::after {
  margin: 0;
}

/* line 94, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .main-header__top-menu__spacer .navigation ul li a {
  color: var(--textNormal);
  text-decoration: none;
}

/* line 97, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .main-header__top-menu__spacer .navigation ul li a:hover {
  text-decoration: underline;
}

/* line 108, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .sidebar {
  background-color: var(--bgAlt);
  padding-right: 1.5rem;
}

/* line 112, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .sidebar__navigation {
  display: none;
  margin-bottom: 0.5rem;
}

/* line 116, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .sidebar__navigation--open {
  display: block;
}

/* line 120, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .sidebar__navigation__links {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 125, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .sidebar__navigation__links .link-container {
  display: block;
  outline: none;
  position: relative;
  text-decoration: none;
}

/* line 131, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .sidebar__navigation__links .link-container__link {
  align-items: center;
  background-color: var(--bgAlt);
  border-bottom-right-radius: 1rem;
  border-top-right-radius: 1rem;
  color: var(--textNormal);
  display: flex;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  text-decoration: none;
}

/* line 141, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .sidebar__navigation__links .link-container__link:hover {
  background-color: var(--bg);
}

/* line 145, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .sidebar__navigation__links .link-container__link .icon {
  color: var(--textNormal);
  height: 1.25rem;
  margin-left: 1px;
  margin-right: 1.25rem;
  min-width: 1.25rem;
  width: 1.25rem;
}

/* line 159, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .sidebar__navigation__links .link-container--is-active .link-container__link {
  background-color: var(--bg);
}

/* line 162, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .sidebar__navigation__links .link-container--is-active .link-container__link::before {
  background-color: var(--primary);
  bottom: 0;
  content: "";
  height: 40px;
  left: 0;
  position: absolute;
  top: 0;
  width: 4px;
}

/* line 173, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .sidebar__navigation__links .link-container--is-active .link-container__link .icon {
  fill: var(--accent);
}

/* line 184, app/assets/stylesheets/me/layout.scss */
.me__page-wrap .main__content {
  height: calc(100vh - 4rem);
  overflow: scroll;
  padding: 0.5rem 2rem 6rem;
  scroll-behavior: smooth;
}

@media screen and (min-width: 600px) {
  /* line 194, app/assets/stylesheets/me/layout.scss */
  .me__page-wrap {
    grid-template-areas: "header header" "sidebar main";
    grid-template-columns: var(--sidebarWidth) 1fr;
  }
  /* line 200, app/assets/stylesheets/me/layout.scss */
  .me__page-wrap .main-header {
    grid-area: header;
  }
  /* line 203, app/assets/stylesheets/me/layout.scss */
  .me__page-wrap .main-header__logo-wrapper {
    border-right: 1px solid var(--hr);
    min-width: var(--sidebarWidth);
  }
  /* line 207, app/assets/stylesheets/me/layout.scss */
  .me__page-wrap .main-header__logo-wrapper #toggle-nav-button {
    display: none;
  }
  /* line 213, app/assets/stylesheets/me/layout.scss */
  .me__page-wrap .sidebar {
    border-right: 1px solid var(--hr);
    grid-area: sidebar;
    min-height: 100vh;
  }
  /* line 218, app/assets/stylesheets/me/layout.scss */
  .me__page-wrap .sidebar__navigation {
    display: block;
  }
  /* line 222, app/assets/stylesheets/me/layout.scss */
  .me__page-wrap .sidebar__navigation__links .link-container {
    margin-bottom: 1rem;
  }
  /* line 229, app/assets/stylesheets/me/layout.scss */
  .me__page-wrap .main {
    grid-area: main;
  }
}
/* line 1, app/assets/stylesheets/me/main.scss */
.welcome-message {
  max-width: 560px;
}
/* line 1, app/assets/stylesheets/me/scores.scss */
.no-results-image {
  height: auto;
  max-width: 24rem;
  width: 100%;
}

/* line 7, app/assets/stylesheets/me/scores.scss */
.score-reports-table {
  min-width: 660px;
}

/* line 10, app/assets/stylesheets/me/scores.scss */
.score-reports-table thead {
  display: none;
}

/* line 13, app/assets/stylesheets/me/scores.scss */
.score-reports-table thead th {
  padding: 0.5rem 1rem;
  text-align: left;
}

/* line 21, app/assets/stylesheets/me/scores.scss */
.score-reports-table tbody tr td {
  background-color: var(--bgAlt);
  padding: 0.5rem 1rem;
}

/* line 26, app/assets/stylesheets/me/scores.scss */
.score-reports-table tbody .score-report {
  text-align: center;
}
/* line 2, app/assets/stylesheets/me/settings.scss */
.settings-form .field-group {
  margin: 1rem 0;
}

/* line 6, app/assets/stylesheets/me/settings.scss */
.settings-form label {
  display: block;
}

/* line 12, app/assets/stylesheets/me/settings.scss */
.settings-form select {
  min-width: 184px;
}
/* line 1, app/assets/stylesheets/me/tests.scss */
.scheduled-test-table,
.test-type-progress-table {
  min-width: 660px;
}

/* line 6, app/assets/stylesheets/me/tests.scss */
.scheduled-test-table thead th,
.test-type-progress-table thead th {
  padding: 0.5rem 1rem;
  text-align: left;
}

/* line 12, app/assets/stylesheets/me/tests.scss */
.scheduled-test-table tbody,
.test-type-progress-table tbody {
  background: var(--bgAlt);
  vertical-align: baseline;
}

/* line 17, app/assets/stylesheets/me/tests.scss */
.scheduled-test-table tbody tr td,
.test-type-progress-table tbody tr td {
  padding: 0.5rem 1rem;
}

/* line 21, app/assets/stylesheets/me/tests.scss */
.scheduled-test-table tbody tr .activity,
.test-type-progress-table tbody tr .activity {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  grid-row-gap: 1rem;
}

/* line 28, app/assets/stylesheets/me/tests.scss */
.scheduled-test-table tbody tr .open-actions,
.test-type-progress-table tbody tr .open-actions {
  display: inline-flex;
}

/* line 32, app/assets/stylesheets/me/tests.scss */
.scheduled-test-table tbody tr .extra-test-actions,
.test-type-progress-table tbody tr .extra-test-actions {
  grid-column: 1/-1;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 38, app/assets/stylesheets/me/tests.scss */
.scheduled-test-table tbody tr .extra-test-actions li:not(:first-of-type),
.test-type-progress-table tbody tr .extra-test-actions li:not(:first-of-type) {
  margin-top: 1rem;
}

/* line 43, app/assets/stylesheets/me/tests.scss */
.scheduled-test-table tbody tr .actions,
.test-type-progress-table tbody tr .actions {
  width: 140px;
}

/* line 47, app/assets/stylesheets/me/tests.scss */
.scheduled-test-table tbody .score-report,
.test-type-progress-table tbody .score-report {
  text-align: center;
}

/* line 56, app/assets/stylesheets/me/tests.scss */
.me .schedule-test-form .field-group,
.me .reschedule-test-form .field-group {
  margin: 1rem 0;
}

/* line 60, app/assets/stylesheets/me/tests.scss */
.me .schedule-test-form label,
.me .reschedule-test-form label {
  display: block;
}

/* line 65, app/assets/stylesheets/me/tests.scss */
.me .schedule-test-form .radio-button-container label,
.me .reschedule-test-form .radio-button-container label {
  display: inline-block;
}

/* line 72, app/assets/stylesheets/me/tests.scss */
.me .schedule-test-form select,
.me .reschedule-test-form select {
  min-width: 184px;
}
/* line 2, app/assets/stylesheets/pages/components.scss */
.pages .flash {
  --flashColor: var(--primary);
  box-sizing: border-box;
  padding: 0.85rem 1.15rem;
  width: 100%;
  max-width: 72rem;
  border-left: 0.25rem solid var(--flashColor);
  background-color: var(--bgAlt);
  margin: 1rem auto;
}

/* line 13, app/assets/stylesheets/pages/components.scss */
.pages .flash--error {
  --flashColor: var(--error);
}

/* line 16, app/assets/stylesheets/pages/components.scss */
.pages .flash--success {
  --flashColor: var(--accent);
}
/* line 2, app/assets/stylesheets/pages/layout.scss */
.pages__menu {
  background-color: var(--bgAlt);
  margin: 0;
  padding: 0 0.5rem;
}

/* line 7, app/assets/stylesheets/pages/layout.scss */
.pages__menu__spacer {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: auto;
  max-width: 72rem;
  min-height: 4rem;
}

/* line 16, app/assets/stylesheets/pages/layout.scss */
.pages__menu__spacer .site-title {
  align-items: center;
  color: var(--textNormal);
  display: flex;
  text-decoration: none;
}

/* line 22, app/assets/stylesheets/pages/layout.scss */
.pages__menu__spacer .site-title:visited {
  color: var(--textNormal);
}

/* line 28, app/assets/stylesheets/pages/layout.scss */
.pages__menu__spacer .navigation ul {
  display: flex;
  flex-direction: row wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 35, app/assets/stylesheets/pages/layout.scss */
.pages__menu__spacer .navigation ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

/* line 40, app/assets/stylesheets/pages/layout.scss */
.pages__menu__spacer .navigation ul li::after {
  content: "";
  margin: 0 1rem;
}

/* line 45, app/assets/stylesheets/pages/layout.scss */
.pages__menu__spacer .navigation ul li a,
.pages__menu__spacer .navigation ul li a:visited {
  box-shadow: 0 1px 0 0 currentColor;
  color: var(--textNormal);
  text-decoration: none;
}

/* line 51, app/assets/stylesheets/pages/layout.scss */
.pages__menu__spacer .navigation ul li a:hover, .pages__menu__spacer .navigation ul li a:active,
.pages__menu__spacer .navigation ul li a:visited:hover,
.pages__menu__spacer .navigation ul li a:visited:active {
  box-shadow: none;
  outline-width: 0;
}
/* line 4, app/assets/stylesheets/pages/page-specific.scss */
.pages .faq-page,
.pages .thank-you-page {
  margin: auto auto 4rem;
  padding: 2.625rem 1.3125rem;
  padding: 0 60px;
}

/* line 11, app/assets/stylesheets/pages/page-specific.scss */
.pages .faq-page__header .title,
.pages .thank-you-page__header .title {
  margin: 1rem auto;
}

/* line 16, app/assets/stylesheets/pages/page-specific.scss */
.pages .faq-page hr,
.pages .thank-you-page hr {
  margin-top: 2rem;
}

/* line 21, app/assets/stylesheets/pages/page-specific.scss */
.pages .thank-you-page {
  max-width: 42rem;
}

/* line 25, app/assets/stylesheets/pages/page-specific.scss */
.pages .faq-page {
  max-width: 50rem;
}

/* line 28, app/assets/stylesheets/pages/page-specific.scss */
.pages .faq-page #side-by-side {
  display: grid;
  grid-template-columns: 1fr;
  margin: 10px 0;
  min-height: calc(100vh - 64px - 16px - 16px);
}

/* line 34, app/assets/stylesheets/pages/page-specific.scss */
.pages .faq-page #side-by-side .type-block {
  text-align: center;
  padding: 2rem 0;
}

/* line 38, app/assets/stylesheets/pages/page-specific.scss */
.pages .faq-page #side-by-side .type-block h1 {
  font-size: 2rem;
}

/* line 41, app/assets/stylesheets/pages/page-specific.scss */
.pages .faq-page #side-by-side .type-block p {
  max-width: 20rem;
  margin: 2rem auto;
}

/* line 46, app/assets/stylesheets/pages/page-specific.scss */
.pages .faq-page #side-by-side .type-block--alt {
  background-color: var(--dark);
  color: #fff;
}

@media screen and (min-width: 850px) {
  /* line 28, app/assets/stylesheets/pages/page-specific.scss */
  .pages .faq-page #side-by-side {
    grid-template-columns: 1fr 1fr;
  }
  /* line 55, app/assets/stylesheets/pages/page-specific.scss */
  .pages .faq-page #side-by-side .type-block {
    padding: 6rem 0;
  }
}

/* line 61, app/assets/stylesheets/pages/page-specific.scss */
.pages .faq-page .ordered-list {
  counter-reset: li;
  margin: 0;
}

/* line 5, app/assets/stylesheets/mixins/lists.scss */
.pages .faq-page .ordered-list li {
  list-style: none;
  margin: 0 4.025%;
  min-height: 4rem;
  padding: 0 0 0 17px;
  position: relative;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/* line 13, app/assets/stylesheets/mixins/lists.scss */
.pages .faq-page .ordered-list li:hover {
  transform: translate3d(0, -0.375em, 0);
}

/* line 17, app/assets/stylesheets/mixins/lists.scss */
.pages .faq-page .ordered-list li:before {
  content: counter(li);
  counter-increment: li;
  font-size: 2rem;
  left: -20px;
  line-height: 100%;
  position: absolute;
  top: 10px;
  z-index: 999;
}

/* line 28, app/assets/stylesheets/mixins/lists.scss */
.pages .faq-page .ordered-list li p {
  font-size: 1.125rem;
  line-height: 22px;
  padding: 0 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}

@media screen and (max-width: 40.9375em) {
  /* line 40, app/assets/stylesheets/mixins/lists.scss */
  .pages .faq-page .ordered-list li {
    display: block;
    margin: 2rem auto 0;
    width: 80%;
  }
}

/* line 67, app/assets/stylesheets/pages/page-specific.scss */
.pages .welcome-page__main {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: 50% 1fr;
  margin: auto;
  max-width: 60rem;
  padding: 3.625rem 1.3125rem;
}

@media (max-width: 720px) {
  /* line 67, app/assets/stylesheets/pages/page-specific.scss */
  .pages .welcome-page__main {
    grid-gap: 0;
    grid-template-columns: 1fr;
  }
}

/* line 81, app/assets/stylesheets/pages/page-specific.scss */
.pages .welcome-page__main .static svg {
  height: 60vh;
  max-width: 100%;
}

/* line 88, app/assets/stylesheets/pages/page-specific.scss */
.pages .welcome-page__main .todos ol {
  counter-reset: li;
  margin: 0;
}

/* line 5, app/assets/stylesheets/mixins/lists.scss */
.pages .welcome-page__main .todos ol li {
  list-style: none;
  margin: 0 4.025%;
  min-height: 4rem;
  padding: 0 0 0 17px;
  position: relative;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/* line 13, app/assets/stylesheets/mixins/lists.scss */
.pages .welcome-page__main .todos ol li:hover {
  transform: translate3d(0, -0.375em, 0);
}

/* line 17, app/assets/stylesheets/mixins/lists.scss */
.pages .welcome-page__main .todos ol li:before {
  content: counter(li);
  counter-increment: li;
  font-size: 2rem;
  left: -20px;
  line-height: 100%;
  position: absolute;
  top: 10px;
  z-index: 999;
}

/* line 28, app/assets/stylesheets/mixins/lists.scss */
.pages .welcome-page__main .todos ol li p {
  font-size: 1.125rem;
  line-height: 22px;
  padding: 0 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}

@media screen and (max-width: 40.9375em) {
  /* line 40, app/assets/stylesheets/mixins/lists.scss */
  .pages .welcome-page__main .todos ol li {
    display: block;
    margin: 2rem auto 0;
    width: 80%;
  }
}
/* line 6, app/assets/stylesheets/pagination.scss */
.pagination ul {
  border: 1px solid var(--hr);
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  list-style-type: none;
  margin: auto;
  padding: 0;
  vertical-align: middle;
  width: fit-content;
}

/* line 19, app/assets/stylesheets/pagination.scss */
.pagination .page-item {
  align-items: stretch;
  background: var(--bgAlt);
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  min-height: 3em;
  min-width: 3em;
  position: relative;
  text-align: center;
  transition: ease color 100ms, ease background-color 100ms;
  user-select: none;
}

/* line 33, app/assets/stylesheets/pagination.scss */
.pagination .page-item a {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  text-decoration: none;
}

/* line 40, app/assets/stylesheets/pagination.scss */
.pagination .page-item a:visited {
  color: var(--textLink);
}

/* line 46, app/assets/stylesheets/pagination.scss */
.pagination .page-item::before {
  background: var(--hr);
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}

/* line 57, app/assets/stylesheets/pagination.scss */
.pagination .page-item:last-child::before {
  display: none;
}

/* line 61, app/assets/stylesheets/pagination.scss */
.pagination .page-item:first-child {
  border-radius: 4px 0 0 4px;
}

/* line 65, app/assets/stylesheets/pagination.scss */
.pagination .page-item:last-child {
  border-radius: 0 4px 4px 0;
}

/* line 69, app/assets/stylesheets/pagination.scss */
.pagination .page-item--active {
  background: var(--bg);
}

/* line 72, app/assets/stylesheets/pagination.scss */
.pagination .page-item--active a {
  color: var(--textLink);
}

/* line 77, app/assets/stylesheets/pagination.scss */
.pagination .page-item--no-action {
  cursor: not-allowed;
}

/* line 80, app/assets/stylesheets/pagination.scss */
.pagination .page-item--no-action a {
  cursor: not-allowed;
  text-decoration: none;
}

/* line 84, app/assets/stylesheets/pagination.scss */
.pagination .page-item--no-action a:hover {
  color: var(--accent);
}
/* line 1, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.answer-sheet-new {
  margin: 2rem auto 4rem;
  max-width: 660px;
  padding: 1.5rem;
}

/* line 6, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.answer-sheet-new__header {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

/* line 12, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.answer-sheet-new__header h1 {
  margin: 0 1rem 0 0;
}

/* line 16, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.answer-sheet-new__header .redirect-links {
  display: flex;
  flex-flow: row wrap;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 23, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.answer-sheet-new__header .redirect-links li {
  margin-right: 1rem;
}

/* line 26, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.answer-sheet-new__header .redirect-links li:first-of-type {
  margin-right: 1rem;
}

/* line 33, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.answer-sheet-new__form-fields {
  padding: 1rem 0;
}

/* line 36, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.answer-sheet-new__form-fields .inline-field {
  display: flex;
  margin-bottom: 0.5rem;
}

/* line 40, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.answer-sheet-new__form-fields .inline-field label {
  flex: 0 0 140px;
  padding-right: 0.5rem;
  text-align: right;
}

@media (max-width: 480px) {
  /* line 36, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
  .answer-sheet-new__form-fields .inline-field {
    flex-direction: column;
  }
  /* line 49, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
  .answer-sheet-new__form-fields .inline-field label {
    flex-basis: auto;
    text-align: left;
  }
}

/* line 56, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.answer-sheet-new__form-fields .radio-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 1rem;
}

@media (max-width: 480px) {
  /* line 56, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
  .answer-sheet-new__form-fields .radio-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* line 67, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.answer-sheet-new__actions {
  margin-left: 2rem;
}

/* line 69, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.answer-sheet-new__actions p {
  margin: 0 0 1rem;
}

/* line 75, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.already-in-progress {
  margin: 2rem auto 4rem;
  max-width: 660px;
  padding: 1.5rem;
}

/* line 80, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.already-in-progress__header {
  align-items: center;
  display: flex;
}

/* line 84, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.already-in-progress__header h1 {
  margin: 0 1rem 0 0;
}

/* line 89, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.already-in-progress__message {
  padding: 1rem 0;
}

/* line 93, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.already-in-progress__message .sheet-details li {
  display: flex;
}

/* line 96, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.already-in-progress__message .sheet-details li strong {
  flex: 0 1 8rem;
  margin-right: 1rem;
  text-align: right;
}

/* line 105, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.already-in-progress__actions {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

/* line 110, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.already-in-progress__actions a {
  margin: 1rem;
}

/* line 116, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.answer-sheet-edit {
  margin: auto auto 4rem;
  max-width: 800px;
  padding: 1rem;
}

/* line 122, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.answer-sheet-edit__header h1,
.answer-sheet-edit__header h2 {
  margin: auto;
}

/* line 129, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.answer-sheet-edit #placeholder {
  min-height: 600px;
}

/* line 137, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.bubble-form__test-section {
  min-height: 200px;
}

/* line 140, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.bubble-form__test-section__questions {
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(50, 2.5rem);
  justify-content: center;
}

/* line 149, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.bubble-form__test-section__questions--grid-in {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-template-rows: auto;
  grid-auto-flow: row;
  margin-top: 2rem;
  grid-gap: 2rem;
  align-items: baseline;
}

/* line 157, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.bubble-form__test-section__questions--grid-in .grid-in-container {
  align-items: flex-start;
  display: flex;
}

/* line 161, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.bubble-form__test-section__questions--grid-in .grid-in-container__label {
  margin-right: 1.5rem;
  min-width: 2rem;
  text-align: right;
}

/* line 166, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.bubble-form__test-section__questions--grid-in .grid-in-container input[type="text"] {
  min-width: 220px;
}

/* line 173, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.bubble-form__test-section__actions {
  margin: 1rem 0;
}

/* line 176, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.bubble-form__test-section__actions .button {
  margin-left: 1rem;
}

@media (max-width: 680px) {
  /* line 183, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
  .bubble-form__test-section__title {
    text-align: center;
  }
  /* line 187, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
  .bubble-form__test-section .check-box-group--inline-label,
.bubble-form__test-section .radio-button-group--inline-label,
.bubble-form__test-section .grid-in-container {
    justify-content: center;
  }
  /* line 193, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
  .bubble-form__test-section__actions {
    display: flex;
    justify-content: center;
  }
  /* line 196, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
  .bubble-form__test-section__actions .button {
    margin: auto;
  }
}

/* line 202, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.bubble-form__actions {
  margin-bottom: 1rem;
}

/* line 206, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.bubble-form .misc-input-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  max-width: 28rem;
}

/* line 216, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.grid-in-column {
  display: grid;
  line-height: 1;
}

/* line 220, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.grid-in-column--sat-2016 {
  grid-template-rows: repeat(12, max-content);
  grid-template-areas: "slash" "decimal" "zero" "one" "two" "three" "four" "five" "six" "seven" "eight" "nine" "reset";
}

/* line 237, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.grid-in-column--legacy-shsat {
  grid-template-rows: repeat(11, max-content);
  grid-template-areas: "decimal" "zero" "one" "two" "three" "four" "five" "six" "seven" "eight" "nine" "reset";
}

/* line 252, app/assets/stylesheets/proctored_tests/answer_sheets.scss */
.grid-in-column--legacy-shsat .grid-in-column__spacer {
  background-color: var(--dark);
}
/* line 5, app/assets/stylesheets/scores.scss */
.public-score-report,
.public-test-report {
  margin: 1rem auto;
  max-width: 72rem;
  /* match menu */
  width: 100%;
}

/* line 11, app/assets/stylesheets/scores.scss */
.public-score-report #scores-sticky-nav-link,
.public-test-report #scores-sticky-nav-link {
  background-color: var(--bgAlt);
  position: sticky;
  top: 0;
  z-index: 100;
  /* over chart labels, which are 99 */
}

/* line 17, app/assets/stylesheets/scores.scss */
.public-score-report #scores-sticky-nav-link .SectionScrollSpyMenu,
.public-test-report #scores-sticky-nav-link .SectionScrollSpyMenu {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin: auto;
  margin: 0;
  max-width: 100%;
  min-height: 4rem;
}

/* line 27, app/assets/stylesheets/scores.scss */
.public-score-report #scores-sticky-nav-link .SectionScrollSpyMenu .section-nav,
.public-test-report #scores-sticky-nav-link .SectionScrollSpyMenu .section-nav {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}

/* line 34, app/assets/stylesheets/scores.scss */
.public-score-report #scores-sticky-nav-link .SectionScrollSpyMenu .section-nav li,
.public-test-report #scores-sticky-nav-link .SectionScrollSpyMenu .section-nav li {
  margin-left: 1.5rem;
}

/* line 41, app/assets/stylesheets/scores.scss */
.public-score-report #score-report,
.public-test-report #score-report {
  margin: 10px 10px 100px;
}

/* line 44, app/assets/stylesheets/scores.scss */
.public-score-report #score-report section,
.public-test-report #score-report section {
  scroll-margin-top: 5rem;
}

/* line 50, app/assets/stylesheets/scores.scss */
.recommendation-page {
  max-width: 60rem;
  width: 100%;
  margin: auto auto 4rem;
  padding: 2.625rem 1.3125rem;
  box-sizing: border-box;
}

/* line 57, app/assets/stylesheets/scores.scss */
.recommendation-page__header {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 0.5rem;
}

/* line 64, app/assets/stylesheets/scores.scss */
.recommendation-page .card {
  --cardWidth: 280px;
  box-sizing: border-box;
  background-color: var(--bgAlt);
  border-radius: 4px;
  padding: 1rem 2rem;
  margin-bottom: 1rem;
  max-width: var(--cardWidth);
  width: 100%;
}

/* line 74, app/assets/stylesheets/scores.scss */
.recommendation-page .card__list {
  list-style-type: none;
  margin: 0 0 1rem;
  padding: 0;
}

/* line 78, app/assets/stylesheets/scores.scss */
.recommendation-page .card__list > li {
  padding-bottom: 1rem;
}

/* line 84, app/assets/stylesheets/scores.scss */
.recommendation-page table {
  margin-bottom: 0;
  width: 100%;
}

/* line 9, app/assets/stylesheets/mixins/table.scss */
.recommendation-page table th,
.recommendation-page table td {
  border-top: 1px solid var(--hr);
  line-height: 20px;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}

/* line 17, app/assets/stylesheets/mixins/table.scss */
.recommendation-page table th {
  font-weight: bold;
}

/* line 21, app/assets/stylesheets/mixins/table.scss */
.recommendation-page table thead th {
  vertical-align: bottom;
}

/* line 25, app/assets/stylesheets/mixins/table.scss */
.recommendation-page table caption + thead tr:first-child th,
.recommendation-page table caption + thead tr:first-child td,
.recommendation-page table colgroup + thead tr:first-child th,
.recommendation-page table colgroup + thead tr:first-child td,
.recommendation-page table thead:first-child tr:first-child th,
.recommendation-page table thead:first-child tr:first-child td {
  border-top: 0;
}

/* line 34, app/assets/stylesheets/mixins/table.scss */
.recommendation-page table tbody + tbody {
  border-top: 2px solid var(--hr);
}

/* line 42, app/assets/stylesheets/mixins/table.scss */
.recommendation-page table tr td ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 720px) {
  /* line 50, app/assets/stylesheets/mixins/table.scss */
  .recommendation-page table tr {
    border-top: 1px solid var(--hr);
    display: flex;
    flex-direction: column;
    margin: 8px auto 0;
    padding: 8px 0 0;
  }
  /* line 58, app/assets/stylesheets/mixins/table.scss */
  .recommendation-page table thead tr {
    border-top: none;
    padding: 0;
  }
  /* line 63, app/assets/stylesheets/mixins/table.scss */
  .recommendation-page table th,
.recommendation-page table td {
    border-top: none;
    box-sizing: border-box;
    padding: 2px 8px;
    width: 100% !important;
  }
}

/* line 90, app/assets/stylesheets/scores.scss */
.score-analysis-page {
  max-width: 60rem;
  width: 100%;
  margin: auto auto 4rem;
  padding: 2.625rem 1.3125rem;
  box-sizing: border-box;
}

/* line 97, app/assets/stylesheets/scores.scss */
.score-analysis-page__header {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 0.5rem;
}

/* line 104, app/assets/stylesheets/scores.scss */
.score-analysis-page__actions {
  width: 50rem;
  display: flex;
  justify-content: center;
}

/* line 110, app/assets/stylesheets/scores.scss */
.score-analysis-page .card {
  --cardWidth: 280px;
  box-sizing: border-box;
  background-color: var(--bgAlt);
  border-radius: 4px;
  padding: 1rem 2rem;
  margin-bottom: 1rem;
  max-width: var(--cardWidth);
  width: 100%;
}

/* line 121, app/assets/stylesheets/scores.scss */
.score-analysis-page table {
  margin-bottom: 0;
  width: 100%;
}

/* line 9, app/assets/stylesheets/mixins/table.scss */
.score-analysis-page table th,
.score-analysis-page table td {
  border-top: 1px solid var(--hr);
  line-height: 20px;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}

/* line 17, app/assets/stylesheets/mixins/table.scss */
.score-analysis-page table th {
  font-weight: bold;
}

/* line 21, app/assets/stylesheets/mixins/table.scss */
.score-analysis-page table thead th {
  vertical-align: bottom;
}

/* line 25, app/assets/stylesheets/mixins/table.scss */
.score-analysis-page table caption + thead tr:first-child th,
.score-analysis-page table caption + thead tr:first-child td,
.score-analysis-page table colgroup + thead tr:first-child th,
.score-analysis-page table colgroup + thead tr:first-child td,
.score-analysis-page table thead:first-child tr:first-child th,
.score-analysis-page table thead:first-child tr:first-child td {
  border-top: 0;
}

/* line 34, app/assets/stylesheets/mixins/table.scss */
.score-analysis-page table tbody + tbody {
  border-top: 2px solid var(--hr);
}

/* line 42, app/assets/stylesheets/mixins/table.scss */
.score-analysis-page table tr td ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 260px) {
  /* line 50, app/assets/stylesheets/mixins/table.scss */
  .score-analysis-page table tr {
    border-top: 1px solid var(--hr);
    display: flex;
    flex-direction: column;
    margin: 8px auto 0;
    padding: 8px 0 0;
  }
  /* line 58, app/assets/stylesheets/mixins/table.scss */
  .score-analysis-page table thead tr {
    border-top: none;
    padding: 0;
  }
  /* line 63, app/assets/stylesheets/mixins/table.scss */
  .score-analysis-page table th,
.score-analysis-page table td {
    border-top: none;
    box-sizing: border-box;
    padding: 2px 8px;
    width: 100% !important;
  }
}
/* line 1, app/assets/stylesheets/sessions.scss */
.session-login,
.sessions-create {
  margin: auto auto 4rem;
  max-width: 32rem;
  padding: 2.625rem 1.3125rem;
}

/* line 9, app/assets/stylesheets/sessions.scss */
.session-login h1 {
  font-size: 1.5rem;
}

/* line 15, app/assets/stylesheets/sessions.scss */
.session-login form .input-container {
  display: flex;
  flex-direction: column;
}

/* line 19, app/assets/stylesheets/sessions.scss */
.session-login form .input-container label,
.session-login form .input-container input {
  width: 100%;
}

/* line 24, app/assets/stylesheets/sessions.scss */
.session-login form .input-container input {
  max-width: 22rem;
}

/* line 30, app/assets/stylesheets/sessions.scss */
.session-login hr {
  margin: 1rem 0;
}

/* line 36, app/assets/stylesheets/sessions.scss */
.sessions-create svg {
  height: auto;
  max-width: 16rem;
  width: 100%;
}
/* line 1, app/assets/stylesheets/sign_up.scss */
.sign-up {
  margin: auto auto 4rem;
  max-width: 32rem;
  padding: 2.625rem 1.3125rem;
}

/* line 6, app/assets/stylesheets/sign_up.scss */
.sign-up h1 {
  font-size: 1.5rem;
}

/* line 11, app/assets/stylesheets/sign_up.scss */
.sign-up form .input-container {
  display: flex;
  flex-direction: column;
}

/* line 15, app/assets/stylesheets/sign_up.scss */
.sign-up form .input-container label,
.sign-up form .input-container input {
  width: 100%;
}

/* line 20, app/assets/stylesheets/sign_up.scss */
.sign-up form .input-container input {
  max-width: 22rem;
  margin-bottom: 1rem;
}

@media (min-width: 30rem) {
  /* line 28, app/assets/stylesheets/sign_up.scss */
  .sign-up__names {
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-gap: 0.5rem;
  }
}

/* line 35, app/assets/stylesheets/sign_up.scss */
.sign-up hr {
  margin: 1rem 0;
}
/* line 1, app/assets/stylesheets/taker_taker.scss */
.test-taker {
  --dark: #274548;
  --dark--lighter: #5e7a87;
  --accent: #9fe2dd;
  --accent--dark: #25837D;
  --primary: #edc034;
  --disabled: #dfd1a7;
  --textLink: var(--accent--dark);
  --textLight: var(--dark--lighter);
  --textNormal: var(--dark);
  --textTitle: var(--dark);
  --textInvert: #fff;
  --inlineCode-bg: rgba(255, 229, 100, 0.2);
  --inlineCode-text: #1a1a1a;
  --hr: #e0e6e8;
  --bg: #fff;
  --bgAlt: #fbf6ee;
  --nav: var(--dark);
  --builderTextSize: 16px;
  --standardTextSize: 14px;
  --danger: #ff2c2c;
  --error: var(--danger);
  --form-shadow: 0 2px 15px 0 rgba(26, 26, 27, 0.637);
  --app-max-width: 1280px;
  --selection-bg: 212, 212, 212;
  /* not branded! */
  --fontStack: 'Helvetica Neue', sans-serif;
  --fontStack--heading: 'Helvetica Neue', sans-serif;
  color: var(--textNormal);
  font-family: var(--fontStack);
  font-size: var(--standardTextSize);
  margin: 0;
  padding: 0;
}

/* line 37, app/assets/stylesheets/taker_taker.scss */
.test-taker hr {
  background-color: var(--hr);
  border: 0;
  height: 1px;
  margin: 1rem auto;
}

/* line 46, app/assets/stylesheets/taker_taker.scss */
.test-taker--digital-sat ::selection {
  background: rgba(var(--selection-bg), 0.7);
}

/* line 52, app/assets/stylesheets/taker_taker.scss */
.test-taker {
  max-width: var(--app-max-width);
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  font-size: var(--standardTextSize);
}

/* line 60, app/assets/stylesheets/taker_taker.scss */
.test-taker #app {
  display: grid;
  grid-template-areas: "nav" "main" "footer";
  grid-template-rows: min-content 1fr 3.5rem;
  grid-gap: 0;
}

/* line 69, app/assets/stylesheets/taker_taker.scss */
.test-taker #app .test-taker__nav {
  grid-area: nav;
  max-width: 1280px;
  z-index: 4;
  line-height: 1.15rem;
}

/* line 76, app/assets/stylesheets/taker_taker.scss */
.test-taker #app .test-taker__main {
  grid-area: main;
  padding: 0rem 2rem;
  display: grid;
  grid-template-rows: calc( 100vh - 9rem);
  background-color: #fff;
}

/* line 85, app/assets/stylesheets/taker_taker.scss */
.test-taker #app .test-taker__main--BeginTest {
  display: block;
}

/* line 89, app/assets/stylesheets/taker_taker.scss */
.test-taker #app .test-taker__main .passage-container,
.test-taker #app .test-taker__main .passage-content,
.test-taker #app .test-taker__main .annotation-sidebar {
  max-height: 100%;
  overflow-y: auto;
}

/* line 96, app/assets/stylesheets/taker_taker.scss */
.test-taker #app .test-taker__footer {
  grid-area: footer;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  z-index: 1000;
}

/* line 108, app/assets/stylesheets/taker_taker.scss */
.test-taker__nav {
  background: var(--nav);
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}

/* line 115, app/assets/stylesheets/taker_taker.scss */
.test-taker__nav .left {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  margin: 0.5rem;
}

/* line 121, app/assets/stylesheets/taker_taker.scss */
.test-taker__nav .left .title {
  margin-right: 1rem;
  color: var(--textInvert);
  font-weight: bold;
}

/* line 127, app/assets/stylesheets/taker_taker.scss */
.test-taker__nav .left .issue-link {
  margin-left: 2rem;
  color: red;
}

/* line 130, app/assets/stylesheets/taker_taker.scss */
.test-taker__nav .left .issue-link:visited {
  color: red;
}

/* line 136, app/assets/stylesheets/taker_taker.scss */
.test-taker__nav .right {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
  align-items: center;
  margin: 0.5rem 0.5rem 0.5rem 0;
}

/* line 144, app/assets/stylesheets/taker_taker.scss */
.test-taker__nav .nav-modal-button,
.test-taker__nav .clear-highlight-button,
.test-taker__nav .end-section-button,
.test-taker__nav .window-zoom-button,
.test-taker__nav .tools-menu-button {
  font-weight: normal;
  padding: 8px 12px;
  color: var(--textNormal);
  font-size: var(--standardTextSize);
  background-color: var(--bgAlt);
  border-radius: 0.25rem;
  border: none;
  height: 34px;
  text-decoration: none;
  box-sizing: border-box;
}

/* line 162, app/assets/stylesheets/taker_taker.scss */
.test-taker__nav .nav-modal-button:hover,
.test-taker__nav .clear-highlight-button:hover,
.test-taker__nav .end-section-button:hover,
.test-taker__nav .window-zoom-button:hover,
.test-taker__nav .tools-menu-button:hover {
  background-image: none;
  background-color: var(--bg);
}

/* line 167, app/assets/stylesheets/taker_taker.scss */
.test-taker__nav .nav-modal-button--disabled,
.test-taker__nav .clear-highlight-button--disabled,
.test-taker__nav .end-section-button--disabled,
.test-taker__nav .window-zoom-button--disabled,
.test-taker__nav .tools-menu-button--disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.8;
}

/* line 176, app/assets/stylesheets/taker_taker.scss */
.test-taker__main .successMessage {
  background-color: var(--bgSuccess);
  padding: 0.25rem 1rem;
}

/* line 180, app/assets/stylesheets/taker_taker.scss */
.test-taker__main .successMessage p {
  margin: 0;
}

/* line 190, app/assets/stylesheets/taker_taker.scss */
.test-taker blockquote {
  line-height: 1.15rem;
  font-size: 1rem;
  margin-inline-end: 0;
}

/* line 196, app/assets/stylesheets/taker_taker.scss */
.test-taker .button-link {
  padding: 0;
  background: inherit;
  border: none;
  text-decoration: underline;
}

/* line 204, app/assets/stylesheets/taker_taker.scss */
.test-taker .question-nav {
  display: flex;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  flex-flow: row nowrap;
  align-items: center;
}

/* line 213, app/assets/stylesheets/taker_taker.scss */
.test-taker .question-nav li {
  box-sizing: border-box;
}

/* line 216, app/assets/stylesheets/taker_taker.scss */
.test-taker .question-nav li a:not(.link-button) {
  padding: 8px 12px;
  color: var(--textNormal);
  background-color: var(--bgAlt);
  border-radius: 0.25rem;
  text-decoration: none;
}

/* line 223, app/assets/stylesheets/taker_taker.scss */
.test-taker .question-nav li a:not(.link-button):hover {
  background-color: var(--bg);
}

/* line 227, app/assets/stylesheets/taker_taker.scss */
.test-taker .question-nav li a:not(.link-button):visited {
  color: var(--textNormal);
}

/* line 231, app/assets/stylesheets/taker_taker.scss */
.test-taker .question-nav li a.disabled-link:not(.link-button), .test-taker .question-nav li a[disabled]:not(.link-button) {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.8;
}

/* line 243, app/assets/stylesheets/taker_taker.scss */
.test-taker--act {
  --standardTextSize: 13px;
}

/* line 248, app/assets/stylesheets/taker_taker.scss */
.test-taker--act #app .test-taker__nav button,
.test-taker--act #app .test-taker__nav .nav-modal-button {
  min-width: 50px;
}

/* line 252, app/assets/stylesheets/taker_taker.scss */
.test-taker--act #app .test-taker__nav .left {
  align-items: center;
}

/* line 254, app/assets/stylesheets/taker_taker.scss */
.test-taker--act #app .test-taker__nav .left .title {
  line-height: 32px;
  font-size: 1.5rem;
}

/* line 259, app/assets/stylesheets/taker_taker.scss */
.test-taker--act #app .test-taker__nav .left .question-nav a {
  padding: 9px 12px;
}

/* line 271, app/assets/stylesheets/taker_taker.scss */
.test-taker--act #app .english .highlight {
  box-shadow: 0 1px 0 0 currentColor;
}

/* line 276, app/assets/stylesheets/taker_taker.scss */
.test-taker--act #app .test-taker__footer {
  display: grid;
  grid-template-columns: 6fr 4fr;
}

/* line 279, app/assets/stylesheets/taker_taker.scss */
.test-taker--act #app .test-taker__footer .PaginatedQuestionNav {
  justify-self: center;
}

/* line 282, app/assets/stylesheets/taker_taker.scss */
.test-taker--act #app .test-taker__footer button {
  justify-self: end;
}

/* line 289, app/assets/stylesheets/taker_taker.scss */
.begin-test {
  max-width: 42rem;
  width: 100%;
  margin: 3rem auto;
}

/* line 294, app/assets/stylesheets/taker_taker.scss */
.begin-test .successMessage {
  box-sizing: border-box;
  padding: 0.85rem 1.15rem;
  width: 100%;
  border: 1px solid var(--hr);
  border-left: 0.25rem solid var(--accent);
}

/* line 302, app/assets/stylesheets/taker_taker.scss */
.begin-test__section-table {
  width: 100%;
}

/* line 305, app/assets/stylesheets/taker_taker.scss */
.begin-test__section-table thead {
  text-align: left;
}

/* line 309, app/assets/stylesheets/taker_taker.scss */
.begin-test__section-table td {
  vertical-align: baseline;
}
/* Inline code */
/* line 2, app/assets/stylesheets/test_builder/code-blocks.scss */
pre {
  background: var(--inlineCode-bg);
  border-radius: 0.3em;
  color: var(--inlineCode-text);
  padding: 0.15em 0.4em 0.05em;
  white-space: normal;
  word-wrap: break-word;
}
/* line 36, app/assets/stylesheets/test_builder/components.scss */
.test-builder {
  /* actions list */
  /* flash messages */
}

/* line 38, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions {
  display: flex;
  font-size: 0.75rem;
  font-weight: normal;
  justify-content: space-around;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 47, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action {
  background-color: var(--accent);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1rem;
  margin-left: 1rem;
  padding: 0.25rem 0.5rem;
}

/* line 56, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action--danger {
  background-color: var(--danger);
}

/* line 60, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action a {
  align-items: center;
  color: var(--bgAlt);
  display: flex;
  text-decoration: none;
}

/* line 66, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action a:visited {
  color: var(--bgAlt);
}

/* line 71, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action .button_to {
  display: inline-grid;
}

/* line 74, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action .button_to input[type="submit"] {
  background: transparent;
  border: 0;
  color: var(--bgAlt);
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  height: inherit;
  padding: 0;
  width: inherit;
}

/* line 88, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions--column {
  flex-direction: column;
}

/* line 91, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions--column .action {
  margin: 0;
}

/* line 97, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action .actions .action a:hover {
  text-decoration: underline;
}

/* line 101, app/assets/stylesheets/test_builder/components.scss */
.test-builder .flash {
  --flashColor: var(--primary);
  box-sizing: border-box;
  padding: 0.85rem 1.15rem;
  width: 100%;
  max-width: 72rem;
  border-left: 0.25rem solid var(--flashColor);
  background-color: var(--bgAlt);
  margin: 1rem auto;
}

/* line 112, app/assets/stylesheets/test_builder/components.scss */
.test-builder .flash--error {
  --flashColor: var(--error);
}

/* line 115, app/assets/stylesheets/test_builder/components.scss */
.test-builder .flash--success {
  --flashColor: var(--accent);
}

/*
 * Tables
 */
/* line 151, app/assets/stylesheets/test_builder/components.scss */
.table {
  margin-bottom: 0;
  width: 100%;
}

/* line 9, app/assets/stylesheets/mixins/table.scss */
.table th,
.table td {
  border-top: 1px solid var(--hr);
  line-height: 20px;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}

/* line 17, app/assets/stylesheets/mixins/table.scss */
.table th {
  font-weight: bold;
}

/* line 21, app/assets/stylesheets/mixins/table.scss */
.table thead th {
  vertical-align: bottom;
}

/* line 25, app/assets/stylesheets/mixins/table.scss */
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

/* line 34, app/assets/stylesheets/mixins/table.scss */
.table tbody + tbody {
  border-top: 2px solid var(--hr);
}

/* line 42, app/assets/stylesheets/mixins/table.scss */
.table tr td ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 480px) {
  /* line 50, app/assets/stylesheets/mixins/table.scss */
  .table tr {
    border-top: 1px solid var(--hr);
    display: flex;
    flex-direction: column;
    margin: 8px auto 0;
    padding: 8px 0 0;
  }
  /* line 58, app/assets/stylesheets/mixins/table.scss */
  .table thead tr {
    border-top: none;
    padding: 0;
  }
  /* line 63, app/assets/stylesheets/mixins/table.scss */
  .table th,
.table td {
    border-top: none;
    box-sizing: border-box;
    padding: 2px 8px;
    width: 100% !important;
  }
}

/* line 128, app/assets/stylesheets/test_builder/components.scss */
.table tbody tr:nth-child(odd) {
  background-color: var(--bg);
}

/* line 132, app/assets/stylesheets/test_builder/components.scss */
.table td,
.table th {
  padding: 5px;
}

/* line 137, app/assets/stylesheets/test_builder/components.scss */
.table ul.actions {
  display: flex;
  flex-direction: column;
  list-style: none;
}

/* line 142, app/assets/stylesheets/test_builder/components.scss */
.table ul.actions li {
  display: inline-grid;
  justify-content: center;
  margin-top: 0.25rem;
  text-align: center;
}

/* line 155, app/assets/stylesheets/test_builder/components.scss */
.table--right-aligned th,
.table--right-aligned td {
  text-align: right;
}
/* line 5, app/assets/stylesheets/test_builder/forms.scss */
.test-builder .simple_form .input {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}

/* line 10, app/assets/stylesheets/test_builder/forms.scss */
.test-builder .simple_form .input.string {
  max-width: 460px;
}

/* line 15, app/assets/stylesheets/test_builder/forms.scss */
.test-builder .simple_form__form-fields {
  margin: 1.5rem auto;
}

/* line 18, app/assets/stylesheets/test_builder/forms.scss */
.test-builder .simple_form__form-fields--centered {
  max-width: 480px;
}

/* line 22, app/assets/stylesheets/test_builder/forms.scss */
.test-builder .simple_form__form-fields--two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-gap: 2rem;
  align-items: flex-start;
}

@media (max-width: 660px) {
  /* line 22, app/assets/stylesheets/test_builder/forms.scss */
  .test-builder .simple_form__form-fields--two-col {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}

/* line 49, app/assets/stylesheets/mixins/form.scss */
.test-builder .simple_form__form-fields--two-col .grid-group--full-width {
  grid-column: 1 / span 2;
}

/* line 27, app/assets/stylesheets/test_builder/forms.scss */
.test-builder .simple_form__actions {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: 1rem 0;
}

/* line 31, app/assets/stylesheets/mixins/form.scss */
.test-builder .simple_form__actions .button {
  margin: 0 0.5rem;
}
/*
 * Labels
 */
/* line 13, app/assets/stylesheets/test_builder/labels.scss */
.test-builder .draft-label {
  border-radius: 5px;
  color: white;
  display: inline-block;
  padding: 2px 5px;
  background-color: teal;
}

/* line 19, app/assets/stylesheets/test_builder/labels.scss */
.test-builder .published-label {
  border-radius: 5px;
  color: white;
  display: inline-block;
  padding: 2px 5px;
  background-color: forestgreen;
}

/* line 25, app/assets/stylesheets/test_builder/labels.scss */
.test-builder .retired-label {
  border-radius: 5px;
  color: white;
  display: inline-block;
  padding: 2px 5px;
  background-color: gray;
}

/* line 31, app/assets/stylesheets/test_builder/labels.scss */
.test-builder .answer-key-label {
  border-radius: 5px;
  color: white;
  display: inline-block;
  padding: 2px 5px;
  background-color: goldenrod;
}
/* line 1, app/assets/stylesheets/test_builder/layout.scss */
.test-builder {
  font-size: var(--builderTextSize);
}

/* line 3, app/assets/stylesheets/test_builder/layout.scss */
.test-builder__menu {
  background-color: var(--bgAlt);
  margin: 0;
  padding: 0 0.5rem;
}

/* line 8, app/assets/stylesheets/test_builder/layout.scss */
.test-builder__menu__spacer {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: auto;
  max-width: 72rem;
  min-height: 4rem;
}

/* line 17, app/assets/stylesheets/test_builder/layout.scss */
.test-builder__menu__spacer .site-title {
  color: var(--textNormal);
  font-size: 1.25rem;
  font-weight: bold;
  text-decoration: none;
}

/* line 23, app/assets/stylesheets/test_builder/layout.scss */
.test-builder__menu__spacer .site-title:visited {
  color: var(--textNormal);
}

/* line 29, app/assets/stylesheets/test_builder/layout.scss */
.test-builder__menu__spacer .navigation ul {
  display: flex;
  flex-direction: row wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 36, app/assets/stylesheets/test_builder/layout.scss */
.test-builder__menu__spacer .navigation ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

/* line 41, app/assets/stylesheets/test_builder/layout.scss */
.test-builder__menu__spacer .navigation ul li::after {
  content: "\00bb";
  margin: 0 0.5rem;
}

/* line 46, app/assets/stylesheets/test_builder/layout.scss */
.test-builder__menu__spacer .navigation ul li:last-child::after {
  content: "";
}

/* line 50, app/assets/stylesheets/test_builder/layout.scss */
.test-builder__menu__spacer .navigation ul li a,
.test-builder__menu__spacer .navigation ul li a:visited {
  box-shadow: 0 1px 0 0 currentColor;
  color: var(--textLink);
  text-decoration: none;
}

/* line 56, app/assets/stylesheets/test_builder/layout.scss */
.test-builder__menu__spacer .navigation ul li a:hover, .test-builder__menu__spacer .navigation ul li a:active,
.test-builder__menu__spacer .navigation ul li a:visited:hover,
.test-builder__menu__spacer .navigation ul li a:visited:active {
  box-shadow: none;
  outline-width: 0;
}

/* line 68, app/assets/stylesheets/test_builder/layout.scss */
.test-builder__page-wrap {
  margin: auto;
  max-width: 72rem;
  padding: 1.625rem 1.3125rem;
}

/* line 74, app/assets/stylesheets/test_builder/layout.scss */
.test-builder .page-header {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
}

/* line 79, app/assets/stylesheets/test_builder/layout.scss */
.test-builder .page-header h1 {
  margin: 0 1rem 0 0;
}

/* line 82, app/assets/stylesheets/test_builder/layout.scss */
.test-builder .page-header .title {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
}

/* line 88, app/assets/stylesheets/test_builder/layout.scss */
.test-builder .page-header .actions {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  position: initial;
}

/* line 97, app/assets/stylesheets/test_builder/layout.scss */
.test-builder .page-header .actions .action {
  margin-left: 1rem;
  color: var(--bgAlt);
}

/* line 101, app/assets/stylesheets/test_builder/layout.scss */
.test-builder .page-header .actions .action a:visited {
  color: var(--bgAlt);
}

/* line 105, app/assets/stylesheets/test_builder/layout.scss */
.test-builder .page-header .actions .action--disabled {
  cursor: not-allowed;
  background-color: var(--disabled);
}
/* line 5, app/assets/stylesheets/test_builder/questions.scss */
.test-builder .question-form .question_passage .radio label {
  font-weight: 400;
}

/* line 10, app/assets/stylesheets/test_builder/questions.scss */
.test-builder .question-form .question_passage p {
  margin: 0;
}

/* line 15, app/assets/stylesheets/test_builder/questions.scss */
.test-builder .question-form .answer-choice-fields {
  margin-top: 1rem;
  width: 100%;
}

/* line 19, app/assets/stylesheets/test_builder/questions.scss */
.test-builder .question-form .answer-choice-fields caption {
  font-weight: bold;
  text-align: left;
}

/* line 24, app/assets/stylesheets/test_builder/questions.scss */
.test-builder .question-form .answer-choice-fields .choice-row {
  align-items: baseline;
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: 1fr 1fr 4fr;
  margin-bottom: 0.5rem;
}

/* line 33, app/assets/stylesheets/test_builder/questions.scss */
.test-builder .question-form .answer-choice-fields--rich .choice-row {
  grid-gap: 1rem;
  grid-template-columns: 5rem 5rem auto;
}

/* line 39, app/assets/stylesheets/test_builder/questions.scss */
.test-builder .question-form .answer-choice-fields .choice-cell {
  text-align: left;
}

/* line 42, app/assets/stylesheets/test_builder/questions.scss */
.test-builder .question-form .answer-choice-fields .choice-cell .input {
  margin-bottom: 0;
}
/* line 2, app/assets/stylesheets/test_builder/scroll-spy.scss */
.test-builder__scroll-spy-container {
  background-color: var(--bgAlt);
  position: sticky;
  top: 0;
}

/* line 7, app/assets/stylesheets/test_builder/scroll-spy.scss */
.test-builder__scroll-spy-container__spacer {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: auto;
  max-width: 72rem;
  min-height: 4rem;
}

/* line 17, app/assets/stylesheets/test_builder/scroll-spy.scss */
.test-builder__scroll-spy-container__spacer .scroll-spy-nav ol {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 24, app/assets/stylesheets/test_builder/scroll-spy.scss */
.test-builder__scroll-spy-container__spacer .scroll-spy-nav ol li:not(:first-of-type) {
  margin-left: 1rem;
}

/* line 30, app/assets/stylesheets/test_builder/scroll-spy.scss */
.test-builder__scroll-spy-container__spacer .scroll-spy-nav a {
  color: var(--textLight);
  display: block;
  padding: 0.125rem 0;
  text-decoration: none;
  transition: all 50ms ease-in-out;
}

/* line 36, app/assets/stylesheets/test_builder/scroll-spy.scss */
.test-builder__scroll-spy-container__spacer .scroll-spy-nav a:hover, .test-builder__scroll-spy-container__spacer .scroll-spy-nav a:focus {
  color: var(--textNormal);
}

/* line 40, app/assets/stylesheets/test_builder/scroll-spy.scss */
.test-builder__scroll-spy-container__spacer .scroll-spy-nav a:visited {
  color: var(--textLight);
}

/* line 45, app/assets/stylesheets/test_builder/scroll-spy.scss */
.test-builder__scroll-spy-container__spacer .scroll-spy-nav li.active > a {
  color: #333;
  font-weight: 500;
}

/* line 53, app/assets/stylesheets/test_builder/scroll-spy.scss */
.test-builder .scroll-spy-anchor {
  scroll-margin-top: 5rem;
}
/* line 3, app/assets/stylesheets/test_builder/tags.scss */
.test-builder .tag-form .options {
  --rows: 3;
  display: grid;
  grid-template-rows: repeat(var(--rows), 1fr);
  grid-gap: 1rem;
  grid-auto-flow: column;
}

/* line 11, app/assets/stylesheets/test_builder/tags.scss */
.test-builder .tag-form .options input:checked + label {
  text-decoration: underline;
  text-decoration-color: var(--accent);
  text-decoration-thickness: 5px;
}

/* line 17, app/assets/stylesheets/test_builder/tags.scss */
.test-builder .tag-form .options input:disabled + label {
  color: var(--hr);
}
/* line 36, app/assets/stylesheets/test_builder/components.scss */
.test-builder {
  /* actions list */
  /* flash messages */
}

/* line 38, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions {
  display: flex;
  font-size: 0.75rem;
  font-weight: normal;
  justify-content: space-around;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 47, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action {
  background-color: var(--accent);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1rem;
  margin-left: 1rem;
  padding: 0.25rem 0.5rem;
}

/* line 56, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action--danger {
  background-color: var(--danger);
}

/* line 60, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action a {
  align-items: center;
  color: var(--bgAlt);
  display: flex;
  text-decoration: none;
}

/* line 66, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action a:visited {
  color: var(--bgAlt);
}

/* line 71, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action .button_to {
  display: inline-grid;
}

/* line 74, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action .button_to input[type="submit"] {
  background: transparent;
  border: 0;
  color: var(--bgAlt);
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  height: inherit;
  padding: 0;
  width: inherit;
}

/* line 88, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions--column {
  flex-direction: column;
}

/* line 91, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions--column .action {
  margin: 0;
}

/* line 97, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action .actions .action a:hover {
  text-decoration: underline;
}

/* line 101, app/assets/stylesheets/test_builder/components.scss */
.test-builder .flash {
  --flashColor: var(--primary);
  box-sizing: border-box;
  padding: 0.85rem 1.15rem;
  width: 100%;
  max-width: 72rem;
  border-left: 0.25rem solid var(--flashColor);
  background-color: var(--bgAlt);
  margin: 1rem auto;
}

/* line 112, app/assets/stylesheets/test_builder/components.scss */
.test-builder .flash--error {
  --flashColor: var(--error);
}

/* line 115, app/assets/stylesheets/test_builder/components.scss */
.test-builder .flash--success {
  --flashColor: var(--accent);
}

/*
 * Tables
 */
/* line 151, app/assets/stylesheets/test_builder/components.scss */
.table {
  margin-bottom: 0;
  width: 100%;
}

/* line 9, app/assets/stylesheets/mixins/table.scss */
.table th,
.table td {
  border-top: 1px solid var(--hr);
  line-height: 20px;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}

/* line 17, app/assets/stylesheets/mixins/table.scss */
.table th {
  font-weight: bold;
}

/* line 21, app/assets/stylesheets/mixins/table.scss */
.table thead th {
  vertical-align: bottom;
}

/* line 25, app/assets/stylesheets/mixins/table.scss */
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

/* line 34, app/assets/stylesheets/mixins/table.scss */
.table tbody + tbody {
  border-top: 2px solid var(--hr);
}

/* line 42, app/assets/stylesheets/mixins/table.scss */
.table tr td ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 480px) {
  /* line 50, app/assets/stylesheets/mixins/table.scss */
  .table tr {
    border-top: 1px solid var(--hr);
    display: flex;
    flex-direction: column;
    margin: 8px auto 0;
    padding: 8px 0 0;
  }
  /* line 58, app/assets/stylesheets/mixins/table.scss */
  .table thead tr {
    border-top: none;
    padding: 0;
  }
  /* line 63, app/assets/stylesheets/mixins/table.scss */
  .table th,
.table td {
    border-top: none;
    box-sizing: border-box;
    padding: 2px 8px;
    width: 100% !important;
  }
}

/* line 128, app/assets/stylesheets/test_builder/components.scss */
.table tbody tr:nth-child(odd) {
  background-color: var(--bg);
}

/* line 132, app/assets/stylesheets/test_builder/components.scss */
.table td,
.table th {
  padding: 5px;
}

/* line 137, app/assets/stylesheets/test_builder/components.scss */
.table ul.actions {
  display: flex;
  flex-direction: column;
  list-style: none;
}

/* line 142, app/assets/stylesheets/test_builder/components.scss */
.table ul.actions li {
  display: inline-grid;
  justify-content: center;
  margin-top: 0.25rem;
  text-align: center;
}

/* line 155, app/assets/stylesheets/test_builder/components.scss */
.table--right-aligned th,
.table--right-aligned td {
  text-align: right;
}

/* line 4, app/assets/stylesheets/test_builder/test-recommendations.scss */
.test-recommendation__header {
  display: flex;
  gap: 1rem;
  align-items: baseline;
}

/* line 10, app/assets/stylesheets/test_builder/test-recommendations.scss */
.test-recommendation .table {
  margin-bottom: 0;
  width: 100%;
}

/* line 9, app/assets/stylesheets/mixins/table.scss */
.test-recommendation .table th,
.test-recommendation .table td {
  border-top: 1px solid var(--hr);
  line-height: 20px;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}

/* line 17, app/assets/stylesheets/mixins/table.scss */
.test-recommendation .table th {
  font-weight: bold;
}

/* line 21, app/assets/stylesheets/mixins/table.scss */
.test-recommendation .table thead th {
  vertical-align: bottom;
}

/* line 25, app/assets/stylesheets/mixins/table.scss */
.test-recommendation .table caption + thead tr:first-child th,
.test-recommendation .table caption + thead tr:first-child td,
.test-recommendation .table colgroup + thead tr:first-child th,
.test-recommendation .table colgroup + thead tr:first-child td,
.test-recommendation .table thead:first-child tr:first-child th,
.test-recommendation .table thead:first-child tr:first-child td {
  border-top: 0;
}

/* line 34, app/assets/stylesheets/mixins/table.scss */
.test-recommendation .table tbody + tbody {
  border-top: 2px solid var(--hr);
}

/* line 42, app/assets/stylesheets/mixins/table.scss */
.test-recommendation .table tr td ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 480px) {
  /* line 50, app/assets/stylesheets/mixins/table.scss */
  .test-recommendation .table tr {
    border-top: 1px solid var(--hr);
    display: flex;
    flex-direction: column;
    margin: 8px auto 0;
    padding: 8px 0 0;
  }
  /* line 58, app/assets/stylesheets/mixins/table.scss */
  .test-recommendation .table thead tr {
    border-top: none;
    padding: 0;
  }
  /* line 63, app/assets/stylesheets/mixins/table.scss */
  .test-recommendation .table th,
.test-recommendation .table td {
    border-top: none;
    box-sizing: border-box;
    padding: 2px 8px;
    width: 100% !important;
  }
}

/* line 128, app/assets/stylesheets/test_builder/components.scss */
.test-recommendation .table tbody tr:nth-child(odd) {
  background-color: var(--bg);
}

/* line 132, app/assets/stylesheets/test_builder/components.scss */
.test-recommendation .table td,
.test-recommendation .table th {
  padding: 5px;
}

/* line 137, app/assets/stylesheets/test_builder/components.scss */
.test-recommendation .table ul.actions {
  display: flex;
  flex-direction: column;
  list-style: none;
}

/* line 142, app/assets/stylesheets/test_builder/components.scss */
.test-recommendation .table ul.actions li {
  display: inline-grid;
  justify-content: center;
  margin-top: 0.25rem;
  text-align: center;
}

/* line 14, app/assets/stylesheets/test_builder/test-recommendations.scss */
.test-recommendation .no-content {
  background-color: var(--bg);
  font-size: 0.9rem;
  padding: 10px;
  text-align: left;
}
/* line 36, app/assets/stylesheets/test_builder/components.scss */
.test-builder {
  /* actions list */
  /* flash messages */
}

/* line 38, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions {
  display: flex;
  font-size: 0.75rem;
  font-weight: normal;
  justify-content: space-around;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 47, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action {
  background-color: var(--accent);
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1rem;
  margin-left: 1rem;
  padding: 0.25rem 0.5rem;
}

/* line 56, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action--danger {
  background-color: var(--danger);
}

/* line 60, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action a {
  align-items: center;
  color: var(--bgAlt);
  display: flex;
  text-decoration: none;
}

/* line 66, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action a:visited {
  color: var(--bgAlt);
}

/* line 71, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action .button_to {
  display: inline-grid;
}

/* line 74, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action .button_to input[type="submit"] {
  background: transparent;
  border: 0;
  color: var(--bgAlt);
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  height: inherit;
  padding: 0;
  width: inherit;
}

/* line 88, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions--column {
  flex-direction: column;
}

/* line 91, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions--column .action {
  margin: 0;
}

/* line 97, app/assets/stylesheets/test_builder/components.scss */
.test-builder .actions .action .actions .action a:hover {
  text-decoration: underline;
}

/* line 101, app/assets/stylesheets/test_builder/components.scss */
.test-builder .flash {
  --flashColor: var(--primary);
  box-sizing: border-box;
  padding: 0.85rem 1.15rem;
  width: 100%;
  max-width: 72rem;
  border-left: 0.25rem solid var(--flashColor);
  background-color: var(--bgAlt);
  margin: 1rem auto;
}

/* line 112, app/assets/stylesheets/test_builder/components.scss */
.test-builder .flash--error {
  --flashColor: var(--error);
}

/* line 115, app/assets/stylesheets/test_builder/components.scss */
.test-builder .flash--success {
  --flashColor: var(--accent);
}

/*
 * Tables
 */
/* line 151, app/assets/stylesheets/test_builder/components.scss */
.table {
  margin-bottom: 0;
  width: 100%;
}

/* line 9, app/assets/stylesheets/mixins/table.scss */
.table th,
.table td {
  border-top: 1px solid var(--hr);
  line-height: 20px;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}

/* line 17, app/assets/stylesheets/mixins/table.scss */
.table th {
  font-weight: bold;
}

/* line 21, app/assets/stylesheets/mixins/table.scss */
.table thead th {
  vertical-align: bottom;
}

/* line 25, app/assets/stylesheets/mixins/table.scss */
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

/* line 34, app/assets/stylesheets/mixins/table.scss */
.table tbody + tbody {
  border-top: 2px solid var(--hr);
}

/* line 42, app/assets/stylesheets/mixins/table.scss */
.table tr td ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 480px) {
  /* line 50, app/assets/stylesheets/mixins/table.scss */
  .table tr {
    border-top: 1px solid var(--hr);
    display: flex;
    flex-direction: column;
    margin: 8px auto 0;
    padding: 8px 0 0;
  }
  /* line 58, app/assets/stylesheets/mixins/table.scss */
  .table thead tr {
    border-top: none;
    padding: 0;
  }
  /* line 63, app/assets/stylesheets/mixins/table.scss */
  .table th,
.table td {
    border-top: none;
    box-sizing: border-box;
    padding: 2px 8px;
    width: 100% !important;
  }
}

/* line 128, app/assets/stylesheets/test_builder/components.scss */
.table tbody tr:nth-child(odd) {
  background-color: var(--bg);
}

/* line 132, app/assets/stylesheets/test_builder/components.scss */
.table td,
.table th {
  padding: 5px;
}

/* line 137, app/assets/stylesheets/test_builder/components.scss */
.table ul.actions {
  display: flex;
  flex-direction: column;
  list-style: none;
}

/* line 142, app/assets/stylesheets/test_builder/components.scss */
.table ul.actions li {
  display: inline-grid;
  justify-content: center;
  margin-top: 0.25rem;
  text-align: center;
}

/* line 155, app/assets/stylesheets/test_builder/components.scss */
.table--right-aligned th,
.table--right-aligned td {
  text-align: right;
}

/* line 3, app/assets/stylesheets/test_builder/tests.scss */
.test-type-panel,
.test-section-panel,
.test-passage-panel {
  margin: 10px;
  padding: 0;
}

/* line 14, app/assets/stylesheets/test_builder/components.scss */
.test-type-panel > header,
.test-section-panel > header,
.test-passage-panel > header {
  align-items: center;
  border-bottom: 1px solid var(--hr);
  display: flex;
  padding: 5px 10px;
}

/* line 21, app/assets/stylesheets/test_builder/components.scss */
.test-type-panel > header h1,
.test-section-panel > header h1,
.test-passage-panel > header h1 {
  font-size: 1.5rem;
  line-height: 2rem;
}

/* line 27, app/assets/stylesheets/test_builder/components.scss */
.test-type-panel .content,
.test-section-panel .content,
.test-passage-panel .content {
  padding: 10px;
}

/* line 31, app/assets/stylesheets/test_builder/components.scss */
.test-type-panel .no-content,
.test-section-panel .no-content,
.test-passage-panel .no-content {
  text-align: center;
}

/* line 8, app/assets/stylesheets/test_builder/tests.scss */
.test-type-panel .no-content,
.test-section-panel .no-content,
.test-passage-panel .no-content {
  background-color: var(--bg);
  font-size: 0.9rem;
  padding: 10px;
  text-align: left;
}

/* line 17, app/assets/stylesheets/test_builder/tests.scss */
.test-type-panel .test-table {
  margin-bottom: 0;
  width: 100%;
}

/* line 9, app/assets/stylesheets/mixins/table.scss */
.test-type-panel .test-table th,
.test-type-panel .test-table td {
  border-top: 1px solid var(--hr);
  line-height: 20px;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}

/* line 17, app/assets/stylesheets/mixins/table.scss */
.test-type-panel .test-table th {
  font-weight: bold;
}

/* line 21, app/assets/stylesheets/mixins/table.scss */
.test-type-panel .test-table thead th {
  vertical-align: bottom;
}

/* line 25, app/assets/stylesheets/mixins/table.scss */
.test-type-panel .test-table caption + thead tr:first-child th,
.test-type-panel .test-table caption + thead tr:first-child td,
.test-type-panel .test-table colgroup + thead tr:first-child th,
.test-type-panel .test-table colgroup + thead tr:first-child td,
.test-type-panel .test-table thead:first-child tr:first-child th,
.test-type-panel .test-table thead:first-child tr:first-child td {
  border-top: 0;
}

/* line 34, app/assets/stylesheets/mixins/table.scss */
.test-type-panel .test-table tbody + tbody {
  border-top: 2px solid var(--hr);
}

/* line 42, app/assets/stylesheets/mixins/table.scss */
.test-type-panel .test-table tr td ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 480px) {
  /* line 50, app/assets/stylesheets/mixins/table.scss */
  .test-type-panel .test-table tr {
    border-top: 1px solid var(--hr);
    display: flex;
    flex-direction: column;
    margin: 8px auto 0;
    padding: 8px 0 0;
  }
  /* line 58, app/assets/stylesheets/mixins/table.scss */
  .test-type-panel .test-table thead tr {
    border-top: none;
    padding: 0;
  }
  /* line 63, app/assets/stylesheets/mixins/table.scss */
  .test-type-panel .test-table th,
.test-type-panel .test-table td {
    border-top: none;
    box-sizing: border-box;
    padding: 2px 8px;
    width: 100% !important;
  }
}

/* line 128, app/assets/stylesheets/test_builder/components.scss */
.test-type-panel .test-table tbody tr:nth-child(odd) {
  background-color: var(--bg);
}

/* line 132, app/assets/stylesheets/test_builder/components.scss */
.test-type-panel .test-table td,
.test-type-panel .test-table th {
  padding: 5px;
}

/* line 137, app/assets/stylesheets/test_builder/components.scss */
.test-type-panel .test-table ul.actions {
  display: flex;
  flex-direction: column;
  list-style: none;
}

/* line 142, app/assets/stylesheets/test_builder/components.scss */
.test-type-panel .test-table ul.actions li {
  display: inline-grid;
  justify-content: center;
  margin-top: 0.25rem;
  text-align: center;
}

/* line 20, app/assets/stylesheets/test_builder/tests.scss */
.test-type-panel .test-table .position {
  width: 50px;
}

/* line 23, app/assets/stylesheets/test_builder/tests.scss */
.test-type-panel .test-table .name {
  text-align: left;
}

/* line 30, app/assets/stylesheets/test_builder/tests.scss */
.test-passage-panel .passages-table {
  margin-bottom: 0;
  width: 100%;
}

/* line 9, app/assets/stylesheets/mixins/table.scss */
.test-passage-panel .passages-table th,
.test-passage-panel .passages-table td {
  border-top: 1px solid var(--hr);
  line-height: 20px;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}

/* line 17, app/assets/stylesheets/mixins/table.scss */
.test-passage-panel .passages-table th {
  font-weight: bold;
}

/* line 21, app/assets/stylesheets/mixins/table.scss */
.test-passage-panel .passages-table thead th {
  vertical-align: bottom;
}

/* line 25, app/assets/stylesheets/mixins/table.scss */
.test-passage-panel .passages-table caption + thead tr:first-child th,
.test-passage-panel .passages-table caption + thead tr:first-child td,
.test-passage-panel .passages-table colgroup + thead tr:first-child th,
.test-passage-panel .passages-table colgroup + thead tr:first-child td,
.test-passage-panel .passages-table thead:first-child tr:first-child th,
.test-passage-panel .passages-table thead:first-child tr:first-child td {
  border-top: 0;
}

/* line 34, app/assets/stylesheets/mixins/table.scss */
.test-passage-panel .passages-table tbody + tbody {
  border-top: 2px solid var(--hr);
}

/* line 42, app/assets/stylesheets/mixins/table.scss */
.test-passage-panel .passages-table tr td ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 480px) {
  /* line 50, app/assets/stylesheets/mixins/table.scss */
  .test-passage-panel .passages-table tr {
    border-top: 1px solid var(--hr);
    display: flex;
    flex-direction: column;
    margin: 8px auto 0;
    padding: 8px 0 0;
  }
  /* line 58, app/assets/stylesheets/mixins/table.scss */
  .test-passage-panel .passages-table thead tr {
    border-top: none;
    padding: 0;
  }
  /* line 63, app/assets/stylesheets/mixins/table.scss */
  .test-passage-panel .passages-table th,
.test-passage-panel .passages-table td {
    border-top: none;
    box-sizing: border-box;
    padding: 2px 8px;
    width: 100% !important;
  }
}

/* line 128, app/assets/stylesheets/test_builder/components.scss */
.test-passage-panel .passages-table tbody tr:nth-child(odd) {
  background-color: var(--bg);
}

/* line 132, app/assets/stylesheets/test_builder/components.scss */
.test-passage-panel .passages-table td,
.test-passage-panel .passages-table th {
  padding: 5px;
}

/* line 137, app/assets/stylesheets/test_builder/components.scss */
.test-passage-panel .passages-table ul.actions {
  display: flex;
  flex-direction: column;
  list-style: none;
}

/* line 142, app/assets/stylesheets/test_builder/components.scss */
.test-passage-panel .passages-table ul.actions li {
  display: inline-grid;
  justify-content: center;
  margin-top: 0.25rem;
  text-align: center;
}

/* line 36, app/assets/stylesheets/test_builder/tests.scss */
.test-section-panel .questions-table {
  margin-bottom: 0;
  width: 100%;
}

/* line 9, app/assets/stylesheets/mixins/table.scss */
.test-section-panel .questions-table th,
.test-section-panel .questions-table td {
  border-top: 1px solid var(--hr);
  line-height: 20px;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}

/* line 17, app/assets/stylesheets/mixins/table.scss */
.test-section-panel .questions-table th {
  font-weight: bold;
}

/* line 21, app/assets/stylesheets/mixins/table.scss */
.test-section-panel .questions-table thead th {
  vertical-align: bottom;
}

/* line 25, app/assets/stylesheets/mixins/table.scss */
.test-section-panel .questions-table caption + thead tr:first-child th,
.test-section-panel .questions-table caption + thead tr:first-child td,
.test-section-panel .questions-table colgroup + thead tr:first-child th,
.test-section-panel .questions-table colgroup + thead tr:first-child td,
.test-section-panel .questions-table thead:first-child tr:first-child th,
.test-section-panel .questions-table thead:first-child tr:first-child td {
  border-top: 0;
}

/* line 34, app/assets/stylesheets/mixins/table.scss */
.test-section-panel .questions-table tbody + tbody {
  border-top: 2px solid var(--hr);
}

/* line 42, app/assets/stylesheets/mixins/table.scss */
.test-section-panel .questions-table tr td ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 480px) {
  /* line 50, app/assets/stylesheets/mixins/table.scss */
  .test-section-panel .questions-table tr {
    border-top: 1px solid var(--hr);
    display: flex;
    flex-direction: column;
    margin: 8px auto 0;
    padding: 8px 0 0;
  }
  /* line 58, app/assets/stylesheets/mixins/table.scss */
  .test-section-panel .questions-table thead tr {
    border-top: none;
    padding: 0;
  }
  /* line 63, app/assets/stylesheets/mixins/table.scss */
  .test-section-panel .questions-table th,
.test-section-panel .questions-table td {
    border-top: none;
    box-sizing: border-box;
    padding: 2px 8px;
    width: 100% !important;
  }
}

/* line 128, app/assets/stylesheets/test_builder/components.scss */
.test-section-panel .questions-table tbody tr:nth-child(odd) {
  background-color: var(--bg);
}

/* line 132, app/assets/stylesheets/test_builder/components.scss */
.test-section-panel .questions-table td,
.test-section-panel .questions-table th {
  padding: 5px;
}

/* line 137, app/assets/stylesheets/test_builder/components.scss */
.test-section-panel .questions-table ul.actions {
  display: flex;
  flex-direction: column;
  list-style: none;
}

/* line 142, app/assets/stylesheets/test_builder/components.scss */
.test-section-panel .questions-table ul.actions li {
  display: inline-grid;
  justify-content: center;
  margin-top: 0.25rem;
  text-align: center;
}

/* line 39, app/assets/stylesheets/test_builder/tests.scss */
.test-section-panel .questions-table .instructions,
.test-section-panel .questions-table .passage,
.test-section-panel .questions-table .tags {
  text-align: left;
}

/* line 45, app/assets/stylesheets/test_builder/tests.scss */
.test-section-panel .questions-table .experimental-question {
  cursor: help;
  text-decoration: none;
}

/* line 53, app/assets/stylesheets/test_builder/tests.scss */
.test-section-panel .scaled-scores-table,
.test-section-panel .quick-scores-table {
  margin-bottom: 0;
  width: 100%;
}

/* line 9, app/assets/stylesheets/mixins/table.scss */
.test-section-panel .scaled-scores-table th,
.test-section-panel .scaled-scores-table td,
.test-section-panel .quick-scores-table th,
.test-section-panel .quick-scores-table td {
  border-top: 1px solid var(--hr);
  line-height: 20px;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}

/* line 17, app/assets/stylesheets/mixins/table.scss */
.test-section-panel .scaled-scores-table th,
.test-section-panel .quick-scores-table th {
  font-weight: bold;
}

/* line 21, app/assets/stylesheets/mixins/table.scss */
.test-section-panel .scaled-scores-table thead th,
.test-section-panel .quick-scores-table thead th {
  vertical-align: bottom;
}

/* line 25, app/assets/stylesheets/mixins/table.scss */
.test-section-panel .scaled-scores-table caption + thead tr:first-child th,
.test-section-panel .scaled-scores-table caption + thead tr:first-child td,
.test-section-panel .scaled-scores-table colgroup + thead tr:first-child th,
.test-section-panel .scaled-scores-table colgroup + thead tr:first-child td,
.test-section-panel .scaled-scores-table thead:first-child tr:first-child th,
.test-section-panel .scaled-scores-table thead:first-child tr:first-child td,
.test-section-panel .quick-scores-table caption + thead tr:first-child th,
.test-section-panel .quick-scores-table caption + thead tr:first-child td,
.test-section-panel .quick-scores-table colgroup + thead tr:first-child th,
.test-section-panel .quick-scores-table colgroup + thead tr:first-child td,
.test-section-panel .quick-scores-table thead:first-child tr:first-child th,
.test-section-panel .quick-scores-table thead:first-child tr:first-child td {
  border-top: 0;
}

/* line 34, app/assets/stylesheets/mixins/table.scss */
.test-section-panel .scaled-scores-table tbody + tbody,
.test-section-panel .quick-scores-table tbody + tbody {
  border-top: 2px solid var(--hr);
}

/* line 42, app/assets/stylesheets/mixins/table.scss */
.test-section-panel .scaled-scores-table tr td ul,
.test-section-panel .quick-scores-table tr td ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (max-width: 480px) {
  /* line 50, app/assets/stylesheets/mixins/table.scss */
  .test-section-panel .scaled-scores-table tr,
.test-section-panel .quick-scores-table tr {
    border-top: 1px solid var(--hr);
    display: flex;
    flex-direction: column;
    margin: 8px auto 0;
    padding: 8px 0 0;
  }
  /* line 58, app/assets/stylesheets/mixins/table.scss */
  .test-section-panel .scaled-scores-table thead tr,
.test-section-panel .quick-scores-table thead tr {
    border-top: none;
    padding: 0;
  }
  /* line 63, app/assets/stylesheets/mixins/table.scss */
  .test-section-panel .scaled-scores-table th,
.test-section-panel .scaled-scores-table td,
.test-section-panel .quick-scores-table th,
.test-section-panel .quick-scores-table td {
    border-top: none;
    box-sizing: border-box;
    padding: 2px 8px;
    width: 100% !important;
  }
}

/* line 128, app/assets/stylesheets/test_builder/components.scss */
.test-section-panel .scaled-scores-table tbody tr:nth-child(odd),
.test-section-panel .quick-scores-table tbody tr:nth-child(odd) {
  background-color: var(--bg);
}

/* line 132, app/assets/stylesheets/test_builder/components.scss */
.test-section-panel .scaled-scores-table td,
.test-section-panel .scaled-scores-table th,
.test-section-panel .quick-scores-table td,
.test-section-panel .quick-scores-table th {
  padding: 5px;
}

/* line 137, app/assets/stylesheets/test_builder/components.scss */
.test-section-panel .scaled-scores-table ul.actions,
.test-section-panel .quick-scores-table ul.actions {
  display: flex;
  flex-direction: column;
  list-style: none;
}

/* line 142, app/assets/stylesheets/test_builder/components.scss */
.test-section-panel .scaled-scores-table ul.actions li,
.test-section-panel .quick-scores-table ul.actions li {
  display: inline-grid;
  justify-content: center;
  margin-top: 0.25rem;
  text-align: center;
}

/* line 59, app/assets/stylesheets/test_builder/tests.scss */
.import-help {
  margin: 1rem 0;
}
/* line 3, app/assets/stylesheets/utils.scss */
.base-table {
  margin-bottom: 0;
  width: 100%;
}

/* line 9, app/assets/stylesheets/mixins/table.scss */
.base-table th,
.base-table td {
  border-top: 1px solid var(--hr);
  line-height: 20px;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}

/* line 17, app/assets/stylesheets/mixins/table.scss */
.base-table th {
  font-weight: bold;
}

/* line 21, app/assets/stylesheets/mixins/table.scss */
.base-table thead th {
  vertical-align: bottom;
}

/* line 25, app/assets/stylesheets/mixins/table.scss */
.base-table caption + thead tr:first-child th,
.base-table caption + thead tr:first-child td,
.base-table colgroup + thead tr:first-child th,
.base-table colgroup + thead tr:first-child td,
.base-table thead:first-child tr:first-child th,
.base-table thead:first-child tr:first-child td {
  border-top: 0;
}

/* line 34, app/assets/stylesheets/mixins/table.scss */
.base-table tbody + tbody {
  border-top: 2px solid var(--hr);
}

/* line 7, app/assets/stylesheets/utils.scss */
.flex {
  display: flex;
}

/* line 11, app/assets/stylesheets/utils.scss */
.gap-2 {
  gap: 0.5rem;
}

/* line 15, app/assets/stylesheets/utils.scss */
.gap-3 {
  gap: 1rem;
}

/* line 19, app/assets/stylesheets/utils.scss */
.p-2 {
  padding: 0.5rem;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

:root {
  --bg: #fbf6ee;
  --bgAlt: #fff;
  --hr: rgba(0, 0, 0, 0.2);

  --dark: #274548; /* hsl(185, 30%, 22%) */
  --dark--lighter: #5e7a87; /* hsl(199, 18%, 45%) */
  --accent: #9fe2dd; /* hsl(176, 54%, 75%) */
  --accent--dark: #25837D; /* hsl(176, 56%, 33%) */
  --primary: #edc034;
  --disabled: #dfd1a7;

  --builderTextSize: 16px;
  --standardTextSize: 14px;

  --textLink: var(--accent--dark);
  --textLight: var(--dark--lighter);
  --textNormal: var(--dark);
  --textTitle: var(--dark);
  --textInvert: #fff;
  --textDisabled: #717171;

  --inlineCode-bg: rgba(255, 229, 100, 0.2);
  --inlineCode-text: #1a1a1a;

  --danger: #ff2c2c;
  --error: var(--danger);

  --form-shadow: 0 2px 15px 0 rgba(26, 26, 27, 0.637);

  --fontStack: 'Proxima Nova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
  --fontStack--heading: 'Futura', 'Futura Std', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #011627;
    --bgAlt: #282c35;
    --hr: hsla(0, 0%, 100%, 0.2);

    --accent: #82aaff;
    --primary: #c792ea;
    --disabled: #809393;

    --inlineCode-bg: rgba(115, 124, 153, 0.2);
    --inlineCode-text: #444;

    --textNormal: rgba(255, 255, 255, 0.88);
    --textInvert: var(--textNormal);
    --textTitle: #fff;
    --textDisabled: #7e7e7e;
    --textLink: var(--accent);
  }
}

html {
  font-size: var(--standardTextSize);
  line-height: 1.75;
  font-family: var(--fontStack);
  box-sizing: border-box;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

body {
  background-color: var(--bg);
  color: var(--textNormal);
}

/* default Typography */
/* - mimics wordpress website as of March 2021 */

h1, h2, h3, h4, h5, h6, label, th, strong, button, .link-button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: var(--fontStack--heading);
  font-weight: bold;
}

/* links */

a, a:visited {
  color: var(--textLink);
}

[href] {
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  cursor: pointer;
}

::selection {
  background: var(--primary);
  color: var(--dark);
}

:focus {
  outline: none;
}

select {
  height: 2rem;
  box-shadow: none;
  background: var(--bgAlt);
  color: var(--textNormal);
}

select:disabled {
  background: var(--disabled);
  cursor: not-allowed;
}

label {
  font-weight: bold;
}

::placeholder {
  color: var(--textLight);
  opacity: 1;
}

details summary {
  cursor: pointer;
}

blockquote {
  position: relative;
  font-size: 1.15rem;
  font-style: italic;
}

blockquote:before {
  content: "";
  display: block;
  background: var(--primary);
  height: 115%;
  width: 0.5rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  left: -1.5rem;
  top: 0;
}

@media (min-width: 860px) {
  blockquote:before {
    left: -2.5rem;
  }
}