.answer-wrap {
  text-align: center;
  cursor: pointer;
}
.answer-wrap .answer-picture {
  display: block;
  border-radius: 50%;
  border: 6px solid #F1F1F1;
  overflow: hidden;
  margin: 0 auto 1em;
  min-width: 96px;
  width: 96px;
  height: 96px;
}
.answer-wrap .answer-subpicture {
  display: block;
  border-radius: 50%;
  border: 4px solid #F1F1F1;
  overflow: hidden;
  margin: 0 auto 1em;
  width: 48px;
  height: 48px;
}
.answer-wrap .crest-flag-wrap {
  position: relative;
}
.answer-wrap .crest-flag-wrap .answer-subpicture {
  position: absolute;
  top: 60px;
}
.answer-wrap .answer-title {
  font-size: 1.2em;
  line-height: 1.1;
}
.answer-wrap .answer-title .answer-team {
  font-size: 0.7em;
  font-style: italic;
  opacity: 0.4;
  display: block;
}
.answer-wrap .answer-title {
  margin: 0;
}
.answer-wrap .answer-title.answer-title-onlytext {
  border: 4px solid transparent;
  padding: 8px;
  line-height: 1;
  border-radius: 50px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background: linear-gradient(0deg, rgba(221, 221, 221, 0) 0%, rgba(255, 255, 255, 0) 100%);
}
.round-answer-wrapper {
  position: relative;
  border-top: 1px dashed #dddddd;
  padding-top: 32px;
}
.round-answer-wrapper .scrollbar-wrapper {
  min-height: 428px;
  height: 428px;
}
.round-answer-wrapper .question-wrap {
  margin-bottom: 16px;
}
.round-answer-wrapper .question-wrap .question-title {
  font-weight: normal;
  font-size: 1.2em;
  text-align: center;
}
.round-answer-wrapper .question-wrap .question-description {
  text-align: center;
}
.round-answer-wrapper .question-wrap .question-description p:last-child {
  margin: 0;
}
.round-answer-wrapper .answer-selected .answer-title.answer-title-onlytext {
  background: pink;
  border-color: #ffffff;
  color: #ffffff;
}
.round-answer-wrapper .answer-selected .answer-picture,
.round-answer-wrapper .answer-selected .answer-subpicture,
.round-answer-wrapper .btn.btn-draw.answer-selected {
  border-color: pink;
}
.round-answer-wrapper .btn.btn-draw.answer-selected {
  color: pink;
}
.round-answer-wrapper.right-answer .answer-selected .answer-picture,
.round-answer-wrapper.right-answer .answer-selected .answer-subpicture,
.round-answer-wrapper.right-answer .btn.btn-draw.answer-selected {
  border-color: green;
}
.round-answer-wrapper.right-answer .pts-result-wrap .value {
  color: green;
}
.round-answer-wrapper.right-answer .pts-result-wrap .icon {
  background: green;
}
.round-answer-wrapper.right-answer .pts-result-wrap .icon:after {
  mask: url("/themes/gate/front/cup_front/images/icons/chevron-down-solid.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/cup_front/images/icons/chevron-down-solid.svg") no-repeat center / contain;
}
.round-answer-wrapper.right-answer .answer-title.answer-title-onlytext {
  background: green;
}
.round-answer-wrapper.partial-answer .answer-selected.partial-answer .answer-picture,
.round-answer-wrapper.wrong-answer .answer-selected.partial-answer .answer-picture,
.round-answer-wrapper.partial-answer .answer-selected.partial-answer .answer-subpicture,
.round-answer-wrapper.wrong-answer .answer-selected.partial-answer .answer-subpicture,
.round-answer-wrapper.partial-answer .btn.btn-draw.answer-selected.partial-answer,
.round-answer-wrapper.wrong-answer .btn.btn-draw.answer-selected.partial-answer {
  border-color: purple;
}
.round-answer-wrapper.partial-answer .answer-selected.wrong-answer .answer-picture,
.round-answer-wrapper.wrong-answer .answer-selected.wrong-answer .answer-picture,
.round-answer-wrapper.partial-answer .answer-selected.wrong-answer .answer-subpicture,
.round-answer-wrapper.wrong-answer .answer-selected.wrong-answer .answer-subpicture,
.round-answer-wrapper.partial-answer .btn.btn-draw.answer-selected.wrong-answer,
.round-answer-wrapper.wrong-answer .btn.btn-draw.answer-selected.wrong-answer {
  border-color: red;
}
.round-answer-wrapper.partial-answer .pts-result-wrap .value {
  color: purple;
}
.round-answer-wrapper.partial-answer .pts-result-wrap .icon {
  background: purple;
}
.round-answer-wrapper.partial-answer .pts-result-wrap .icon:after {
  mask: url("/themes/gate/front/cup_front/images/icons/chevron-down-solid.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/cup_front/images/icons/chevron-down-solid.svg") no-repeat center / contain;
}
.round-answer-wrapper.partial-answer .answer-title.answer-title-onlytext {
  background: purple;
}
.round-answer-wrapper.wrong-answer .pts-result-wrap .value {
  color: red;
}
.round-answer-wrapper.wrong-answer .pts-result-wrap .icon {
  background: red;
}
.round-answer-wrapper.wrong-answer .pts-result-wrap .icon:after {
  mask: url("/themes/gate/front/cup_front/images/icons/xmark.svg") no-repeat center / contain;
  -webkit-mask: url("/themes/gate/front/cup_front/images/icons/xmark.svg") no-repeat center / contain;
}
.round-answer-wrapper.wrong-answer .answer-title.answer-title-onlytext {
  background: red;
}
.card-body-content .round-answer-wrapper:nth-child(2) {
  border-top: none;
  padding-top: 0;
}
.round-answer-wrapper + .round-answer-wrapper,
.anchor-question + .round-answer-wrapper {
  margin-top: 64px;
}
.round-answer-wrapper.quest-type-simple .row.t-round-answer-selection-wrapper,
.round-answer-wrapper.quest-type-multiple .row.t-round-answer-selection-wrapper {
  justify-content: center;
}
.round-answer-wrapper.quest-type-interval {
  padding: 0 32px 64px;
}
.round-answer-wrapper.quest-type-interval .ui-slider {
  background: #CFCFCF;
  border-radius: 12px;
}
.round-answer-wrapper.quest-type-interval .ui-slider.ui-slider-disabled.ui-state-disabled {
  opacity: 1;
}
.round-answer-wrapper.quest-type-interval .ui-slider .ui-slider-handle {
  width: 16px;
  height: 48px;
  border-radius: 8px;
  border: 2px solid #ffffff;
  top: -18px;
  background: pink;
}
.round-answer-wrapper.quest-type-interval .round-answer-interval-field-mask {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 12px;
  height: 12px;
  width: 100%;
  overflow: hidden;
}
.round-answer-wrapper.quest-type-interval .round-answer-interval-input-mask {
  overflow: hidden;
  width: 100%;
  height: 64px;
  position: relative;
}
.round-answer-wrapper.quest-type-interval .interval-range-limit {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  margin-bottom: 16px;
}
.round-answer-wrapper.quest-type-interval .t-round-answer-interval-wrapper {
  position: relative;
}
.round-answer-wrapper.quest-type-interval .t-round-answer-interval-input-wrapper {
  position: absolute;
  white-space: nowrap;
  min-width: 15%;
  top: 0;
}
.round-answer-wrapper.quest-type-interval .t-round-answer-interval-input-wrapper .interval-tolerance {
  height: 12px;
  margin-bottom: 24px;
}
.round-answer-wrapper.quest-type-interval .t-round-answer-interval-input-wrapper .interval-tolerance.active {
  background: pink;
  background: linear-gradient(90deg, rgba(44, 187, 48, 0) 0%, pink 50%, rgba(44, 187, 48, 0) 100%);
}
.round-answer-wrapper.quest-type-interval .t-round-answer-interval-input-wrapper .interval-value-wrapper {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.round-answer-wrapper.quest-type-interval .t-round-answer-interval-input-wrapper .interval-value-wrapper .t-round-answer-interval-input-min,
.round-answer-wrapper.quest-type-interval .t-round-answer-interval-input-wrapper .interval-value-wrapper .t-round-answer-interval-input-max {
  opacity: 0.5;
  font-size: 0.8em;
}
.round-answer-wrapper.quest-type-interval .t-round-answer-interval-input-wrapper .interval-value-wrapper .t-round-answer-interval-input-value {
  font-weight: bold;
}
.round-answer-wrapper.quest-type-interval .round-answer-input-mask .t-round-answer-interval-input-wrapper .interval-value-wrapper {
  justify-content: center;
}
.round-answer-wrapper.quest-type-match .t-round-answer-match-wrapper > .row {
  max-width: 730px;
  margin: auto;
}
.round-answer-wrapper.quest-type-match .t-round-answer-match-wrapper > .row .col-md:nth-child(2) {
  flex-grow: 0;
}
.round-answer-wrapper.quest-type-match .crest-wrap {
  display: flex;
}
.round-answer-wrapper.quest-type-match .crest-wrap .answer-title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em;
}
.round-answer-wrapper.quest-type-match .first-answer-wrap .crest-wrap .crest-flag-wrap .answer-subpicture {
  left: -20px;
}
.round-answer-wrapper.quest-type-match .second-answer-wrap .crest-wrap .crest-flag-wrap .answer-subpicture {
  right: -20px;
}
.round-answer-wrapper.quest-type-match .txt-versus-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-weight: bold;
  font-size: 1.5em;
}
.round-answer-wrapper.quest-type-match .txt-versus-wrap .txt-versus {
  margin: 0;
}
.round-answer-wrapper.quest-type-match .btn-draw {
  background: #F1F1F1;
  border: 6px solid #ffffff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 24px;
  font-weight: bold;
  color: #dddddd;
}
.round-answer-wrapper.quest-type-score > .row {
  margin: auto;
  align-items: center;
}
.round-answer-wrapper.quest-type-score > .row .col-md:nth-child(2) {
  flex-grow: 0;
}
.round-answer-wrapper.quest-type-score .answer-wrap > .row {
  align-items: center;
}
.round-answer-wrapper.quest-type-score .crest-wrap {
  display: flex;
  flex-direction: row;
}
.round-answer-wrapper.quest-type-score .crest-wrap .answer-title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em;
}
.round-answer-wrapper.quest-type-score .counter-analog .digit.digit-empty {
  background: #3A3A3A;
  border-radius: 4px;
  color: white;
  font-size: 4rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 7px;
}
.round-answer-wrapper.quest-type-score .round-answer-score-counter-action-wrap {
  display: flex;
  justify-content: center;
  margin: 16px auto 0;
}
.round-answer-wrapper.quest-type-score .round-answer-score-counter-action-wrap .btn-score {
  padding: 0;
  display: block;
  border: 0;
  background: none;
  font-size: 32px;
  line-height: 1;
  color: #000000;
}
.round-answer-wrapper.quest-type-score .round-answer-score-counter-action-wrap .btn-score:hover {
  color: pink;
}
.round-answer-wrapper.quest-type-score .round-answer-score-counter-action-wrap .form-control {
  margin: 0 4px;
  text-align: center;
  width: 50px;
  padding: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  border-bottom: 2px solid #000000;
  font-weight: bold;
}
.round-answer-wrapper.quest-type-score .txt-versus-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-weight: bold;
  font-size: 1.5em;
}
.draggable-area-wrap,
.answer-topx-area-wrap {
  border-radius: 8px;
  padding: 4px 8px;
  background: #F1F1F1;
  cursor: pointer;
  height: 100%;
}
.draggable-area-wrap.answer-topx-area-wrap-left .scrollbar-wrapper .swiper .swiper-slide,
.answer-topx-area-wrap.answer-topx-area-wrap-left .scrollbar-wrapper .swiper .swiper-slide,
.draggable-area-wrap.draggable-area-wrap-left .scrollbar-wrapper .swiper .swiper-slide,
.answer-topx-area-wrap.draggable-area-wrap-left .scrollbar-wrapper .swiper .swiper-slide {
  padding-right: 0;
  padding-left: 12px;
}
.draggable-area-wrap.answer-topx-area-wrap-left .swiper-scrollbar.swiper-scrollbar-vertical,
.answer-topx-area-wrap.answer-topx-area-wrap-left .swiper-scrollbar.swiper-scrollbar-vertical,
.draggable-area-wrap.draggable-area-wrap-left .swiper-scrollbar.swiper-scrollbar-vertical,
.answer-topx-area-wrap.draggable-area-wrap-left .swiper-scrollbar.swiper-scrollbar-vertical,
.draggable-area-wrap.answer-topx-area-wrap-left .swiper-vertical > .swiper-scrollbar,
.answer-topx-area-wrap.answer-topx-area-wrap-left .swiper-vertical > .swiper-scrollbar,
.draggable-area-wrap.draggable-area-wrap-left .swiper-vertical > .swiper-scrollbar,
.answer-topx-area-wrap.draggable-area-wrap-left .swiper-vertical > .swiper-scrollbar {
  right: 100%;
  margin-right: -8px;
}
.draggable-area-wrap.answer-topx-area-wrap-right .scrollbar-wrapper .swiper .swiper-slide,
.answer-topx-area-wrap.answer-topx-area-wrap-right .scrollbar-wrapper .swiper .swiper-slide,
.draggable-area-wrap.draggable-area-wrap-right .scrollbar-wrapper .swiper .swiper-slide,
.answer-topx-area-wrap.draggable-area-wrap-right .scrollbar-wrapper .swiper .swiper-slide {
  padding-right: 12px;
  padding-left: 0;
}
.draggable-area-wrap .answer-wrap,
.answer-topx-area-wrap .answer-wrap,
.t-round-answer-ranking-droppable-item .answer-wrap,
.t-round-answer-ranking-draggable-item .answer-wrap {
  margin: 4px;
  border-right: 8px solid transparent;
  border-radius: 4px;
  background: #ffffff;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-grow: 1;
}
.draggable-area-wrap .answer-wrap .answer-option-wrap,
.answer-topx-area-wrap .answer-wrap .answer-option-wrap,
.t-round-answer-ranking-droppable-item .answer-wrap .answer-option-wrap,
.t-round-answer-ranking-draggable-item .answer-wrap .answer-option-wrap {
  flex-grow: 1;
}
.draggable-area-wrap .answer-wrap .crest-flag-wrap .answer-picture,
.answer-topx-area-wrap .answer-wrap .crest-flag-wrap .answer-picture,
.t-round-answer-ranking-droppable-item .answer-wrap .crest-flag-wrap .answer-picture,
.t-round-answer-ranking-draggable-item .answer-wrap .crest-flag-wrap .answer-picture {
  min-width: 84px;
  width: 84px;
  height: 84px;
  margin: 0;
}
.draggable-area-wrap .answer-wrap .crest-flag-wrap .answer-subpicture,
.answer-topx-area-wrap .answer-wrap .crest-flag-wrap .answer-subpicture,
.t-round-answer-ranking-droppable-item .answer-wrap .crest-flag-wrap .answer-subpicture,
.t-round-answer-ranking-draggable-item .answer-wrap .crest-flag-wrap .answer-subpicture {
  min-width: 42px;
  width: 42px;
  height: 42px;
  top: 48px;
  left: -6px;
  margin: 0;
}
.draggable-area-wrap .answer-wrap .crest-wrap,
.answer-topx-area-wrap .answer-wrap .crest-wrap,
.t-round-answer-ranking-droppable-item .answer-wrap .crest-wrap,
.t-round-answer-ranking-draggable-item .answer-wrap .crest-wrap {
  display: flex;
  align-items: center;
  padding: 8px;
  gap: 16px;
}
.draggable-area-wrap .answer-wrap .crest-wrap > .answer-picture,
.answer-topx-area-wrap .answer-wrap .crest-wrap > .answer-picture,
.t-round-answer-ranking-droppable-item .answer-wrap .crest-wrap > .answer-picture,
.t-round-answer-ranking-draggable-item .answer-wrap .crest-wrap > .answer-picture {
  min-width: 84px;
  width: 84px;
  height: 84px;
  margin: 0;
}
.draggable-area-wrap .answer-wrap .answer-title,
.answer-topx-area-wrap .answer-wrap .answer-title,
.t-round-answer-ranking-droppable-item .answer-wrap .answer-title,
.t-round-answer-ranking-draggable-item .answer-wrap .answer-title {
  text-align: left;
}
.draggable-area-wrap .answer-wrap .answer-action-wrap,
.answer-topx-area-wrap .answer-wrap .answer-action-wrap,
.t-round-answer-ranking-droppable-item .answer-wrap .answer-action-wrap,
.t-round-answer-ranking-draggable-item .answer-wrap .answer-action-wrap {
  padding-left: 8px;
  width: 48px;
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #F1F1F1;
}
.draggable-area-wrap .answer-wrap:hover,
.answer-topx-area-wrap .answer-wrap:hover,
.t-round-answer-ranking-droppable-item .answer-wrap:hover,
.t-round-answer-ranking-draggable-item .answer-wrap:hover {
  background: linear-gradient(180deg, #ffffff 25%, #bbffbd 100%);
}
.round-answer-wrapper.quest-type-ranking .ui-droppable {
  border-radius: 4px;
}
.round-answer-wrapper.quest-type-ranking .ui-droppable.ui-state-active {
  background: pink;
  color: #000000;
  border: 0;
}
.round-answer-wrapper.quest-type-ranking .ui-draggable.ui-draggable-handle.ui-draggable-dragging {
  z-index: 5000;
}
.round-answer-wrapper.quest-type-ranking .t-round-answer-ranking-draggable {
  height: 100%;
  min-height: 440px;
}
.t-round-answer-ranking-droppable-item,
.t-round-answer-ranking-draggable-item {
  margin: 4px;
  border-radius: 4px;
  overflow: hidden;
  background: #ffffff;
  min-height: 100px;
  display: flex;
  z-index: 1000;
}
.t-round-answer-ranking-droppable-item .t-round-answer-ranking-droppable-item-label,
.t-round-answer-ranking-draggable-item .t-round-answer-ranking-droppable-item-label {
  width: 32px;
  flex-grow: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.t-round-answer-ranking-droppable-item .t-round-answer-ranking-droppable-item-label.active,
.t-round-answer-ranking-draggable-item .t-round-answer-ranking-droppable-item-label.active {
  background: pink;
  color: #ffffff;
}
.t-round-answer-ranking-droppable-item .t-round-answer-ranking-droppable-item-slot,
.t-round-answer-ranking-draggable-item .t-round-answer-ranking-droppable-item-slot {
  flex-grow: 1;
}
.t-round-answer-ranking-droppable-item .t-round-answer-ranking-droppable-item-slot .answer-wrap,
.t-round-answer-ranking-draggable-item .t-round-answer-ranking-droppable-item-slot .answer-wrap {
  margin: 0;
}
.round-answer-wrapper.quest-type-top-x .reminder-wrap {
  text-align: center;
  margin-bottom: 16px;
}
.round-answer-wrapper.quest-type-top-x .answer-topx-area-wrap .answer-wrap .answer-action-wrap {
  font-size: 24px;
}
.ranking-podium-wrapper {
  padding: 16px;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 25%, #eee 100%);
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
}
.ranking-podium-wrapper .ranking-podium-bottom {
  border-top: 2px solid #ffffff;
  background: #C62A30;
  height: 100px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.ranking-podium-wrapper > .row {
  position: relative;
  align-items: end;
}
.ranking-podium-wrapper .podium-wrap {
  margin: 16px 0;
  padding: 8px 0;
  position: relative;
}
.ranking-podium-wrapper .podium-wrap .podium-top {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
  width: 100%;
  background: #ffffff;
  background: linear-gradient(180deg, #F2F2F2 0%, #FEFEFE 75%, #fff 100%);
  border-radius: 50%;
}
.ranking-podium-wrapper .podium-wrap .podium-body {
  background: #ffffff;
  background: linear-gradient(90deg, #ffffff 25%, #eee 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.ranking-podium-wrapper .podium-wrap .podium-body .numpodium {
  font-weight: bold;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  color: #C62A30;
  font-size: 3em;
  line-height: 1;
}
.ranking-podium-wrapper .podium-wrap .podium-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 16px;
  width: 100%;
  background: #ffffff;
  background: linear-gradient(90deg, #ffffff 25%, #eee 100%);
  border-radius: 0 0 50% 50%;
}
.ranking-podium-wrapper .podium-wrap .podium-shadow {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: -2px;
  border-radius: 0 0 50% 50%;
  height: 10px;
  width: 100%;
  filter: blur(2px);
}
.ranking-podium-wrapper .podium-pos-one {
  order: 2;
}
.ranking-podium-wrapper .podium-pos-one .podium-body {
  height: 150px;
}
.ranking-podium-wrapper .podium-pos-one .podium-body .numpodium {
  font-size: 4em;
}
.ranking-podium-wrapper .podium-pos-one .podium-body,
.ranking-podium-wrapper .podium-pos-one .podium-bottom {
  background: #ebebeb;
  background: linear-gradient(270deg, #ffffff 0%, #dfdfdf 10%, #bebebe 30%, #e1e1e1 50%, #e6e6e6 87%, #ffffff 100%);
}
.ranking-podium-wrapper .podium-pos-two {
  order: 1;
  margin-bottom: 16px;
}
.ranking-podium-wrapper .podium-pos-two .podium-body {
  height: 110px;
}
.ranking-podium-wrapper .podium-pos-two .podium-body,
.ranking-podium-wrapper .podium-pos-two .podium-bottom {
  background: #efefef;
  background: linear-gradient(90deg, #efefef 0%, #cfcfcf 75%, #9b9b9b 100%);
}
.ranking-podium-wrapper .podium-pos-three {
  order: 3;
  margin-bottom: 16px;
}
.ranking-podium-wrapper .podium-pos-three .podium-body {
  height: 70px;
}
.ranking-podium-wrapper .podium-pos-three .podium-body,
.ranking-podium-wrapper .podium-pos-three .podium-bottom {
  background: #efefef;
  background: linear-gradient(270deg, #efefef 0%, #ffffff 17%, #9e9e9e 100%);
}
.round-answer-wrapper.result {
  background: #FFFBEF;
  border-radius: 8px;
  padding: 16px;
  margin-left: -16px;
  margin-right: -16px;
  margin-top: 16px;
}
.round-answer-wrapper.result .txt-official-result {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em;
  margin: 0 0 16px;
  color: #EADDB6;
}
.round-answer-wrapper.result:after {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.round-answer-wrapper.result .question-wrap {
  display: none;
}
.round-answer-wrapper.result .answer-wrap {
  cursor: default;
}
.round-answer-wrapper.result .draggable-area-wrap {
  background: #F0EAD8;
}
.round-answer-wrapper.quest-type-interval.wrong-answer .ui-slider .ui-slider-handle {
  background: red;
}
.round-answer-wrapper.quest-type-interval.wrong-answer .t-round-answer-interval-input-wrapper .interval-tolerance.active {
  background: red;
  background: linear-gradient(90deg, rgba(44, 187, 48, 0) 0%, red 50%, rgba(44, 187, 48, 0) 100%);
}
.round-answer-wrapper.quest-type-ranking .t-round-answer-ranking-droppable-item .t-round-answer-ranking-droppable-item-label.right-answer {
  background: green;
}
.round-answer-wrapper.quest-type-ranking .t-round-answer-ranking-droppable-item .t-round-answer-ranking-droppable-item-label.partial-answer {
  background: purple;
}
.round-answer-wrapper.quest-type-ranking .t-round-answer-ranking-droppable-item .t-round-answer-ranking-droppable-item-label.wrong-answer {
  background: red;
}
.answer-wrap.round-answer-wrapper.quest-type-ranking:hover {
  background: #ffffff;
}
.answer-topx-area-wrap .right-answer .answer-wrap {
  border-color: green;
}
.answer-topx-area-wrap .partial-answer .answer-wrap {
  border-color: purple;
}
.answer-topx-area-wrap .wrong-answer .answer-wrap {
  border-color: red;
}
@media all and (max-width: 767px) {
  .round-answer-wrapper .scrollbar-wrapper {
    height: auto;
    overflow: hidden;
  }
  .card.card-question .pts-max-wrap {
    margin-bottom: 16px;
  }
  .round-answer-wrapper.quest-type-match .crest-wrap,
  .round-answer-wrapper.quest-type-score .crest-wrap {
    flex-direction: column;
    margin-bottom: 16px;
  }
}
@media all and (min-width: 1024px) {
  .round-answer-wrapper + .round-answer-wrapper,
  .anchor-question + .round-answer-wrapper {
    margin-top: 32px;
  }
  .answer-wrap .crest-flag-wrap .answer-subpicture {
    top: 80px;
  }
  .answer-wrap .answer-picture {
    min-width: 128px;
    width: 128px;
    height: 128px;
  }
  .answer-wrap .answer-subpicture {
    min-width: 64px;
    width: 64px;
    height: 64px;
  }
  .round-answer-wrapper.quest-type-match .answer-wrap .crest-wrap {
    flex-direction: row;
    align-items: center;
  }
  .round-answer-wrapper.quest-type-match .answer-wrap .crest-wrap .answer-title {
    flex-grow: 1;
  }
  .round-answer-wrapper.quest-type-match .answer-wrap.first-answer-wrap .crest-wrap .answer-title {
    text-align: left;
    margin-left: 16px;
  }
  .round-answer-wrapper.quest-type-match .answer-wrap.second-answer-wrap .crest-wrap {
    flex-direction: row-reverse;
  }
  .round-answer-wrapper.quest-type-match .answer-wrap.second-answer-wrap .crest-wrap .answer-title {
    text-align: right;
    margin-right: 16px;
  }
  .round-answer-wrapper.quest-type-score .crest-wrap {
    flex-direction: column;
  }
  .round-answer-wrapper.quest-type-score .answer-wrap.second-answer-wrap > .row {
    flex-direction: row-reverse;
  }
  .ranking-podium-wrapper {
    padding: 32px 128px 16px;
  }
}