.x-gradient.top {
  background: -moz-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.x-gradient.bottom {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 80%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 80%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 80%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

x-card[tabs-anchor=top] .x-card__inner-container .x-card__tab-bar {
  background-color: #4cd964;
}
x-card[tabs-anchor=top] .x-card__inner-container .x-card__tab-bar .x-card__tab.view-show .x-card__tab-icon svg path {
  fill: #333333;
}
x-card[tabs-anchor=top] .x-card__inner-container .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label {
  color: #333333;
}
x-card .x-card__card .x-card__header-bar {
  background-color: #4cd964;
}
x-card .x-card__card .x-card__header-bar .x-card__header {
  color: #FFFFFF;
}
x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__close-button .x-card__close-button-icon svg path {
  fill: #FFFFFF;
}
x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__close-button .x-card__close-button-label {
  color: #FFFFFF;
}
x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__divider {
  background-color: rgba(255, 255, 255, 0.5);
}
x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button .x-card__share-button-icon svg path {
  fill: #FFFFFF;
}
x-card .x-card__card .x-card__header-bar .x-card__close-btn-container .x-card__share-button .x-card__share-button-label {
  color: #FFFFFF;
}
x-card .x-card__tab-bar {
  background-color: #333333;
}
x-card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-icon svg path {
  fill: #4cd964;
}
x-card .x-card__tab-bar .x-card__tab.view-show .x-card__tab-label {
  color: #4cd964;
}
x-card .x-card__tab-bar .x-card__tab .x-card__tab-icon svg path {
  fill: #FFFFFF;
}
x-card .x-card__tab-bar .x-card__tab .x-card__tab-label {
  color: #FFFFFF;
}
x-header {
  color: #333333;
}
x-subheader {
  color: #4cd964;
}
x-body {
  color: #333333;
}
x-list-item .x-list-item__item-content {
  background-color: #f2f2f2;
}
x-list-item .x-list-item__item-content .x-list-item__item-icon svg path {
  fill: #333333;
}
x-list-item .x-list-item__item-content .x-list-item__item-text-content {
  color: #333333;
}
x-list-item .x-list-item__share-button {
  background-color: #f2f2f2;
}
x-list-item .x-list-item__share-button .x-list-item__share-icon svg path {
  fill: #333333;
}
x-list-item .x-list-item__share-button .x-list-item__share-label {
  color: #333333;
}
x-nav-menu {
  background-color: #333333;
  color: #FFFFFF;
}
x-nav-button .x-nav-button__selected-line {
  background-color: #4cd964;
}
x-nav-button .x-nav-button__label::after {
  background: -webkit-linear-gradient(left, rgba(51, 51, 51, 0) 0%, #333333 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(51, 51, 51, 0) 0%, #333333 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
x-nav-button.selected {
  color: #4cd964;
}
x-nav-button.selected .x-nav-button__icon path {
  fill: #4cd964;
}
x-nav-button[fullscreen] x-nav-flyout .x-nav-flyout__container {
  background: #FFFFFF;
  color: #333333;
}
x-nav-flyout {
  color: #FFFFFF;
}
x-nav-flyout .x-nav-flyout__container {
  background-color: #333333;
}
x-nav-option.highlight {
  background: #4cd964;
}
.x-side-menu__container:not(.draw) {
  display: none !important;
}
x-side-menu .x-side-menu__bottom-bar {
  background-color: #4cd964;
}
x-side-menu .x-side-menu__bottom-bar .x-side-menu__close-button .x-side-menu__close-button-icon svg path {
  fill: #FFFFFF;
}
x-side-menu .x-side-menu__bottom-bar .x-side-menu__divider {
  background-color: rgba(255, 255, 255, 0.5);
}
x-side-menu .x-side-menu__bottom-bar .x-side-menu__bottom-right-content .x-side-menu__more-info-button .x-side-menu__more-info-icon svg path {
  fill: #FFFFFF;
}
x-side-menu .x-side-menu__bottom-bar .x-side-menu__bottom-right-content .x-side-menu__home-button .x-side-menu__home-button-icon svg path {
  fill: #FFFFFF;
}

x-menu .x-menu__scrolling-container .x-gradient.top {
  background: -moz-linear-gradient(top, #333333 20%, rgba(51, 51, 51, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #333333 20%, rgba(51, 51, 51, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #333333 20%, rgba(51, 51, 51, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
x-menu .x-menu__scrolling-container .x-gradient.bottom {
  background: -moz-linear-gradient(top, rgba(51, 51, 51, 0) 0%, #333333 80%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(51, 51, 51, 0) 0%, #333333 80%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(51, 51, 51, 0) 0%, #333333 80%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
x-menu-item > .content .x-menu-item__item-icon svg path {
  fill: #FFFFFF;
}
x-menu-item > .content .x-menu-item__item-label > .i18n {
  color: #FFFFFF;
}
x-menu-item > .content .x-menu-item__arrow-icon svg path {
  fill: #FFFFFF;
}
x-menu-item:after {
  background-color: #525252;
}

x-carousel .x-carousel__top-section .x-carousel__arrow .x-carousel__arrow-icon svg path {
  fill: #333333;
}
x-carousel .x-carousel__dots-outer-container .x-carousel__dots-inner-container .x-carousel__dot:before {
  border: 0.02em solid #333333;
}
x-carousel .x-carousel__dots-outer-container .x-carousel__dots-inner-container .x-carousel__dot:after {
  background-color: #333333;
}
x-share-cart .share_cart_container .share_cart {
  background-color: rgba(76, 217, 100, 0.95);
}
x-share-cart .share_cart_container .share_cart .top_bar .list_icon svg path, x-share-cart .share_cart_container .share_cart .top_bar .list_icon svg rect {
  fill: white !important;
}
x-share-cart .share_cart_container .share_cart .top_bar .share_cart_title {
  color: white;
}
x-share-cart .share_cart_container .share_cart .top_bar .close_button .close_button_icon svg path {
  fill: white !important;
}
x-share-cart .share_cart_container .share_cart .inner_content {
  background-color: white;
}
x-share-cart .share_cart_container .share_cart .inner_content .entry_list .separator {
  background-color: lightgrey;
}
x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry[data-entry-id=all_added_items] .share_entry_left_side {
  background-color: transparent;
}
x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry[data-entry-id=all_added_items] .share_entry_icon_area .share_entry_inner_icon_area.removeAll {
  background-color: #333333;
}
x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_left_side .share_entry_text {
  color: #333333;
}
x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area {
  background-color: #f3f3f3;
}
x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area .share_entry_inner_icon_area {
  background-color: #4cd964;
}
x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area .share_entry_inner_icon_area.remove {
  background-color: #333333;
}
x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area .share_entry_inner_icon_area .share_entry_inner_icon svg path,
x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area .share_entry_inner_icon_area .share_entry_inner_icon svg rect {
  fill: white !important;
}
x-share-cart .share_cart_container .share_cart .inner_content .entry_list .share_list_entry .share_entry_icon_area .share_entry_icon_area_text {
  color: #333333;
}
x-share-cart .share_cart_container .share_cart .inner_content .share_all_button .share_text {
  color: #4cd964;
}
x-share-cart .share_cart_container .share_cart .inner_content .share_all_button .share_button_icon svg path,
x-share-cart .share_cart_container .share_cart .inner_content .share_all_button .share_button_icon svg polygon {
  fill: #4cd964 !important;
}
x-share-cart .share_cart_container .share_cart .inner_content .qr_code_button .share_text {
  color: #4cd964;
}
x-share-cart .share_cart_container .share_cart .inner_content .qr_code_button .share_button_icon svg .qr_code_icon_stroked {
  stroke: #4cd964 !important;
}
x-share-cart .share_cart_container .share_cart .inner_content .qr_code_button .share_button_icon svg .qr_code_icon_filled {
  fill: #4cd964 !important;
}

x-share-cart-badge {
  background-color: #4cd964;
  border: 0.02em solid #14171c;
}
x-share-cart-badge .share_cart_badge_num {
  color: #14171c;
}
x-share-item-badge {
  background-color: #4cd964;
}
svg .menu {
  fill: transparent;
}
svg.active .left, svg.active .right, svg.active .left_t, svg.active .right_t, svg.active .left_dr, svg.active .right_dr,
svg.active .menu_top, svg.active .menu_mid, svg.active .menu_bot, svg.active .menu_top_dr, svg.active .menu_mid_dr, svg.active .menu_bot_dr, svg.active .menu_top_tr, svg.active .menu_mid_tr, svg.active .menu_bot_tr,
svg.active .roof, svg.active .roof_t, svg.active .roof_dr,
svg.active .screen, svg.active .screen_t, svg.active .screen_tr,
svg.active .board, svg.active .board_t, svg.active .board_dr, svg.active .board_tr,
svg.active .wheel, svg.active .middle, svg.active .inner, svg.active .middle_f, svg.active .wheel_t, svg.active .middle_t, svg.active .inner_t, svg.active .wheel_tr,
svg.active .top_line, svg.active .middle_line, svg.active .top_line_dr, svg.active .middle_line_dr, svg.active .top_line_tr, svg.active .middle_line_tr,
svg.active .line_1, svg.active .line_2, svg.active .line_3, svg.active .line_4, svg.active .line_1_tr, svg.active .line_2_tr, svg.active .line_3_tr, svg.active .line_4_tr,
svg.active .vid_box, svg.active .vid_box_t, svg.active .vid_box_dr, svg.active .vid_box_tr,
svg.active .carat, svg.active .carat_t, svg.active .carat_tr,
svg.active .plus, svg.active .minus {
  stroke: #FFFFFF;
}
svg.active .bottom_line {
  stroke: #FFFFFF;
}
svg.active .bottom_line_dr {
  stroke: #FFFFFF;
}
svg.active .bottom_line_tr {
  stroke: #FFFFFF;
}
svg.active .inside,
svg.active .right_person, svg.active .middle_person, svg.active .left_person, svg.active .screen_f,
svg.active .person_l, svg.active .person_r,
svg.active .computer, svg.active .range, svg.active .sun_f, svg.active .sun,
svg.active .bell, svg.active .circle,
svg.active .person, svg.active .board_f,
svg.active .wheel_f,
svg.active .show,
svg.active .envelope,
svg.active .box, svg.active .box_f, svg.active .arrow,
svg.active .globe,
svg.active .bubble, svg.active .dot_1, svg.active .dot_2, svg.active .dot_3,
svg.active .search,
svg.active .cube, svg.active .arrow_l, svg.active .arrow_r,
svg.active .outside,
svg.active .play, svg.active .play_t, svg.active .play_f {
  fill: #FFFFFF;
}
svg.active.checked .check {
  stroke: #FFFFFF;
}
svg.active.checked .check_f {
  fill: #FFFFFF;
}
svg.active.hidden .hide {
  fill: #FFFFFF;
}
#body {
  font-size: 0.16em;
  color: #262626;
}

.top_menu {
  top: 0;
  height: 3em;
  background-color: #161616;
  display: flex;
  position: absolute;
  z-index: 5;
  width: 100%;
  align-items: center;
}

.top_menu_option {
  color: #C6C6C6;
  font-size: 0.12rem;
  font-family: "AppFont";
  display: flex;
  flex-direction: column;
  padding-left: 1em;
}

.IBM_Security {
  color: white;
  padding-right: 2em;
  width: 9%;
  height: 60%;
}

.overview_box {
  position: absolute;
  z-index: 1;
  background-color: #F4F4F4;
  width: 25%;
  height: 37.5%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.overview_box_horizontal {
  position: absolute;
  z-index: 1;
  background-color: #F4F4F4;
  width: 50%;
  height: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.overview_box_wide {
  position: absolute;
  z-index: 1;
  background-color: #F4F4F4;
  width: 31.25%;
  height: 62.5%;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

.overview_box_long {
  position: absolute;
  z-index: 1;
  background-color: #F4F4F4;
  width: 25%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.overview_desc {
  padding: 0.25rem;
  font-size: 0.12rem;
  padding-top: 1em;
}

.overview_holder {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}

.overview_title {
  font-size: 0.2rem;
  padding-left: 0.25rem;
  margin-right: 6.25%;
  padding-bottom: 0;
  overflow: hidden;
}

.overview_header {
  display: flex;
  flex-direction: row;
  vertical-align: top;
}

.carat {
  height: 1em;
  width: 1em;
  top: 0.065em;
  position: relative;
  padding-left: 0.5em;
  padding-right: 1em;
}

.top_menu_options_list {
  flex-direction: column;
  position: absolute;
  width: auto;
  height: 3rem;
  top: -525%;
  margin-left: -1em;
}

.top_menu_suboption {
  position: relative;
  background-color: #262626;
  color: #C6C6C6;
  height: 3em;
  top: 100%;
  overflow: visible !important;
  align-items: center;
  display: flex;
  padding-left: 1em;
  padding-right: 2em;
}

.left_sidebar {
  position: absolute;
  z-index: 1;
  background-color: #F4F4F4;
  left: 25%;
  width: 25%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.panel_section {
  flex-shrink: 0;
  transition: 0.5s height ease;
}
.panel_section .panel_spacer {
  transition: 0.5s height ease;
}
.panel_section .see_help_wrapper {
  opacity: 1;
  transition: 0.5s opacity ease;
  justify-content: right;
  display: flex;
  padding-bottom: 1em;
  padding-right: 1em;
  position: relative;
}
.panel_section .close_button,
.panel_section .panel_desc {
  display: none;
  opacity: 0;
  transition: 0.5s opacity ease;
}
.panel_section.panel_section_open .see_help_wrapper {
  opacity: 0;
}
.panel_section.panel_section_open .close_button,
.panel_section.panel_section_open .panel_desc {
  opacity: 1;
  display: flex;
}
.panel_section.panel_section_open .panel_spacer {
  height: 0;
}

.panel_section {
  height: 25%;
  width: 100%;
  background-color: white;
  border: 2px solid #E0E0E0;
  border-top: 1px;
  box-sizing: border-box;
}

.panel_section_open {
  height: 50%;
  width: 100%;
  background: transparent linear-gradient(217deg, var(---33b1ff-cyan-40) 0%, var(---be95ff-purple-40) 60%) 0% 0% no-repeat padding-box;
  border: 2px solid var(---e0e0e0-gray-20);
  background: transparent linear-gradient(217deg, rgba(51, 177, 255, 0.6) 0%, rgba(190, 149, 255, 0.6) 60%) 0% 0% no-repeat padding-box;
  border: 2px solid #E0E0E0;
  border-top: 1px;
  box-sizing: border-box;
}

.panel_text {
  font-size: 0.16rem;
  padding-left: 1em;
  display: flex;
  width: 80%;
  padding-top: 1.35em;
}

.panel_spacer {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}

.close_button {
  position: absolute;
  right: 1em;
  padding-top: 0.25em;
}

.panel_desc {
  font-size: 0.75em;
  padding: 1.3em;
}

.see_help {
  font-size: 0.12rem;
  color: #0F62FE;
  margin-right: 1em;
}

.hotspot {
  background-color: #0F62FE;
  position: absolute;
  height: auto;
  width: auto;
  max-height: 6.25%;
  z-index: 6;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hotspot_wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -3em;
}

.blue_wrapper {
  position: absolute;
  left: calc(50% - 50vmin);
  top: calc(50% - 50vmin - 1.5em);
  width: 100vmin;
  height: 100vmin;
  z-index: 0;
}

.hs_text {
  font-size: 0.12rem;
  color: white;
  border: 15px solid #0F62FE;
  white-space: nowrap;
}

.valueboxes {
  display: flex;
  flex-direction: row;
  position: absolute;
  height: 35%;
  width: 60%;
  left: 35%;
  align-items: center;
  justify-content: space-between;
}

.valuebox {
  background-color: #F4F4F4;
  height: 10vw;
  width: 10vw;
  position: relative;
  z-index: 2;
}

.valuetext {
  font-size: 0.7em;
  font-family: "AppFontBold";
  padding: 1em;
}

.valueimg {
  right: 0;
  bottom: 0;
  position: absolute;
  padding: 0.5em;
  height: 50%;
  width: 50%;
}

.menu_divider {
  width: 1px;
  height: 1.5em;
  color: #393939;
  border-left: 1px solid #393939;
  padding-right: 1em;
}

.exit_button {
  height: 2em;
  width: 2em;
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
}

.overview_set_apart {
  padding-left: 1.6em;
}

.share_icon {
  right: 0;
  margin-right: 1em;
  position: absolute;
  height: 1.25em;
}

.feedback_icon {
  right: 0em;
  margin-right: 1em;
  position: absolute;
  height: 1.25em;
}

.storage_options_width {
  width: 12.7em;
}

.cyber_resilience_options_width {
  width: 16.9em;
}

.flash_system_options_width {
  width: 17.5em;
}

.blue_bar_highlight {
  height: 3px;
  background-color: #4589FF;
  top: 0;
  z-index: 9;
  position: absolute;
}

.blue_bar_1 {
  width: 12em;
}

.blue_bar_2 {
  width: 12.7em;
}

.blue_bar_3 {
  width: 16.2em;
}

.blue_box_active {
  background: transparent linear-gradient(217deg, var(---33b1ff-cyan-40) 0%, var(---be95ff-purple-40) 60%) 0% 0% no-repeat padding-box;
  border: 2px solid var(---e0e0e0-gray-20);
  background: transparent linear-gradient(217deg, rgba(51, 177, 255, 0.6) 0%, rgba(190, 149, 255, 0.6) 60%) 0% 0% no-repeat padding-box;
}

.blue_box_brocade {
  border: solid #0F62FE;
  border-width: 3px;
  height: 2%;
  width: 22%;
  left: 49.325%;
  display: flex;
  position: relative;
  top: 13%;
  z-index: 2;
}

.blue_box_cisco {
  border: solid #0F62FE;
  border-width: 3px;
  height: 2%;
  width: 22%;
  left: 49.325%;
  display: flex;
  position: relative;
  top: 18.5%;
  z-index: 2;
}

.blue_box_5035 {
  border: solid #0F62FE;
  border-width: 3px;
  height: 3.5%;
  width: 22%;
  left: 49.325%;
  display: flex;
  position: relative;
  top: 22%;
  z-index: 2;
}

.blue_box_5200 {
  border: solid #0F62FE;
  border-width: 3px;
  height: 2%;
  width: 22%;
  left: 49.325%;
  display: flex;
  position: relative;
  top: 27.2%;
  z-index: 2;
}

.blue_box_1022 {
  border: solid #0F62FE;
  border-width: 3px;
  height: 11.5%;
  width: 22%;
  left: 49.325%;
  display: flex;
  position: relative;
  top: 29%;
  z-index: 2;
}

.blue_box_7300 {
  border: solid #0F62FE;
  border-width: 3px;
  height: 8%;
  width: 22%;
  left: 49.325%;
  display: flex;
  position: relative;
  top: 32%;
  z-index: 2;
}

.blue_box_9500 {
  border: solid #0F62FE;
  border-width: 3px;
  height: 15.5%;
  width: 22%;
  left: 49.325%;
  display: flex;
  position: relative;
  top: 34%;
  z-index: 2;
}

.link_button {
  border-style: solid;
  border-color: #4589FF;
  padding: 1em;
  border-width: 2px;
  margin: 0.2em;
  display: flex;
  flex-direction: row-reverse;
  color: #4589FF;
  font-size: 0.75em;
  justify-content: space-between;
}

.external_arrow {
  margin-left: 3em;
}

.invisible {
  display: none;
}

.server_img {
  height: 100%;
  width: 100%;
}

.goodData {
  height: 4em;
  width: 4em;
  z-index: 2;
  animation-name: goodData;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-iteration-count: infinite;
  position: absolute;
  animation-timing-function: linear;
}

@keyframes goodData {
  0% {
    transform: translate(70vw, 45vh);
    height: 1em;
  }
  25% {
    transform: translate(65vw, 43vh);
  }
  50% {
    transform: translate(60vw, 40vh);
  }
  75% {
    transform: translate(55vw, 45vh);
  }
  100% {
    transform: translate(50vw, 50vh);
    height: 4em;
  }
}
.badData {
  height: 4em;
  width: 4em;
  z-index: 2;
  animation-name: badData;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-iteration-count: infinite;
  position: absolute;
  animation-timing-function: linear;
}

@keyframes badData {
  0% {
    transform: translate(50vw, 55vh);
    height: 4em;
  }
  25% {
    transform: translate(45vw, 53vh);
  }
  50% {
    transform: translate(40vw, 50vh);
  }
  75% {
    transform: translate(35vw, 55vh);
  }
  100% {
    transform: translate(30vw, 60vh);
    height: 1em;
  }
}
.next_button {
  background-color: #0F62FE;
  color: white;
  z-index: 1;
  display: flex;
  padding-left: 1em;
  padding-right: 1em;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: left;
}

.prev_button {
  width: 2.5em;
  margin-right: 0.5em;
  background-color: #393939;
  color: white;
  z-index: 1;
  align-items: center;
  justify-content: center;
  display: flex;
  padding-left: 0.3em;
  padding-right: 0.3em;
}

.nav_button {
  position: absolute;
  top: 92%;
  right: 1.25em;
  height: 3em;
  z-index: 1;
  display: flex;
  justify-content: right;
}

.arrow {
  padding-left: 0.8em;
}

.active_section {
  color: white;
}

.right_panel {
  position: absolute;
  width: 33%;
  height: 100%;
  left: 67%;
  background-color: white;
  z-index: 6;
}

.security_logo {
  z-index: 1;
  height: 3em;
  position: absolute;
  left: 70vw;
  top: 12vw;
  animation-name: security;
  animation-duration: 5s;
  animation-iteration-count: 1;
}

.security_logo2 {
  z-index: 1;
  height: 5em;
  position: absolute;
  left: 77vw;
  top: 21vw;
  animation-name: security;
  animation-duration: 5s;
  animation-iteration-count: 1;
}

@keyframes security {
  0% {
    transform: translate(0, 5vh);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
.removed {
  display: none !important;
}

.info_box {
  width: 26em;
  height: 4em;
  background-color: white;
  color: black;
  font-size: 0.65em;
  position: absolute;
  z-index: 1;
  align-items: center;
  display: flex;
  justify-content: center;
}

.info_box_offset {
  left: -50%;
  position: relative;
}

.hs3_info {
  top: 82em;
  left: 125em;
}

.hs2_info {
  top: 58em;
  left: 115em;
}

.hs4_1_info {
  top: -5em;
  left: -15em;
}

.hs4_2_info {
  top: -5em;
  left: -15em;
}

.hs4_3_info {
  top: -5em;
  left: -15em;
}

.circle_outer {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  border-color: blue;
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
}

.circle_inner {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border-style: solid;
  border-color: blue;
  background-color: blue;
  position: absolute;
  left: 0.25em;
  top: 0.25em;
  font-size: 0.75em;
}

.hs3_circle {
  left: -3em;
}

.hs4_circle {
  top: 5em;
  position: absolute;
  left: 45%;
}

.page {
  width: 100%;
  position: absolute;
  height: calc(100% - 3em);
  top: 3em;
  z-index: 4;
}

.active_top_menu {
  color: white;
}

.flipped {
  rotate: 180deg;
  padding-left: 1em;
  padding-right: 0.5em;
}

.light_menu {
  background-color: #262626;
  z-index: -1;
}

.flash_storage_panel {
  display: flex;
  flex-direction: column;
  vertical-align: top;
  padding: 0.25rem;
  padding-top: 0.2rem;
}

.right_panel_title {
  font-size: 0.2rem;
  margin-right: 6.25%;
}

.right_panel_desc {
  font-size: 0.12rem;
  padding-top: 1em;
}

.top_menu_options_list.flash_system_options_width.light_menu {
  padding-right: 3em;
}

.top_menu_options_list.cyber_resilience_options_width.light_menu {
  padding-right: 3em;
}

.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.info_1 {
  top: 12%;
  left: 45%;
}

.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_2] .cta_dot.dot_1 {
  left: 10.5%;
  top: 16%;
}

.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] .cta_dot {
  -webkit-transition: 0.5s opacity ease;
  -moz-transition: 0.5s opacity ease;
  transition: 0.5s opacity ease;
}

.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.dot_1 {
  left: 80%;
  top: 75vh;
}

.page[data-view=chapter_1] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.custom {
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: column;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: column;
  -ms-justify-content: center;
  -ms-align-items: center;
  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;
  -webkit-transition: 0.25s opacity ease;
  -moz-transition: 0.25s opacity ease;
  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_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: 16.5%;
  top: 5.8%;
}

.page[data-view=chapter_1] .step[data-view=step_2] .part[data-view=part_2] .cta_dot.dot_1 {
  left: 41.75%;
  top: 51.3%;
}

.page[data-view=chapter_1] .step[data-view=step_2] .part[data-view=part_2] .cta_dot.info_1 {
  left: 66.75%;
  top: 30.3%;
}

.page[data-view=chapter_1] .step[data-view=step_2] .part[data-view=part_3] .cta_dot.dot_1 {
  left: 47.75%;
  top: 53%;
}

.page[data-view=chapter_1] .step[data-view=step_2] .part[data-view=part_3] .cta_dot.info_1 {
  left: 37%;
  top: 44.3%;
}

.page[data-view=chapter_1] .step[data-view=step_2] .part[data-view=part_4] .cta_dot.dot_1 {
  left: 71.75%;
  top: 75vh;
}

.page[data-view=chapter_1] .step[data-view=step_2] .part[data-view=part_4] .cta_dot.info_1 {
  left: 67.75%;
  top: 12%;
}

.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_2] .cta_dot.info_1 .message_box {
  width: 1.7em;
}

.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_2] .cta_dot.dot_1 .message_box {
  width: 1.7em;
}

.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_1] .cta_dot.dot_1 {
  left: 10.3%;
  top: 26.2%;
}

.page[data-view=chapter_1] .step[data-view=step_4] .part[data-view=part_2] .cta_dot.info_1 .message_box {
  width: 2.1em;
}

.page[data-view=chapter_1] .step[data-view=step_5] .part[data-view=part_1] .cta_dot.info_1 .message_box {
  width: 1em;
}

.page[data-view=chapter_1] .step[data-view=step_5] .part[data-view=part_2] .cta_dot.dot_1 .message_box {
  width: 2em;
}

.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_2] .cta_dot.dot_1 .message_box {
  left: 0.7em;
}

.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_2] .cta_dot.dot_1 .message_box::after {
  left: 0.33em;
}

.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.dot_1 .message_box {
  width: 0.9em;
}

.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_4] .cta_dot.dot_1 .message_box {
  width: 1.2em;
}

.page[data-view=chapter_2] .step[data-view=step_2] .part[data-view=part_2] .cta_dot.dot_1 .message_box {
  width: 2em;
}

.page[data-view=chapter_2] .step[data-view=step_2] .part[data-view=part_2] .cta_dot.info_1 .message_box {
  width: 1.1em;
}

.page[data-view=chapter_3] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.info_1 .message_box {
  left: 0.7em;
}

.page[data-view=chapter_3] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.info_1 .message_box::after {
  left: 0.33em;
}

.page[data-view=chapter_3] .step[data-view=step_1] .part[data-view=part_2] .cta_dot.info_1 .message_box {
  width: 2em;
}

.page[data-view=chapter_3] .step[data-view=step_2] .part[data-view=part_1] .cta_dot.info_1 .message_box {
  width: 2em;
}

.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;
  -webkit-transition: 0.5s transform ease;
  -moz-transition: 0.5s transform ease;
  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;
}

.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_2] .cta_dot.dot_1 {
  left: 87.75%;
  top: 16.7%;
}

.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_2] .cta_dot.info_1 {
  left: 20.75%;
  top: 4.7%;
}

.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_3] .cta_dot.dot_1 {
  left: 67.5%;
  top: 54.4%;
}

.page[data-view=chapter_1] .step[data-view=step_3] .part[data-view=part_3] .cta_dot.dot_1 .message_box {
  width: 1.8em;
}

.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.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: 79.9%;
  top: 75vh;
}

.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.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;
  -webkit-transition: 0.5s transform ease;
  -moz-transition: 0.5s transform ease;
  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;
  -webkit-transition: 0.5s opacity ease;
  -moz-transition: 0.5s opacity ease;
  transition: 0.5s opacity ease;
}

.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: 21%;
  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;
  -webkit-transition: 0.5s transform ease;
  -moz-transition: 0.5s transform ease;
  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;
  -webkit-transition: 0.5s opacity ease;
  -moz-transition: 0.5s opacity ease;
  transition: 0.5s opacity ease;
}

.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: 47%;
  top: 37.7%;
}

.page[data-view=chapter_1] .step[data-view=step_4] .part[data-view=part_3] .cta_dot.dot_1 {
  left: 81%;
  top: 75vh;
}

.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 .touchable_area {
  animation-delay: 4s;
}

.page[data-view=chapter_1] .step[data-view=step_5] .part[data-view=part_1] .cta_dot.dot_1 {
  left: 76%;
  top: 44.7%;
}

.page[data-view=chapter_1] .step[data-view=step_5] .part[data-view=part_1] .cta_dot.info_1 {
  left: 71%;
  top: 37.7%;
}

.page[data-view=chapter_1] .step[data-view=step_5] .part[data-view=part_2] .cta_dot.dot_1 {
  left: 67%;
  top: 70.9%;
}

.page[data-view=chapter_1] .step[data-view=step_5] .part[data-view=part_3] .cta_dot.dot_1 {
  left: 67%;
  top: 64.1%;
}

.page[data-view=chapter_1] .step[data-view=step_5] .part[data-view=part_4] .cta_dot.info_1 {
  left: 55%;
  top: 28.7%;
}

.page[data-view=chapter_1] .step[data-view=step_5] .part[data-view=part_4] .cta_dot.dot_1 {
  left: 81%;
  top: 75vh;
}

.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.info_1 {
  left: 21%;
  top: 1%;
}

.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.info_1 .message_box {
  left: 0.95em;
}

.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.info_1 .message_box::after {
  left: 0.07em;
}

.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.dot_1 .message_box {
  left: 0.6em;
}

.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.dot_1 .message_box::after {
  left: 0.35em;
}

.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.dot_1 {
  left: 4%;
  top: 2%;
}

.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;
  -webkit-transition: 0.5s opacity ease;
  -moz-transition: 0.5s opacity ease;
  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;
  -webkit-transition: 0.5s transform ease;
  -moz-transition: 0.5s transform ease;
  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 .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: 7%;
  left: 14.8%;
}

.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.dot_1 {
  left: 13.85%;
  top: 27.1%;
}

.page[data-view=chapter_2] .step[data-view=step_2] .part[data-view=part_2] .cta_dot.info_1 {
  left: 68.85%;
  top: 61%;
}

.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 .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;
  -webkit-transition: 0.5s opacity ease;
  -moz-transition: 0.5s opacity ease;
  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: 41%;
  top: 13%;
}

.page[data-view=chapter_3] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.info_1 {
  left: 5%;
  top: 4%;
}

.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: 75vh;
}

.page[data-view=chapter_3] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.info_1 {
  left: 43.25%;
  top: 21.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.info_1 {
  left: 13%;
  top: 28.4%;
}

.page[data-view=chapter_3] .step[data-view=step_2] .part[data-view~=part_1] .cta_dot.dot_1 {
  left: 75.5%;
  top: 76.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: 26%;
  top: 36.2%;
}

.page[data-view=chapter_3] .step[data-view=step_2] .part[data-view~=part_2] .cta_dot.dot_1 .message_box {
  width: 2em;
}

.page[data-view=chapter_4] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.dot_1 .message_box {
  width: 3em;
}

.page[data-view=chapter_4] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.info_1 .message_box {
  width: 1.45em;
}

.page[data-view=chapter_5] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.info_1 .message_box {
  top: 0.5em;
  width: 3em;
}

.page[data-view=chapter_5] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.info_1 .message_box::after {
  top: 0.15em;
}

.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] .part[data-view~=part_3] .cta_dot.dot_1 {
  left: 78%;
  top: 75vh;
}

.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_5] .step[data-view=step_2] .part[data-view~=part_1] .cta_dot.info_1 .message_box {
  width: 2em;
}

.page[data-view=chapter_5] .step[data-view=step_3] .part[data-view~=part_1] .cta_dot.info_1 .message_box {
  width: 2.5em;
}

.page[data-view=chapter_5] .step[data-view=step_3] .part[data-view~=part_1] .cta_dot.dot_1 .message_box {
  width: 1.5em;
}

.page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.dot_1 .message_box {
  width: 2em;
}

.page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.dot_1 .message_box {
  width: 2em;
}

.page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_3] .cta_dot.dot_1 .message_box {
  width: 2.5em;
}

.page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_4] .cta_dot.dot_1 .message_box {
  width: 1.3em;
}

.page[data-view=chapter_6] .step[data-view=step_2] .part[data-view~=part_1] .cta_dot.dot_1 .message_box {
  width: 2em;
}

.page[data-view=chapter_6] .step[data-view=step_2] .part[data-view~=part_2] .cta_dot.info_1 .message_box {
  width: 2em;
}

.page[data-view=chapter_6] .step[data-view=step_3] .part[data-view~=part_1] .cta_dot.dot_1 .message_box {
  width: 2em;
}

.page[data-view=chapter_6] .step[data-view=step_3] .part[data-view~=part_2] .cta_dot.info_1 .message_box {
  width: 2em;
}

.page[data-view=chapter_6] .step[data-view=step_3] .part[data-view~=part_3] .cta_dot.info_1 .message_box {
  width: 2em;
}

.page[data-view=chapter_6] .step[data-view=step_3] .part[data-view~=part_4] .cta_dot.info_1 .message_box {
  width: 2em;
}

.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;
  -webkit-transition: 0.5s opacity ease;
  -moz-transition: 0.5s opacity ease;
  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%;
}

.page[data-view=chapter_4] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.dot_1 {
  left: 59.9%;
  top: 18.5%;
}

.page[data-view=chapter_4] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.dot_1 {
  left: 58.9%;
  top: 75vh;
}

.page[data-view=chapter_4] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.info_1 {
  left: 55.9%;
  top: 25%;
}

.page[data-view=chapter_5] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.dot_1 {
  left: 65.9%;
  top: 17.5%;
}

.page[data-view=chapter_5] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.info_1 {
  left: 2.9%;
  top: 7.5%;
}

.page[data-view=chapter_5] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.dot_1 {
  left: 21.9%;
  top: 57.5%;
}

.page[data-view=chapter_5] .step[data-view=step_1] .part[data-view~=part_3] .cta_dot.dot_1 {
  left: 68.9%;
  top: 75vh;
}

.page[data-view=chapter_5] .step[data-view=step_2] .part[data-view~=part_1] .cta_dot.dot_1 {
  left: 68.9%;
  top: 75vh;
}

.page[data-view=chapter_5] .step[data-view=step_2] .part[data-view~=part_1] .cta_dot.info_1 {
  left: 14.5%;
  top: 35%;
}

.page[data-view=chapter_5] .step[data-view=step_3] .part[data-view~=part_1] .cta_dot.dot_1 {
  left: 20.9%;
  top: 17.5%;
}

.page[data-view=chapter_5] .step[data-view=step_3] .part[data-view~=part_1] .cta_dot.info_1 {
  left: 41.9%;
  top: 10.5%;
}

.page[data-view=chapter_5] .step[data-view=step_3] .part[data-view~=part_2] .cta_dot.dot_1 {
  left: 68.9%;
  top: 75vh;
}

.page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.dot_1 {
  left: 25.9%;
  top: 36.8%;
}

.page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_1] .cta_dot.info_1 {
  left: 11.2%;
  top: 0.5%;
}

.page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.dot_1 {
  left: 37.9%;
  top: 31.5%;
}

.page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.info_1 {
  left: 37.9%;
  top: 21.5%;
}

.page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_2] .cta_dot.info_2 {
  left: 81.6%;
  top: 14.3%;
}

.page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_3] .cta_dot.dot_1 {
  left: 39.9%;
  top: 84%;
}

.page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_4] .cta_dot.dot_1 {
  left: 53.9%;
  top: 84%;
}

.page[data-view=chapter_6] .step[data-view=step_1] .part[data-view~=part_5] .cta_dot.dot_1 {
  left: 65.9%;
  top: 75vh;
}

.page[data-view=chapter_6] .step[data-view=step_2] .part[data-view~=part_1] .cta_dot.dot_1 {
  left: 20.9%;
  top: 30.5%;
}

.page[data-view=chapter_6] .step[data-view=step_2] .part[data-view~=part_1] .cta_dot.info_1 {
  left: 24.5%;
  top: 14.2%;
}

.page[data-view=chapter_6] .step[data-view=step_2] .part[data-view~=part_2] .cta_dot.dot_1 {
  left: 9.9%;
  top: 30%;
}

.page[data-view=chapter_6] .step[data-view=step_2] .part[data-view~=part_2] .cta_dot.info_1 {
  left: 10.9%;
  top: 20.5%;
}

.page[data-view=chapter_6] .step[data-view=step_2] .part[data-view~=part_3] .cta_dot.dot_1 {
  left: 68.9%;
  top: 75vh;
}

.page[data-view=chapter_6] .step[data-view=step_3] .part[data-view~=part_1] .cta_dot.dot_1 {
  left: 19.9%;
  top: 24%;
}

.page[data-view=chapter_6] .step[data-view=step_3] .part[data-view~=part_2] .cta_dot.dot_1 {
  left: 68.9%;
  top: 63.5%;
}

.page[data-view=chapter_6] .step[data-view=step_3] .part[data-view~=part_2] .cta_dot.info_1 {
  left: 35.9%;
  top: 22.5%;
}

.page[data-view=chapter_6] .step[data-view=step_3] .part[data-view~=part_3] .cta_dot.dot_1 {
  left: 67.9%;
  top: 66.5%;
}

.page[data-view=chapter_6] .step[data-view=step_3] .part[data-view~=part_3] .cta_dot.info_1 {
  left: 66.9%;
  top: 34.4%;
}

.page[data-view=chapter_6] .step[data-view=step_3] .part[data-view~=part_4] .cta_dot.dot_1 {
  left: 68.9%;
  top: 75vh;
}

.page[data-view=chapter_6] .step[data-view=step_3] .part[data-view~=part_4] .cta_dot.info_1 {
  left: 62.9%;
  top: 54.5%;
}

.top_bar {
  position: absolute;
  height: 0.5em;
  width: 100%;
  top: 0;
  background-color: black;
  z-index: 999;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: row;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: row;
  -ms-justify-content: center;
  -ms-align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

.top_bar .top_bar_title {
  color: white;
  margin-left: 0.2em;
  position: relative;
}

.top_bar .top_bar_title .i18n {
  font-size: 0.18em;
}

.top_bar .feedback_button {
  position: relative;
  height: 100%;
  width: 0.6em;
  margin-left: auto;
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: row;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: row;
  -ms-justify-content: center;
  -ms-align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.top_bar .feedback_button svg {
  position: relative;
  height: 50%;
}

.top_bar .cta_button {
  position: relative;
  right: 0;
  height: 100%;
  width: 3em;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-transition: 0.5s transform ease;
  -moz-transition: 0.5s transform ease;
  transition: 0.5s transform ease;
  transform: none;
}

.top_bar .cta_button[data-track-view="chapter_3 step_3 part_4"] {
  transform: translateX(100%);
}

.side_menu {
  position: absolute;
  width: calc(3em * 0.8);
  height: calc(100% - 0.5em);
  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;
  height: 0.5em;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

.side_menu .menu_option.accordion .menu_title .carat {
  position: relative;
  width: 0.1em;
  height: 0.1em;
  -webkit-transition: 0.5s transform ease;
  -moz-transition: 0.5s transform ease;
  transition: 0.5s transform ease;
  transform: rotate(90deg);
  padding: 0;
  top: 0;
  padding-right: 0.1em;
}
.side_menu .menu_option.accordion .menu_title .carat svg {
  position: absolute;
  height: 100%;
  width: 100%;
}

.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;
  -webkit-transition: max-height 0.5s ease;
  -moz-transition: max-height 0.5s ease;
  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: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: row;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: row;
  -ms-justify-content: center;
  -ms-align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: 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 svg {
  position: absolute;
  height: 100%;
  width: 100%;
}

.side_menu .menu_option.accordion .menu_content .chapter_step .dot .dot_state {
  -webkit-transition: 0.5s opacity ease;
  -moz-transition: 0.5s opacity ease;
  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;
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  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: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: row;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: row;
  -ms-justify-content: center;
  -ms-align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  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;
  -webkit-transition: 0.5s transform ease;
  -moz-transition: 0.5s transform ease;
  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: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: row;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: row;
  -ms-justify-content: center;
  -ms-align-items: center;
  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: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: row;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: row;
  -ms-justify-content: center;
  -ms-align-items: center;
  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: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: row;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: row;
  -ms-justify-content: center;
  -ms-align-items: center;
  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: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: row;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: row;
  -ms-justify-content: center;
  -ms-align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  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.15em;
}

.cta_button .button_title {
  margin-right: auto;
}

.cta_button .button_icon {
  position: relative;
  width: 0.18em;
  height: 0.18em;
  top: -0.85em;
}

.side_menu .menu_option.accordion .menu_content .chapter_step .dot svg {
  position: absolute;
  height: 100%;
  width: 100%;
}

.side_menu_dot {
  width: 100%;
  height: 100%;
  position: absolute;
}

.start_demo_button .button_icon {
  margin-left: 1em;
  top: 0.2em;
  position: relative;
}

.cta_dot {
  position: absolute;
  width: 0.25em;
  height: 0.25em;
  top: 50%;
  left: 50%;
  opacity: 1;
  transition: none;
}

.cta_dot.show {
  -webkit-transition: 0.5s opacity ease;
  -moz-transition: 0.5s opacity ease;
  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;
  background-color: #FFFFFF;
}

.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 .icon svg {
  position: absolute;
  top: 0;
  left: 0;
  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: #393939;
  color: white;
  padding: 0.02em 0.1em;
  border-radius: 0.025em;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
  opacity: 1;
  -webkit-transition: 0.5s opacity ease;
  -moz-transition: 0.5s opacity ease;
  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%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  border-top: 0.05em solid #393939;
  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 #393939;
  border-right: 0.05em solid transparent;
  border-left: 0.05em solid transparent;
}

.message_box.right {
  top: 50%;
  bottom: unset;
  left: calc(100% + 0.1em);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.message_box.right:after {
  top: 50%;
  left: unset;
  right: 99.5%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top: 0.05em solid transparent;
  border-bottom: 0.05em solid transparent;
  border-right: 0.05em solid #393939;
  border-left: 0em solid transparent;
}

.message_box.left {
  top: 50%;
  bottom: unset;
  left: unset;
  right: calc(100% + 0.1em);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.message_box.left:after {
  top: 50%;
  left: 99.5%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  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 #393939;
}

.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";
}

.bg_dark {
  background-color: #393939;
}

.pulse_holder {
  width: 82%;
  height: 100%;
  position: absolute;
  right: 0;
}

.intro_card {
  position: absolute;
  height: 50%;
  width: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  background-color: #F4F4F4;
  font-size: 1rem;
}

.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: "AppFontMedium";
}

.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: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: row;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: row;
  -ms-justify-content: center;
  -ms-align-items: center;
  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;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: center;
  justify-content: center;
}

.intro_card.show {
  transform: translate(-50%, -50%) !important;
  font-size: 0.8rem;
}

.intro_card .card_buttons {
  bottom: 0;
  position: absolute;
  width: 100%;
}

.side_menu {
  font-size: 1rem;
  height: 100%;
}

.page.screen_page {
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  display: -moz-flex;
  -moz-flex-direction: row;
  -moz-justify-content: center;
  -moz-align-items: center;
  display: -ms-flex;
  -ms-flex-direction: row;
  -ms-justify-content: center;
  -ms-align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: calc(100% - (3em * 0.8));
  right: 0;
  font-size: 1rem;
  height: 100%;
  top: 0;
}

.nav_button_demo {
  position: absolute;
  top: 90%;
  right: 1.25em;
  height: 3em;
  z-index: 1;
  display: flex;
  justify-content: right;
  font-size: 0.17em;
}

.demo_img {
  width: 100%;
  transform: scale(1) !important;
}

.page.screen_page {
  display: flex;
  align-items: flex-start;
  background-color: #F4F4F4;
}

.card_header {
  font-size: 0.1em;
  padding: 2em;
  padding-bottom: 0;
}

.side_menu svg.svg-replace.replaced-svg {
  height: 0.1em;
}

.screen.track-view {
  position: absolute;
  width: 100%;
  left: 0;
}

.overview_box_lower {
  position: absolute;
  z-index: 1;
  background-color: #F4F4F4;
  width: 35%;
  height: 50%;
  display: flex;
  flex-direction: column;
  bottom: 0;
}

.start_demo_button {
  background-color: #0F62FE;
  height: 15%;
  width: 50%;
  left: 50%;
  position: relative;
  top: 3.6em;
  justify-content: center;
  display: flex;
  align-items: center;
  color: white;
  flex-direction: row-reverse;
}

.nav {
  font-size: 0.8em;
}

.nav_button_demo .message_box {
  font-size: 7em;
  margin-left: 0.35em;
}

.dark_filter {
  background-color: black;
  opacity: 0.75;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
}

.dark_filter.draw.show.draw-heavy {
  opacity: 0.75 !important;
}

.meet_expert_button {
  width: 13%;
  background-color: #0F62FE;
  right: 4em;
  height: 100%;
  position: absolute;
  font-size: 0.8em;
  justify-content: center;
  display: flex;
  align-items: center;
  color: white;
  flex-direction: row-reverse;
}

.meet_expert_button_small {
  width: 5%;
  background-color: #0F62FE;
  right: 4em;
  height: 100%;
  position: absolute;
  font-size: 0.8em;
  justify-content: center;
  display: flex;
  align-items: center;
}

.message_box .i18n div:first-child {
  margin-top: unset;
}

.darken_image {
  position: absolute;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: #161616;
}

.cta_dot .touchable_area {
  animation: pulse 3s ease infinite;
}

.page.screen_page[data-view=chapter_1][data-track-view*="step_2 part_1"], .page.screen_page[data-view=chapter_1][data-track-view*="step_2 part_2"], .page.screen_page[data-view=chapter_1][data-track-view*="step_2 part_3"], .page.screen_page[data-view=chapter_1][data-track-view*="step_2 part_4"] {
  background-color: black;
}
.page.screen_page[data-view=chapter_1][data-track-view*="step_3 part_1"], .page.screen_page[data-view=chapter_1][data-track-view*="step_3 part_2"], .page.screen_page[data-view=chapter_1][data-track-view*="step_3 part_3"], .page.screen_page[data-view=chapter_1][data-track-view*="step_3 part_4"] {
  background-color: black;
}
.page.screen_page[data-view=chapter_1][data-track-view*="step_4 part_1"], .page.screen_page[data-view=chapter_1][data-track-view*="step_4 part_2"], .page.screen_page[data-view=chapter_1][data-track-view*="step_4 part_3"] {
  background-color: black;
}
.page.screen_page[data-view=chapter_1][data-track-view*="step_5 part_1"], .page.screen_page[data-view=chapter_1][data-track-view*="step_5 part_2"], .page.screen_page[data-view=chapter_1][data-track-view*="step_5 part_3"], .page.screen_page[data-view=chapter_1][data-track-view*="step_5 part_3"] {
  background-color: black;
}

.touchable_area {
  animation: pulse 5s ease infinite;
  background-color: white;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  left: 0;
}

@keyframes pulse {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  20% {
    opacity: 0.15;
  }
  100% {
    opacity: 0;
  }
}
.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_1] .cta_dot.dot_1 {
  left: 4%;
  top: 2%;
}

.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_2] .cta_dot.dot_1 {
  left: 4.5%;
  top: 24%;
}

.page[data-view=chapter_2] .step[data-view=step_1] .part[data-view=part_3] .cta_dot.dot_1 {
  left: 46%;
  top: 68%;
}

.page[data-view=chapter_2] .step[data-view=step_2] .part[data-view=part_2] .cta_dot.dot_1 {
  left: 21%;
  top: 21%;
}

.page[data-view=chapter_2] .step[data-view=step_2] .part[data-view=part_1] .cta_dot.info_1 {
  left: 15%;
  top: 7%;
}

.link_button {
  margin: 1em 0.2em;
}

.right_panel_desc {
  padding-bottom: 1em;
}

.link {
  text-decoration: none;
}

.prev_arrow {
  opacity: 0.999;
}

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