body .feedback .feedback_card {
  border-top-color: #0F62FE;
}
body .feedback .submit {
  background: #0F62FE;
}

svg.replaced-svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.i18n b {
  font-family: "AppFontBold";
}

.page {
  position: absolute;
  height: calc(100% - 0.37em);
  width: 100%;
  bottom: 0;
}
.page.grid {
  grid-template-columns: 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125%;
  grid-template-rows: 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125% 3.125%;
}
.page.grid.draw {
  display: grid;
}
.page.screen_page {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: calc(100% - 3em);
  right: 0;
}
.page.screen_page .step {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #161616;
  overflow-x: hidden;
  overflow-y: auto;
}
.page.screen_page .part {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}
.page.screen_page .part.hidden {
  opacity: 0 !important;
  pointer-events: none !important;
}
.page.screen_page .screen {
  position: absolute;
  height: auto;
  width: auto;
}
.page.screen_page .screen img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.page.screen_page .screen img.alt_screen {
  position: absolute;
  top: 0;
  opacity: 0;
  pointer-events: none;
  transition: none;
}
.page.screen_page .screen img.alt_screen.active {
  opacity: 1;
}
.page.screen_page .screen .darken_image {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  background-color: #161616;
  opacity: 0;
  transition: opacity 0.25s ease, transform 0.5s ease;
}
.page.screen_page .screen .darken_image.active {
  opacity: 0.75;
}
.page.screen_page .screen .loading_bars {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.page.screen_page .screen .loading_bars .loading_bar {
  position: absolute;
  height: 0.25em;
  width: 25%;
  background-color: #353535;
}
.page.screen_page .screen .loading_bars .loading_bar:before {
  content: "";
  position: absolute;
  background-color: #525252;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  animation: skeleton 3s ease-in-out infinite;
}
.page.screen_page .screen .loading_bars:not(.show) .loading_bar {
  animation: none !important;
  opacity: 0 !important;
  transition: 0.5s opacity ease;
}
.page.screen_page .scroll_screen {
  position: absolute;
  overflow-y: auto;
  overflow-x: hidden;
  /* Hide scrollbar for Chrome, Safari and Opera */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.page.screen_page .scroll_screen::-webkit-scrollbar {
  display: none;
}
.page.screen_page .scroll_screen .wrapper {
  position: relative;
}
.page.screen_page .next_prev {
  position: fixed;
  bottom: 0.25em;
  right: 0.25em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  opacity: 1;
  transition: 0.5s opacity ease;
}
.page.screen_page .next_prev .prev_part {
  position: relative;
  width: 0.6em;
  height: 0.6em;
  background-color: #393939;
  margin-right: 0.25em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page.screen_page .next_prev .prev_part svg {
  position: relative;
  width: 0.15em;
  height: 0.15em;
}
.page.screen_page .next_prev .prev_part svg path {
  fill: #F4F4F4;
}
.page.screen_page .next_prev .next_step {
  position: relative;
}
.page.screen_page .next_prev .next_step .cta_button {
  position: relative;
  height: 0.6em;
}
.page.screen_page .next_prev .next_step .cta_button .touchable_area {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
}
.page.screen_page .next_prev .next_step .cta_button .message_box {
  color: black;
}
.page.screen_page .next_prev .next_step .cta_button .message_box.view-show {
  opacity: 1;
}
.page.screen_page .next_prev .next_step .cta_button .button_title {
  font-size: 0.15em;
  display: flex;
}
.page.screen_page .next_prev .next_step .cta_button .button_title .i18n {
  margin-right: 5em;
  font-size: 1em;
}
.page.screen_page .next_prev.view-show {
  opacity: 0;
  pointer-events: none !important;
}

.page[data-view=entry] {
  background-color: white;
}
.page[data-view=entry] .entry_text {
  position: relative;
  grid-column-start: 2;
  grid-column-end: 15;
  grid-row-start: 4;
  grid-row-end: 14;
}
.page[data-view=entry] .entry_title {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-start;
}
.page[data-view=entry] .entry_title .i18n {
  font-size: 0.4em;
  font-family: "AppFontLight";
}
.page[data-view=entry] .entry_subtitle {
  position: relative;
  margin-top: 0.1em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-start;
}
.page[data-view=entry] .entry_subtitle .i18n {
  font-size: 0.2em;
}
.page[data-view=entry] .demo_box {
  position: relative;
  grid-column-start: 2;
  grid-column-end: 15;
  grid-row-start: 15;
  grid-row-end: 30;
  background-color: #F4F4F4;
  padding: 0.18em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-start;
}
.page[data-view=entry] .demo_box .demo_box_title {
  position: relative;
}
.page[data-view=entry] .demo_box .demo_box_title .i18n {
  font-size: 0.21em;
}
.page[data-view=entry] .demo_box .demo_box_subtitle {
  position: relative;
  margin-top: 0.18em;
}
.page[data-view=entry] .demo_box .demo_box_subtitle .i18n {
  font-size: 0.16em;
}
.page[data-view=entry] .demo_box input[id=firstname] {
  font-size: 0.15em;
  margin-top: 0.18rem;
  width: calc(40% - 0.36rem);
}
.page[data-view=entry] .demo_box .cta_button {
  position: absolute;
  height: 0.75em;
  width: 60%;
  bottom: 0;
  right: 0;
  padding: 0.2em;
  align-items: flex-start;
}
.page[data-view=entry] .right_half {
  position: relative;
  grid-column-start: 17;
  grid-column-end: 33;
  grid-row-start: 1;
  grid-row-end: 33;
  background-color: #F4F4F4;
  background-image: url("../img/entry_image.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.page[data-view=sec_challenges] {
  background-color: white;
}
.page[data-view=demo_home] {
  background-color: white;
}
.page[data-view=demo_home] .entry_text {
  position: relative;
  grid-column-start: 2;
  grid-column-end: 15;
  grid-row-start: 4;
  grid-row-end: 14;
}
.page[data-view=demo_home] .entry_title {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-start;
}
.page[data-view=demo_home] .entry_title .i18n {
  font-size: 0.4em;
  font-family: "AppFontLight";
}
.page[data-view=demo_home] .entry_subtitle {
  position: relative;
  margin-top: 0.1em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-start;
}
.page[data-view=demo_home] .entry_subtitle .i18n {
  font-size: 0.2em;
}
.page[data-view=demo_home] .demo_box {
  position: relative;
  grid-column-start: 2;
  grid-column-end: 15;
  grid-row-start: 15;
  grid-row-end: 30;
  background-color: #F4F4F4;
  padding: 0.18em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-start;
}
.page[data-view=demo_home] .demo_box .demo_box_title {
  position: relative;
}
.page[data-view=demo_home] .demo_box .demo_box_title .i18n {
  font-size: 0.21em;
}
.page[data-view=demo_home] .demo_box .demo_box_subtitle {
  position: relative;
  margin-top: 0.18em;
}
.page[data-view=demo_home] .demo_box .demo_box_subtitle .i18n {
  font-size: 0.16em;
}
.page[data-view=demo_home] .demo_box input[id=firstname] {
  font-size: 0.15em;
  margin-top: 0.18rem;
  width: calc(40% - 0.36rem);
}
.page[data-view=demo_home] .demo_box .cta_button {
  position: absolute;
  height: 0.75em;
  width: 60%;
  bottom: 0;
  right: 0;
  padding: 0.2em;
  align-items: flex-start;
}
.page[data-view=demo_home] .right_half {
  position: relative;
  grid-column-start: 17;
  grid-column-end: 33;
  grid-row-start: 1;
  grid-row-end: 33;
  background-color: #F4F4F4;
  background-image: url("../img/demo_home.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 1em;
}
.page[data-view=demo_home] .right_side {
  background-color: #F4F4F4;
  width: 50%;
  height: 100%;
  position: absolute;
  left: 50%;
}
.page[data-view=your_mission] .screen[data-screen=chapter_1_screen_1][data-track-view~=intro] .darken_image {
  opacity: 0.75;
}
.page[data-view=chapter_1] .step[data-view=step_1] .screen[data-screen=chapter_1_screen_1][data-track-view~=intro] .darken_image {
  opacity: 0.75;
}
.page[data-view=chapter_1] .step[data-view=step_1] .screen[data-screen=chapter_1_screen_1][data-track-view~=part_1] .darken_image {
  opacity: 0;
  clip-path: polygon(0% 0%, 0% 100%, 43.3% 100%, 43.3% 14.8%, 99.2% 14.8%, 99.2% 41.8%, 43.3% 41.8%, 43.3% 100%, 100% 100%, 100% 0%, 0% 0%);
}
.page[data-view=chapter_1] .step[data-view=step_1] .screen[data-screen=chapter_1_screen_1][data-track-view~=part_1][data-track-view~=info_2] .darken_image {
  opacity: 0.75;
  clip-path: polygon(0% 0%, 0% 100%, 43.3% 100%, 43.3% 14.8%, 99.2% 14.8%, 99.2% 41.8%, 43.3% 41.8%, 43.3% 100%, 100% 100%, 100% 0%, 0% 0%);
}
.page[data-view=chapter_1] .step[data-view=step_1] .screen[data-screen=chapter_1_screen_1][data-track-view~=part_2] img, .page[data-view=chapter_1] .step[data-view=step_1] .screen[data-screen=chapter_1_screen_1][data-track-view~=part_2] .darken_image {
  transform: scale(2);
  transform-origin: 56.5% 72.5%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .screen[data-screen=chapter_1_screen_1][data-track-view~=part_2] .darken_image {
  opacity: 0.75;
  clip-path: polygon(0% 0%, 0% 100%, 29.1% 100%, 29.1% 43.1%, 56.8% 43.1%, 56.8% 70.2%, 29.1% 70.2%, 29.1% 100%, 100% 100%, 100% 0%, 0% 0%);
}
.page[data-view=chapter_1] .step[data-view=step_1] .screen[data-screen=chapter_1_screen_1][data-track-view~=part_3] img, .page[data-view=chapter_1] .step[data-view=step_1] .screen[data-screen=chapter_1_screen_1][data-track-view~=part_3] .darken_image {
  transform: scale(2);
  transform: scale(2) translate(0%, -28.5%);
  transform-origin: 56.5% 72.5%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .screen[data-screen=chapter_1_screen_1][data-track-view~=part_3] .darken_image {
  opacity: 0.75;
  clip-path: polygon(0% 0%, 0% 100%, 29.1% 100%, 29.1% 71.4%, 56.8% 71.4%, 56.8% 98.45%, 29.1% 98.45%, 29.1% 100%, 100% 100%, 100% 0%, 0% 0%);
}
.page[data-view=chapter_1] .step[data-view=step_1] .screen[data-screen=chapter_1_screen_1][data-track-view~=part_4] img, .page[data-view=chapter_1] .step[data-view=step_1] .screen[data-screen=chapter_1_screen_1][data-track-view~=part_4] .darken_image {
  transform: scale(2);
  transform: scale(2) translate(0%, -28.5%);
  transform-origin: 56.5% 72.5%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .screen[data-screen=chapter_1_screen_1][data-track-view~=part_4] .darken_image {
  opacity: 0.75;
  clip-path: polygon(0% 0%, 0% 100%, 29.1% 100%, 29.1% 71.4%, 56.8% 71.4%, 56.8% 98.45%, 29.1% 98.45%, 29.1% 100%, 100% 100%, 100% 0%, 0% 0%);
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_1] .cta_dot {
  transition-delay: 0.5s;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.info_1 {
  top: 10%;
  left: 15%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.info_2 {
  top: 11.5%;
  left: 70.1%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.dot_1 {
  left: 43.5%;
  top: 47.5%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_2] .cta_dot {
  transition-delay: 0.5s;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_2] .cta_dot.info_1 {
  top: 24%;
  left: 32%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_2] .cta_dot.dot_1 {
  left: 37.5%;
  top: 78.5%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .chart {
  position: absolute;
  height: 40.3%;
  width: 24.5%;
  top: 23.7%;
  left: 10.98%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .chart #chart {
  opacity: 0;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .chart #chart * {
  cursor: pointer;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .chart #chart_pulse {
  pointer-events: none;
  opacity: 1;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .chart #chart_pulse * {
  fill: white;
  opacity: 0;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .chart #chart_pulse [data-chart-popup="724"] {
  animation: pulse 3s ease infinite;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .chart.show {
  transition-delay: 3s;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .cta_dot {
  transition: 0.5s opacity ease;
  transition-delay: 0.5s;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.dot_1 {
  left: 31.4%;
  top: 29%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.custom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: none !important;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.custom .popup_box {
  position: absolute;
  height: 1em;
  width: 1.2em;
  opacity: 0;
  transition: 0.25s opacity ease;
  pointer-events: none;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.custom .popup_box.right {
  left: 100%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.custom .popup_box.left {
  right: 100%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.custom.active .popup_box {
  opacity: 1;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.popup_724 {
  height: 0.4em;
  width: 0.4em;
  top: 35.2%;
  left: 31.1%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.popup_456 {
  height: 0.4em;
  width: 0.4em;
  top: 28.6%;
  left: 14%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.popup_192 {
  height: 0.4em;
  width: 0.4em;
  top: 46.3%;
  left: 11.5%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.popup_90 {
  height: 0.3em;
  width: 0.3em;
  top: 54.1%;
  left: 14.4%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.popup_72r {
  height: 0.25em;
  width: 0.25em;
  top: 57.7%;
  left: 16.9%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.popup_72w {
  height: 0.25em;
  width: 0.25em;
  top: 59.4%;
  left: 19.4%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.popup_72g {
  height: 0.25em;
  width: 0.25em;
  top: 60%;
  left: 22.1%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.popup_54b {
  height: 0.25em;
  width: 0.25em;
  top: 60%;
  left: 24.5%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.popup_54p {
  height: 0.21em;
  width: 0.22em;
  top: 59.3%;
  left: 26.5%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.popup_48 {
  height: 0.21em;
  width: 0.22em;
  top: 57.9%;
  left: 28.5%;
}
.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_4] .cta_dot {
  transition-delay: 0.25s;
}
.page[data-view=chapter_1] .step[data-view=step_2] .screen[data-screen=chapter_1_screen_2][data-track-view~=intro] .darken_image {
  opacity: 0.75;
}
.page[data-view=chapter_1] .step[data-view=step_2] .screen[data-screen=chapter_1_screen_2][data-track-view~=part_1] .darken_image {
  opacity: 0;
}
.page[data-view=chapter_1] .step[data-view=step_2] .screen[data-screen=chapter_1_screen_2][data-track-view~=part_1][data-track-view~=info_1] .darken_image {
  opacity: 0.75;
  clip-path: polygon(0% 0%, 0% 100%, 0.8% 100%, 0.8% 12.7%, 99.2% 12.7%, 99.2% 30.1%, 0.8% 30.1%, 0.8% 100%, 100% 100%, 100% 0%, 0% 0%);
}
.page[data-view=chapter_1] .step[data-view=step_2] .screen[data-screen=chapter_1_screen_2][data-track-view~=part_1][data-track-view~=info_2] .darken_image {
  opacity: 0.75;
  clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 31.7%, 22.5% 31.7%, 22.5% 39.6%, 0% 39.6%, 0% 100%, 100% 100%, 100% 0%, 0% 0%);
}
.page[data-view=chapter_1] .step[data-view=step_2] .part[data-view=part_1] .cta_dot {
  transition-delay: 4s;
}
.page[data-view=chapter_1] .step[data-view=step_2] .part[data-view=part_1] .cta_dot.info_1 {
  top: 12.1%;
  left: 12%;
}
.page[data-view=chapter_1] .step[data-view=step_2] .part[data-view=part_1] .cta_dot.info_2 {
  top: 33.3%;
  left: 23%;
}
.page[data-view=chapter_1] .step[data-view=step_2] .part[data-view=part_1] .cta_dot.dot_1 {
  left: 35.5%;
  top: 44.8%;
}
.page[data-view=chapter_1] .step[data-view=step_2] .part[data-view=part_2] .cta_dot {
  transition-delay: 0.5s;
}
.page[data-view=chapter_1] .step[data-view=step_2] .part[data-view=part_2] .cta_dot.dot_1 {
  left: 27.75%;
  top: 66.3%;
}
.page[data-view=chapter_1] .step[data-view=step_3] .screen[data-screen=chapter_1_screen_2][data-track-view~=intro] .darken_image {
  opacity: 0.75;
}
.page[data-view=chapter_1] .step[data-view=step_3] .screen[data-screen=chapter_1_screen_2][data-track-view~=part_1] .darken_image {
  opacity: 0;
}
.page[data-view=chapter_1] .step[data-view=step_3] .screen[data-screen=chapter_1_screen_4][data-track-view~=part_2] .darken_image {
  opacity: 0;
}
.page[data-view=chapter_1] .step[data-view=step_3] .screen[data-screen=chapter_1_screen_5][data-track-view~=part_3] .darken_image {
  opacity: 0;
}
.page[data-view=chapter_1] .step[data-view=step_3] .screen[data-screen=chapter_1_screen_6][data-track-view~=part_4] .darken_image {
  opacity: 0;
}
.page[data-view=chapter_1] .step[data-view=step_3] .screen[data-screen=chapter_1_screen_7][data-track-view~=part_5] .darken_image {
  opacity: 0;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_1] .cta_dot {
  transition-delay: 1.25s;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_1] .cta_dot.info_1 {
  top: 8.1%;
  left: 15%;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_1] .cta_dot.info_1 .message_box {
  width: 3.5em;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_1] .cta_dot.dot_1 {
  left: 8.3%;
  top: 21.5%;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_1] .misc_element.dropdown {
  position: absolute;
  top: 16.5%;
  left: 0.75%;
  height: 7.7%;
  overflow: hidden;
  transition: 0.5s transform ease;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_1] .misc_element.dropdown img {
  position: relative;
  height: 100%;
  width: auto;
  transform: translateY(-101%);
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_1] .misc_element.dropdown[data-track-view~=part_1] img {
  transform: none;
  transition-delay: 0.5s;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_2] .cta_dot {
  transition-delay: 0.5s;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_2] .cta_dot.dot_1 {
  left: 22.75%;
  top: 17.7%;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_3] .cta_dot {
  transition-delay: 0.5s;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_3] .cta_dot.dot_1 {
  left: 23%;
  top: 20.4%;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_3] .cta_dot.info_1 {
  left: 24.2%;
  top: 31.5%;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_4] .cta_dot {
  transition-delay: 0.5s;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_4] .cta_dot.custom_1 {
  height: 6.6%;
  width: 14.9%;
  left: 53.6%;
  top: 43.5%;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_4] .cta_dot.dot_1 {
  left: 68.9%;
  top: 44.3%;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_4] .cta_dot.dot_1 .message_box {
  width: 1.6em;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_5] .cta_dot {
  transition-delay: 0.5s;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_5] .cta_dot.info_1 {
  left: 28.5%;
  top: 12.7%;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_5] .cta_dot.custom_1 {
  height: 4.2%;
  width: 6.5%;
  left: unset;
  right: 0.7%;
  top: 22.3%;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_5] .cta_dot.dot_1 {
  left: unset;
  right: 7.6%;
  top: 22%;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_5] .cta_dot.dot_1 .message_box {
  width: 1em;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_5] .misc_element.dropdown {
  position: absolute;
  top: 17.3%;
  left: 14.5%;
  height: 20.5%;
  overflow: hidden;
  transition: 0.5s transform ease;
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_5] .misc_element.dropdown img {
  position: relative;
  height: 100%;
  width: auto;
  transform: translateY(-101%);
}
.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_5] .misc_element.dropdown[data-track-view~=info_1] img {
  transform: none;
}
.page[data-view=chapter_1] .step[data-view=step_4] .screen[data-screen=chapter_1_screen_7][data-track-view~=intro] .darken_image {
  opacity: 0.75;
}
.page[data-view=chapter_1] .step[data-view=step_4] .screen[data-screen=chapter_1_screen_7][data-track-view~=part_1] .darken_image {
  opacity: 0;
}
.page[data-view=chapter_1] .step[data-view=step_4] .screen[data-screen=chapter_1_screen_7][data-track-view~=part_2] .darken_image {
  opacity: 0;
}
.page[data-view=chapter_1] .step[data-view=step_4] .screen[data-screen=chapter_1_screen_7][data-track-view~=part_2] .alt_screen {
  opacity: 1;
  transition: 0.5s opacity ease;
  transition-delay: 1s;
}
.page[data-view=chapter_1] .step[data-view=step_4] .part[data-view=part_1] .cta_dot {
  transition-delay: 0.5s;
}
.page[data-view=chapter_1] .step[data-view=step_4] .part[data-view=part_1] .cta_dot.info_1 {
  left: 28.5%;
  top: 12.7%;
}
.page[data-view=chapter_1] .step[data-view=step_4] .part[data-view=part_1] .cta_dot.custom_1 {
  height: 4.2%;
  width: 6.5%;
  left: unset;
  right: 0.7%;
  top: 22.3%;
}
.page[data-view=chapter_1] .step[data-view=step_4] .part[data-view=part_1] .cta_dot.dot_1 {
  left: unset;
  right: 7.6%;
  top: 22%;
}
.page[data-view=chapter_1] .step[data-view=step_4] .part[data-view=part_1] .cta_dot.dot_1 .message_box {
  width: 1em;
}
.page[data-view=chapter_1] .step[data-view=step_4] .part[data-view=part_1] .misc_element.dropdown {
  position: absolute;
  top: 17.3%;
  left: 14.5%;
  height: 20.5%;
  overflow: hidden;
  transition: 0.5s transform ease;
}
.page[data-view=chapter_1] .step[data-view=step_4] .part[data-view=part_1] .misc_element.dropdown img {
  position: relative;
  height: 100%;
  width: auto;
  transform: translateY(-101%);
}
.page[data-view=chapter_1] .step[data-view=step_4] .part[data-view=part_1] .misc_element.dropdown[data-track-view~=info_1] img {
  transform: none;
}
.page[data-view=chapter_1] .step[data-view=step_4] .part[data-view=part_2] .cta_dot {
  opacity: 0;
  transition: 0.5s opacity ease;
  transition-delay: 4s;
}
.page[data-view=chapter_1] .step[data-view=step_4] .part[data-view=part_2] .cta_dot .touchable_area {
  animation-delay: 4s;
}
.page[data-view=chapter_1] .step[data-view=step_4] .part[data-view=part_2] .cta_dot.dot_1 {
  left: 51%;
  top: 68.7%;
}
.page[data-view=chapter_1] .step[data-view=step_4] .part[data-view=part_2].show .cta_dot {
  opacity: 1 !important;
}
.page[data-view=chapter_1] .step[data-view=step_4] .cta_dot.last_step {
  transition-delay: 4s;
}
.page[data-view=chapter_1] .step[data-view=step_4] .cta_dot.last_step .touchable_area {
  animation-delay: 4s;
}
.page[data-view=chapter_1] .step[data-view="???"] .darken_image {
  clip-path: polygon(0% 0%, 0% 100%, 29.15% 100%, 29.15% 43.1%, 56.75% 43.1%, 56.75% 70.1%, 29.15% 70.1%, 29.15% 100%, 100% 100%, 100% 0%, 0% 0%);
}
.page[data-view=chapter_2] .step[data-view=step_1] .screen[data-screen=chapter_2_screen_1][data-track-view~=intro] .darken_image {
  opacity: 0.75;
}
.page[data-view=chapter_2] .step[data-view=step_1] .screen[data-screen=chapter_2_screen_1][data-track-view~=part_1] .darken_image {
  opacity: 0;
  clip-path: polygon(0% 0%, 0% 100%, 43.3% 100%, 43.3% 14.8%, 99.2% 14.8%, 99.2% 41.8%, 43.3% 41.8%, 43.3% 100%, 100% 100%, 100% 0%, 0% 0%);
}
.page[data-view=chapter_2] .step[data-view=step_1] .screen[data-screen=chapter_2_screen_1][data-track-view~=part_1][data-track-view~=info_1] .darken_image {
  opacity: 0.75;
  clip-path: polygon(0% 0%, 0% 100%, 43.3% 100%, 43.3% 14.8%, 99.2% 14.8%, 99.2% 41.8%, 43.3% 41.8%, 43.3% 100%, 100% 100%, 100% 0%, 0% 0%);
}
.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .cta_dot {
  transition-delay: 0.5s;
}
.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.dot_1 {
  left: 11.75%;
  top: 14%;
}
.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.dot_1 .message_box {
  width: 1.45em;
}
.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.custom_1 {
  top: 15%;
  left: 0;
  width: 13.85%;
  height: 3.9%;
}
.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.custom_1 .alt_state {
  opacity: 0;
  transition: 0.5s opacity ease;
}
.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.custom_1.active .alt_state {
  opacity: 1;
}
.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .misc_element.dropdown {
  position: absolute;
  top: 0%;
  left: 0;
  height: 100%;
  width: 20%;
  overflow: hidden;
  transition: 0.5s transform ease;
}
.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .misc_element.dropdown img {
  position: relative;
  height: 100%;
  width: auto;
  transform: translateX(-101%);
}
.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .misc_element.dropdown[data-track-view~=part_1] img {
  transform: none;
}
.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_2] .cta_dot {
  transition-delay: 4s;
}
.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_2] .cta_dot .touchable_area {
  animation-delay: 4s;
}
.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_2] .cta_dot.info_1 {
  top: 36%;
  left: 27.8%;
}
.page[data-view=chapter_2] .step[data-view=step_1] .cta_dot.last_step {
  transition-delay: 4s;
}
.page[data-view=chapter_2] .step[data-view=step_1] .cta_dot.last_step .touchable_area {
  animation-delay: 4s;
}
.page[data-view=chapter_2] .step[data-view=step_2] .screen[data-screen=chapter_2_screen_3][data-track-view~=intro] .darken_image {
  opacity: 0.75;
}
.page[data-view=chapter_2] .step[data-view=step_2] .screen[data-screen=chapter_2_screen_4][data-track-view~=info_1] .darken_image {
  opacity: 0.75;
  clip-path: polygon(0% 0%, 0% 100%, 1.1% 100%, 1.1% 43.5%, 49.6% 43.5%, 49.6% 53.4%, 1.1% 53.4%, 1.1% 100%, 100% 100%, 100% 0%, 0% 0%);
}
.page[data-view=chapter_2] .step[data-view=step_2] .screen[data-screen=chapter_2_screen_4][data-track-view~=info_2] .darken_image {
  opacity: 0.75;
  clip-path: polygon(0% 0%, 0% 100%, 50.3% 100%, 50.3% 12.9%, 74.3% 12.9%, 74.3% 51.6%, 50.3% 51.6%, 50.3% 100%, 100% 100%, 100% 0%, 0% 0%);
}
.page[data-view=chapter_2] .step[data-view=step_2] .screen[data-screen=chapter_2_screen_4][data-track-view~=info_3] .darken_image {
  opacity: 0.75;
  clip-path: polygon(0% 0%, 0% 100%, 50.3% 100%, 50.3% 52%, 74.3% 52%, 74.3% 77%, 50.3% 77%, 50.3% 100%, 100% 100%, 100% 0%, 0% 0%);
}
.page[data-view=chapter_2] .step[data-view=step_2] .screen[data-screen=chapter_2_screen_4][data-track-view~=info_4] .darken_image {
  opacity: 0.75;
  clip-path: polygon(0% 0%, 0% 100%, 74.5% 100%, 74.5% 12.9%, 99% 12.9%, 99% 45%, 74.5% 45%, 74.5% 100%, 100% 100%, 100% 0%, 0% 0%);
}
.page[data-view=chapter_2] .step[data-view=step_2] .part[data-view=part_1] .cta_dot {
  transition-delay: 0.5s;
}
.page[data-view=chapter_2] .step[data-view=step_2] .part[data-view=part_1] .cta_dot.dot_1 {
  left: 29.85%;
  top: 50.1%;
}
.page[data-view=chapter_2] .step[data-view=step_2] .part[data-view=part_2] .cta_dot.info_1 {
  left: 27.85%;
  top: 46%;
}
.page[data-view=chapter_2] .step[data-view=step_2] .part[data-view=part_2] .cta_dot.info_2 {
  left: 55.85%;
  top: 13.5%;
}
.page[data-view=chapter_2] .step[data-view=step_2] .part[data-view=part_2] .cta_dot.info_2 .message_box {
  width: 1.5em;
}
.page[data-view=chapter_2] .step[data-view=step_2] .part[data-view=part_2] .cta_dot.info_3 {
  left: 55.85%;
  top: 53%;
}
.page[data-view=chapter_2] .step[data-view=step_2] .part[data-view=part_2] .cta_dot.info_4 {
  left: 80.3%;
  top: 13.5%;
}
.page[data-view=chapter_2] .step[data-view=step_2] .part[data-view=part_2] .cta_dot.info_5 {
  left: 33%;
  top: 5.5%;
}
.page[data-view=chapter_2] .step[data-view=step_2] .cta_dot {
  transition-delay: 4s;
}
.page[data-view=chapter_2] .step[data-view=step_2] .cta_dot .touchable_area {
  animation-delay: 4s;
}
.page[data-view=chapter_2] .step[data-view=step_3] .screen[data-screen=chapter_2_screen_4][data-track-view~=intro] .darken_image {
  opacity: 0.75;
}
.page[data-view=chapter_2] .step[data-view=step_3] .screen[data-screen=chapter_2_screen_5][data-track-view~=info_1] .darken_image {
  opacity: 0.75;
  clip-path: polygon(0% 0%, 0% 100%, 1.9% 100%, 1.9% 12.9%, 81.8% 12.9%, 81.8% 18.5%, 4% 18.5%, 4% 16.35%, 1.9% 16.35%, 1.9% 100%, 100% 100%, 100% 0%, 0% 0%);
}
.page[data-view=chapter_2] .step[data-view=step_3] .screen[data-screen=chapter_2_screen_5][data-track-view~=info_1] .scroll_screen .darken_image {
  clip-path: none;
}
.page[data-view=chapter_2] .step[data-view=step_3] .part[data-view=part_1] .cta_dot.dot_1 {
  left: 13%;
  top: 8%;
}
.page[data-view=chapter_2] .step[data-view=step_3] .part[data-view=part_1] .cta_dot.dot_1 .message_box {
  width: 1.4em;
}
.page[data-view=chapter_2] .step[data-view=step_3] .part[data-view=part_2] .cta_dot.info_1 {
  left: 13%;
  top: 13.3%;
}
.page[data-view=chapter_2] .step[data-view=step_3] .part[data-view=part_2] .scroll_screen.screen_1 {
  height: 79.5%;
  width: 77%;
  top: 19.4%;
  left: 4.06%;
}
.page[data-view=chapter_2] .step[data-view=step_3] .part[data-view=part_2] .scroll_screen.screen_2 {
  height: 74.1%;
  width: 13.3%;
  top: 24.8%;
  left: 81.9%;
}
.page[data-view=chapter_2] .step[data-view=step_4] .screen[data-screen=chapter_2_screen_5][data-track-view~=info_1] .darken_image {
  opacity: 0.75;
}
.page[data-view=chapter_2] .step[data-view=step_4] .screen[data-screen=chapter_2_screen_5][data-track-view~=info_1] .scroll_screen.screen_1 .darken_image {
  clip-path: polygon(0% 0%, 0% 100%, 1% 100%, 1% 20%, 19.6% 20%, 19.6% 22%, 1% 22%, 1% 100%, 100% 100%, 100% 0%, 0% 0%);
}
.page[data-view=chapter_2] .step[data-view=step_4] .screen[data-screen=chapter_2_screen_5] .scroll_screen.screen_1 {
  height: 79.5%;
  width: 77%;
  top: 19.4%;
  left: 4.06%;
}
.page[data-view=chapter_2] .step[data-view=step_4] .screen[data-screen=chapter_2_screen_5] .scroll_screen.screen_2 {
  height: 74.1%;
  width: 13.3%;
  top: 24.8%;
  left: 81.9%;
}
.page[data-view=chapter_2] .step[data-view=step_4] .part[data-view~=part_1] .cta_dot.dot_1, .page[data-view=chapter_2] .step[data-view=step_4] .scroll_screen[data-view~=part_1] .cta_dot.dot_1 {
  left: 5%;
  top: 22.5%;
}
.page[data-view=chapter_2] .step[data-view=step_4] .part[data-view~=part_1] .cta_dot.dot_1 .message_box, .page[data-view=chapter_2] .step[data-view=step_4] .scroll_screen[data-view~=part_1] .cta_dot.dot_1 .message_box {
  width: 1.2em;
}
.page[data-view=chapter_2] .step[data-view=step_4] .part[data-view~=part_2] .cta_dot.dot_2, .page[data-view=chapter_2] .step[data-view=step_4] .scroll_screen[data-view~=part_2] .cta_dot.dot_2 {
  left: 89.5%;
  top: 66%;
}
.page[data-view=chapter_2] .step[data-view=step_4] .part[data-view~=part_2] .save_screen, .page[data-view=chapter_2] .step[data-view=step_4] .scroll_screen[data-view~=part_2] .save_screen {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.page[data-view=chapter_2] .step[data-view=step_4] .part[data-view~=part_2] .save_screen img, .page[data-view=chapter_2] .step[data-view=step_4] .scroll_screen[data-view~=part_2] .save_screen img {
  width: 90%;
  height: auto;
  left: 5%;
  top: 15%;
}
.page[data-view=chapter_2] .step[data-view=step_4] .part[data-view~=part_2] .save_screen .darken_image, .page[data-view=chapter_2] .step[data-view=step_4] .scroll_screen[data-view~=part_2] .save_screen .darken_image {
  opacity: 0.75;
  clip-path: polygon(1.8% 12.9%, 97.5% 12.9%, 97.5% 100%, 1.8% 100%);
}
.page[data-view=chapter_2] .step[data-view=step_4] .part[data-view~=part_2] .save_state, .page[data-view=chapter_2] .step[data-view=step_4] .scroll_screen[data-view~=part_2] .save_state {
  position: absolute;
  height: auto;
  width: 8.3%;
  top: 62.7%;
  left: 86.7%;
  opacity: 0;
  cursor: pointer;
  transition: 0.5s opacity ease;
}
.page[data-view=chapter_2] .step[data-view=step_4] .part[data-view~=part_2] .save_state.active, .page[data-view=chapter_2] .step[data-view=step_4] .scroll_screen[data-view~=part_2] .save_state.active {
  opacity: 1;
}
.page[data-view=chapter_2] .step[data-view=step_4] .part[data-view~=part_3] .cta_dot.info_1, .page[data-view=chapter_2] .step[data-view=step_4] .scroll_screen[data-view~=part_3] .cta_dot.info_1 {
  left: 20%;
  top: 20%;
}
.page[data-view=chapter_2] .step[data-view=step_4] .darken_image[data-view=intro].show {
  opacity: 0.75 !important;
}
.page[data-view=chapter_3] .step[data-view=step_1] .screen[data-screen=chapter_3_screen_1] .scroll_screen.screen_1 {
  height: 79.5%;
  width: 77%;
  top: 19.4%;
  left: 4.06%;
}
.page[data-view=chapter_3] .step[data-view=step_1] .screen[data-screen=chapter_3_screen_1] .scroll_screen.screen_2 {
  height: 74.1%;
  width: 13.3%;
  top: 24.8%;
  left: 81.9%;
}
.page[data-view=chapter_3] .step[data-view=step_1] .screen[data-screen=chapter_3_screen_2][data-track-view~=info_1] .darken_image {
  opacity: 0.75;
  clip-path: polygon(0% 0%, 0% 100%, 6.3% 100%, 6.3% 16.2%, 81.1% 16.2%, 81.1% 19.4%, 6.3% 19.4%, 6.3% 100%, 100% 100%, 100% 0%, 0% 0%);
}
.page[data-view=chapter_3] .step[data-view=step_1] .screen[data-screen=chapter_3_screen_2][data-track-view~=info_1] .scroll_screen .darken_image {
  clip-path: none;
}
.page[data-view=chapter_3] .step[data-view=step_1] .screen[data-screen=chapter_3_screen_2][data-track-view~=info_1] .scroll_screen.screen_1 .darken_image {
  opacity: 0.75;
  clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%, 3% 0%, 3% 100%, 0% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%);
}
.page[data-view=chapter_3] .step[data-view=step_1] .screen[data-screen=chapter_3_screen_2] .scroll_screen.screen_1 {
  height: 79.5%;
  width: 77%;
  top: 19.4%;
  left: 4.06%;
}
.page[data-view=chapter_3] .step[data-view=step_1] .screen[data-screen=chapter_3_screen_2] .scroll_screen.screen_2 {
  height: 74.1%;
  width: 13.3%;
  top: 24.8%;
  left: 81.9%;
}
.page[data-view=chapter_3] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.dot_1 {
  left: 4%;
  top: 16%;
}
.page[data-view=chapter_3] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.dot_1 .message_box {
  width: 1.25em;
}
.page[data-view=chapter_3] .step[data-view=step_1] .part[data-view~=part_1] .scroll_screen.screen_1 {
  height: 79.5%;
  width: 77%;
  top: 19.4%;
  left: 4.06%;
}
.page[data-view=chapter_3] .step[data-view=step_1] .part[data-view~=part_1] .scroll_screen.screen_2 {
  height: 74.1%;
  width: 13.3%;
  top: 24.8%;
  left: 81.9%;
}
.page[data-view=chapter_3] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.dot_1 {
  left: 64%;
  top: 20%;
}
.page[data-view=chapter_3] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.info_1 {
  left: 4.25%;
  top: 16.3%;
}
.page[data-view=chapter_3] .step[data-view=step_1] .part[data-view~=part_2] .scroll_screen.screen_1 {
  height: 80.6%;
  width: 77%;
  top: 19.4%;
  left: 4.06%;
}
.page[data-view=chapter_3] .step[data-view=step_1] .part[data-view~=part_2] .scroll_screen.screen_2 {
  height: 74.1%;
  width: 13.3%;
  top: 24.8%;
  left: 81.9%;
}
.page[data-view=chapter_3] .step[data-view=step_1] .darken_image[data-view=intro].show {
  opacity: 0.75 !important;
}
.page[data-view=chapter_3] .step[data-view=step_2] .screen[data-screen=chapter_3_screen_2][data-track-view~=part_2] .darken_image {
  opacity: 0.75;
}
.page[data-view=chapter_3] .step[data-view=step_2] .screen[data-screen=chapter_3_screen_2] .scroll_screen.screen_1 {
  height: 79.5%;
  width: 77%;
  top: 19.4%;
  left: 4.06%;
}
.page[data-view=chapter_3] .step[data-view=step_2] .screen[data-screen=chapter_3_screen_2] .scroll_screen.screen_2 {
  height: 74.1%;
  width: 13.3%;
  top: 24.8%;
  left: 81.9%;
}
.page[data-view=chapter_3] .step[data-view=step_2] .part[data-view~=part_1] .cta_dot.dot_1 {
  left: 53%;
  top: 70.5%;
}
.page[data-view=chapter_3] .step[data-view=step_2] .part[data-view~=part_1] .cta_dot.dot_1 .message_box {
  width: 1.3em;
}
.page[data-view=chapter_3] .step[data-view=step_2] .part[data-view~=part_1] .scroll_screen.screen_1 {
  height: 79.5%;
  width: 77%;
  top: 19.4%;
  left: 4.06%;
}
.page[data-view=chapter_3] .step[data-view=step_2] .part[data-view~=part_1] .scroll_screen.screen_2 {
  height: 74.1%;
  width: 13.3%;
  top: 24.8%;
  padding-left: 1.9em;
  left: calc(81.9% - 1.9em);
}
.page[data-view=chapter_3] .step[data-view=step_2] .part[data-view~=part_2] .cta_dot.dot_1 {
  left: 53%;
  top: 70.5%;
}
.page[data-view=chapter_3] .step[data-view=step_2] .part[data-view~=part_2] .cta_dot.dot_1 .message_box {
  width: 1.3em;
}
.page[data-view=chapter_3] .step[data-view=step_2] .part[data-view~=part_2] .popup_screen {
  position: absolute;
  height: auto;
  width: 40%;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
}
.page[data-view=chapter_3] .step[data-view=step_2] .part[data-view~=part_2] .popup_screen .scroll_screen.popup {
  position: absolute;
  width: 100%;
  height: 81.3%;
  top: 10.75%;
}
.page[data-view=chapter_3] .step[data-view=step_2] .darken_image[data-view=intro].show {
  opacity: 0.75 !important;
}
.page[data-view=chapter_3] .step[data-view=step_3] .screen[data-screen=chapter_3_screen_2][data-track-view~=intro] .darken_image {
  opacity: 0.75;
}
.page[data-view=chapter_3] .step[data-view=step_3] .screen[data-screen=chapter_3_screen_2][data-track-view~=intro] .scroll_screen.screen_1, .page[data-view=chapter_3] .step[data-view=step_3] .screen[data-screen=chapter_3_screen_2][data-track-view~=intro] .scroll_screen.screen_2 {
  overflow: hidden;
}
.page[data-view=chapter_3] .step[data-view=step_3] .screen[data-screen=chapter_3_screen_2][data-track-view~=part_1] .darken_image {
  opacity: 0.75;
}
.page[data-view=chapter_3] .step[data-view=step_3] .screen[data-screen=chapter_3_screen_2][data-track-view~=part_1] .popup_screen .darken_image {
  opacity: 0;
  pointer-events: none;
}
.page[data-view=chapter_3] .step[data-view=step_3] .screen[data-screen=chapter_3_screen_2][data-track-view~=part_1] .scroll_screen.screen_1, .page[data-view=chapter_3] .step[data-view=step_3] .screen[data-screen=chapter_3_screen_2][data-track-view~=part_1] .scroll_screen.screen_2 {
  overflow: hidden;
}
.page[data-view=chapter_3] .step[data-view=step_3] .screen[data-screen=chapter_3_screen_2][data-track-view~=part_4] .darken_image {
  opacity: 0.75;
}
.page[data-view=chapter_3] .step[data-view=step_3] .screen[data-screen=chapter_3_screen_2] .scroll_screen.screen_1 {
  height: 79.5%;
  width: 77%;
  top: 19.4%;
  left: 4.06%;
}
.page[data-view=chapter_3] .step[data-view=step_3] .screen[data-screen=chapter_3_screen_2] .scroll_screen.screen_2 {
  height: 74.1%;
  width: 13.3%;
  top: 24.8%;
  left: 81.9%;
}
.page[data-view=chapter_3] .step[data-view=step_3] .intro_card {
  z-index: 1;
}
.page[data-view=chapter_3] .step[data-view=step_3] .part[data-view~=part_1] .cta_dot.dot_1 {
  left: 68.9%;
  top: 72.5%;
}
.page[data-view=chapter_3] .step[data-view=step_3] .part[data-view~=part_1] .cta_dot.dot_1 .message_box {
  width: 0.7em;
}
.page[data-view=chapter_3] .step[data-view=step_3] .part[data-view~=part_1] .cta_dot.dot_2 {
  left: 20.5%;
  top: 8%;
}
.page[data-view=chapter_3] .step[data-view=step_3] .part[data-view~=part_1] .cta_dot.dot_2 .message_box {
  width: 0.9em;
}
.page[data-view=chapter_3] .step[data-view=step_3] .part[data-view~=part_1] .scroll_screen.screen_1 {
  height: 79.5%;
  width: 77%;
  top: 19.4%;
  left: 4.06%;
}
.page[data-view=chapter_3] .step[data-view=step_3] .part[data-view~=part_1] .scroll_screen.screen_2 {
  height: 74.1%;
  width: 13.3%;
  top: 24.8%;
  left: 81.9%;
}
.page[data-view=chapter_3] .step[data-view=step_3] .part[data-view~=part_1] .popup_screen {
  position: absolute;
  height: auto;
  width: 40%;
  top: 15%;
  left: 50%;
  transform: translateX(-50%) !important;
}
.page[data-view=chapter_3] .step[data-view=step_3] .part[data-view~=part_1] .popup_screen .scroll_screen.popup {
  position: absolute;
  width: 100%;
  height: 81.3%;
  top: 10.75%;
}
.page[data-view=chapter_3] .step[data-view=step_3] .part[data-view~=part_1] .misc_element.save_state {
  position: absolute;
  height: 4.9%;
  width: 10%;
  top: 71.7%;
  left: 60%;
  opacity: 0 !important;
  transition: 0.5s opacity ease;
}
.page[data-view=chapter_3] .step[data-view=step_3] .part[data-view~=part_1] .misc_element.save_state.active {
  opacity: 1 !important;
}
.page[data-view=chapter_3] .step[data-view=step_3] .part .success_popup {
  position: absolute;
  height: 5%;
  width: 16.4%;
  top: 14%;
  right: 3.4%;
}

.top_bar {
  position: absolute;
  height: 0.37em;
  width: 100%;
  top: 0;
  background-color: white;
  border-bottom: solid #E0E0E0 1px;
  z-index: 999;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
}
.top_bar.secondary {
  border: solid #E0E0E0 1px;
  padding-left: 0.4em;
  height: 0.52em;
  top: 0.37em;
}
.top_bar.secondary.view-show {
  display: none;
}
.top_bar.secondary .top_bar_option {
  padding-right: 1em;
  padding-left: 1em;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  box-sizing: border-box;
  overflow: visible;
}
.top_bar.secondary .top_bar_option .i18n {
  font-size: 0.8em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-items: flex-end;
  text-align: center;
}
.top_bar .top_img {
  margin-left: 0.16em;
  background-image: url(../icons/logo.svg);
  background-size: contain;
  height: 100%;
  width: 1.3em;
  background-repeat: no-repeat;
  background-position: center;
}
.top_bar .top_bar_divider {
  height: 70%;
  width: 1px;
  background-color: #E0E0E0;
  margin-left: 0.32em;
  margin-right: 0.16em;
}
.top_bar .top_bar_divider .i18n {
  font-size: 0.16em;
}
.top_bar .top_bar_arrow {
  background-image: url(../icons/menu_carat.svg);
  width: 1em;
  height: 1em;
  top: 0.15em;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
}
.top_bar .top_bar_arrow.view-show {
  transform: rotate(180deg);
}
.top_bar .top_bar_option {
  font-size: 0.14em;
  padding-left: 1em;
  display: flex;
  flex-direction: column;
  color: #525252;
  padding-right: 1em;
  justify-content: center;
  height: 100%;
}
.top_bar .top_bar_option.view-show {
  color: #161616;
}
.top_bar .top_bar_option .blue_highlight {
  position: absolute;
}
.top_bar .top_bar_option .blue_highlight.view-show {
  height: 3px;
  bottom: 0em;
  width: 100%;
  background-color: #0F62FE;
  left: 50%;
  transform: translateX(-50%);
}
.top_bar .top_bar_title {
  color: #525252;
  position: relative;
  font-family: "AppFontSemiBold";
  font-size: 0.8em;
  padding-right: 0.16em;
}
.top_bar .top_bar_title .i18n {
  font-size: 0.14em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-items: flex-end;
}
.top_bar .feedback_button {
  position: relative;
  height: 100%;
  width: 0.5em;
  margin-left: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.top_bar .feedback_button svg {
  position: relative;
  height: 40%;
}
.top_bar .cta_button {
  position: relative;
  right: 0;
  height: 100%;
  width: 1.5em;
  box-sizing: border-box;
  justify-content: space-between;
  transition: 0.5s transform ease;
  transform: none;
}
.top_bar .cta_button[data-button=request_quote] {
  background-color: #FFFFFF;
  display: none;
}
.top_bar .cta_button[data-button=request_quote][data-track-view~=demo_home], .top_bar .cta_button[data-button=request_quote][data-track-view~=your_mission], .top_bar .cta_button[data-button=request_quote][data-track-view~=chapter_1], .top_bar .cta_button[data-button=request_quote][data-track-view~=chapter_2], .top_bar .cta_button[data-button=request_quote][data-track-view~=chapter_3] {
  display: flex;
}
.top_bar .cta_button[data-button=request_quote] .i18n {
  color: #0F62FE;
}
.top_bar .cta_button[data-button=sales_demo]:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: calc(100% - 0.2rem);
  transform: translate(0, -50%);
}
.top_bar .cta_button[data-track-view="chapter_3 step_3 part_4"] {
  transform: translateX(100%);
}

.side_menu {
  position: absolute;
  width: 3em;
  height: calc(100% - 0.37em);
  left: 0;
  bottom: 0;
  background-color: #F4F4F4;
}
.side_menu .nav .bottom_spacer {
  position: relative;
  border-bottom: 2px solid #A8A8A8;
  width: calc(100% - 0.36rem);
  margin: 0rem 0.18rem;
}
.side_menu .menu_option {
  position: relative;
}
.side_menu .menu_option.accordion .menu_title {
  padding-left: 0.32em;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.side_menu .menu_option.accordion .menu_title .carat {
  position: relative;
  width: 0.1em;
  height: 0.1em;
  transition: 0.5s transform ease;
  transform: rotate(90deg);
}
.side_menu .menu_option.accordion .menu_title .carat svg path {
  fill: #161616;
}
.side_menu .menu_option.accordion .menu_content {
  position: relative;
  max-height: 0em;
  width: 100%;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.side_menu .menu_option.accordion .menu_content .menu_subtitle {
  margin: 0.18em 0.4em;
}
.side_menu .menu_option.accordion .menu_content .menu_subtitle .i18n {
  font-size: 0.14em;
  font-family: "AppFontLight";
}
.side_menu .menu_option.accordion .menu_content .chapter_menu {
  position: relative;
  margin: 0em 0.4em;
  margin-bottom: 0.2em;
}
.side_menu .menu_option.accordion .menu_content .chapter_step {
  position: relative;
  padding-bottom: 0.15em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  align-items: flex-start;
}
.side_menu .menu_option.accordion .menu_content .chapter_step .dot {
  position: relative;
  height: 0.18em;
  width: 0.18em;
  min-height: 0.18em;
  min-width: 0.18em;
  margin: 0em 0.075em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.side_menu .menu_option.accordion .menu_content .chapter_step .dot .dot_state {
  transition: 0.5s opacity ease;
  opacity: 0;
}
.side_menu .menu_option.accordion .menu_content .chapter_step .dot[data-state=incomplete] .dot_state#incomplete, .side_menu .menu_option.accordion .menu_content .chapter_step .dot[data-state=current] .dot_state#current, .side_menu .menu_option.accordion .menu_content .chapter_step .dot[data-state=complete] .dot_state#complete {
  opacity: 1;
}
.side_menu .menu_option.accordion .menu_content .chapter_step .step_title .i18n {
  font-size: 0.14em;
  font-family: "AppFontLight";
}
.side_menu .menu_option.accordion .menu_content .chapter_step:last-of-type {
  padding-bottom: 0;
}
.side_menu .menu_option.accordion .menu_content .progress_bar {
  position: absolute;
  left: 0px;
  width: 3px;
  height: 100%;
}
.side_menu .menu_option.accordion .menu_content .progress_bar .bg {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #A8A8A8;
}
.side_menu .menu_option.accordion .menu_content .progress_bar .current_progress {
  position: absolute;
  height: 0;
  width: 100%;
  background-color: #0F62FE;
  transition: height 0.5s ease;
}
.side_menu .menu_option.accordion.view-show .carat {
  transform: rotate(-90deg);
}
.side_menu .menu_option.accordion.view-show .menu_content {
  max-height: 3em;
}
.side_menu .menu_option:first-child {
  padding-top: 0.16em;
}
.side_menu .menu_option.view-show .menu_title {
  background-color: #C6C6C6;
  border-left: 3px solid #0F62FE;
}
.side_menu .menu_title {
  position: relative;
  padding: 0.08em 0.16em;
  width: 100%;
  box-sizing: border-box;
  background-color: #F4F4F4;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
}
.side_menu .menu_title .i18n {
  font-size: 0.15em;
  font-family: "AppFontMedium";
}
.side_menu .content_boxes {
  position: absolute;
  width: calc(100% - 0.32em);
  height: 2.9em;
  bottom: 0;
  margin: 0.16em;
  box-sizing: border-box;
  overflow: hidden;
}
.side_menu .content_boxes .content_box {
  background-color: white;
  height: 100%;
  position: absolute;
  transition: 0.5s transform ease;
  opacity: 1 !important;
  transform: none;
}
.side_menu .content_boxes .content_box.seq-before {
  transform: translateX(-105%);
}
.side_menu .content_boxes .content_box.seq-after {
  transform: translateX(105%);
}
.side_menu .content_boxes .thumbnail {
  position: relative;
  width: 100%;
  max-height: 0.9em;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.side_menu .content_boxes .thumbnail img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.side_menu .content_boxes .text_box {
  padding: 0.07em 0.14em;
}
.side_menu .content_boxes .text_box .i18n {
  font-size: 0.14em;
}
.side_menu .content_boxes .nav_arrows {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #F4F4F4;
  bottom: 0.16em;
  right: 0.16em;
  border: 1px solid #E0E0E0;
}
.side_menu .content_boxes .nav_arrows .arrow {
  position: relative;
  width: 0.3em;
  height: 0.3em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.side_menu .content_boxes .nav_arrows .arrow.left {
  border-right: 1px solid #E0E0E0;
}
.side_menu .content_boxes .nav_arrows .arrow svg {
  position: relative;
  width: 70%;
  height: 70%;
}

.cta_button {
  background-color: #0F62FE;
  color: #F4F4F4;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  padding: 0em 0.2em;
  box-sizing: border-box;
}
.cta_button.inverse {
  color: #0F62FE;
  background-color: #F4F4F4;
}
.cta_button .i18n {
  font-size: 0.13em;
}
.cta_button .button_title {
  margin-right: auto;
}
.cta_button .button_icon {
  position: relative;
  width: 0.14em;
  height: 0.14em;
}

.cta_dot {
  position: absolute;
  width: 0.25em;
  height: 0.25em;
  top: 50%;
  left: 50%;
  opacity: 1;
  transition: none;
}
.cta_dot.show {
  transition: 0.5s opacity ease;
}
.cta_dot.view-show {
  opacity: 0 !important;
  pointer-events: none !important;
}
.cta_dot .touchable_area {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 10;
  opacity: 0;
  background-color: white;
}
.cta_dot.dot .touchable_area {
  border-radius: 2em;
}
.cta_dot.info {
  width: 0.2em;
  height: 0.2em;
}
.cta_dot.dot .touchable_area, .cta_dot.info .touchable_area {
  animation: pulse 3s ease infinite;
}
.cta_dot .icon {
  position: absolute;
  height: 100%;
  width: 100%;
}
.cta_dot.last_step {
  bottom: 115%;
  top: unset;
  left: calc(50% - 0.125em);
}
.cta_dot.active .message_box {
  opacity: 1;
}
.cta_dot.active .message_box.not_active {
  opacity: 0;
}
.cta_dot[data-view] {
  opacity: 0;
  pointer-events: none !important;
}
.cta_dot[data-view].show {
  pointer-events: auto !important;
}

.message_box {
  position: absolute;
  bottom: calc(100% + 0.1em);
  left: 50%;
  height: auto;
  width: 2em;
  background-color: #F4F4F4;
  padding: 0.02em 0.1em;
  border-radius: 0.025em;
  transform: translateX(-50%);
  pointer-events: none;
  opacity: 0;
  transition: 0.5s opacity ease;
}
.message_box.not_active {
  opacity: 1;
}
.message_box.always_active {
  opacity: 1;
}
.message_box:after {
  content: "";
  position: absolute;
  top: 98%;
  left: 50%;
  transform: translateX(-50%);
  border-top: 0.05em solid #F4F4F4;
  border-right: 0.05em solid transparent;
  border-left: 0.05em solid transparent;
}
.message_box.bottom {
  bottom: unset;
  top: calc(100% + 0.1em);
}
.message_box.bottom:after {
  top: unset;
  bottom: 98%;
  border-top: 0em solid transparent;
  border-bottom: 0.05em solid #F4F4F4;
  border-right: 0.05em solid transparent;
  border-left: 0.05em solid transparent;
}
.message_box.right {
  top: 50%;
  bottom: unset;
  left: calc(100% + 0.1em);
  transform: translateY(-50%);
}
.message_box.right:after {
  top: 50%;
  left: unset;
  right: 99.5%;
  transform: translateY(-50%);
  border-top: 0.05em solid transparent;
  border-bottom: 0.05em solid transparent;
  border-right: 0.05em solid #F4F4F4;
  border-left: 0em solid transparent;
}
.message_box.left {
  top: 50%;
  bottom: unset;
  left: unset;
  right: calc(100% + 0.1em);
  transform: translateY(-50%);
}
.message_box.left:after {
  top: 50%;
  left: 99.5%;
  transform: translateY(-50%);
  border-top: 0.05em solid transparent;
  border-bottom: 0.05em solid transparent;
  border-right: 0.05em solid transparent;
  border-left: 0.05em solid #F4F4F4;
}
.message_box.bottom_left {
  bottom: unset;
  top: calc(100% + 0.1em);
  left: unset;
  right: 0;
  transform: none;
}
.message_box.bottom_left:after {
  top: unset;
  bottom: 98%;
  right: 0.025em;
  left: unset;
  border-top: 0em solid transparent;
  border-bottom: 0.05em solid #F4F4F4;
  border-right: 0.05em solid transparent;
  border-left: 0.05em solid transparent;
}
.message_box .i18n {
  font-size: 0.1em;
  line-height: 1.5em;
}

input[type=text] {
  padding: 0.4em 1em;
  border: 0px;
  border-bottom: 2px solid #A8A8A8;
}
input[type=text]::placeholder {
  color: #A8A8A8;
  font-family: "AppFontThin";
}

.intro_card {
  position: absolute;
  height: auto;
  width: 50%;
  top: calc(50vh - 0.3em);
  left: 50%;
  transform: translate(-50%, -50%) !important;
  background-color: #F4F4F4;
}
.intro_card .card_image {
  position: relative;
}
.intro_card .card_image img {
  position: relative;
  display: block;
  height: auto;
  width: 100%;
}
.intro_card .card_title {
  padding: 0.2em;
  padding-bottom: 0;
}
.intro_card .card_title.no_pad {
  padding: 0em 0.2em;
}
.intro_card .card_title.small .i18n {
  font-size: 0.14em;
}
.intro_card .card_title .i18n {
  font-size: 0.21em;
  font-family: "AppFontLight";
}
.intro_card .card_subtitle {
  padding: 0.2em;
  padding-bottom: 0.05em;
}
.intro_card .card_subtitle .i18n {
  font-size: 0.12em;
  font-family: "AppFontLight";
}
.intro_card .card_body {
  padding: 0.2em;
  padding-bottom: 0;
}
.intro_card .card_body .i18n {
  font-size: 0.14em;
  line-height: 1.5em;
}
.intro_card .card_buttons {
  padding-top: 0.2em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.intro_card .card_buttons .cta_button {
  position: relative;
  height: 0.75em;
  width: 50%;
  padding: 0.2em;
  align-items: flex-start;
}
.intro_card.show {
  transform: translate(-50%, -50%) !important;
}

.page.screen_page .screen[data-screen=chapter_1_screen_2] .loading_bars.view-show .loading_bar,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_2] .loading_bars.view-show .loading_bar {
  animation: none;
}
.page.screen_page .screen[data-screen=chapter_1_screen_2] .loading_bar,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_2] .loading_bar {
  opacity: 1;
  animation: 0.25s ease 3.5s 1 forwards fade_out;
}
.page.screen_page .screen[data-screen=chapter_1_screen_2] .loading_bar.bar_1,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_2] .loading_bar.bar_1 {
  top: 33%;
  left: 1.5%;
  height: 1.55%;
  width: 3.9%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_2] .loading_bar.bar_2,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_2] .loading_bar.bar_2 {
  top: 35%;
  left: 1.5%;
  height: 3%;
  width: 3%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_2] .loading_bar.bar_3,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_2] .loading_bar.bar_3 {
  top: 33%;
  left: 6%;
  height: 5%;
  width: 20%;
  background-color: #262626;
}
.page.screen_page .screen[data-screen=chapter_1_screen_2] .loading_bar.bar_3:before,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_2] .loading_bar.bar_3:before {
  display: none;
}
.page.screen_page .screen[data-screen=chapter_1_screen_2] .loading_bar.bar_4,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_2] .loading_bar.bar_4 {
  top: 45.7%;
  left: 0.75%;
  height: 52%;
  width: 98.5%;
  background-color: #262626;
}
.page.screen_page .screen[data-screen=chapter_1_screen_2] .loading_bar.bar_4:before,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_2] .loading_bar.bar_4:before {
  display: none;
}
.page.screen_page .screen[data-screen=chapter_1_screen_2] .loading_bar.bar_5,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_2] .loading_bar.bar_5 {
  top: 46.5%;
  left: 1.5%;
  height: 1.55%;
  width: 30%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_2] .loading_bar.bar_6,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_2] .loading_bar.bar_6 {
  top: 50.75%;
  left: 1.5%;
  height: 2.5%;
  width: 90%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_2] .loading_bar.bar_7,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_2] .loading_bar.bar_7 {
  top: 54.25%;
  left: 1.5%;
  height: 2.5%;
  width: 95%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_2] .loading_bar.bar_8,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_2] .loading_bar.bar_8 {
  top: 57.75%;
  left: 1.5%;
  height: 2.5%;
  width: 92.5%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_2] .loading_bar.bar_9,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_2] .loading_bar.bar_9 {
  top: 61.25%;
  left: 1.5%;
  height: 2.5%;
  width: 90%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_2] .loading_bar.bar_10,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_2] .loading_bar.bar_10 {
  top: 68%;
  left: 1.5%;
  height: 1.55%;
  width: 30%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_2] .loading_bar.bar_11,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_2] .loading_bar.bar_11 {
  top: 72.5%;
  left: 1.5%;
  height: 2.5%;
  width: 90%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_2] .loading_bar.bar_12,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_2] .loading_bar.bar_12 {
  top: 76%;
  left: 1.5%;
  height: 2.5%;
  width: 95%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_2] .loading_bar.bar_13,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_2] .loading_bar.bar_13 {
  top: 79.5%;
  left: 1.5%;
  height: 2.5%;
  width: 92.5%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_2] .loading_bar.bar_14,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_2] .loading_bar.bar_14 {
  top: 83%;
  left: 1.5%;
  height: 2.5%;
  width: 90%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_2] .loading_bar.bar_15,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_2] .loading_bar.bar_15 {
  top: 93.5%;
  left: 1.5%;
  height: 2.5%;
  width: 90%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_7] .loading_bar,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_7] .loading_bar {
  animation: 0.25s ease 3.5s 1 forwards fade_out;
}
.page.screen_page .screen[data-screen=chapter_1_screen_7] .loading_bar.bar_1,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_7] .loading_bar.bar_1 {
  top: 29.5%;
  left: 1.5%;
  height: 1.55%;
  width: 3.9%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_7] .loading_bar.bar_2,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_7] .loading_bar.bar_2 {
  top: 31.5%;
  left: 1.5%;
  height: 3%;
  width: 3%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_7] .loading_bar.bar_3,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_7] .loading_bar.bar_3 {
  top: 29.5%;
  left: 6%;
  height: 5%;
  width: 20%;
  background-color: #262626;
}
.page.screen_page .screen[data-screen=chapter_1_screen_7] .loading_bar.bar_3:before,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_7] .loading_bar.bar_3:before {
  display: none;
}
.page.screen_page .screen[data-screen=chapter_1_screen_7] .loading_bar.bar_4,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_7] .loading_bar.bar_4 {
  top: 42.7%;
  left: 0.75%;
  height: 53.9%;
  width: 98.5%;
  background-color: #262626;
}
.page.screen_page .screen[data-screen=chapter_1_screen_7] .loading_bar.bar_4:before,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_7] .loading_bar.bar_4:before {
  display: none;
}
.page.screen_page .screen[data-screen=chapter_1_screen_7] .loading_bar.bar_5,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_7] .loading_bar.bar_5 {
  top: 43.5%;
  left: 1.5%;
  height: 1.55%;
  width: 30%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_7] .loading_bar.bar_6,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_7] .loading_bar.bar_6 {
  top: 47.75%;
  left: 1.5%;
  height: 2.5%;
  width: 90%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_7] .loading_bar.bar_7,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_7] .loading_bar.bar_7 {
  top: 51.25%;
  left: 1.5%;
  height: 2.5%;
  width: 95%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_7] .loading_bar.bar_8,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_7] .loading_bar.bar_8 {
  top: 54.75%;
  left: 1.5%;
  height: 2.5%;
  width: 92.5%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_7] .loading_bar.bar_9,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_7] .loading_bar.bar_9 {
  top: 58.25%;
  left: 1.5%;
  height: 2.5%;
  width: 90%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_7] .loading_bar.bar_10,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_7] .loading_bar.bar_10 {
  top: 68%;
  left: 1.5%;
  height: 1.55%;
  width: 30%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_7] .loading_bar.bar_11,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_7] .loading_bar.bar_11 {
  top: 72.5%;
  left: 1.5%;
  height: 2.5%;
  width: 90%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_7] .loading_bar.bar_12,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_7] .loading_bar.bar_12 {
  top: 76%;
  left: 1.5%;
  height: 2.5%;
  width: 95%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_7] .loading_bar.bar_13,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_7] .loading_bar.bar_13 {
  top: 79.5%;
  left: 1.5%;
  height: 2.5%;
  width: 92.5%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_7] .loading_bar.bar_14,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_7] .loading_bar.bar_14 {
  top: 83%;
  left: 1.5%;
  height: 2.5%;
  width: 90%;
}
.page.screen_page .screen[data-screen=chapter_1_screen_7] .loading_bar.bar_15,
.page.screen_page .scroll_screen[data-screen=chapter_1_screen_7] .loading_bar.bar_15 {
  top: 92.5%;
  left: 1.5%;
  height: 2.5%;
  width: 90%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar {
  opacity: 1;
  animation: 0.25s ease 3.5s 1 forwards fade_out;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_1,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_1 {
  top: 34%;
  left: 1.1%;
  height: 62%;
  width: 97.8%;
  background-color: #262626;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_1:before,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_1:before {
  display: none;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_2,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_2 {
  top: 35.75%;
  left: 1.75%;
  height: 3.5%;
  width: 5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_3,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_3 {
  top: 40.5%;
  left: 1.75%;
  height: 2%;
  width: 9%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_4,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_4 {
  top: 53%;
  left: unset;
  right: 1.1%;
  height: 7.5%;
  width: 10%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_5,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_5 {
  top: 60.5%;
  left: 1.1%;
  height: 7.5%;
  width: 97.8%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_5:before,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_5:before {
  display: none;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_6,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_6 {
  top: 71%;
  left: 1.75%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_7,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_7 {
  top: 81%;
  left: 1.75%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_8,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_8 {
  top: 91%;
  left: 1.75%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_9,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_9 {
  top: 71%;
  left: 10%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_10,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_10 {
  top: 81%;
  left: 10%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_11,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_11 {
  top: 91%;
  left: 10%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_12,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_12 {
  top: 71%;
  left: 18.25%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_13,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_13 {
  top: 81%;
  left: 18.25%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_14,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_14 {
  top: 91%;
  left: 18.25%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_15,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_15 {
  top: 71%;
  left: 26.5%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_16,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_16 {
  top: 81%;
  left: 26.5%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_17,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_17 {
  top: 91%;
  left: 26.5%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_18,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_18 {
  top: 71%;
  left: 34.75%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_19,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_19 {
  top: 81%;
  left: 34.75%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_20,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_20 {
  top: 91%;
  left: 34.75%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_21,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_21 {
  top: 71%;
  left: 43%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_22,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_22 {
  top: 81%;
  left: 43%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_23,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_23 {
  top: 91%;
  left: 43%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_24,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_24 {
  top: 71%;
  left: 51.25%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_25,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_25 {
  top: 81%;
  left: 51.25%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_26,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_26 {
  top: 91%;
  left: 51.25%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_27,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_27 {
  top: 71%;
  left: 59.5%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_28,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_28 {
  top: 81%;
  left: 59.5%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_29,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_29 {
  top: 91%;
  left: 59.5%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_30,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_30 {
  top: 71%;
  left: 67.75%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_31,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_31 {
  top: 81%;
  left: 67.75%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_32,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_32 {
  top: 91%;
  left: 67.75%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_33,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_33 {
  top: 71%;
  left: 76%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_34,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_34 {
  top: 81%;
  left: 76%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_35,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_35 {
  top: 91%;
  left: 76%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_36,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_36 {
  top: 71%;
  left: 84.25%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_37,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_37 {
  top: 81%;
  left: 84.25%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_3] .loading_bar.bar_38,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_3] .loading_bar.bar_38 {
  top: 91%;
  left: 84.25%;
  height: 2.5%;
  width: 4%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar {
  opacity: 1;
  animation: 0.25s ease 3.5s 1 forwards fade_out;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_1,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_1 {
  top: 16%;
  left: 1.15%;
  height: 19.6%;
  width: 48.5%;
  background-color: #262626;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_1:before,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_1:before {
  display: none;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_2,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_2 {
  top: 39%;
  left: 1.15%;
  height: 14.3%;
  width: 48.5%;
  background-color: #262626;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_2:before,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_2:before {
  display: none;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_3,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_3 {
  top: 18%;
  left: 2%;
  height: 1.5%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_4,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_4 {
  top: 20.5%;
  left: 2%;
  height: 2.5%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_5,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_5 {
  top: 24%;
  left: 2%;
  height: 1.5%;
  width: 25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_6,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_6 {
  top: 26.5%;
  left: 2%;
  height: 1.5%;
  width: 25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_7,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_7 {
  top: 29%;
  left: 2%;
  height: 1.5%;
  width: 35%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_8,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_8 {
  top: 31.5%;
  left: 2%;
  height: 1.5%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_9,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_9 {
  top: 31.5%;
  left: 15.5%;
  height: 1.5%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_10,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_10 {
  top: 40.5%;
  left: 2%;
  height: 1.5%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_11,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_11 {
  top: 43%;
  left: 2%;
  height: 2.5%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_12,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_12 {
  top: 46.5%;
  left: 2%;
  height: 1.5%;
  width: 25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_13,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_13 {
  top: 49%;
  left: 2%;
  height: 1.5%;
  width: 25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_14,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_14 {
  top: 16%;
  left: 50.4%;
  height: 35.4%;
  width: 23.85%;
  background-color: #262626;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_14:before,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_14:before {
  display: none;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_15,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_15 {
  top: 16%;
  left: 75%;
  height: 28.8%;
  width: 23.85%;
  background-color: #262626;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_15:before,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_15:before {
  display: none;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_16,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_16 {
  top: 18%;
  left: 51.3%;
  height: 1.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_17,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_17 {
  top: 20.5%;
  left: 51.3%;
  height: 2.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_18,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_18 {
  top: 24%;
  left: 51.3%;
  height: 1.5%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_19,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_19 {
  top: 26.5%;
  left: 51.3%;
  height: 1.5%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_20,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_20 {
  top: 29%;
  left: 51.3%;
  height: 1.5%;
  width: 17.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_21,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_21 {
  top: 31.5%;
  left: 51.3%;
  height: 1.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_22,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_22 {
  top: 31.5%;
  left: 58.5%;
  height: 1.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_23,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_23 {
  top: 36.5%;
  left: 51.3%;
  height: 1.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_24,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_24 {
  top: 39%;
  left: 51.3%;
  height: 2.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_25,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_25 {
  top: 42.5%;
  left: 51.3%;
  height: 1.5%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_26,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_26 {
  top: 45%;
  left: 51.3%;
  height: 1.5%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_27,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_27 {
  top: 47.5%;
  left: 51.3%;
  height: 1.5%;
  width: 17.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_28,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_28 {
  top: 18%;
  left: 75.9%;
  height: 1.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_30,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_30 {
  display: none;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_29,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_29 {
  top: 20.5%;
  left: 75.9%;
  height: 2.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_31,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_31 {
  top: 24%;
  left: 75.9%;
  height: 1.5%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_32,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_32 {
  top: 26.5%;
  left: 75.9%;
  height: 1.5%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_33,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_33 {
  top: 29%;
  left: 75.9%;
  height: 1.5%;
  width: 17.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_34,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_34 {
  top: 31.5%;
  left: 75.9%;
  height: 1.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_35,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_35 {
  top: 31.5%;
  left: 83.1%;
  height: 1.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_36,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_36 {
  top: 36.5%;
  left: 75.9%;
  height: 1.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_37,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_37 {
  top: 39%;
  left: 75.9%;
  height: 2.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_38,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_38 {
  top: 42.5%;
  left: 75.9%;
  height: 1.5%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_39,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_39 {
  top: 55.5%;
  left: 50.4%;
  height: 31.2%;
  width: 23.85%;
  background-color: #262626;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_39:before,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_39:before {
  display: none;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_40,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_40 {
  top: 49.5%;
  left: 75%;
  height: 23%;
  width: 23.85%;
  background-color: #262626;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_40:before,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_40:before {
  display: none;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_41,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_41 {
  top: 57.5%;
  left: 51.3%;
  height: 1.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_42,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_42 {
  top: 60%;
  left: 51.3%;
  height: 2.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_43,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_43 {
  top: 63.5%;
  left: 51.3%;
  height: 1.5%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_44,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_44 {
  top: 66%;
  left: 51.3%;
  height: 1.5%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_45,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_45 {
  top: 68.5%;
  left: 51.3%;
  height: 1.5%;
  width: 17.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_46,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_46 {
  top: 71%;
  left: 51.3%;
  height: 1.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_47,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_47 {
  top: 71%;
  left: 58.5%;
  height: 1.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_48,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_48 {
  top: 76%;
  left: 51.3%;
  height: 1.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_49,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_49 {
  top: 78.5%;
  left: 51.3%;
  height: 2.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_50,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_50 {
  top: 82%;
  left: 51.3%;
  height: 1.5%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_51,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_51 {
  top: 51%;
  left: 75.9%;
  height: 1.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_52,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_52 {
  top: 53.5%;
  left: 75.9%;
  height: 2.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_53,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_53 {
  top: 57%;
  left: 75.9%;
  height: 1.5%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_54,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_54 {
  top: 59.5%;
  left: 75.9%;
  height: 1.5%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_55,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_55 {
  top: 62%;
  left: 75.9%;
  height: 1.5%;
  width: 17.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_56,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_56 {
  top: 64.5%;
  left: 75.9%;
  height: 1.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_57,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_57 {
  top: 64.5%;
  left: 83.1%;
  height: 1.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_58,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_58 {
  top: 67%;
  left: 75.9%;
  height: 1.5%;
  width: 15%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_4] .loading_bar.bar_59,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_4] .loading_bar.bar_59 {
  top: 69.5%;
  left: 75.9%;
  height: 1.5%;
  width: 6.25%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_5_center] .loading_bars.view-show .loading_bar,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_5_center] .loading_bars.view-show .loading_bar {
  animation: none;
}
.page.screen_page .screen[data-screen=chapter_2_screen_5_center] .loading_bar,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_5_center] .loading_bar {
  opacity: 1;
  animation: 0.25s ease 3.5s 1 forwards fade_out;
  top: 50%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_1,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_1 {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #161616;
}
.page.screen_page .screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_1:before,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_1:before {
  display: none;
}
.page.screen_page .screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_2,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_2 {
  top: 0%;
  left: 1%;
  height: 11.4%;
  width: 98%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_2:before,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_2:before {
  display: none;
}
.page.screen_page .screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_3,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_3 {
  height: 1.75%;
  top: 0.9%;
  left: 2%;
  width: 45%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_4,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_4 {
  height: 1.25%;
  top: 4%;
  left: 2%;
  width: 6%;
  border-radius: 2em;
  overflow: hidden;
}
.page.screen_page .screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_5,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_5 {
  height: 1.25%;
  top: 4%;
  left: 9%;
  width: 6%;
  border-radius: 2em;
  overflow: hidden;
}
.page.screen_page .screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_6,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_6 {
  height: 1.25%;
  top: 4%;
  left: 16%;
  width: 6%;
  border-radius: 2em;
  overflow: hidden;
}
.page.screen_page .screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_7,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_7 {
  height: 1.25%;
  top: 5.5%;
  left: 2%;
  width: 66%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_8,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_8 {
  height: 1.25%;
  top: 7%;
  left: 2%;
  width: 66%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_9,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_9 {
  height: 1.75%;
  top: 9.65%;
  left: 1%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_10,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_10 {
  height: 1.75%;
  top: 9.65%;
  left: 14%;
  width: 12.5%;
}
.page.screen_page .screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_11,
.page.screen_page .scroll_screen[data-screen=chapter_2_screen_5_center] .loading_bar.bar_11 {
  height: 1.75%;
  top: 9.65%;
  left: 86.5%;
  width: 12.5%;
}

@keyframes pulse {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0.6;
  }
  60% {
    opacity: 0;
  }
}
@keyframes pulseGrow {
  0% {
    opacity: 0.4;
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2);
  }
}
@keyframes skeleton {
  0% {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
  20% {
    opacity: 1;
    transform: scaleX(1);
    transform-origin: left;
  }
  28% {
    transform: scaleX(1);
    transform-origin: right;
  }
  51% {
    transform: scaleX(0);
    transform-origin: right;
  }
  58% {
    transform: scaleX(0);
    transform-origin: right;
  }
  82% {
    transform: scaleX(1);
    transform-origin: right;
  }
  83% {
    transform: scaleX(1);
    transform-origin: left;
  }
  96% {
    transform: scaleX(0);
    transform-origin: left;
  }
  to {
    opacity: 0.3;
    transform: scaleX(0);
    transform-origin: left;
  }
}
@keyframes fade_out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.bottom_row {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: flex-end;
  gap: 0.08em;
  font-size: 7vw;
}

.main_box {
  width: 100%;
  height: 100%;
  position: absolute;
  color: #161616;
  display: flex;
}
.main_box.right {
  width: 74%;
  left: 26%;
}
.main_box .text_box {
  height: 50%;
  width: 35%;
  overflow: hidden;
  padding: 0.32em;
  box-sizing: border-box;
}
.main_box .text_box .title_header .i18n {
  font-size: 0.25em;
}
.main_box .text_box .subtitle {
  padding-top: 0.16em;
  font-size: 0.9em;
}
.main_box .text_box .subtitle .i18n {
  font-size: 0.15em;
}
.main_box .text_box .cta_text {
  padding-top: 0.32em;
  font-size: 0.8em;
}
.main_box .text_box .cta_text .i18n {
  font-size: 0.19em;
  font-family: "AppFontMedium";
}
.main_box .main_image {
  height: calc(50% - 0.2em);
  width: 66%;
  left: 33%;
  padding: 0.1em;
  position: absolute;
  background-size: 3.5em auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/sec_main.png);
  background-position: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  top: 0.1em;
}
.main_box .main_image .bubble_container {
  position: relative;
  width: 1.3em;
  height: 2em;
  margin-left: -0.1em;
  font-size: 1.4em;
}
.main_box .title_text {
  width: calc(100% - 2em);
  height: 40%;
  font-size: 0.25rem;
  padding-left: 1em;
}
.main_box .title_text .title_header {
  padding-top: 1em;
}
.main_box .title_text .subtitle {
  padding-top: 1em;
  font-family: "AppFontLight";
}
.main_box .subsections {
  height: 55%;
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: calc(var(--gu, 16px) * 2);
  box-sizing: border-box;
  bottom: 0.16em;
  position: absolute;
}
.main_box .subsections.sec_chal {
  height: 50%;
}
.main_box .subsections .subsection_box {
  width: 50%;
  height: 90%;
  background-color: #F4F4F4;
  border: solid #C6C6C6;
  margin-right: 0.16em;
  position: relative;
  padding: 0.16em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.1em;
}
.main_box .subsections .subsection_box .subsection_img_1 {
  width: 90%;
  height: 59%;
  margin-left: 5%;
  margin-top: 5%;
  margin-bottom: 0.25em;
  background-repeat: no-repeat;
  background-image: url("../img/subsection_1.png");
  background-size: contain;
  background-position: center;
  background-color: white;
}
.main_box .subsections .subsection_box .subsection_img_2 {
  width: 90%;
  height: 59%;
  margin-left: 5%;
  margin-top: 5%;
  background-repeat: no-repeat;
  background-image: url("../img/subsection_2.png");
  background-size: contain;
  background-position: center;
  background-color: white;
}
.main_box .subsections .subsection_box .icon_1 {
  background-image: url("../icons/subsection_1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 0.8em;
  width: 0.8em;
  padding-bottom: 0.1em;
}
.main_box .subsections .subsection_box .icon_2 {
  background-image: url("../icons/subsection_2.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 0.8em;
  width: 0.8em;
  padding-bottom: 0.1em;
}
.main_box .subsections .subsection_box .icon_3 {
  background-image: url("../icons/subsection_3.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 0.8em;
  width: 0.8em;
  padding-bottom: 0.1em;
}
.main_box .subsections .subsection_box .subsection_title .i18n {
  font-size: 0.2em;
  font-family: "AppFontMedium";
}
.main_box .subsections .subsection_box .subsection_subtitle {
  flex-grow: 1;
  height: 2.4em;
}
.main_box .subsections .subsection_box .subsection_subtitle .i18n {
  font-size: 0.15em;
}
.main_box .subsections .subsection_box .cta_text .i18n {
  font-size: 0.16em;
  color: #0F62FE;
}
.main_box .subsections .subsection_box .subsection_arrow {
  background-image: url("../icons/carat_right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.3em;
  height: 0.3em;
}

[data-view].draw:not(.show) .floating_box {
  transform: translateX(100%);
  opacity: 0;
}
[data-view].draw:not(.show) .left_menu {
  transform: translateX(-100%);
}
[data-view].draw:not(.show) .blue_info_box.left {
  transform: translateX(-100%);
}

.floating_box {
  width: 2em;
  height: 2em;
  z-index: 4;
  background-color: #F4F4F4;
  border: solid 1px #E0E0E0;
  position: absolute;
  cursor: pointer;
  transition: transform 1s ease 0.5s, opacity 1s ease 0.5s;
  transform: translateX(0%);
  opacity: 1;
}
.floating_box:after {
  content: "";
  height: 0.75em;
  width: 0.75em;
  background: #FFFFFF;
  position: absolute;
  top: 32%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  animation-name: pulseGrow;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.floating_box.sub1 {
  left: 7em;
  top: 0.7em;
}
.floating_box.sub2 {
  left: 4.5em;
  top: 0.7em;
}
.floating_box.sub3 {
  right: calc(var(--gu, 16px) * 1);
  top: 0.7em;
}
.floating_box .demo_img {
  background-image: url("../img/demo_img.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 54%;
  margin: 0.1em;
  background-color: black;
  background-position: center;
}
.floating_box .box_title {
  padding-left: 0.1em;
}
.floating_box .box_title .i18n {
  font-size: 0.14em;
}
.floating_box .floating_arrow {
  background-image: url("../icons/carat_right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0.1em;
  left: 80%;
  position: absolute;
  width: 1em;
  height: 0.3em;
}

.right_menu {
  width: 26%;
  height: 100%;
  position: absolute;
  background-color: #F4F4F4;
  color: #161616;
  right: 0;
  padding: calc(var(--gu, 16px) * 1);
}
.right_menu .title_header .i18n {
  font-size: 0.3em;
}
.right_menu .subtitle {
  padding-top: 1em;
}
.right_menu .subtitle .i18n {
  font-size: 0.16em;
}
.right_menu .dropdown {
  padding-top: 0.3em;
}
.right_menu .dropdown_option {
  padding: calc(var(--gu, 16px) * 1) 0;
  transition: 0.5s max-height ease;
  max-height: 1em;
  overflow: hidden;
  padding-left: 1em;
}
.right_menu .dropdown_option .i18n {
  font-size: 0.14em;
}
.right_menu .dropdown_option .header {
  position: relative;
}
.right_menu .dropdown_option .header::after {
  content: "";
  width: 1.6em;
  height: 1em;
  position: absolute;
  right: 0;
  top: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../icons/carat_left_icon.svg);
  transform: rotate(-90deg);
}
.right_menu .dropdown_option.view-show {
  max-height: 6em;
}
.right_menu .dropdown_option.view-show .header::after {
  transform: rotate(90deg);
}
.right_menu .dropdown_content {
  padding: calc(var(--gu, 16px) * 1) 0;
}
.right_menu .divider {
  height: 1px;
  width: 100%;
  background-color: #E0E0E0;
}

.left_menu {
  width: 26%;
  height: 100%;
  position: absolute;
  background-color: #F4F4F4;
  left: 0;
  top: 0.52em;
  z-index: 4;
  box-sizing: border-box;
  padding-left: 0.4em;
  padding-top: 0.16em;
  padding-right: 0.16em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.1em;
  transition: 0.5s transform ease;
}
.left_menu.sec_chal {
  top: 0;
}
.left_menu .close {
  width: 0.16em;
  height: 0.16em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../icons/close_icon.svg);
  right: 0.16em;
  top: 0.16em;
  position: absolute;
}
.left_menu .title_header .i18n {
  line-height: 1.2;
  font-size: 0.25em;
}
.left_menu .subtitle {
  padding-top: 0.15em;
  width: calc(100% - 0.2em);
}
.left_menu .subtitle .i18n {
  font-size: 0.15em;
}
.left_menu .subtitle .i18n div {
  padding-bottom: 0.8em;
}
.left_menu .section_overview .i18n {
  font-size: 0.15em;
}

.page_content {
  margin-top: 0.5em;
}

.iso_scene {
  position: absolute;
  top: 0em;
  left: 26%;
  width: 74%;
  height: 100%;
  font-size: calc(var(--gu, 16px) * 6.6);
  pointer-events: none;
  background-color: white;
}
.iso_scene .iso_item {
  position: absolute;
  top: 50%;
  left: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.5s transform ease, 0.5s opacity ease;
}
.iso_scene .iso_item[data-ease=bounce] {
  transition: 0.5s transform cubic-bezier(0.46, 0.03, 0.11, 1.67), 0.5s opacity ease;
}
.iso_scene .iso_item[data-item=person1Proactive] {
  background-image: url(../img/iso/character_tile.png);
}
.iso_scene .iso_item[data-item=person2Proactive] {
  background-image: url(../img/iso/character-2_tile.png);
}
.iso_scene .iso_item[data-item=person3Proactive] {
  background-image: url(../img/iso/character-1_tile.png);
}
.iso_scene .iso_item[data-item=person1Advanced] {
  background-image: url(../img/iso/character_tile.png);
}
.iso_scene .iso_item[data-item=person2Advanced] {
  background-image: url(../img/iso/character-2_tile.png);
}
.iso_scene .iso_item[data-item=person3Advanced] {
  background-image: url(../img/iso/character-1_tile.png);
}
.iso_scene .iso_item[data-item=person1Compliance] {
  background-image: url(../img/iso/character_tile.png);
}
.iso_scene .iso_item[data-item=person2Compliance] {
  background-image: url(../img/iso/character-2_tile.png);
}
.iso_scene .iso_item[data-item=person3Compliance] {
  background-image: url(../img/iso/character-1_tile.png);
}
.iso_scene .iso_item[data-item=circle] {
  background-image: url(../img/iso/circle_solo.png);
}
.iso_scene .iso_item[data-item=circle_beam] {
  background-image: url(../img/iso/circle_beam.png);
}
.iso_scene .iso_item[data-item=circle_glow] {
  background-image: url(../img/iso/overlay_gradient.png);
  transform-origin: bottom !important;
}
.iso_scene .iso_item[data-icon=server] {
  background-image: url(../img/iso/server.png);
}
.iso_scene .iso_item[data-icon=dot] {
  background-image: url(../img/iso/dot.png);
}
.iso_scene .iso_item[data-icon=alert] {
  background-image: url(../img/iso/alert.png);
}
.iso_scene .iso_item[data-icon=message] {
  background-image: url(../img/iso/message.png);
}
.iso_scene .iso_item[data-icon=cloud] {
  background-image: url(../img/iso/cloud.png);
  z-index: 3 !important;
}
.iso_scene .iso_item[data-icon=screen-1] {
  background-image: url(../img/iso/screen-1.png);
}
.iso_scene .iso_item[data-icon=screen-2] {
  background-image: url(../img/iso/screen-2.png);
}
.iso_scene .iso_item[data-icon=screen-3] {
  background-image: url(../img/iso/screen-3.png);
}
.iso_scene .iso_item[data-icon=screen] {
  background-image: url(../img/iso/screen.png);
}
.iso_scene .iso_item[data-icon=tile] {
  background-image: url(../img/iso/tile.png);
}
.iso_scene .iso_item[data-icon=network] {
  background-image: url(../img/iso/network.png);
}
.iso_scene .iso_item[data-icon=person1_blue] {
  background-image: url(../img/iso/character_blue_tile.png);
}
.iso_scene .iso_item[data-icon=person2_blue] {
  background-image: url(../img/iso/character_2_blue_tile.png);
}
.iso_scene .iso_item[data-icon=person3_blue] {
  background-image: url(../img/iso/character_1_blue_tile.png);
}
.iso_scene .iso_item[data-icon=bell] {
  background-image: url(../img/iso/bell.png);
}
.iso_scene .iso_item[data-icon=qup] {
  background-image: url(../img/iso/qup.png);
  z-index: 5 !important;
}
.iso_scene .iso_item[data-icon=front_paper] {
  background-image: url(../img/iso/front_paper.png);
  z-index: 5 !important;
}
.iso_scene .iso_item[data-icon=popup_paper_red] {
  background-image: url(../img/iso/popup_paper_red.svg);
  z-index: 5 !important;
}
.iso_scene .iso_item[data-icon=grey_emptyscreen] {
  background-image: url(../img/iso/grey_emptyscreen.png);
}
.iso_scene .iso_item[data-icon=clock] {
  background-image: url(../img/iso/clock.png);
  z-index: 5 !important;
}
.iso_scene .iso_item[data-icon=clock]::before, .iso_scene .iso_item[data-icon=clock]::after {
  content: "";
  position: absolute;
  left: 15%;
  top: 15%;
  width: 70%;
  height: 70%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.iso_scene .iso_item[data-icon=clock]::before {
  background-image: url(../img/iso/minutes.png);
}
.iso_scene .iso_item[data-icon=clock]::after {
  background-image: url(../img/iso/hours.png);
  animation-duration: 24s;
}
.iso_scene .iso_item[data-icon=profile] {
  background-image: url(../img/iso/profile.png);
  z-index: 5 !important;
}
.iso_scene .iso_item[data-icon=profile2] {
  background-image: url(../img/iso/profile2.png);
  z-index: 5 !important;
}
.iso_scene .iso_item[data-icon=compliancescreen1] {
  background-image: url(../img/iso/compliancescreen1.png);
  z-index: 5 !important;
}
.iso_scene .iso_item[data-icon=compliancescreen2] {
  background-image: url(../img/iso/compliancescreen2.png);
  z-index: 5 !important;
}
.iso_scene .iso_item[data-icon=compliancescreen3] {
  background-image: url(../img/iso/compliancescreen3.png);
  z-index: 5 !important;
}
.iso_scene .iso_item[data-icon=worldscreen] {
  background-image: url(../img/iso/worldscreen.png);
  z-index: 5 !important;
}
.iso_scene .iso_item[data-icon=stack] {
  background-image: url(../img/iso/stack_1.png);
  z-index: 5 !important;
}
.iso_scene .iso_item[data-icon=profile2] {
  background-image: url(../img/iso/profile2.png);
  z-index: 5 !important;
}
.iso_scene .iso_item[data-icon=dashboard] {
  background-image: url(../img/iso/dashboard.png);
  z-index: 5 !important;
}
.iso_scene .iso_item[data-icon=sort] {
  background-image: url(../img/iso/sort.png);
  z-index: 5 !important;
}
.iso_scene .iso_item[data-item=check] {
  background-image: url(../img/iso/check.png);
  z-index: 5 !important;
}
.iso_scene .iso_item[data-icon=q_app] {
  background-image: url(../img/iso/q_app.png);
  z-index: 5 !important;
}
.iso_scene .iso_item[data-item=person1_alert1], .iso_scene .iso_item[data-item=person1_alert3], .iso_scene .iso_item[data-item=person2_alert1], .iso_scene .iso_item[data-item=person2_alert2], .iso_scene .iso_item[data-item=person2_alert3], .iso_scene .iso_item[data-item=person3_alert1], .iso_scene .iso_item[data-item=person3_alert2], .iso_scene .iso_item[data-item=person3_alert3], .iso_scene .iso_item[data-item=person3_alert4], .iso_scene .iso_item[data-item=person1_alert2] {
  background-image: none;
}
.iso_scene .iso_item[data-item=person1_alert1].active::before, .iso_scene .iso_item[data-item=person1_alert3].active::before, .iso_scene .iso_item[data-item=person2_alert1].active::before, .iso_scene .iso_item[data-item=person2_alert2].active::before, .iso_scene .iso_item[data-item=person2_alert3].active::before, .iso_scene .iso_item[data-item=person3_alert1].active::before, .iso_scene .iso_item[data-item=person3_alert2].active::before, .iso_scene .iso_item[data-item=person3_alert3].active::before, .iso_scene .iso_item[data-item=person3_alert4].active::before, .iso_scene .iso_item[data-item=person1_alert2].active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/iso/alert.png);
  transform-origin: bottom;
  animation: person1_alert2 4s ease;
}
@keyframes person1_alert2 {
  0% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
  25% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(120%, -250%);
  }
}
.iso_scene .iso_item[data-item=person1_alert1_advanced], .iso_scene .iso_item[data-item=person1_alert2_advanced], .iso_scene .iso_item[data-item=person1_alert3_advanced], .iso_scene .iso_item[data-item=person1_alert4_advanced], .iso_scene .iso_item[data-item=person2_alert1_advanced], .iso_scene .iso_item[data-item=person2_alert2_advanced] {
  background-image: none;
}
.iso_scene .iso_item[data-item=person1_alert1_advanced]::after, .iso_scene .iso_item[data-item=person1_alert2_advanced]::after, .iso_scene .iso_item[data-item=person1_alert3_advanced]::after, .iso_scene .iso_item[data-item=person1_alert4_advanced]::after, .iso_scene .iso_item[data-item=person2_alert1_advanced]::after, .iso_scene .iso_item[data-item=person2_alert2_advanced]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/iso/alert.png);
  animation: advanced_alert 4s ease infinite;
  transform-origin: bottom;
}
.iso_scene .iso_item[data-item=person1_alert2_advanced]::after {
  animation-delay: -1s;
}
.iso_scene .iso_item[data-item=person1_alert3_advanced]::after {
  animation-delay: -2s;
}
.iso_scene .iso_item[data-item=person1_alert4_advanced]::after {
  animation-delay: -3s;
}
.iso_scene .iso_item[data-item=person2_alert1_advanced]::after {
  animation-delay: 0s;
}
.iso_scene .iso_item[data-item=person2_alert2_advanced]::after {
  animation-delay: -2s;
}
@keyframes advanced_alert {
  0% {
    opacity: 0;
    transform: translate(0, 0) scale(0.1);
  }
  15% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
  80% {
    opacity: 0;
    transform: translate(120%, -250%);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}
.iso_scene .iso_item[data-item=person3_screen1_advanced], .iso_scene .iso_item[data-item=person3_screen2_advanced], .iso_scene .iso_item[data-item=person3_screen3_advanced], .iso_scene .iso_item[data-item=person3_screen4_advanced], .iso_scene .iso_item[data-item=person3_screen5_advanced], .iso_scene .iso_item[data-item=person3_screen6_advanced], .iso_scene .iso_item[data-item=person3_screen7_advanced] {
  background-image: none;
  animation: advanced_screen_index 7s linear infinite;
}
.iso_scene .iso_item[data-item=person3_screen1_advanced]::after, .iso_scene .iso_item[data-item=person3_screen2_advanced]::after, .iso_scene .iso_item[data-item=person3_screen3_advanced]::after, .iso_scene .iso_item[data-item=person3_screen4_advanced]::after, .iso_scene .iso_item[data-item=person3_screen5_advanced]::after, .iso_scene .iso_item[data-item=person3_screen6_advanced]::after, .iso_scene .iso_item[data-item=person3_screen7_advanced]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/iso/grey_emptyscreen.png);
  animation: advanced_screen 7s linear infinite;
}
.iso_scene .iso_item[data-item=person3_screen1_advanced], .iso_scene .iso_item[data-item=person3_screen1_advanced]::after {
  animation-delay: -1s;
}
.iso_scene .iso_item[data-item=person3_screen2_advanced], .iso_scene .iso_item[data-item=person3_screen2_advanced]::after {
  animation-delay: -2s;
}
.iso_scene .iso_item[data-item=person3_screen3_advanced], .iso_scene .iso_item[data-item=person3_screen3_advanced]::after {
  animation-delay: -3s;
}
.iso_scene .iso_item[data-item=person3_screen4_advanced], .iso_scene .iso_item[data-item=person3_screen4_advanced]::after {
  animation-delay: -4s;
}
.iso_scene .iso_item[data-item=person3_screen5_advanced], .iso_scene .iso_item[data-item=person3_screen5_advanced]::after {
  animation-delay: -5s;
}
.iso_scene .iso_item[data-item=person3_screen6_advanced], .iso_scene .iso_item[data-item=person3_screen6_advanced]::after {
  animation-delay: -6s;
}
.iso_scene .iso_item[data-item=person3_screen7_advanced], .iso_scene .iso_item[data-item=person3_screen7_advanced]::after {
  animation-delay: -7s;
}
@keyframes advanced_screen {
  0% {
    transform: translate(112.5%, -56.25%);
    opacity: 0;
  }
  6.25% {
    transform: translate(106.25%, -53.12%);
    opacity: 0;
  }
  12.5% {
    transform: translate(100%, -50%);
    opacity: 1;
  }
  87.5% {
    transform: translate(12.5%, -6.25%);
    opacity: 1;
  }
  93.75% {
    transform: translate(6.25%, -3.12%);
    opacity: 0;
  }
  100% {
    transform: translate(0%, 0%);
    opacity: 0;
  }
}
@keyframes advanced_screen_index {
  0% {
    z-index: 0;
  }
  100% {
    z-index: 100;
  }
}
.iso_scene .iso_item[data-item=person2_paper1_advanced], .iso_scene .iso_item[data-item=person2_paper2_advanced], .iso_scene .iso_item[data-item=person2_paper3_advanced], .iso_scene .iso_item[data-item=person2_paper4_advanced], .iso_scene .iso_item[data-item=person2_paper5_advanced] {
  background-image: none;
}
.iso_scene .iso_item[data-item=person2_paper1_advanced]::after, .iso_scene .iso_item[data-item=person2_paper2_advanced]::after, .iso_scene .iso_item[data-item=person2_paper3_advanced]::after, .iso_scene .iso_item[data-item=person2_paper4_advanced]::after, .iso_scene .iso_item[data-item=person2_paper5_advanced]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/iso/front_paper.png);
  animation: advanced_paper 10s ease infinite;
  transform-origin: bottom;
}
.iso_scene .iso_item[data-item=person2_paper1_advanced]::after {
  animation-delay: -8s;
}
.iso_scene .iso_item[data-item=person2_paper2_advanced]::after {
  animation-delay: -2s;
}
.iso_scene .iso_item[data-item=person2_paper3_advanced]::after {
  animation-delay: -6s;
}
.iso_scene .iso_item[data-item=person2_paper4_advanced]::after {
  animation-delay: -4s;
}
.iso_scene .iso_item[data-item=person2_paper5_advanced]::after {
  animation-delay: -10s;
}
@keyframes advanced_paper {
  0% {
    transform: translate(0%, 0%);
    background-image: url(../img/iso/front_paper.png);
  }
  5% {
    transform: translate(0%, -75%);
    background-image: url(../img/iso/popup_paper_red.svg);
  }
  10% {
    transform: translate(0%, -75%);
    background-image: url(../img/iso/popup_paper_red.svg);
  }
  15% {
    transform: translate(0%, 0%);
    background-image: url(../img/iso/front_paper.png);
  }
  100% {
    transform: translate(0%, 0%);
    background-image: url(../img/iso/front_paper.png);
  }
}
.iso_scene .iso_item[data-item=stack] {
  background-image: none;
}
.iso_scene .iso_item[data-item=stack]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/iso/stack_1.png);
}
.iso_scene .iso_item[data-item=stack]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/iso/stack_2.png);
  animation: advanced_stack 2s ease infinite;
}
@keyframes advanced_stack {
  0% {
    transform: translate(0%, 15%);
    opacity: 0;
  }
  10% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
  50% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
  100% {
    transform: translate(0%, 15%);
    opacity: 0;
  }
}
.iso_scene .iso_item[data-item=check] {
  background-image: none;
}
.iso_scene .iso_item[data-item=check]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 100%;
  background-position: left;
  background-image: url(../img/iso/check.png);
  animation: advanced_check1 2s ease infinite;
}
@keyframes advanced_check1 {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  10% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  60% {
    transform: scale(1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.iso_scene .iso_item[data-item=check]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 100%;
  background-position: left;
  background-image: url(../img/iso/check2.png);
  width: 0;
  animation: advanced_check 2s ease infinite;
}
@keyframes advanced_check {
  0% {
    width: 0;
    opacity: 1;
  }
  10% {
    width: 0;
    opacity: 1;
  }
  50% {
    width: 100%;
    opacity: 1;
  }
  60% {
    width: 100%;
    opacity: 1;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}
.iso_scene .iso_item[data-item=sort]::after {
  content: "";
  position: absolute;
  top: 69%;
  left: 33%;
  width: 100%;
  height: 18%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/iso/highlight.svg);
  animation: advanced_sort 2s ease infinite;
}
@keyframes advanced_sort {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.iso_scene .iso_item[data-item=person1_profile1_compliance], .iso_scene .iso_item[data-item=person1_profile2_compliance], .iso_scene .iso_item[data-item=person1_profile3_compliance], .iso_scene .iso_item[data-item=person1_profile4_compliance], .iso_scene .iso_item[data-item=person1_profile5_compliance], .iso_scene .iso_item[data-item=person1_alert1_compliance] {
  background-image: none;
}
.iso_scene .iso_item[data-item=person1_profile1_compliance]:before, .iso_scene .iso_item[data-item=person1_profile2_compliance]:before, .iso_scene .iso_item[data-item=person1_profile3_compliance]:before, .iso_scene .iso_item[data-item=person1_profile4_compliance]:before, .iso_scene .iso_item[data-item=person1_profile5_compliance]:before, .iso_scene .iso_item[data-item=person1_alert1_compliance]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/iso/profile.png);
  animation: compliance_profile 5s ease-in-out infinite;
}
@keyframes compliance_profile {
  0% {
    opacity: 0;
    transform: translate(110%, 55%) scale(0.1);
  }
  20% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
  40% {
    opacity: 1;
    transform: translate(-110%, -55%) scale(1);
  }
  60% {
    opacity: 1;
    transform: translate(-220%, -110%) scale(1);
  }
  80% {
    opacity: 1;
    transform: translate(-330%, -165%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-440%, -220%) scale(0);
  }
}
.iso_scene .iso_item[data-item=person1_profile1_compliance]::before {
  animation-delay: -1s;
}
.iso_scene .iso_item[data-item=person1_profile2_compliance]::before {
  animation-delay: -2s;
}
.iso_scene .iso_item[data-item=person1_profile3_compliance]::before {
  animation-delay: -3s;
}
.iso_scene .iso_item[data-item=person1_profile4_compliance]::before {
  animation-delay: -4s;
}
.iso_scene .iso_item[data-item=person1_alert1_compliance]::before {
  content: "";
  position: absolute;
  top: 170%;
  left: 300%;
  width: 270%;
  height: 210%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 50%;
  background-image: url(../img/iso/alert.png);
  z-index: 6;
  transform-origin: bottom;
  animation: compliance_profile_alert 5s ease-in-out infinite;
}
@keyframes compliance_profile_alert {
  0% {
    opacity: 0;
    transform: translate(110%, 55%) scale(0.1);
  }
  20% {
    opacity: 0;
    transform: translate(0, 0) scale(0.1);
  }
  40% {
    opacity: 1;
    transform: translate(-110%, -55%) scale(1);
  }
  60% {
    opacity: 1;
    transform: translate(-220%, -110%) scale(1);
  }
  80% {
    opacity: 1;
    transform: translate(-330%, -165%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-440%, -220%) scale(0);
  }
}
.iso_scene .iso_item[data-item=person3_screen1_compliance], .iso_scene .iso_item[data-item=person3_screen2_compliance], .iso_scene .iso_item[data-item=person3_screen3_compliance], .iso_scene .iso_item[data-item=person3_worldscreen_compliance] {
  background-image: none;
}
.iso_scene .iso_item[data-item=person3_screen1_compliance]:before, .iso_scene .iso_item[data-item=person3_screen2_compliance]:before, .iso_scene .iso_item[data-item=person3_screen3_compliance]:before, .iso_scene .iso_item[data-item=person3_worldscreen_compliance]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  animation: compliance_screen 4s ease infinite;
}
@keyframes compliance_screen {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  10% {
    opacity: 1;
    transform: scale(1);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(0);
  }
}
.iso_scene .iso_item[data-item=person3_screen1_compliance]::before {
  background-image: url(../img/iso/compliancescreen1.png);
  animation-delay: -1s;
}
.iso_scene .iso_item[data-item=person3_screen2_compliance]::before {
  background-image: url(../img/iso/compliancescreen2.png);
  animation-delay: -2s;
}
.iso_scene .iso_item[data-item=person3_screen3_compliance]::before {
  background-image: url(../img/iso/compliancescreen3.png);
  animation-delay: -3s;
}
.iso_scene .iso_item[data-item=person3_worldscreen_compliance]::before {
  background-image: url(../img/iso/worldscreen.png);
  animation-delay: -4s;
}
.iso_scene .iso_item[data-item=person2_checkbox1_compliance], .iso_scene .iso_item[data-item=person2_checkbox2_compliance], .iso_scene .iso_item[data-item=person2_checkbox3_compliance], .iso_scene .iso_item[data-item=person2_checkbox4_compliance] {
  background-image: none;
}
.iso_scene .iso_item[data-item=person2_checkbox1_compliance]:before, .iso_scene .iso_item[data-item=person2_checkbox1_compliance]:after, .iso_scene .iso_item[data-item=person2_checkbox2_compliance]:before, .iso_scene .iso_item[data-item=person2_checkbox2_compliance]:after, .iso_scene .iso_item[data-item=person2_checkbox3_compliance]:before, .iso_scene .iso_item[data-item=person2_checkbox3_compliance]:after, .iso_scene .iso_item[data-item=person2_checkbox4_compliance]:before, .iso_scene .iso_item[data-item=person2_checkbox4_compliance]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/iso/checkbox1.png);
  animation: compliance_checkbox 4s ease infinite;
}
@keyframes compliance_checkbox {
  0% {
    opacity: 0;
    transform: translate(0, -100%) scale(0.7);
  }
  25% {
    opacity: 0.2;
    transform: translate(0, -50%) scale(0.7);
  }
  50% {
    opacity: 1;
    transform: translate(0, 0%) scale(1);
  }
  75% {
    opacity: 0.2;
    transform: translate(0, 50%) scale(0.7);
  }
  100% {
    opacity: 0;
    transform: translate(0, 100%) scale(0.7);
  }
}
.iso_scene .iso_item[data-item=person2_checkbox1_compliance].active:after, .iso_scene .iso_item[data-item=person2_checkbox2_compliance].active:after, .iso_scene .iso_item[data-item=person2_checkbox3_compliance].active:after, .iso_scene .iso_item[data-item=person2_checkbox4_compliance].active:after {
  background-image: url(../img/iso/checkbox3.png);
}
.iso_scene .iso_item[data-item=person2_checkbox1_compliance][data-item=person2_checkbox2_compliance].active:before, .iso_scene .iso_item[data-item=person2_checkbox1_compliance][data-item=person2_checkbox4_compliance].active:before, .iso_scene .iso_item[data-item=person2_checkbox2_compliance][data-item=person2_checkbox2_compliance].active:before, .iso_scene .iso_item[data-item=person2_checkbox2_compliance][data-item=person2_checkbox4_compliance].active:before, .iso_scene .iso_item[data-item=person2_checkbox3_compliance][data-item=person2_checkbox2_compliance].active:before, .iso_scene .iso_item[data-item=person2_checkbox3_compliance][data-item=person2_checkbox4_compliance].active:before, .iso_scene .iso_item[data-item=person2_checkbox4_compliance][data-item=person2_checkbox2_compliance].active:before, .iso_scene .iso_item[data-item=person2_checkbox4_compliance][data-item=person2_checkbox4_compliance].active:before {
  background-image: url(../img/iso/checkbox_check.png);
}
.iso_scene .iso_item[data-item=person2_checkbox1_compliance][data-item=person2_checkbox1_compliance].active:before, .iso_scene .iso_item[data-item=person2_checkbox1_compliance][data-item=person2_checkbox3_compliance].active:before, .iso_scene .iso_item[data-item=person2_checkbox2_compliance][data-item=person2_checkbox1_compliance].active:before, .iso_scene .iso_item[data-item=person2_checkbox2_compliance][data-item=person2_checkbox3_compliance].active:before, .iso_scene .iso_item[data-item=person2_checkbox3_compliance][data-item=person2_checkbox1_compliance].active:before, .iso_scene .iso_item[data-item=person2_checkbox3_compliance][data-item=person2_checkbox3_compliance].active:before, .iso_scene .iso_item[data-item=person2_checkbox4_compliance][data-item=person2_checkbox1_compliance].active:before, .iso_scene .iso_item[data-item=person2_checkbox4_compliance][data-item=person2_checkbox3_compliance].active:before {
  background-image: url(../img/iso/checkbox_bang.png);
}
.iso_scene .iso_item[data-item=person2_checkbox1_compliance]:before, .iso_scene .iso_item[data-item=person2_checkbox2_compliance]:before, .iso_scene .iso_item[data-item=person2_checkbox3_compliance]:before, .iso_scene .iso_item[data-item=person2_checkbox4_compliance]:before {
  background-image: url(../img/iso/question.png);
  animation: compliance_checkbox_q 4s ease infinite;
  z-index: 6 !important;
  transform-origin: 23.6% 27.8%;
}
@keyframes compliance_checkbox_q {
  0% {
    opacity: 0;
    transform: translate(0, -100%) scale(0);
  }
  25% {
    opacity: 0;
    transform: translate(0, -50%) scale(0);
  }
  50% {
    opacity: 1;
    transform: translate(0, 0%) scale(1);
  }
  75% {
    opacity: 0;
    transform: translate(0, 50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(0, 100%) scale(0);
  }
}
.iso_scene .iso_item[data-item=person2_checkbox1_compliance]:before, .iso_scene .iso_item[data-item=person2_checkbox1_compliance]:after {
  animation-delay: -1s;
}
.iso_scene .iso_item[data-item=person2_checkbox2_compliance]:before, .iso_scene .iso_item[data-item=person2_checkbox2_compliance]:after {
  animation-delay: -2s;
}
.iso_scene .iso_item[data-item=person2_checkbox3_compliance]:before, .iso_scene .iso_item[data-item=person2_checkbox3_compliance]:after {
  animation-delay: -3s;
}
.iso_scene .iso_item[data-item=person2_checkbox4_compliance]:before, .iso_scene .iso_item[data-item=person2_checkbox4_compliance]:after {
  animation-delay: -4s;
}
.iso_scene .iso_item[data-item=sort_compliance_alert] {
  background-image: none;
}
.iso_scene .iso_item[data-item=sort_compliance_alert]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/iso/alert.png);
  transform-origin: bottom;
  animation: sort_compliance_alert 4s ease infinite;
}
@keyframes sort_compliance_alert {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  10% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  60% {
    opacity: 0;
    transform: scale(0.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.1);
  }
}
.iso_scene .iso_item[data-item=sort_compliance_profile] {
  background-image: none;
}
.iso_scene .iso_item[data-item=sort_compliance_profile]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/iso/profile2.png);
  animation: sort_compliance_profile 4s ease infinite;
}
@keyframes sort_compliance_profile {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  10% {
    opacity: 0;
    transform: scale(0.1);
  }
  20% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  60% {
    opacity: 0;
    transform: scale(0.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.1);
  }
}
.iso_scene .iso_item[data-item=dashboard]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  animation: dashboard 16s linear infinite;
}
@keyframes dashboard {
  0% {
    opacity: 0;
    background-image: url(../img/iso/dashboard1.png);
  }
  5% {
    opacity: 1;
    background-image: url(../img/iso/dashboard1.png);
  }
  10% {
    opacity: 1;
    background-image: url(../img/iso/dashboard1.png);
  }
  15% {
    opacity: 0;
    background-image: url(../img/iso/dashboard1.png);
  }
  25% {
    opacity: 0;
    background-image: url(../img/iso/dashboard2.png);
  }
  30% {
    opacity: 1;
    background-image: url(../img/iso/dashboard2.png);
  }
  35% {
    opacity: 1;
    background-image: url(../img/iso/dashboard2.png);
  }
  40% {
    opacity: 0;
    background-image: url(../img/iso/dashboard2.png);
  }
  50% {
    opacity: 0;
    background-image: url(../img/iso/dashboard3.png);
  }
  55% {
    opacity: 1;
    background-image: url(../img/iso/dashboard3.png);
  }
  60% {
    opacity: 1;
    background-image: url(../img/iso/dashboard3.png);
  }
  65% {
    opacity: 0;
    background-image: url(../img/iso/dashboard3.png);
  }
  75% {
    opacity: 0;
    background-image: url(../img/iso/dashboard4.png);
  }
  80% {
    opacity: 1;
    background-image: url(../img/iso/dashboard4.png);
  }
  85% {
    opacity: 1;
    background-image: url(../img/iso/dashboard4.png);
  }
  90% {
    opacity: 0;
    background-image: url(../img/iso/dashboard4.png);
  }
  100% {
    opacity: 0;
    background-image: url(../img/iso/dashboard4.png);
  }
}
.iso_scene .iso_item[data-item=person2_alert_compliance] {
  background-image: none;
}
.iso_scene .iso_item[data-item=person2_alert_compliance]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/iso/alert.png);
  animation: person2_alert_compliance 2s ease infinite;
}
@keyframes person2_alert_compliance {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  25% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  75% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0);
  }
}
.iso_scene .iso_line {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.5s transform ease, 0.5s opacity ease;
  overflow: hidden;
  z-index: 0;
}
.iso_scene .iso_line .reveal {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0.02em;
  background: #C6C6C6;
  transform-origin: center;
  transition: 0.5s transform ease, 0.5s opacity ease, 1s background ease, 1s height ease;
}
.iso_scene .iso_line[data-type=blue] .reveal {
  background: #BE95FF;
  height: 0.1em;
}
.iso_scene .iso_line[data-type=dots] .reveal {
  height: 0.1em;
  background-color: transparent;
  background-image: url(../img/iso/lineDot.png);
  background-repeat: repeat-x;
  background-size: auto 50%;
}
.iso_scene .iso_line .reveal {
  animation: lineAnts 4s infinite linear;
}
@keyframes lineAnts {
  from {
    background-position: -0.2em;
  }
  to {
    background-position: 0.2em;
  }
}

.blue_info_box {
  background-color: #0F62FE;
  position: absolute;
  right: -0.16em;
  bottom: 0.5em;
  height: 2.2em;
  width: 2.2em;
  padding: 0.16em;
  transition: 0.5s transform ease;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-items: flex-start;
}
.blue_info_box.left {
  bottom: 0;
  height: 3.4em;
  width: 26%;
  z-index: 5;
  box-sizing: border-box;
  left: 0;
  padding-left: 0.4em;
}
.blue_info_box.left .blue_box_text {
  font-size: 1.1em;
}
.blue_info_box .blue_box_icon {
  background-image: url("../icons/blue_icon.svg");
  background-repeat: no-repeat;
  height: 0.6em;
  width: 0.6em;
  background-size: contain;
  margin-bottom: 0.05em;
}
.blue_info_box .blue_box_icon.silo {
  background-image: url("../img/hvt.png");
}
.blue_info_box .blue_box_icon.ftd {
  background-image: url("../img/silo.png");
}
.blue_info_box .blue_box_icon.hvt {
  background-image: url("../img/real-time.png");
}
.blue_info_box .blue_box_icon.ip {
  background-image: url("../icons/incident_prioritization.svg");
}
.blue_info_box .blue_box_icon.fp {
  background-image: url("../icons/false_positives.svg");
}
.blue_info_box .blue_box_icon.tv {
  background-image: url("../icons/time_to_value.svg");
}
.blue_info_box .blue_box_icon.cs {
  background-image: url("../img/unlock.png");
}
.blue_info_box .blue_box_icon.op {
  background-image: url("../icons/obfuscated_procedures.svg");
}
.blue_info_box .blue_box_icon.vis {
  background-image: url("../img/hybrid_cloud.png");
}
.blue_info_box .blue_box_text {
  color: white;
}
.blue_info_box .blue_box_text .i18n {
  font-size: 0.15em;
}
.blue_info_box .blue_box_stat {
  color: white;
  font-family: "AppFontMono";
  padding-top: 0.05em;
  padding-bottom: 0.05em;
}
.blue_info_box .blue_box_stat .i18n {
  font-size: 0.25em;
}
.blue_info_box .blue_box_disclaimer {
  padding-top: 0.1em;
  width: calc(100% - 0.2em);
}
.blue_info_box .blue_box_disclaimer .i18n {
  font-size: 0.07em;
  color: white;
}

.hotspot_button {
  background-color: #0F62FE;
  color: white;
  padding: 0.16em;
  width: fit-content;
  height: 0.21em;
  position: relative;
  display: flex;
  flex-direction: row-reverse;
}
.hotspot_button .i18n {
  font-size: 0.14em;
}
.hotspot_button.siloed_data {
  left: calc(50% - 1.8em);
  top: calc(50% - 2.9em);
  z-index: 4;
}
.hotspot_button.faster_threat_detection {
  left: calc(50% - 2em);
  top: calc(50% - 1.8em);
  z-index: 4;
}
.hotspot_button.high_value_threats {
  left: calc(50% - 4.6em);
  top: calc(50% + 0.2em);
  z-index: 4;
}
.hotspot_button.time_to_value {
  left: calc(50% - 3.2em);
  top: calc(50% - 2.8em);
  z-index: 4;
}
.hotspot_button.incident_prioritization {
  left: calc(50% - 1.3em);
  top: calc(50% - 1.3em);
  z-index: 4;
}
.hotspot_button.false_positives {
  left: calc(50% - 2.1em);
  top: calc(50% + 0.6em);
  z-index: 4;
}
.hotspot_button.obfuscated_procedures {
  left: calc(50% - 3.7em);
  top: calc(50% + 1em);
  z-index: 4;
}
.hotspot_button.complex_standards {
  left: calc(50% + 1.1em);
  top: calc(50% - 0.3em);
  z-index: 4;
}
.hotspot_button.visibility {
  left: calc(50% - 6.9em);
  top: calc(50% - 1.9em);
  z-index: 4;
}
.hotspot_button .plus {
  padding-left: 0.32em;
}

.top_bar_options_list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
.top_bar_options_list .i18n {
  font-size: 0.128em;
}
.top_bar_options_list .top_bar_option_title {
  background-color: white;
  padding: 1em;
  position: relative;
  width: calc(100% - 2em);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
}
.top_bar_options_list .top_bar_option_title.view-show {
  background-color: #E0E0E0;
}
.top_bar_options_list .blue_highlight {
  height: 3px;
  padding-left: 0.16em;
  padding-right: 0.16em;
  bottom: 0em;
  width: 100%;
  left: -0.16em;
  position: relative;
  background-color: #0F62FE;
}

.qradar_bubble {
  position: absolute;
  border-radius: 50% 50%;
  background: #B1B6FE;
  animation: qradar_bubble 4s infinite linear;
  animation-delay: 0s;
  font-size: 0.2em;
}

@keyframes qradar_bubble {
  0% {
    transform: translate(-50%, -50%) translate(0, 3.6em);
    opacity: 0;
  }
  20% {
    transform: translate(-50%, -50%) translate(0, 3.08em);
    opacity: 1;
  }
  80% {
    transform: translate(-50%, -50%) translate(0, 1.52em);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) translate(0, 1em);
    opacity: 0;
  }
}
[data-view=proactive_threat_hunting]:not(.show) .hotspot_button,
[data-view=advanced_threat_detection]:not(.show) .hotspot_button,
[data-view=compliance_management]:not(.show) .hotspot_button {
  opacity: 0;
  pointer-events: none;
}
[data-view=proactive_threat_hunting].show .hotspot_button,
[data-view=advanced_threat_detection].show .hotspot_button,
[data-view=compliance_management].show .hotspot_button {
  opacity: 1;
  pointer-events: auto;
}
[data-view=proactive_threat_hunting].show .hotspot_button.delay_show,
[data-view=advanced_threat_detection].show .hotspot_button.delay_show,
[data-view=compliance_management].show .hotspot_button.delay_show {
  transition: 0.5s opacity ease 5s;
}

.top_bar .top_bar_option {
  position: relative;
}

.close {
  width: 0.16em;
  height: 0.16em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../icons/close_icon.svg);
  right: -0.4em;
  top: -0.3em;
  position: absolute;
}

.floating_box.pth_siloed_data .demo_img {
  background-image: url(../img/pth_siloed_data.png);
}
.floating_box.pth_siloed_data .demo_img.active {
  background-image: url(../img/gif/SiloedData-FederatedSearch.gif);
}
.floating_box.pth_overtasked .demo_img {
  background-image: url(../img/pth_overtasked_teams.png);
}
.floating_box.pth_overtasked .demo_img.active {
  background-image: url("../img/gif/Overtasked Teams-Attack graph views.gif");
}
.floating_box.pth_malicious .demo_img {
  background-image: url(../img/pth_malicious_actors.png);
}
.floating_box.pth_malicious .demo_img.active {
  background-image: url("../img/gif/Malicious Actors - TII.gif");
}
.floating_box.atd_false .demo_img {
  background-image: url(../img/atd_false_positives.png);
}
.floating_box.atd_false .demo_img.active {
  background-image: url("../img/gif/False Positives-Risk Score.gif");
}
.floating_box.atd_time .demo_img {
  background-image: url(../img/atd_time_to_value.png);
}
.floating_box.atd_time .demo_img.active {
  background-image: url("../img/gif/Time to Value-DRC.gif");
}
.floating_box.atd_disparate .demo_img {
  background-image: url(../img/atd_disparate_tools.png);
}
.floating_box.atd_disparate .demo_img.active {
  background-image: url("../img/gif/Overtasked Teams-Attack graph views.gif");
}
.floating_box.cm_visibility .demo_img {
  background-image: url(../img/cm_lack_of_visibility.png);
}
.floating_box.cm_visibility .demo_img.active {
  background-image: url("../img/gif/Visibility--new name_Lack of Visibility-Dashboards.gif");
}
.floating_box.cm_individualized .demo_img {
  background-image: url(../img/cm_individualized_requirements.png);
}
.floating_box.cm_individualized .demo_img.active {
  background-image: url("../img/gif/Individualized Compliance Requirements .gif");
}
.floating_box.cm_undocumented .demo_img {
  background-image: url(../img/cm_undocumented_automation.png);
}
.floating_box.cm_undocumented .demo_img.active {
  background-image: url("../img/gif/Undocumented Automation.gif");
}

.floating_box.sub1.pth_siloed_data {
  left: calc(50% - 1.6em);
  top: calc(50% - 2.9em);
}

.floating_box.sub3.pth_overtasked {
  left: auto;
  top: 0.8em;
  right: 1.1em;
}

.floating_box.sub2.pth_malicious {
  left: calc(50% + 1.7em);
  top: calc(50% + 1em);
}

.floating_box.sub2.atd_disparate {
  left: auto;
  top: calc(50% - 2.7em);
  right: 0.2em;
}

.floating_box.sub2.atd_time {
  top: auto;
  bottom: 0;
  left: 60%;
}

.floating_box.sub2.atd_false {
  bottom: 0;
  top: auto;
  left: 1.8em;
}

.floating_box.sub2.cm_visibility {
  left: auto;
  top: 0.7em;
  right: 1em;
}

.floating_box.sub2.cm_individualized {
  left: auto;
  top: auto;
  right: 0.2em;
  bottom: 1em;
}

.floating_box.sub2.cm_undocumented {
  top: auto;
  bottom: 0;
}

.context {
  position: absolute;
  top: 0.9em;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 10;
  bottom: 0;
}
.context .demo_gif {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.demo_gif {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: black;
}
.demo_gif video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.demo_gif[data-view=pth_siloed_data] {
  background-image: url(../img/gif/SiloedData-FederatedSearch.gif);
}
.demo_gif[data-view=pth_overtasked] {
  background-image: url("../img/gif/Overtasked Teams-Attack graph views.gif");
}
.demo_gif[data-view=pth_malicious] {
  background-image: url("../img/gif/Malicious Actors - TII.gif");
}
.demo_gif[data-view=atd_false] {
  background-image: url("../img/gif/False Positives-Risk Score.gif");
}
.demo_gif[data-view=atd_time] {
  background-image: url("../img/gif/Time to Value-DRC.gif");
}
.demo_gif[data-view=cm_visibility] {
  background-image: url("../img/gif/Visibility--new name_Lack of Visibility-Dashboards.gif");
}
.demo_gif[data-view=cm_individualized] {
  background-image: url("../img/gif/Individualized Compliance Requirements .gif");
}
.demo_gif[data-view=cm_undocumented] {
  background-image: url("../img/gif/Undocumented Automation.gif");
}

.close_gif {
  position: absolute;
  background: #0F62FE;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 35%;
  background-image: url(../icons/custom/close.svg);
  width: 1.6em;
  height: 1em;
  top: 0;
  right: 0;
  font-size: 0.4em;
  cursor: pointer;
}

.iso_scene.zoomed:not([data-zoom=incident_prioritization]) .iso_item[data-item=stack],
.iso_scene.zoomed:not([data-zoom=incident_prioritization]) .iso_item[data-item=person2_alert1_advanced],
.iso_scene.zoomed:not([data-zoom=incident_prioritization]) .iso_item[data-item=person2_alert2_advanced] {
  display: none;
}

.iso_scene.zoomed[data-zoom=advanced_threat_detection] .iso_item[data-item=person2_alert1_advanced],
.iso_scene.zoomed[data-zoom=advanced_threat_detection] .iso_item[data-item=person2_alert2_advanced] {
  display: block !important;
}

.iso_scene.zoomed:not([data-zoom=time_to_value]) .iso_item[data-item=check],
.iso_scene.zoomed:not([data-zoom=time_to_value]) .iso_item[data-item=q_app] {
  display: none;
}

.iso_scene.zoomed:not([data-zoom=false_positives]) .iso_item[data-item=sort],
.iso_scene.zoomed:not([data-zoom=false_positives]) .iso_item[data-item=person1_alert1_advanced],
.iso_scene.zoomed:not([data-zoom=false_positives]) .iso_item[data-item=person1_alert3_advanced] {
  display: none;
}

.iso_scene.zoomed:not([data-zoom=obfuscated_procedures]) .iso_item[data-item=sort_compliance],
.iso_scene.zoomed:not([data-zoom=obfuscated_procedures]) .iso_item[data-item=sort_compliance_alert],
.iso_scene.zoomed:not([data-zoom=obfuscated_procedures]) .iso_item[data-item=sort_compliance_profile] {
  display: none;
}

.iso_scene.zoomed:not([data-zoom=visibility]) .iso_item[data-item=dashboard] {
  display: none;
}

.iso_scene.zoomed:not([data-zoom=complex_standards]) .iso_item[data-item=person2_checkbox1_compliance],
.iso_scene.zoomed:not([data-zoom=complex_standards]) .iso_item[data-item=person2_checkbox2_compliance],
.iso_scene.zoomed:not([data-zoom=complex_standards]) .iso_item[data-item=person2_checkbox3_compliance],
.iso_scene.zoomed:not([data-zoom=complex_standards]) .iso_item[data-item=person2_checkbox4_compliance],
.iso_scene.zoomed:not([data-zoom=complex_standards]) .iso_item[data-item=person2_alert_compliance] {
  display: none;
}

.iso_scene.zoomed[data-zoom=compliance_management] .iso_item[data-item=person2_checkbox1_compliance],
.iso_scene.zoomed[data-zoom=compliance_management] .iso_item[data-item=person2_checkbox2_compliance],
.iso_scene.zoomed[data-zoom=compliance_management] .iso_item[data-item=person2_checkbox3_compliance],
.iso_scene.zoomed[data-zoom=compliance_management] .iso_item[data-item=person2_checkbox4_compliance] {
  display: block !important;
}

@media (max-aspect-ratio: 1486/848) {
  .floating_box.sub3.pth_overtasked {
    top: auto;
    bottom: 0;
  }
}

/*# sourceMappingURL=custom.css.map */