html body #root#root#root #main-content .review-arrangement-workbench .review-scoring-constraint-switches {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  min-width: 0;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-scoring-constraint-switches > :is(label, .score-spread-threshold-policy) {
  min-width: 0;
  height: auto;
  padding: 16px;
  align-items: start;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-scoring-constraint-switches > label > span,
html body #root#root#root #main-content .review-arrangement-workbench .score-spread-threshold-policy > span:first-child {
  min-width: 0;
  gap: 6px;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-scoring-constraint-switches :is(b, small, em) {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.6;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-scoring-constraint-switches > .average-score-tie-policy {
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 6px 10px;
}
html body #root#root#root #main-content .review-arrangement-workbench .average-score-tie-policy > input[type=checkbox] {
  grid-column: 1;
  grid-row: 1;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin: 3px 0 0;
}
html body #root#root#root #main-content .review-arrangement-workbench .average-score-tie-policy > :is(span, em) {
  grid-column: 2;
}
html body #root#root#root #main-content .review-arrangement-workbench .average-score-tie-policy > em {
  text-align: left;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-scoring-constraint-switches > .same-score-maximum-policy {
  grid-template-columns: minmax(0, 1fr) 82px;
  align-items: center;
  gap: 14px;
}
html body #root#root#root #main-content .review-arrangement-workbench .same-score-maximum-policy > input[type=number] {
  box-sizing: border-box;
  width: 82px;
  min-width: 0;
  max-width: 100%;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-scoring-constraint-switches > .score-spread-threshold-policy {
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) max-content max-content;
  align-items: center;
  gap: 14px 18px;
}
html body #root#root#root #main-content .review-arrangement-workbench .score-spread-threshold-policy > .score-spread-enable,
html body #root#root#root #main-content .review-arrangement-workbench .score-spread-threshold-policy .score-spread-enable {
  display: flex;
  flex-flow: row nowrap;
  align-items: start;
  min-width: 0;
}
html body #root#root#root #main-content .review-arrangement-workbench .score-spread-enable > input[type=checkbox] {
  margin-top: 3px;
}
html body #root#root#root #main-content .review-arrangement-workbench .score-spread-threshold-policy > label {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 8px;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  white-space: nowrap;
}
html body #root#root#root #main-content .review-arrangement-workbench .score-spread-threshold-policy > label > span {
  flex: 0 0 auto;
}
html body #root#root#root #main-content .review-arrangement-workbench .score-spread-threshold-policy > label > input[type=number] {
  box-sizing: border-box;
  flex: 0 0 76px;
  width: 76px;
  min-width: 76px;
  max-width: 76px;
}
html body #root#root#root #main-content .review-arrangement-workbench .score-spread-threshold-policy > .btn {
  max-width: 100%;
  white-space: nowrap;
}
html body #root#root#root #main-content .review-arrangement-workbench .assignment-change-note {
  min-width: 0;
  gap: 8px 14px;
}
html body #root#root#root #main-content .review-arrangement-workbench .assignment-change-note > :is(b, span, small) {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.6;
}
html body #root#root#root #main-content .review-arrangement-workbench .assignment-methods > article > div .btn {
  min-height: 44px;
  height: auto;
  max-height: none;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.5;
}
html body #root#root#root #main-content .review-arrangement-workbench .assignment-preview-board {
  min-width: 0;
  max-width: 100%;
}
html body #root#root#root #main-content .review-arrangement-workbench .assignment-preview-board > header {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: start;
  min-width: 0;
  gap: 12px 18px;
}
html body #root#root#root #main-content .review-arrangement-workbench .assignment-preview-board > header > div {
  flex: 1 1 220px;
  min-width: 0;
  align-content: start;
}
html body #root#root#root #main-content .review-arrangement-workbench .assignment-preview-board > header .btn {
  min-height: 44px;
  height: auto;
  max-height: none;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.5;
}
html body #root#root#root #main-content .review-arrangement-workbench .assignment-preview-board > div {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr));
  min-width: 0;
}
html body #root#root#root #main-content .review-arrangement-workbench .assignment-preview-board > div > button {
  grid-template-columns: minmax(0, 1fr) auto;
  min-width: 0;
  height: auto;
  max-height: none;
}
html body #root#root#root #main-content .review-arrangement-workbench .assignment-preview-board > div > button > :is(b, em) {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  text-overflow: clip;
  line-height: 1.6;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-group-material-picker > header {
  min-width: 0;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-group-material-picker > header > div {
  min-width: 0;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-group-material-picker > header :is(b, small) {
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.6;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-group-selection-actions {
  min-width: 0;
  max-width: 100%;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-group-select-all {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  white-space: normal;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-group-select-all > input[type=checkbox] {
  flex: 0 0 18px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin: 0;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-group-select-all > span {
  min-width: 0;
  line-height: 1.5;
}
html body #root#root#root #main-content .review-arrangement-workbench .review-group-material-list > label > :is(span, em) {
  min-width: 0;
  max-width: 100%;
}
@container review-wizard-content (max-width: 760px) {
  html body #root#root#root #main-content .review-arrangement-workbench .review-scoring-constraint-switches {
    grid-template-columns: minmax(0, 1fr);
  }
  html body #root#root#root #main-content .review-arrangement-workbench .review-scoring-constraint-switches > .score-spread-threshold-policy {
    grid-template-columns: minmax(0, 1fr) max-content;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .score-spread-threshold-policy > span:first-child {
    grid-column: 1 / -1;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .assignment-change-note {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .assignment-change-note > small {
    grid-column: 1 / -1;
    justify-self: stretch;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .review-group-material-picker > header {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .review-group-material-picker > header > .review-group-selection-actions {
    justify-content: flex-start;
    align-items: center;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .review-group-selection-actions > :is(.btn, .review-group-select-all) {
    width: auto;
    max-width: 100%;
  }
}
@container review-wizard-content (max-width: 480px) {
  html body #root#root#root #main-content .review-arrangement-workbench .review-scoring-constraint-switches > .score-spread-threshold-policy {
    grid-template-columns: minmax(0, 1fr);
  }
  html body #root#root#root #main-content .review-arrangement-workbench .score-spread-threshold-policy > :is(span:first-child, label, .btn) {
    grid-column: 1;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .score-spread-threshold-policy > .btn {
    width: 100%;
    white-space: normal;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .assignment-change-note {
    grid-template-columns: minmax(0, 1fr);
  }
  html body #root#root#root #main-content .review-arrangement-workbench .assignment-change-note > small {
    grid-column: 1;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .review-group-material-list > label {
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 6px 10px;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .review-group-material-list > label > input[type=checkbox] {
    grid-column: 1;
    grid-row: 1;
    margin-top: 2px;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .review-group-material-list > label > span {
    grid-column: 2;
    gap: 5px;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .review-group-material-list > label > span > :is(b, small) {
    white-space: normal;
    overflow-wrap: anywhere;
    text-overflow: clip;
    line-height: 1.6;
  }
  html body #root#root#root #main-content .review-arrangement-workbench .review-group-material-list > label > em {
    grid-column: 2;
    justify-self: start;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}
