

@charset "UTF-8";
.resultbuttoncontainer {
  margin: 2rem 0;
}
.talent-score {
  background: #e7fee7;
  padding: 0.165rem 0;
  width: 50%;
  display: inline-block;
  position: relative;
}
.score-bar {
  display: inline-block;
}
.score-meter {
  background: var(--color-base-1);
  height: 100%;
  position: absolute;
  top: 0;
}
.score-label {
  color: white;
  z-index: 99;
  position: relative;
  padding: 0 1rem;
}
.button {
  border: none;
  background: var(--color-base-1);
  color: var(--color-base-0);
  font-size: 20px;
  border-radius: 20px;
  padding: 1rem 2rem;
}
.open-modal {
  width: fit-content;
}
.hidden-radio {
  display: none;
}
.modal-content {
  height: 100%;
}
.slide {
  width: 100%;
}
.card label {
  cursor: pointer;
}
.element-container, .cardquiz, .flickity-viewport, .flickity-slider, .slide {
  height: 100%;
}
.cardquiz {
  overflow: hidden;
}
.slide {
  overflow: auto;
}
.container {
  text-align: center;
  margin: 20px auto;
}
.cquestion {
  z-index: 11;
  margin: 2rem auto;
}
.answer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  height: auto !important;
  /* margin-bottom: 25rem; */
  margin: 1rem 0;
}
.card {
  width: 300px;
  box-sizing: border-box;
  margin: 10px;
  padding: 10px;
  min-height: 100%;
  background-color: var(--color-base-1);
  border-radius: 5px;
  cursor: pointer;
  color: var(--color-base-0);
  float: left;
}
.center {
  text-align: center;
}
.card h3 {
  margin: 1rem auto;
  text-align: center;
  color: var(--color-base-0);
}
.card p {
  margin: 1rem;
}
.card img {
  border-radius: 5px;
  height: 10rem;
  /* background: white; */
  object-fit: cover;
  transition: all 0.2s ease-in-out;
  object-fit: cover;
  width: fit-content;
  background-position: 50% 50%;
  /* margin: auto; */
}
.card .img-container {
  overflow: hidden;
  border-radius: 5px;
  background: white;
  justify-content: center;
  display: flex;
}
.card:not(.answered):hover img {
  transform: scale(1.125);
}
html.is-changing * {
  overflow: hidden !important;
}
body {
  background: var(--color-base-0);
}
html.is-changing .transition-slide {
  transition: transform 0.8s cubic-bezier(0.5, 0, 0.15, 1);
}
.transition-slide.is-next-container {
  transform: translateX(100%);
}
.transition-slide.is-previous-container {
  transform: translateX(-100%);
}
html.to-left .transition-slide.is-next-container {
  transform: translateX(-100%);
}
html.to-left .transition-slide.is-previous-container {
  transform: translateX(100%);
}
header#header {
  flex: 0;
  position: relative;
}
.wrapper {
  /* overflow: hidden; */
  flex: 1 1 auto;
  background: var(--bg-wrapper);
  min-width: 0;
  position: relative;
  grid-row: 1;
  grid-column: 1;
}
.wrapper .screen {
  /* overflow: auto; */
}
.wrapper .screen .content {
  margin: 0 5rem;
  background: var(--bg-screen-content);
  position: relative;
  border-radius: 20px;
  height: 82vh;
  padding: 2rem;
  overflow: auto;
}
.question .answer .radio-wrapper .radiobtn {
  position: absolute;
}
.tooltip {
  opacity: unset !important;
  aspect-ratio: 1;
}
.questioncolcontainer {
  flex-direction: column;
  display: flex;
  width: 100%;
}
.questionrowcontainer {
  flex-direction: row;
  display: flex;
  width: 100%;
}
.questions {
  margin-top: 3.6rem;
}
.question {
  margin-bottom: 0;
  flex: 0;
  width: 100%;
  position: relative;
}
.question .title {
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.2rem;
  position: relative;
  padding-right: 48px;
}
.question .answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.4rem;
  padding: 0.2rem 0;
}
.question .answer .tooltip {
  display: none;
}
.question.open-answer .title .tooltip {
  position: relative;
}
.info {
  top: -5px;
  left: -5px;
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid var(--color-base-1);
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
  background-clip: padding-box !important;
  /* stops bg color from leaking outside the border: */
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: inherit;
  line-height: 2.4rem;
  font-weight: 700;
  text-align: center;
  color: var(--color-base-1);
  margin-left: 0.8rem;
  cursor: pointer;
}
.info .fas {
  font-size: 0.9rem;
}
.tooltip {
  position: relative;
}
.tooltip:hover .tooltip-text {
  display: block;
}
.tooltip .tooltip-text {
  position: absolute;
  left: 0;
  margin-left: -1.6rem;
  margin-bottom: 0;
  bottom: 100%;
  width: 27.6rem;
  color: var(--color-base-1);
  font-weight: 400;
  text-align: left;
  padding: 1.6rem 1.6rem 3.2rem 1.6rem;
  display: none;
  z-index: 3;
}
.tooltip .tooltip-text:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 1.6rem;
  width: 100%;
  background: #ffffff;
  -webkit-box-shadow: 0 8px 16px rgba(51, 51, 51, 0.15);
  box-shadow: 0 8px 16px rgba(51, 51, 51, 0.15);
  -webkit-border-radius: 0.4rem !important;
  border-radius: 0.4rem !important;
  background-clip: padding-box !important;
  /* stops bg color from leaking outside the border: */
  z-index: -1;
}
.tooltip .tooltip-text:after {
  top: 100%;
  margin-top: -1.6rem;
  left: 1.6rem;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #fff;
  border-width: 10px;
}
input[type=checkbox], input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
label.radio-wrapper, label.checkbox-wrapper {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 2rem;
  width: 100%;
}
label.radio-wrapper.incorrect, label.checkbox-wrapper.incorrect {
  opacity: 0.3;
}
label.radio-wrapper.wrong, label.checkbox-wrapper.wrong {
  opacity: 1;
  z-index: 1;
}
label.radio-wrapper.wrong:before, label.checkbox-wrapper.wrong:before {
  content: "";
  display: block;
  background: var(--color-red);
  position: absolute;
  left: -1.2rem;
  right: -1.2rem;
  top: -1.2rem;
  bottom: -1.2rem;
  z-index: -1;
  -webkit-border-radius: 0.4rem !important;
  border-radius: 0.4rem !important;
  background-clip: padding-box !important;
  /* stops bg color from leaking outside the border: */
}
label.radio-wrapper.wrong .label, label.radio-wrapper.wrong .radiobtn, label.radio-wrapper.wrong .checkboxbtn, label.checkbox-wrapper.wrong .label, label.checkbox-wrapper.wrong .radiobtn, label.checkbox-wrapper.wrong .checkboxbtn {
  opacity: 0.3;
}
label.radio-wrapper.wrong .tooltip, label.checkbox-wrapper.wrong .tooltip {
  display: block !important;
}
label.radio-wrapper input[type=radio], label.checkbox-wrapper input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
label.radio-wrapper input[type=radio]:checked ~ .radiobtn:after, label.checkbox-wrapper input[type=radio]:checked ~ .radiobtn:after {
  background: var(--color-base-1);
}
label.radio-wrapper input[type=radio]:checked ~ .radiobtn:after:hover, label.checkbox-wrapper input[type=radio]:checked ~ .radiobtn:after:hover {
  opacity: 1;
}
label.radio-wrapper input[type=checkbox], label.checkbox-wrapper input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
label.radio-wrapper input[type=checkbox]:checked ~ .checkboxbtn:after, label.checkbox-wrapper input[type=checkbox]:checked ~ .checkboxbtn:after {
  opacity: 1;
  color: var(--color-base-1);
}
label.radio-wrapper input[type=checkbox]:checked ~ .checkboxbtn:after:hover, label.checkbox-wrapper input[type=checkbox]:checked ~ .checkboxbtn:after:hover {
  opacity: 1;
  color: var(--color-red);
}
label.radio-wrapper .radiobtn, label.checkbox-wrapper .radiobtn {
  content: "";
  margin: auto;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: #ffffff;
  border: 1px solid var(--color-base-1);
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
  background-clip: padding-box !important;
  /* stops bg color from leaking outside the border: */
}
label.radio-wrapper .radiobtn:after, label.checkbox-wrapper .radiobtn:after {
  margin-top: 0.22rem;
  margin-left: 0.22rem;
  width: 1.8rem;
  height: 1.8rem;
  content: "";
  display: block;
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
  background-clip: padding-box !important;
  /* stops bg color from leaking outside the border: */
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
label.radio-wrapper .radiobtn:hover:after, label.checkbox-wrapper .radiobtn:hover:after {
  background: var(--color-base-2);
  opacity: 0.3;
}
label.radio-wrapper .checkboxbtn, label.checkbox-wrapper .checkboxbtn {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  width: 2.4rem;
  color: var(--color-base-1);
  height: 2.4rem;
  background: #ffffff;
  border: 1px solid var(--color-base-1);
  -webkit-border-radius: 0.4rem !important;
  border-radius: 0.4rem !important;
  background-clip: padding-box !important;
  /* stops bg color from leaking outside the border: */
}
label.radio-wrapper .checkboxbtn:after, label.checkbox-wrapper .checkboxbtn:after {
  font-family: "Font Awesome 6 Pro";
  content: "";
  font-weight: 700;
  font-size: 1.8rem;
  margin-left: 0.3rem;
  position: relative;
  opacity: 0;
  top: 0.3rem;
}
label.radio-wrapper .checkboxbtn:hover:after, label.checkbox-wrapper .checkboxbtn:hover:after {
  color: var(--color-base-2);
  opacity: 0.3;
}
label.radio-wrapper .label, label.checkbox-wrapper .label {
  margin-left: 3.6rem;
  width: 14rem;
  display: inline-block;
}
label.radio-wrapper .tooltip, label.checkbox-wrapper .tooltip {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
}
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--color-base-2);
  font-weight: 400;
  opacity: 1;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--color-base-2);
  font-weight: 400;
  opacity: 1;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--color-base-2);
  font-weight: 400;
  opacity: 1;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: var(--color-base-2);
  font-weight: 400;
  opacity: 1;
}
.chapter {
  margin-bottom: 3.6rem;
}
.chapter a {
  text-decoration: none;
}
.chapter .radio:hover:after {
  background: var(--color-base-2);
  opacity: 0.3;
}
.chapter.inactive .radio {
  opacity: 0.3;
  pointer-events: none;
}
.chapter.checked:hover {
  opacity: 1;
}
.chapter.checked:hover:after {
  background: var(--color-base-1);
  opacity: 1;
}
a.radio {
  display: block;
  position: relative;
  padding-left: 3.4rem;
  margin-bottom: 1.2rem;
}
a.radio:before {
  display: block;
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
  background-clip: padding-box !important;
  /* stops bg color from leaking outside the border: */
  border: 1px solid var(--color-base-1);
  position: absolute;
  left: 0;
  top: 0.1rem;
}
a.radio:after {
  display: block;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
  background-clip: padding-box !important;
  /* stops bg color from leaking outside the border: */
  position: absolute;
  left: 0.4rem;
  top: 0.5rem;
}
a.radio.checked:after {
  background: var(--color-base-1);
}
.theses {
  width: 100%;
}
.theses .labels {
  margin: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: flex;
}
.theses .labels .label-wrapper {
  width: calc(50%);
  margin: 0;
  display: flex;
  padding-right: 1.6rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}
.theses .labels .label-wrapper .label {
  flex: 1;
  text-align: center;
}
.theses .thesis {
  margin: 0 0 1rem 0;
  padding: 1rem;
  background: var(--color-gray);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-border-radius: 0.4rem !important;
  border-radius: 0.4rem !important;
  background-clip: padding-box !important;
  /* stops bg color from leaking outside the border: */
}
.theses .thesis.inactive {
  opacity: 0.3;
  pointer-events: none;
}
.theses .thesis .title {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.4rem;
  width: 50%;
}
.theses .thesis .options {
  width: 50%;
  margin: 0;
  margin-left: 50%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: flex;
  align-items: stretch;
}
.theses .thesis .radio-wrapper {
  width: 2.4rem;
  flex: 1;
}
.open-modal {
  cursor: pointer;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  position: relative;
  -webkit-transition: 1s ease;
  -o-transition: 1s ease;
  transition: 1s ease;
}
.open-modal:hover {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}
.open-modal:hover .text {
  -webkit-box-shadow: 0 8px 16px rgba(51, 51, 51, 0.15);
  box-shadow: 0 8px 16px rgba(51, 51, 51, 0.15);
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: red;
  z-index: 900;
  -webkit-border-radius: 0.4rem !important;
  border-radius: 0.4rem !important;
  background-clip: padding-box !important;
  /* stops bg color from leaking outside the border: */
  background: rgba(242, 240, 235, 0.8);
  display: -webkit-box;
  /* filter: blur(3px); */
  display: -ms-flexbox;
  display: flex;
  padding: 48px 48px 96px 48px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  visibility: hidden;
  overflow: auto;
}
.modal .modal-content {
  background: #ffffff;
  z-index: 901;
  filter: blur(0px);
  position: fixed;
  -webkit-border-radius: 0.4rem !important;
  border-radius: 0.4rem !important;
  background-clip: padding-box !important;
  /* stops bg color from leaking outside the border: */
  line-height: 3.6rem;
  position: relative;
  -webkit-box-shadow: 0 16px 48px rgba(51, 51, 51, 0.3);
  box-shadow: 0 16px 48px rgba(51, 51, 51, 0.3);
  width: 102rem;
  max-width: 102rem;
}
.modal .modal-content .modal-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 999;
}
.modal .modal-content .modal-close:hover {
  color: #DFAE41;
}
.modal.blue {
  background: rgba(46, 49, 143, 0.94);
}
.modal.small {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal.small .modal-content {
  max-width: 69.6rem;
  padding: 48px;
}
.modal.full-width-content .modal-content {
  width: 80rem;
  max-width: 80rem;
}
.modal.full-width-content .modal-content .text {
  padding: 48px;
}
.modal.full-width-content .modal-content .image {
  -webkit-border-top-right-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  -webkit-border-top-left-radius: 0.4rem;
  border-top-left-radius: 0.4rem;
  background-clip: padding-box;
  overflow: hidden;
}
.modal.full-width-content .modal-content .modal-close {
  color: #ffffff;
  border: none;
  background: var(--color-base-2);
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: inherit;
  border-bottom-left-radius: 0;
}
.modal.full-width-content .modal-content .modal-close i {
  color: var(--color-base-0);
}
.slideshow {
  overflow: hidden;
  height: 100%;
}
.slideshow .slide {
  overflow-y: auto;
  width: 100%;
}
.slideshow .slide .row, .slideshow .slide .sections .section .content, .sections .section .slideshow .slide .content, .slideshow .slide .sections .section .item, .sections .section .slideshow .slide .item, .slideshow .slide .sections .section .item .text, .sections .section .item .slideshow .slide .text, .slideshow .slide .thumbs, .slideshow .slide .theses .labels, .theses .slideshow .slide .labels, .slideshow .slide .theses .labels .label-wrapper, .theses .labels .slideshow .slide .label-wrapper, .slideshow .slide .theses .thesis, .theses .slideshow .slide .thesis, .slideshow .slide .theses .thesis .options, .theses .thesis .slideshow .slide .options, .slideshow .slide .browsers {
  margin: 0;
}
.slideshow .slide .row .text, .slideshow .slide .sections .section .content .text, .sections .section .slideshow .slide .content .text, .slideshow .slide .sections .section .item .text, .sections .section .slideshow .slide .item .text, .sections .section .item .slideshow .slide .text .text, .slideshow .slide .thumbs .text, .slideshow .slide .theses .labels .text, .theses .slideshow .slide .labels .text, .theses .labels .slideshow .slide .label-wrapper .text, .slideshow .slide .theses .thesis .text, .theses .slideshow .slide .thesis .text, .theses .thesis .slideshow .slide .options .text, .slideshow .slide .browsers .text {
  width: 52%;
  padding: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
}
.slideshow .slide .row .text h3, .slideshow .slide .sections .section .content .text h3, .sections .section .slideshow .slide .content .text h3, .slideshow .slide .sections .section .item .text h3, .sections .section .slideshow .slide .item .text h3, .sections .section .item .slideshow .slide .text .text h3, .slideshow .slide .thumbs .text h3, .slideshow .slide .theses .labels .text h3, .theses .slideshow .slide .labels .text h3, .theses .labels .slideshow .slide .label-wrapper .text h3, .slideshow .slide .theses .thesis .text h3, .theses .slideshow .slide .thesis .text h3, .theses .thesis .slideshow .slide .options .text h3, .slideshow .slide .browsers .text h3 {
  margin: 0;
}
.slideshow .slide .row .image, .slideshow .slide .sections .section .content .image, .sections .section .slideshow .slide .content .image, .slideshow .slide .sections .section .item .image, .sections .section .slideshow .slide .item .image, .sections .section .item .slideshow .slide .text .image, .slideshow .slide .thumbs .image, .slideshow .slide .theses .labels .image, .theses .slideshow .slide .labels .image, .theses .labels .slideshow .slide .label-wrapper .image, .slideshow .slide .theses .thesis .image, .theses .slideshow .slide .thesis .image, .theses .thesis .slideshow .slide .options .image, .slideshow .slide .browsers .image {
  width: 48%;
}
.slideshow .slide .row .image img, .slideshow .slide .sections .section .content .image img, .sections .section .slideshow .slide .content .image img, .slideshow .slide .sections .section .item .image img, .sections .section .slideshow .slide .item .image img, .sections .section .item .slideshow .slide .text .image img, .slideshow .slide .thumbs .image img, .slideshow .slide .theses .labels .image img, .theses .slideshow .slide .labels .image img, .theses .labels .slideshow .slide .label-wrapper .image img, .slideshow .slide .theses .thesis .image img, .theses .slideshow .slide .thesis .image img, .theses .thesis .slideshow .slide .options .image img, .slideshow .slide .browsers .image img {
  width: 100%;
}
.flickity-page-dots {
  position: absolute;
  top: 100%;
  list-style-type: none;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: -3.6rem 0 0 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flickity-page-dots li {
  display: block;
  width: 1rem;
  CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
  cursor: pointer;
  border: 2px solid var(--color-base-1);
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
  background-clip: padding-box !important;
  /* stops bg color from leaking outside the border: */
  margin: 0 0.6rem;
  height: 1rem;
}
.flickity-page-dots li.is-selected {
  background: var(--color-base-1);
}
.flickity-button {
  width: 4rem;
  height: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  background-color: transparent;
  padding: 0;
  transition: all 0.3s ease-in-out;
  border: 2px solid var(--color-base-1);
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
  background-clip: padding-box !important;
  /* stops bg color from leaking outside the border: */
  top: 50%;
  margin-top: -2.8rem;
}
.flickity-button:hover {
  opacity: 1;
  background-color: var(--color-base-1);
}
.flickity-button.next {
  right: 2rem;
}
.flickity-button.previous {
  left: 2rem;
}
.flickity-button svg {
  width: 1.2rem;
  height: auto;
  transition: all 0.3s ease-in-out;
  fill: var(--color-base-1);
}
.flickity-button:hover svg {
  width: 1.2rem;
  height: auto;
  fill: #fff;
}
.flickity-slider, .flickity-viewport {
  height: 100%;
}
.text div p {
  margin-bottom: 1rem;
}
.disabled .checkboxbtn {
  background: var(--color-base-0) !important;
}
/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:main-i-results] [158.3870] DESIGN*/
/*******************************************************************/
/* 0.1 D>D */
/* db 183 */
/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:main-i-results] [158.3870] DESIGN*/
/*******************************************************************/
/* 0.1 D>D */
/* db 188 */

/*******************************************************************/
/* ftrtch dino */
/* [type: CSS] [file:main-i-results] [158.3986] DESIGN*/
/*******************************************************************/
/* 0.4 D>D */
/* db 169 */