/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
/* Gradient for gamification background
   Value from Figma: https://www.figma.com/file/7RkxF5r3E2JPdtJdyxLWoF/Gamification?node-id=813%3A69686
*/
.multiple-choice-option-view {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 0.75rem;
  overflow-x: auto;
  max-width: 100%;
}
.multiple-choice-option-view .option-set {
  flex: 1;
  padding: 0.75rem 1rem;
  background-color: #ffffff;
  border: 1px solid #e7e9ec;
  border-radius: 10px 10px 0 0;
  max-width: 100%;
}
.multiple-choice-option-view .option-set:only-child {
  border-radius: 10px;
}
.multiple-choice-option-view .option-set .option-wrapper {
  display: flex;
}
.multiple-choice-option-view .option-set .option-wrapper > .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #f3f5f8;
  border: 1px solid #ced3d9;
  border-radius: 5px;
}
.multiple-choice-option-view .option-set .option-wrapper > .option-answer {
  margin-left: 1rem;
  flex: 1;
  max-width: calc(100% - 3rem);
}
.multiple-choice-option-view .option-set .option-wrapper > .option-answer .rich-text-actions {
  margin-top: 0;
}
.multiple-choice-option-view .option-set .field-set.marks {
  margin-top: 0.5rem;
}
.multiple-choice-option-view .option-set + .option-feedback {
  margin-top: -1px;
}
.multiple-choice-option-view.correctOption .option-set {
  background-color: rgb(239.8, 247.8, 231.8);
  border: 1px solid transparent;
  color: #1a1a1a;
}
.multiple-choice-option-view.correctOption .option-set .option-wrapper > .icon {
  border: 1px solid #67b717;
  background-color: #ffffff;
}
.multiple-choice-option-view.correctOption .option-set .option-wrapper > .icon .sls-icon [fill] {
  fill: #67b717;
}
.multiple-choice-option-view.correctOption .option-set .rich-text-content.collapsed:before {
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(239.8, 247.8, 231.8, 0.75));
}
.multiple-choice-option-view .option-feedback {
  flex: 0 0 100%;
  border: 1px solid #e7e9ec;
  border-radius: 0 0 10px 10px;
  max-width: 100%;
}/** Breakpoints for responsive design
 *  Carbon Breakpoints: https://www.carbondesignsystem.com/guidelines/2x-grid/overview/#breakpoints
 *  Reference: https://davidwalsh.name/write-media-queries-sass
*/
.multiple-choice-view .sls-slider {
  margin-bottom: var(--slider-margin-bottom, 2rem);
}
@media only screen and (max-width: 671px) {
.multiple-choice-view .sls-slider {
    display: flex;
    flex-flow: row wrap;
}
.multiple-choice-view .sls-slider .v-slider {
    width: 100%;
}
}
.multiple-choice-view .sls-slider .v-slider-thumb {
  display: none;
}
.multiple-choice-view .sls-slider .v-slider-track__tick.correct-option {
  background-color: transparent;
}
.multiple-choice-view .sls-slider .v-slider-track__tick.correct-option::before, .multiple-choice-view .sls-slider .v-slider-track__tick.correct-option::after {
  content: "";
  position: absolute;
}
.multiple-choice-view .sls-slider .v-slider-track__tick.correct-option .v-slider-track__tick-label {
  color: #1a1a1a;
}
.multiple-choice-view .sls-slider .v-slider-track__tick .answer-options {
  border-bottom: 1px solid #e7e9ec;
}
.multiple-choice-view .sls-slider .v-slider-track__tick.correct-option::before {
  top: -14px;
  left: -6px;
  height: 16px;
  width: 16px;
  background: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_31_1961)'%3e%3cpath%20d='M2.02%209.50656L5.51333%2012.9732C5.61333%2013.0732%205.74667%2013.1266%205.88667%2013.1199C6.02667%2013.1199%206.16%2013.0466%206.24667%2012.9399L13.9933%203.68656C14.1733%203.47323%2014.14%203.1599%2013.9333%202.9799C13.7267%202.7999%2013.4067%202.83323%2013.2267%203.0399L5.83333%2011.8732L2.72667%208.78656C2.53333%208.59323%202.21333%208.59323%202.02%208.78656C1.82667%208.9799%201.82667%209.2999%202.02%209.49323V9.50656Z'%20fill='%232B63D9'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_31_1961'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  z-index: 1;
  filter: invert(1) sepia(1) hue-rotate(90deg) brightness(0.7);
}
.multiple-choice-view .sls-slider .v-slider-track__tick.correct-option::after {
  top: -1rem;
  left: -0.5rem;
  height: 20px;
  width: 20px;
  background-color: #ffffff;
  border: 1px solid #67b717;
  border-radius: 100%;
}
.multiple-choice-view .field-set.answer-options {
  margin-bottom: 0;
}
.multiple-choice-view .feedback-divider {
  height: 1px;
  width: 100%;
  background-color: #e7e9ec;
}
.multiple-choice-view .rich-text-actions {
  margin-top: 0.25rem;
}
.multiple-choice-view .question-two-columns {
  margin-bottom: 1rem;
}