@import url("https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Carattere&display=swap");.opigno-lp-edge-take-embedded .opigno-answer-form {
  overflow-clip-margin: content-box !important;
  overflow: clip !important;
}

.video-js .vjs-big-play-button {
  margin: -35px 0 0 -35px;
}

.opigno-entity-type-selection .opigno_interactive_video .sb-choice-block__icon {
  background-color: var(--color-supportive-subtle-reddish-orange);
  background-image: url(./img/video.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.opigno-entity-type-selection .opigno_interactive_video .sb-icon {
  color: var(--color-supportive-vibrant-reddish-orange);
}

.sb-sidebar {
  transform: translateX(-100%);
  transition: transform 0.3s ease-out;
  width: 300px;
}
@media (min-width: 1200px) {
  .sb-sidebar {
    transform: translateX(0);
  }
}
.sb-sidebar.open {
  transform: translateX(0);
}


@font-face {
  font-family: "Graphie Regular";
  src: url("./fonts/Graphie-Regular.otf") format("opentype");
  font-weight: var(--font-weight-normal);
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphie Semi";
  src: url("./fonts/Graphie-SemiBold.otf") format("opentype");
  font-weight: var(--font-weight-600);
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphie";
  src: url("./fonts/Graphie-Bold.otf") format("opentype");
  font-weight: var(--font-weight-bold);
  font-style: normal;
  font-display: swap;
}
:root {
  --grid-column-sm: 21.34375%;
  --grid-gap-sm: 4.875%;
  --grid-column-md: 5.125%;
  --grid-gap-md: 3.5%;
  /* Primary color */
  --zenith-color-primary: #003595;
  --bs-body-bg: #F5F6FA;
  --zenith-color-sidebar-bg: #003595;
  --zenith-color-sidebar-text: #fff;
  --zenith-color-sidebar-text-hover: #335DAA;
  --zenith-color-primary-darkest: #001a47;
  --zenith-color-primary-dark: #002b70;
  --zenith-color-primary-muted: #0047a3;
  --zenith-color-primary-regular: #003595;
  --zenith-color-primary-regular-light: #3369c5;
  --zenith-color-primary-mid: #2E4C7D;
  --zenith-color-primary-normal: #20639B;
  --zenith-color-primary-light: #c1cde4;
  --zenith-color-primary-lighter: #E5EAF4;
  --zenith-color-primary-lightest: #e5ecf9;
  --zenith-color-primary-soft: #7d84fb;
  --zenith-color-primary-lightest-rgb: 241, 244, 255;
  --zenith-color-grey-very-light: #F4F4F4;
  --zenith-color-grey-middle: #E5E5E5;
  --color-primary-link-text: #ffffff;
  --color-accent-regular: #ee652b;
  --color-accent-light: #feba9d;
  --color-accent-lightest: #fceade;
  --color-accent-bright: #f6516f;
  --color-accent-bright-dark: #e43555;
  --color-neutral-darkest: #090B10;
  --color-neutral-dark: #3A3C40;
  --color-neutral-darker: #989696;
  --zenith-color-neutral-regular: #666666;
  --color-neutral-light: #9D9D9F;
  --color-neutral-D5: #D5D5D5;
  --color-neutral-F8: #F8F8F8;
  --color-neutral-lighter: #CECECF;
  --color-neutral-lightest: #F3F3F3;
  --color-neutral-white: #ffffff;
  --color-neutral-black: #000000;
  --color-dark-text: #3e4045;
  --color-opacity-clear: rgba(0, 0, 0, 0);
  --color-opacity-light: rgba(0, 0, 0, .08);
  --color-opacity-white: rgba(255, 255, 255, .8);
  --color-opacity-half-white: rgba(255, 255, 255, .5);
  --color-opacity-dark: rgba(14, 18, 38, .15);
  --color-opacity-darkest: rgba(9, 11, 16, .8);
  --color-opacity-black: rgba(0, 0, 0, .25);
  --color-opacity-green: rgba(81, 197, 90, .3);
  --color-opacity-red: rgba(182, 39, 39, .3);
  --bs-body-bg: #F5F6FA;
  --filter-background-hover: #ebebeb;
  --color-status-error-dark: #600;
  --color-status-error-regular: #C93F3F;
  --color-status-error-hover: #B62727;
  --color-status-error-light: #FFE8E8;
  --color-status-warning-regular: #FFF4E0;
  --color-status-warning-dark: var(--color-supportive-vibrant-yellowish-orange);
  --color-status-warning-light: #FFBB33;
  --color-status-success-dark: #017108;
  --color-status-success-regular: #51C55A;
  --color-status-success-light: #D0F8D3;
  --color-status-passed: #00BA00;
  --color-status-failed: #DD4247;
  --color-passed-pale: #F7D694;
  --color-passed-bright: #FFCD02;
  --color-functional-focus: #004fe0;
  --color-functional-opacity-focus-rgb: 49, 58, 197;
  --color-functional-focus-reverse: #d1e1fa;
  --color-functional-visited: var(--color-neutral-dark);
  --color-functional-text: var(--color-neutral-darkest);
  --color-functional-disabled-background: var(--color-neutral-lighter);
  --color-functional-disabled-text-on-background: var(--color-neutral-regular);
  --color-functional-disabled-text: var(--color-neutral-regular);
  --color-functional-disabled-input: var(--color-neutral-light);
  --color-supportive-subtle-violet: #EEE0FF;
  --color-supportive-subtle-yellow: #FFFAD5;
  --color-supportive-subtle-blue: #DBF1FF;
  --color-supportive-subtle-warm-green: #E9FFDB;
  --color-supportive-subtle-purple-blue: #EBE9FF;
  --color-supportive-subtle-reddish-orange: #FFE4D5;
  --color-supportive-subtle-yellowish-orange: #FFF4E0;
  --color-supportive-subtle-green: #E0FFEA;
  --color-supportive-vibrant-violet: #8F23DB;
  --color-supportive-vibrant-yellow: #DBD001;
  --color-supportive-vibrant-blue: #0090BE;
  --color-supportive-vibrant-warm-green: #429C0A;
  --color-supportive-vibrant-purple-blue: #6308D1;
  --color-supportive-vibrant-reddish-orange: #CA441B;
  --color-supportive-vibrant-yellowish-orange: #DB8523;
  --color-supportive-vibrant-green: #0BA864;
  --color-type-pdf: #E5252A;
  --color-type-doc: #0263D1;
  --color-type-xls: #00733B;
  --color-type-ppt: #E03303;
  --color-type-txt: #0E1226;
  --color-type-svg: #FF6600;
  --zenith-font: "Prompt", Arial, Helvetica, sans-serif;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --font-weight-extrabold: 900;
}

.take-activity .scorm-ui-player iframe {
  aspect-ratio: auto;
}

.sb-result {
  font-family: var(--zenith-font);
  padding: 50px;
  background: url("./stars.png") center/cover no-repeat, linear-gradient(0deg, #003595 -13.23%, #0A2241 100%);
  background-blend-mode: lighten;
}
@media (min-width: 768px) {
  .sb-result {
    padding: 100px 50px;
  }
}
.sb-result_content {
  gap: 32px;
}
@media (min-width: 768px) {
  .sb-result_content {
    gap: 70px;
  }
}
.sb-result__message {
  color: var(--color-neutral-white);
}
.sb-result__text {
  gap: 8px;
}
.sb-result__text .icon {
  width: auto;
  height: auto;
  min-height: 150px;
}
.sb-result__text .icon .passed .svg-elem-1 {
  stroke-dashoffset: 97px;
  stroke-dasharray: 97px;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
}
.sb-result__text .icon .passed .svg-elem-2 {
  stroke-dashoffset: 46px;
  stroke-dasharray: 46px;
  fill: transparent;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.3s;
}
.sb-result__text .icon .passed .svg-elem-3 {
  stroke-dashoffset: 37px;
  stroke-dasharray: 37px;
  fill: transparent;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.4s;
}
.sb-result__text .icon .passed .svg-elem-4 {
  stroke-dashoffset: 46px;
  stroke-dasharray: 46px;
  fill: transparent;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
}
.sb-result__text .icon .passed .svg-elem-5 {
  stroke-dashoffset: 55px;
  stroke-dasharray: 55px;
  fill: transparent;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
}
.sb-result__text .icon .passed .svg-elem-6 {
  stroke-dashoffset: 55px;
  stroke-dasharray: 55px;
  fill: transparent;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s;
}
.sb-result__text .icon .passed .svg-elem-7 {
  stroke-dashoffset: 55px;
  stroke-dasharray: 55px;
  fill: transparent;
  transition: stroke-dashoffset 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}
.sb-result__text .icon .passed.active .svg-elem-1 {
  stroke-dashoffset: 0;
}
.sb-result__text .icon .passed.active .svg-elem-2,
.sb-result__text .icon .passed.active .svg-elem-3,
.sb-result__text .icon .passed.active .svg-elem-4 {
  stroke-dashoffset: 0;
  fill: var(--color-passed-pale);
}
.sb-result__text .icon .passed.active .svg-elem-5,
.sb-result__text .icon .passed.active .svg-elem-6,
.sb-result__text .icon .passed.active .svg-elem-7 {
  stroke-dashoffset: 0;
  fill: var(--color-passed-bright);
}
.sb-result__text .icon .error-icon .x-line {
  stroke-dasharray: 40;
  stroke-dashoffset: 40;
  transition: stroke-dashoffset 0.55s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.sb-result__text .icon .error-icon.active .x-line-1 {
  stroke-dashoffset: 0;
  transition-delay: 0s;
}
.sb-result__text .icon .error-icon.active .x-line-2 {
  stroke-dashoffset: 0;
  transition-delay: 0.4s;
}
.sb-result__text .icon .hourglass .sand-top,
.sb-result__text .icon .hourglass .sand-top.shadow,
.sb-result__text .icon .hourglass .sand-bottom,
.sb-result__text .icon .hourglass .sand-bottom.shadow,
.sb-result__text .icon .hourglass .sand-stream {
  transform: none;
  transform-origin: 50% 50%;
}
.sb-result__text .icon .hourglass.active .sand-top,
.sb-result__text .icon .hourglass.active .sand-top.shadow {
  animation: sandTopFade 3s ease-in-out infinite;
}
.sb-result__text .icon .hourglass.active .sand-bottom,
.sb-result__text .icon .hourglass.active .sand-bottom.shadow {
  animation: sandBottomFade 3s ease-in-out infinite;
}
.sb-result__text .icon .hourglass.active .sand-stream {
  animation: sandStreamFade 3s ease-in-out infinite;
}
@keyframes sandTopFade {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sandBottomFade {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sandStreamFade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.sb-result__text .status-text {
  color: var(--color-neutral-white);
  font-size: 24px;
  font-weight: var(--font-weight-semibold);
}
@media (min-width: 768px) {
  .sb-result__text .status-text {
    font-size: 40px;
  }
}
.sb-result__text .status-description {
  color: var(--color-neutral-white);
  font-size: 18px;
}
@media (min-width: 768px) {
  .sb-result__text .status-description {
    font-size: 20px;
  }
}
.sb-result__passed-data {
  gap: 20px;
}
@media screen and (min-width: 1000px) {
  .sb-result__passed-data {
    gap: 40px;
  }
}
@media screen and (max-width: 400px) {
  .sb-result__passed-data {
    gap: 8px;
  }
}
.sb-result__passed-data--item {
  padding: 20px;
  border-color: var(--zenith-color-primary-soft);
  min-width: 212px;
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
@media screen and (max-width: 900px) {
  .sb-result__passed-data--item {
    min-width: 180px;
    padding: 15px;
  }
}
@media screen and (max-width: 698px) {
  .sb-result__passed-data--item {
    min-width: 140px;
    padding: 10px;
    flex-direction: column;
  }
}
@media (max-width: 576px) {
  .sb-result__passed-data--item {
    min-width: 95px;
  }
}
.sb-result__passed-data--item.appear {
  opacity: 1;
  transform: translateY(0);
}
.sb-result__passed-data--item .text {
  text-transform: uppercase;
  color: var(--zenith-color-neutral-regular);
}
@media screen and (max-width: 900px) {
  .sb-result__passed-data--item .text {
    font-size: 12px;
  }
}
@media screen and (max-width: 600px) {
  .sb-result__passed-data--item .text {
    max-width: 68px;
  }
}
@media screen and (max-width: 600px) {
  .sb-result__passed-data--item .text.time {
    max-width: 50px;
  }
}
@media (max-width: 576px) {
  .sb-result__passed-data--item .body {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 900px) {
  .sb-result__passed-data--item .value {
    font-size: 19px;
  }
}
@media (max-width: 576px) {
  .sb-result__passed-data--item .value {
    font-size: 16px;
    margin-bottom: 0;
  }
}
.sb-result__passed-data--item .sb-icon {
  color: var(--zenith-color-primary-regular);
}

.take-activity {
  font-family: var(--zenith-font);
}
.take-activity:has(.opigno-answer-form .fieldgroup > .fieldset__wrapper--group) .field--name-field-activity-body {
  background: none;
  padding: 0;
}
.take-activity .field--name-label {
  color: var(--color-functional-text);
  font-size: 24px;
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
  text-transform: none;
}

.sb-choice__body {
  background-color: transparent;
  padding: 0;
}
.sb-choice__hint {
  border-radius: 4px;
  background-color: var(--zenith-color-primary-lighter);
}
.sb-choice__question-body p {
  font-weight: var(--font-weight-bold);
}
.sb-choice__answer-body .sb-choice-container {
  gap: 24px 0;
}
.sb-choice__answer-body .sb-checkbox + label.option,
.sb-choice__answer-body .sb-radio + label.option {
  background: var(--color-neutral-F8);
  border: none;
  border-radius: 4px;
  color: var(--color-neutral-dark);
  padding: 24px 16px 24px 56px;
  width: 100%;
  transition: all 0.3s ease;
}
.sb-choice__answer-body .sb-checkbox + label.option::before,
.sb-choice__answer-body .sb-radio + label.option::before {
  border-color: var(--color-neutral-light);
}
.sb-choice__answer-body .sb-checkbox + label.option:hover,
.sb-choice__answer-body .sb-radio + label.option:hover {
  background: var(--zenith-color-primary-lighter);
}
.sb-choice__answer-body .sb-checkbox + label.option:before,
.sb-choice__answer-body .sb-radio + label.option:before {
  left: 18px;
  top: 25px;
}
.sb-choice__answer-body .sb-checkbox + label.option > *,
.sb-choice__answer-body .sb-radio + label.option > * {
  margin: 0;
}
.sb-choice__answer-body .sb-checkbox + label.option .icon-bg .sb-icon,
.sb-choice__answer-body .sb-radio + label.option .icon-bg .sb-icon {
  position: static;
  display: block;
}
.sb-choice__answer-body .sb-checkbox:checked + label.option,
.sb-choice__answer-body .sb-radio:checked + label.option {
  background-color: var(--zenith-color-primary-regular);
  color: var(--color-neutral-white);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option:before,
.sb-choice__answer-body .sb-radio:checked + label.option:before {
  border-color: var(--color-neutral-white);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option:after,
.sb-choice__answer-body .sb-radio:checked + label.option:after {
  background-color: var(--color-neutral-white);
  left: 23px;
  top: 30px;
}
.sb-choice__answer-body .sb-checkbox:checked + label.option.check, .sb-choice__answer-body .sb-checkbox:checked + label.option.cross,
.sb-choice__answer-body .sb-radio:checked + label.option.check,
.sb-choice__answer-body .sb-radio:checked + label.option.cross {
  color: var(--color-neutral-dark);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option.check,
.sb-choice__answer-body .sb-radio:checked + label.option.check {
  background-color: var(--color-status-success-light);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option.check:before,
.sb-choice__answer-body .sb-radio:checked + label.option.check:before {
  border-color: var(--color-status-success-dark);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option.check:after,
.sb-choice__answer-body .sb-radio:checked + label.option.check:after {
  background-color: var(--color-status-success-dark);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option.cross,
.sb-choice__answer-body .sb-radio:checked + label.option.cross {
  background-color: var(--color-status-error-light);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option.cross:before,
.sb-choice__answer-body .sb-radio:checked + label.option.cross:before {
  border-color: var(--color-status-error-dark);
}
.sb-choice__answer-body .sb-checkbox:checked + label.option.cross:after,
.sb-choice__answer-body .sb-radio:checked + label.option.cross:after {
  background-color: var(--color-status-error-dark);
}
.sb-choice__type-media .sb-choice__answer-body .sb-checkbox + label.option::after,
.sb-choice__type-media .sb-choice__answer-body .sb-radio + label.option::after {
  top: auto;
}

.sb-answer__details {
  font-family: var(--zenith-font);
}
.sb-answer__details .activity-title h3 {
  color: var(--zenith-color-neutral-regular);
  font-size: 16px;
  font-weight: var(--font-weight-normal);
  margin-bottom: 0;
  padding-right: 20px;
  text-transform: uppercase;
}
.sb-answer__details--long-answer--question p {
  font-weight: var(--font-weight-bold);
}
.sb-answer__list-title {
  border-radius: 4px;
  border-color: var(--zenith-color-primary-regular);
}
.sb-answer__list-title:not(.collapsed) {
  background: var(--zenith-color-primary-lighter);
  border-color: var(--zenith-color-primary-regular);
}
.sb-answer__details--long-answer {
  background: none;
  padding: 0;
}

.opigno-answer-form .fieldgroup > .fieldset__wrapper--group {
  background: none;
  padding: 0;
}

.field--name-field-true-false-answer .sb-checkbox + label.option,
.field--name-field-true-false-answer .sb-radio + label.option {
  background: var(--color-neutral-F8);
  border: none;
  transition: all 0.3s ease;
  border-radius: 4px;
}
.field--name-field-true-false-answer .sb-checkbox + label.option::before,
.field--name-field-true-false-answer .sb-radio + label.option::before {
  border-color: var(--color-neutral-light);
}
.field--name-field-true-false-answer .sb-checkbox + label.option:hover,
.field--name-field-true-false-answer .sb-radio + label.option:hover {
  background: var(--zenith-color-primary-lighter);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option,
.field--name-field-true-false-answer .sb-radio:checked + label.option {
  background-color: var(--zenith-color-primary-regular);
  color: var(--color-neutral-white);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option.check,
.field--name-field-true-false-answer .sb-radio:checked + label.option.check {
  background-color: var(--color-status-success-light);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option.cross,
.field--name-field-true-false-answer .sb-radio:checked + label.option.cross {
  background-color: var(--color-status-error-light);
}
.field--name-field-true-false-answer .sb-checkbox:checked:hover + label.option .sb-icon--check-thin path {
  stroke: var(--zenith-color-primary-regular);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option:before {
  background: var(--color-neutral-white);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option .sb-icon--check-thin path {
  stroke: var(--zenith-color-primary-regular);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option.check .sb-icon--check-thin path {
  stroke: var(--color-status-success-dark);
}
.field--name-field-true-false-answer .sb-checkbox:checked + label.option.cross .sb-icon--check-thin path {
  stroke: var(--color-status-error-dark);
}