@charset "UTF-8";
/* line 7, ../../../../app/styles/base/palette/_configs.scss */
:root {
  --marker-color: var(--site-theme-color);
}
@-moz-document url-prefix() {
  /* line 7, ../../../../app/styles/base/palette/_configs.scss */
  :root {
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
    scrollbar-width: thin;
  }
}
/* line 1, ../../../../app/styles/base/palette/_mixins.scss */
.background-left_click_color, #playing-player .step .steptext i.LEFT_CLICK, .quick-view .step .steptext i.LEFT_CLICK {
  background-color: #00B975;
}

/* line 2, ../../../../app/styles/base/palette/_mixins.scss */
.background-right_click_color, #playing-player .step .steptext i.RIGHT_CLICK, .quick-view .step .steptext i.RIGHT_CLICK {
  background-color: #D9E021;
}

/* line 3, ../../../../app/styles/base/palette/_mixins.scss */
.background-read_color, #playing-player .step .steptext i.READ, .quick-view .step .steptext i.READ {
  background-color: #FF625F;
}

/* line 4, ../../../../app/styles/base/palette/_mixins.scss */
.background-typing_color, #playing-player .step .steptext i.TYPING, .quick-view .step .steptext i.TYPING {
  background-color: #01C7F6;
}

/* line 5, ../../../../app/styles/base/palette/_mixins.scss */
.background-scroll_color, #playing-player .step .steptext i.SCROLL, .quick-view .step .steptext i.SCROLL {
  background-color: #999999;
}

/* line 6, ../../../../app/styles/base/palette/_mixins.scss */
.background-drag_and_drop_color_drag, #playing-player .step .steptext i.DRAG_AND_DROP, .quick-view .step .steptext i.DRAG_AND_DROP, #playing-player .step .steptext i.DRAG, .quick-view .step .steptext i.DRAG {
  background-color: #0047FF;
}

/* line 7, ../../../../app/styles/base/palette/_mixins.scss */
.background-drag_and_drop_color_drop, #playing-player .step .steptext i.DROP, .quick-view .step .steptext i.DROP {
  background-color: #00C8F6;
}

/* line 8, ../../../../app/styles/base/palette/_mixins.scss */
.background-hover_color, #playing-player .step .steptext i.HOVER, .quick-view .step .steptext i.HOVER {
  background-color: #FF00A4;
}

/* line 9, ../../../../app/styles/base/palette/_mixins.scss */
.background-select_text_color, #playing-player .step .steptext i.SELECT_TEXT, .quick-view .step .steptext i.SELECT_TEXT {
  background-color: #0047FF;
}

/*! Hint.css - v1.3.2 - 2014-05-18
* http://kushagragour.in/lab/hint/
* Copyright (c) 2014 Kushagra Gour; Licensed MIT */
/* line 7, ../../../../app/styles/base/_general.scss */
.hint, [data-hint] {
  position: relative;
  display: inline-block;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: .3s ease;
  -moz-transition: .3s ease;
  transition: .3s ease;
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  transition-delay: 0ms;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after {
  visibility: visible;
  opacity: 1;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint:hover:before, .hint:hover:after, [data-hint]:hover:before, [data-hint]:hover:after {
  -webkit-transition-delay: 100ms;
  -moz-transition-delay: 100ms;
  transition-delay: 100ms;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint:before, [data-hint]:before {
  content: '';
  position: absolute;
  background: transparent;
  border: 6px solid transparent;
  z-index: 1000001;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint:after, [data-hint]:after {
  content: attr(data-hint);
  background: #383838;
  color: #fff;
  text-shadow: 0 -1px 0 #000;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 12px;
  white-space: nowrap;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--top:before {
  border-top-color: #383838;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--bottom:before {
  border-bottom-color: #383838;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--left:before {
  border-left-color: #383838;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--right:before {
  border-right-color: #383838;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--top:before {
  margin-bottom: -12px;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--top:after {
  margin-left: -18px;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--top:before, .hint--top:after {
  bottom: 100%;
  left: 50%;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--top:hover:after, .hint--top:hover:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--bottom:before {
  margin-top: -12px;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--bottom:after {
  margin-left: -18px;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--bottom:before, .hint--bottom:after {
  top: 100%;
  left: 50%;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--bottom:hover:after, .hint--bottom:hover:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--right:before {
  margin-left: -12px;
  margin-bottom: -6px;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--right:after {
  margin-bottom: -14px;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--right:before, .hint--right:after {
  left: 100%;
  bottom: 50%;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--right:hover:after, .hint--right:hover:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px);
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--left:before {
  margin-right: -12px;
  margin-bottom: -6px;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--left:after {
  margin-bottom: -14px;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--left:before, .hint--left:after {
  right: 100%;
  bottom: 50%;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--left:hover:after, .hint--left:hover:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px);
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--error:after {
  background-color: #b34e4d;
  text-shadow: 0 -1px 0 #592726;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--error.hint--top:before {
  border-top-color: #b34e4d;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--error.hint--bottom:before {
  border-bottom-color: #b34e4d;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--error.hint--left:before {
  border-left-color: #b34e4d;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--error.hint--right:before {
  border-right-color: #b34e4d;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--warning:after {
  background-color: #c09854;
  text-shadow: 0 -1px 0 #6c5328;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--warning.hint--top:before {
  border-top-color: #c09854;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--warning.hint--bottom:before {
  border-bottom-color: #c09854;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--warning.hint--left:before {
  border-left-color: #c09854;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--warning.hint--right:before {
  border-right-color: #c09854;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--info:after {
  background-color: #3986ac;
  text-shadow: 0 -1px 0 #193b4d;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--info.hint--top:before {
  border-top-color: #3986ac;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--info.hint--bottom:before {
  border-bottom-color: #3986ac;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--info.hint--left:before {
  border-left-color: #3986ac;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--info.hint--right:before {
  border-right-color: #3986ac;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--success:after {
  background-color: #458746;
  text-shadow: 0 -1px 0 #1a321a;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--success.hint--top:before {
  border-top-color: #458746;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--success.hint--bottom:before {
  border-bottom-color: #458746;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--success.hint--left:before {
  border-left-color: #458746;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--success.hint--right:before {
  border-right-color: #458746;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--always:after, .hint--always:before {
  opacity: 1;
  visibility: visible;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--always.hint--top:after, .hint--always.hint--top:before {
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--always.hint--bottom:after, .hint--always.hint--bottom:before {
  -webkit-transform: translateY(8px);
  -moz-transform: translateY(8px);
  transform: translateY(8px);
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--always.hint--left:after, .hint--always.hint--left:before {
  -webkit-transform: translateX(-8px);
  -moz-transform: translateX(-8px);
  transform: translateX(-8px);
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--always.hint--right:after, .hint--always.hint--right:before {
  -webkit-transform: translateX(8px);
  -moz-transform: translateX(8px);
  transform: translateX(8px);
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--rounded:after {
  border-radius: 4px;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--no-animate:before, .hint--no-animate:after {
  -webkit-transition-duration: 0ms;
  -moz-transition-duration: 0ms;
  transition-duration: 0ms;
}

/* line 7, ../../../../app/styles/base/_general.scss */
.hint--bounce:before, .hint--bounce:after {
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}

/* line 10, ../../../../app/styles/base/_general.scss */
.hint--multiline:after {
  white-space: pre-wrap;
  text-align: left;
}

/* line 13, ../../../../app/styles/base/_general.scss */
.spinnerAnimation {
  display: inline-block;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 3px solid rgba(0, 144, 226, 0.2);
  border-right: 3px solid rgba(0, 144, 226, 0.2);
  border-bottom: 3px solid rgba(0, 144, 226, 0.2);
  border-left: 3px solid #0047FF;
  transform: translateZ(0);
  animation: spinnerAnticlockwise 1.1s infinite linear;
}
/* line 24, ../../../../app/styles/base/_general.scss */
.spinnerAnimation.style1 {
  border-width: 4px;
  border-color: rgba(255, 43, 107, 0.2);
  border-left-color: var(--site-theme-color);
  animation: spinnerClockwise 1.1s infinite linear;
  width: 88px;
  height: 88px;
}
/* line 32, ../../../../app/styles/base/_general.scss */
.spinnerAnimation.paused {
  animation: none;
}

/* line 36, ../../../../app/styles/base/_general.scss */
.spinnerAnimation, .spinnerAnimation:after {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

@-webkit-keyframes spinnerAnticlockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinnerAnticlockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinnerClockwise {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes spinnerClockwise {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
/* line 81, ../../../../app/styles/base/_general.scss */
.progressPageLoading {
  position: fixed;
  left: -45px;
  right: 0;
  top: 0;
  height: 3px;
  z-index: 1050;
  overflow: hidden;
  background-color: var(--site-theme-color);
}

/* line 92, ../../../../app/styles/base/_general.scss */
.theme-v1-Button {
  width: 100%;
  min-width: 130px;
  height: 48px;
  line-height: 100%;
  border: none;
  border-radius: 0;
  padding: 0;
  background-color: #000000;
  color: #fff;
  transition: background-color .3s ease;
  font-weight: 600;
  font-size: 15px;
  font-family: 'Libre Franklin', sans-serif;
  text-align: center;
  cursor: pointer;
  outline: 0;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 114, ../../../../app/styles/base/_general.scss */
.theme-v1-Button a {
  color: inherit;
  text-decoration: none;
}
/* line 118, ../../../../app/styles/base/_general.scss */
.theme-v1-Button a:hover, .theme-v1-Button a:focus {
  text-decoration: none;
}
/* line 123, ../../../../app/styles/base/_general.scss */
.theme-v1-Button[disabled], .theme-v1-Button:disabled {
  opacity: 1;
  pointer-events: none;
  user-select: none;
}
/* line 128, ../../../../app/styles/base/_general.scss */
.theme-v1-Button[disabled]:not(.theme-v1-Button_loading):not(.theme-v1-Button_alternate), .theme-v1-Button:disabled:not(.theme-v1-Button_loading):not(.theme-v1-Button_alternate) {
  background: #ccc !important;
}
/* line 132, ../../../../app/styles/base/_general.scss */
.theme-v1-Button:active, .theme-v1-Button:focus, .theme-v1-Button:focus:active {
  outline: none;
  color: #ffffff;
}
@media (hover: hover) {
  /* line 138, ../../../../app/styles/base/_general.scss */
  .theme-v1-Button:hover {
    color: #ffffff;
    background-color: #3b3b3b;
    text-decoration: none;
  }
}
/* line 145, ../../../../app/styles/base/_general.scss */
a .theme-v1-Button:hover, a .theme-v1-Button:focus {
  text-decoration: none;
}
/* line 150, ../../../../app/styles/base/_general.scss */
.theme-v1-Button.theme-v1-Button_alternate {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: transparent;
  color: #000;
}
/* line 155, ../../../../app/styles/base/_general.scss */
.theme-v1-Button.theme-v1-Button_alternate:hover {
  color: var(--site-theme-color);
}

/* line 167, ../../../../app/styles/base/_general.scss */
body.focus-visible-allowed a.focus-visible:focus,
body.focus-visible-allowed button.focus-visible:focus,
body.focus-visible-allowed [aria-role="button"].focus-visible:focus,
body.focus-visible-allowed [tabindex].focus-visible:focus {
  outline: 2px solid #FF00D6 !important;
  outline-offset: -3px !important;
}

/* line 178, ../../../../app/styles/base/_general.scss */
body:not(.focus-visible-allowed) a.focus-visible:focus,
body:not(.focus-visible-allowed) button.focus-visible:focus,
body:not(.focus-visible-allowed) [aria-role="button"].focus-visible:focus,
body:not(.focus-visible-allowed) [tabindex].focus-visible:focus {
  outline: none !important;
}

/* line 3, ../../../../app/styles/base/_noty.scss */
#noty_top_layout_container, #noty_center_layout_container, #noty_bottom_layout_container {
  z-index: 2147482997 !important;
  position: fixed;
  top: 32px !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  right: -25px;
  display: flex;
  flex-direction: column;
  justify-content: right;
  align-items: flex-end;
}
@media (max-width: 767px) {
  /* line 3, ../../../../app/styles/base/_noty.scss */
  #noty_top_layout_container, #noty_center_layout_container, #noty_bottom_layout_container {
    top: 0 !important;
    left: 0 !important;
  }
  /* line 18, ../../../../app/styles/base/_noty.scss */
  #noty_top_layout_container > li, #noty_center_layout_container > li, #noty_bottom_layout_container > li {
    width: 100% !important;
    min-height: 48px !important;
  }
}
/* line 23, ../../../../app/styles/base/_noty.scss */
#noty_top_layout_container > li, #noty_center_layout_container > li, #noty_bottom_layout_container > li {
  padding-right: 25px !important;
  display: flex;
  align-items: center;
  height: auto !important;
  margin: 0 0 2px !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  font-size: 15px;
  font-family: 'default_Libre Franklin', 'Libre Franklin', sans-serif;
  pointer-events: auto;
  min-height: 36px;
  background: #707070 !important;
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1) !important;
  color: white !important;
}
/* line 42, ../../../../app/styles/base/_noty.scss */
#noty_top_layout_container > li.noty_open_none, #noty_center_layout_container > li.noty_open_none, #noty_bottom_layout_container > li.noty_open_none {
  animation-name: noty_open_none;
  -webkit-animation-name: noty_open_none;
  -moz-animation-name: noty_open_none;
  animation-duration: 0s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
}
/* line 46, ../../../../app/styles/base/_noty.scss */
#noty_top_layout_container > li.noty_close_none, #noty_center_layout_container > li.noty_close_none, #noty_bottom_layout_container > li.noty_close_none {
  animation-name: noty_close_none;
  -webkit-animation-name: noty_close_none;
  -moz-animation-name: noty_close_none;
  animation-duration: 0s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
}
/* line 51, ../../../../app/styles/base/_noty.scss */
#noty_top_layout_container > li.noty_open_top, #noty_center_layout_container > li.noty_open_top, #noty_bottom_layout_container > li.noty_open_top {
  animation-name: noty_open_top;
  -webkit-animation-name: noty_open_top;
  -moz-animation-name: noty_open_top;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
}
/* line 55, ../../../../app/styles/base/_noty.scss */
#noty_top_layout_container > li.noty_close_top, #noty_center_layout_container > li.noty_close_top, #noty_bottom_layout_container > li.noty_close_top {
  animation-name: noty_close_top;
  -webkit-animation-name: noty_close_top;
  -moz-animation-name: noty_close_top;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
}
/* line 60, ../../../../app/styles/base/_noty.scss */
#noty_top_layout_container > li.noty_open_center, #noty_center_layout_container > li.noty_open_center, #noty_bottom_layout_container > li.noty_open_center {
  animation-name: noty_open_none;
  -webkit-animation-name: noty_open_none;
  -moz-animation-name: noty_open_none;
  animation-duration: 0s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
}
/* line 64, ../../../../app/styles/base/_noty.scss */
#noty_top_layout_container > li.noty_close_center, #noty_center_layout_container > li.noty_close_center, #noty_bottom_layout_container > li.noty_close_center {
  animation-name: noty_close_none;
  -webkit-animation-name: noty_close_none;
  -moz-animation-name: noty_close_none;
  animation-duration: 0s;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
}
/* line 69, ../../../../app/styles/base/_noty.scss */
#noty_top_layout_container > li.noty_open_bottom, #noty_center_layout_container > li.noty_open_bottom, #noty_bottom_layout_container > li.noty_open_bottom {
  animation-name: noty_open_bottom;
  -webkit-animation-name: noty_open_bottom;
  -moz-animation-name: noty_open_bottom;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
}
/* line 73, ../../../../app/styles/base/_noty.scss */
#noty_top_layout_container > li.noty_close_bottom, #noty_center_layout_container > li.noty_close_bottom, #noty_bottom_layout_container > li.noty_close_bottom {
  animation-name: noty_close_bottom;
  -webkit-animation-name: noty_close_bottom;
  -moz-animation-name: noty_close_bottom;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
}
/* line 78, ../../../../app/styles/base/_noty.scss */
#noty_top_layout_container > li .noty_bar, #noty_center_layout_container > li .noty_bar, #noty_bottom_layout_container > li .noty_bar {
  display: flex;
  align-items: center;
  column-gap: 16px;
  width: 100%;
  padding: 8px 16px;
}
/* line 85, ../../../../app/styles/base/_noty.scss */
#noty_top_layout_container > li .noty_bar svg, #noty_center_layout_container > li .noty_bar svg, #noty_bottom_layout_container > li .noty_bar svg {
  flex-shrink: 0;
}
/* line 89, ../../../../app/styles/base/_noty.scss */
#noty_top_layout_container > li .noty_bar .noty_message, #noty_center_layout_container > li .noty_bar .noty_message, #noty_bottom_layout_container > li .noty_bar .noty_message {
  line-height: 20px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  text-align: left !important;
  padding: 0 !important;
  word-wrap: break-word;
  display: flex;
  align-items: center;
  flex-grow: 1;
  overflow: hidden;
}
/* line 102, ../../../../app/styles/base/_noty.scss */
#noty_top_layout_container > li .noty_bar .noty_buttons, #noty_center_layout_container > li .noty_bar .noty_buttons, #noty_bottom_layout_container > li .noty_bar .noty_buttons {
  display: flex;
  align-items: center;
  column-gap: 16px;
  flex-shrink: 0;
  position: relative;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}
/* line 112, ../../../../app/styles/base/_noty.scss */
#noty_top_layout_container > li .noty_bar .noty_buttons .btn, #noty_center_layout_container > li .noty_bar .noty_buttons .btn, #noty_bottom_layout_container > li .noty_bar .noty_buttons .btn {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 40px;
  padding: 0 16px;
  background: white;
  color: black;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: 'default_Libre Franklin', 'Libre Franklin', sans-serif;
  cursor: pointer;
  border-radius: 0;
  border: none;
}
/* line 128, ../../../../app/styles/base/_noty.scss */
#noty_top_layout_container > li .noty_bar .noty_buttons .btn:hover, #noty_center_layout_container > li .noty_bar .noty_buttons .btn:hover, #noty_bottom_layout_container > li .noty_bar .noty_buttons .btn:hover {
  color: var(--site-theme-color);
}
/* line 134, ../../../../app/styles/base/_noty.scss */
#noty_top_layout_container > li .noty_bar > .noty_close, #noty_center_layout_container > li .noty_bar > .noty_close, #noty_bottom_layout_container > li .noty_bar > .noty_close {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0.4 !important;
}
/* line 141, ../../../../app/styles/base/_noty.scss */
#noty_top_layout_container > li .noty_bar > .noty_close:hover, #noty_center_layout_container > li .noty_bar > .noty_close:hover, #noty_bottom_layout_container > li .noty_bar > .noty_close:hover {
  opacity: 1 !important;
}
/* line 147, ../../../../app/styles/base/_noty.scss */
#noty_top_layout_container > li.noty_multiline .noty_buttons::after, #noty_center_layout_container > li.noty_multiline .noty_buttons::after, #noty_bottom_layout_container > li.noty_multiline .noty_buttons::after {
  display: none;
}

@-moz-keyframes noty_open_top {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@-webkit-keyframes noty_open_top {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes noty_open_top {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@-moz-keyframes noty_close_top {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@-webkit-keyframes noty_close_top {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes noty_close_top {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@-moz-keyframes noty_open_bottom {
  from {
    transform: translateY(100px);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes noty_open_bottom {
  from {
    transform: translateY(100px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes noty_open_bottom {
  from {
    transform: translateY(100px);
  }
  to {
    transform: translateY(0);
  }
}
@-moz-keyframes noty_close_bottom {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100px);
  }
}
@-webkit-keyframes noty_close_bottom {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100px);
  }
}
@keyframes noty_close_bottom {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100px);
  }
}
@-moz-keyframes noty_open_none {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(0);
  }
}
@-webkit-keyframes noty_open_none {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes noty_open_none {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(0);
  }
}
@-moz-keyframes noty_close_none {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(0);
  }
}
@-webkit-keyframes noty_close_none {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes noty_close_none {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(0);
  }
}
@media only screen and (min-width: 768px) {
  /* line 4, ../../../../app/styles/base/_mq.scss */
  .show-mobile {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  /* line 7, ../../../../app/styles/base/_mq.scss */
  .hide-mobile {
    display: none;
  }
}
@-moz-keyframes blink-animation {
  0% {
    opacity: 0.75;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0.75;
  }
}
@-webkit-keyframes blink-animation {
  0% {
    opacity: 0.75;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0.75;
  }
}
@keyframes blink-animation {
  0% {
    opacity: 0.75;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0.75;
  }
}
@-moz-keyframes slide-completed-animation {
  0%, 100% {
    border-color: #00ba75;
  }
}
@-webkit-keyframes slide-completed-animation {
  0%, 100% {
    border-color: #00ba75;
  }
}
@keyframes slide-completed-animation {
  0%, 100% {
    border-color: #00ba75;
  }
}
@-moz-keyframes slide-notCompleted-animation {
  0%, 100% {
    border-color: #ff615f;
  }
}
@-webkit-keyframes slide-notCompleted-animation {
  0%, 100% {
    border-color: #ff615f;
  }
}
@keyframes slide-notCompleted-animation {
  0%, 100% {
    border-color: #ff615f;
  }
}
@-moz-keyframes feedbackBar-slide-notCompleted-animation {
  0%, 100% {
    border-color: #ff615f;
  }
}
@-webkit-keyframes feedbackBar-slide-notCompleted-animation {
  0%, 100% {
    border-color: #ff615f;
  }
}
@keyframes feedbackBar-slide-notCompleted-animation {
  0%, 100% {
    border-color: #ff615f;
  }
}
@-moz-keyframes markerInfo-notCompleted-animation {
  0%, 100% {
    background-color: #ff615f;
  }
}
@-webkit-keyframes markerInfo-notCompleted-animation {
  0%, 100% {
    background-color: #ff615f;
  }
}
@keyframes markerInfo-notCompleted-animation {
  0%, 100% {
    background-color: #ff615f;
  }
}
@-moz-keyframes fade-in {
  0% {
    opacity: 0;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
}
@-moz-keyframes blur {
  100% {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: url("../../../../images/player/blur.svg#blur");
    filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius='3')";
    filter: blur(3px);
  }
}
@-webkit-keyframes blur {
  100% {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: url("../../../../images/player/blur.svg#blur");
    filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius='3')";
    filter: blur(3px);
  }
}
@keyframes blur {
  100% {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);
    -ms-filter: blur(3px);
    filter: url("../../../../images/player/blur.svg#blur");
    filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius='3')";
    filter: blur(3px);
  }
}
@-moz-keyframes glowing-animation {
  0% {
    background-color: #2A6EC9;
    box-shadow: 0 0 3px #2A6EC9;
  }
  50% {
    background-color: #0047FF;
    box-shadow: 0 0 20px #0047FF;
  }
  100% {
    background-color: #2A6EC9;
    box-shadow: 0 0 3px #2A6EC9;
  }
}
@-webkit-keyframes glowing-animation {
  0% {
    background-color: #2A6EC9;
    box-shadow: 0 0 3px #2A6EC9;
  }
  50% {
    background-color: #0047FF;
    box-shadow: 0 0 20px #0047FF;
  }
  100% {
    background-color: #2A6EC9;
    box-shadow: 0 0 3px #2A6EC9;
  }
}
@keyframes glowing-animation {
  0% {
    background-color: #2A6EC9;
    box-shadow: 0 0 3px #2A6EC9;
  }
  50% {
    background-color: #0047FF;
    box-shadow: 0 0 20px #0047FF;
  }
  100% {
    background-color: #2A6EC9;
    box-shadow: 0 0 3px #2A6EC9;
  }
}
/* line 4, ../../../../app/styles/player/common/_type.scss */
html {
  -webkit-text-size-adjust: 100%;
}

/* line 8, ../../../../app/styles/player/common/_type.scss */
.steptext b {
  font-weight: normal;
}

/* line 13, ../../../../app/styles/player/common/_type.scss */
.steptext i {
  font-style: normal;
}

/* line 19, ../../../../app/styles/player/common/_type.scss */
.steptext span strong, .steptext span b {
  font-weight: normal;
}
/* line 23, ../../../../app/styles/player/common/_type.scss */
.steptext span i {
  font-style: normal;
}

/* line 28, ../../../../app/styles/player/common/_type.scss */
.wysihtml5-sandbox b {
  font-weight: 900 !important;
}

/* line 9, ../../../../app/styles/player/common/_mq.scss */
#playing-player, .quick-view, .mobile-quickview {
  display: none !important;
}

/* line 13, ../../../../app/styles/player/common/_mq.scss */
html[data-mode="interactive"] {
  display: block;
}
/* line 16, ../../../../app/styles/player/common/_mq.scss */
html[data-mode="interactive"] #playing-player {
  display: block !important;
}

/* line 21, ../../../../app/styles/player/common/_mq.scss */
html[data-mode="quick"] {
  display: block;
}
/* line 24, ../../../../app/styles/player/common/_mq.scss */
html[data-mode="quick"] .quick-view {
  display: block !important;
}

/* line 29, ../../../../app/styles/player/common/_mq.scss */
html[data-mode="mobilequick"] {
  display: block;
}
/* line 32, ../../../../app/styles/player/common/_mq.scss */
html[data-mode="mobilequick"] .mobile-quickview {
  display: block !important;
}

/* line 39, ../../../../app/styles/player/common/_mq.scss */
html[data-mode="mobilequick"] body {
  overflow: hidden !important;
}
/* line 43, ../../../../app/styles/player/common/_mq.scss */
html[data-mode="mobilequick"] .imgcontainer {
  position: relative !important;
}
/* line 47, ../../../../app/styles/player/common/_mq.scss */
html[data-mode="mobilequick"] .stepimg {
  margin-bottom: 0 !important;
}

/* line 55, ../../../../app/styles/player/common/_mq.scss */
html:not([data-mode="mobilequick"]) header {
  display: block;
  width: 100%;
}
/* line 65, ../../../../app/styles/player/common/_mq.scss */
html:not([data-mode="mobilequick"]) .fullscreen-icon {
  padding: 0;
}
/* line 71, ../../../../app/styles/player/common/_mq.scss */
html:not([data-mode="mobilequick"]) .mobile-quickview {
  display: none;
}

@media only screen and (max-width: 568px) {
  /* line 79, ../../../../app/styles/player/common/_mq.scss */
  .intro .player {
    width: 100%;
  }

  /* line 83, ../../../../app/styles/player/common/_mq.scss */
  .sample {
    display: none;
  }

  /* line 87, ../../../../app/styles/player/common/_mq.scss */
  .player .time {
    margin: 10px auto;
    float: none;
    display: block;
  }

  /* line 93, ../../../../app/styles/player/common/_mq.scss */
  .page .container {
    padding: 2em 0em;
  }

  /* line 97, ../../../../app/styles/player/common/_mq.scss */
  .box {
    width: 100%;
    padding: 0px;
    position: inherit;
  }

  /* line 103, ../../../../app/styles/player/common/_mq.scss */
  .box.profile {
    width: 90%;
    padding: 5%;
  }

  /* line 108, ../../../../app/styles/player/common/_mq.scss */
  .box input[type="text"], .box input[type="password"] {
    width: 84%;
    margin: 10px auto;
  }

  /* line 113, ../../../../app/styles/player/common/_mq.scss */
  .box form {
    padding: 10px 0px;
    text-align: center;
  }

  /* line 118, ../../../../app/styles/player/common/_mq.scss */
  .box input[type="submit"],
  .box .remember,
  .box .bottom .new,
  .box .bottom .forgot {
    float: none;
    display: block;
    text-align: center;
    margin: 10px auto;
  }

  /* line 128, ../../../../app/styles/player/common/_mq.scss */
  .box .remember #remember,
  .box label {
    float: none;
    text-align: center;
    margin: 10px 5px;
    display: inline;
  }
}
/* line 138, ../../../../app/styles/player/common/_mq.scss */
.show-mobile {
  display: none;
}

/* line 142, ../../../../app/styles/player/common/_mq.scss */
.hide-mobile {
  display: block;
}

/* line 148, ../../../../app/styles/player/common/_mq.scss */
html:not([data-mode="mobilequick"]) .mobile-quickview {
  display: none;
}

/* line 154, ../../../../app/styles/player/common/_mq.scss */
html[data-mode="mobilequick"] .show-mobile {
  display: block;
}
/* line 158, ../../../../app/styles/player/common/_mq.scss */
html[data-mode="mobilequick"] .hide-mobile {
  display: none;
}

/* line 7, ../../../../app/styles/base/palette/_configs.scss */
:root {
  --marker-color: var(--site-theme-color);
}
@-moz-document url-prefix() {
  /* line 7, ../../../../app/styles/base/palette/_configs.scss */
  :root {
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
    scrollbar-width: thin;
  }
}
/* line 1, ../../../../app/styles/base/palette/_mixins.scss */
.background-left_click_color, #playing-player .step .steptext i.LEFT_CLICK, .quick-view .step .steptext i.LEFT_CLICK {
  background-color: #00B975;
}

/* line 2, ../../../../app/styles/base/palette/_mixins.scss */
.background-right_click_color, #playing-player .step .steptext i.RIGHT_CLICK, .quick-view .step .steptext i.RIGHT_CLICK {
  background-color: #D9E021;
}

/* line 3, ../../../../app/styles/base/palette/_mixins.scss */
.background-read_color, #playing-player .step .steptext i.READ, .quick-view .step .steptext i.READ {
  background-color: #FF625F;
}

/* line 4, ../../../../app/styles/base/palette/_mixins.scss */
.background-typing_color, #playing-player .step .steptext i.TYPING, .quick-view .step .steptext i.TYPING {
  background-color: #01C7F6;
}

/* line 5, ../../../../app/styles/base/palette/_mixins.scss */
.background-scroll_color, #playing-player .step .steptext i.SCROLL, .quick-view .step .steptext i.SCROLL {
  background-color: #999999;
}

/* line 6, ../../../../app/styles/base/palette/_mixins.scss */
.background-drag_and_drop_color_drag, #playing-player .step .steptext i.DRAG_AND_DROP, .quick-view .step .steptext i.DRAG_AND_DROP, #playing-player .step .steptext i.DRAG, .quick-view .step .steptext i.DRAG {
  background-color: #0047FF;
}

/* line 7, ../../../../app/styles/base/palette/_mixins.scss */
.background-drag_and_drop_color_drop, #playing-player .step .steptext i.DROP, .quick-view .step .steptext i.DROP {
  background-color: #00C8F6;
}

/* line 8, ../../../../app/styles/base/palette/_mixins.scss */
.background-hover_color, #playing-player .step .steptext i.HOVER, .quick-view .step .steptext i.HOVER {
  background-color: #FF00A4;
}

/* line 9, ../../../../app/styles/base/palette/_mixins.scss */
.background-select_text_color, #playing-player .step .steptext i.SELECT_TEXT, .quick-view .step .steptext i.SELECT_TEXT {
  background-color: #0047FF;
}

/* line 48, ../../../../app/styles/player/flat-theme/_variables.scss */
:root {
  --playbar-height: 56px;
}

@media screen and (max-height: 550px) {
  /* line 53, ../../../../app/styles/player/flat-theme/_variables.scss */
  :root {
    --playbar-height: 40px;
  }
}
@media screen and (max-width: 750px) {
  /* line 59, ../../../../app/styles/player/flat-theme/_variables.scss */
  :root {
    --playbar-height: 40px;
  }
}
/* line 64, ../../../../app/styles/player/flat-theme/_variables.scss */
html.playbarHidden {
  --playbar-height: 0px;
}

/* line 48, ../../../../app/styles/player/flat-theme/_variables.scss */
:root {
  --playbar-height: 56px;
}

@media screen and (max-height: 550px) {
  /* line 53, ../../../../app/styles/player/flat-theme/_variables.scss */
  :root {
    --playbar-height: 40px;
  }
}
@media screen and (max-width: 750px) {
  /* line 59, ../../../../app/styles/player/flat-theme/_variables.scss */
  :root {
    --playbar-height: 40px;
  }
}
/* line 64, ../../../../app/styles/player/flat-theme/_variables.scss */
html.playbarHidden {
  --playbar-height: 0px;
}

/* line 48, ../../../../app/styles/player/flat-theme/_variables.scss */
:root {
  --playbar-height: 56px;
}

@media screen and (max-height: 550px) {
  /* line 53, ../../../../app/styles/player/flat-theme/_variables.scss */
  :root {
    --playbar-height: 40px;
  }
}
@media screen and (max-width: 750px) {
  /* line 59, ../../../../app/styles/player/flat-theme/_variables.scss */
  :root {
    --playbar-height: 40px;
  }
}
/* line 64, ../../../../app/styles/player/flat-theme/_variables.scss */
html.playbarHidden {
  --playbar-height: 0px;
}

/* line 4, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.background-blue {
  background-color: #0047FF;
}

/* line 8, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.background-red {
  background-color: #ff615f;
}

/* line 12, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.background-green {
  background-color: #00ba75;
}

/* line 16, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.filter-blur {
  filter: url("../../../../images/player/blur.svg#blur");
  filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius='3')";
  -webkit-filter: blur(3px);
}

/* line 23, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.background-primary {
  background-color: #fff !important;
}
/* line 25, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.background-primary.contrast {
  background-color: #000 !important;
}
/* line 27, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.background-primary.contrast.invert {
  background-color: white !important;
}
/* line 31, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.background-primary.mincontrast {
  background-color: #333333 !important;
}
/* line 33, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.background-primary.mincontrast.invert {
  background-color: #cccccc !important;
}

/* line 39, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.background-secondary {
  background-color: #FE8421 !important;
}
/* line 41, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.background-secondary.contrast {
  background-color: #000 !important;
}
/* line 43, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.background-secondary.contrast.invert {
  background-color: white !important;
}
/* line 47, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.background-secondary.mincontrast {
  background-color: #333333 !important;
}
/* line 49, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.background-secondary.mincontrast.invert {
  background-color: #cccccc !important;
}

/* line 55, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.background-static-lightest, .tut-step .steptext span.number {
  background-color: #fff;
}

/* line 59, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.background-static {
  background-color: #f2f2f2;
}

/* line 64, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.color-primary {
  color: #fff !important;
}

/* line 68, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.color-primary-contrast, .color-primary.contrast {
  color: #000 !important;
}

/* line 72, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.color-primary-contrast-invert, .color-primary.contrast.invert {
  color: white !important;
}

/* line 76, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.color-primary-mincontrast, .color-primary.mincontrast {
  color: #333333 !important;
}

/* line 80, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.color-primary-mincontrast-invert, .color-primary.mincontrast.invert {
  color: #cccccc !important;
}

/* line 84, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.color-secondary {
  color: #FE8421 !important;
}
/* line 86, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.color-secondary.contrast {
  color: #000 !important;
}
/* line 88, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.color-secondary.contrast.invert {
  color: white !important;
}
/* line 92, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.color-secondary.mincontrast {
  color: #333333 !important;
}
/* line 94, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.color-secondary.mincontrast.invert {
  color: #cccccc !important;
}

/* line 100, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.color-static, .tut-step .steptext span.number, .tut-step .steptext p, #playing-player .step .steptext p, .quick-view .step .steptext p {
  color: #000000 !important;
}

/* line 104, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.color-static-lightest {
  color: #fff;
}

/* line 109, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.color-white {
  color: #fff;
}

/* line 113, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.color-lightgrey {
  color: #ccc;
}

/* line 118, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-logo-bright-png, .print-view .resources .logo-default {
  background-image: url(../../../../images/base/logo/iorad-bright.png);
  background-position: 0 center;
  background-repeat: no-repeat;
}

/* line 124, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-rightclick, .tut-step .steptext span.RIGHT_CLICK:not(.tutorialIsMobile) {
  background-image: url(../../../../images/base/steps/flat-white/right-click.svg);
  background-repeat: no-repeat;
}

/* line 129, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-rightclick_mobile, .tut-step .steptext span.RIGHT_CLICK.tutorialIsMobile {
  background-image: url(../../../../images/base/steps/flat-white/right-click_mobile.svg);
  background-repeat: no-repeat;
}

/* line 134, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-leftclick, .tut-step .steptext span.LEFT_CLICK:not(.tutorialIsMobile) {
  background-image: url(../../../../images/base/steps/flat-white/left-click.svg);
  background-repeat: no-repeat;
}

/* line 139, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-leftclick_mobile, .tut-step .steptext span.LEFT_CLICK.tutorialIsMobile {
  background-image: url(../../../../images/base/steps/flat-white/left-click_mobile.svg);
  background-repeat: no-repeat;
}

/* line 144, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-read, .tut-step .steptext span.READ {
  background-image: url(../../../../images/base/steps/flat-white/read.svg);
  background-repeat: no-repeat;
}

/* line 149, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-scroll, .tut-step .steptext span.SCROLL {
  background-image: url(../../../../images/base/steps/flat-white/scroll.svg);
  background-repeat: no-repeat;
}

/* line 154, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-typing, .tut-step .steptext span.TYPING {
  background-image: url(../../../../images/base/steps/flat-white/type.svg);
  background-repeat: no-repeat;
}

/* line 159, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-draganddrop, .tut-step .steptext span.DRAG_AND_DROP {
  background-image: url(../../../../images/base/steps/flat-white/drag-and-drop.svg);
  background-repeat: no-repeat;
}

/* line 164, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-drag, .tut-step .steptext span.DRAG {
  background-image: url(../../../../images/base/steps/flat-white/drag.svg);
  background-repeat: no-repeat;
}

/* line 169, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-drop, .tut-step .steptext span.DROP {
  background-image: url(../../../../images/base/steps/flat-white/drop.svg);
  background-repeat: no-repeat;
}

/* line 174, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-hover, .tut-step .steptext span.HOVER:not(.tutorialIsMobile) {
  background-image: url(../../../../images/base/steps/flat-white/hover.svg);
  background-repeat: no-repeat;
}

/* line 179, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-hover_mobile, .tut-step .steptext span.HOVER.tutorialIsMobile {
  background-image: url(../../../../images/base/steps/flat-white/hover_mobile.svg);
  background-repeat: no-repeat;
}

/* line 184, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-selecttext, .tut-step .steptext span.SELECT_TEXT {
  background-image: url(../../../../images/base/steps/flat-white/select-text.svg);
  background-repeat: no-repeat;
}

/* line 189, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-rightclick-jpg, .print-view .steps .steptext span.RIGHT_CLICK:not(.tutorialIsMobile) {
  background-image: url(../../../../images/base/steps/flat-white/right-click.jpg);
  background-repeat: no-repeat;
}

/* line 194, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-rightclick_mobile-jpg, .print-view .steps .steptext span.RIGHT_CLICK.tutorialIsMobile {
  background-image: url(../../../../images/base/steps/flat-white/right-click_mobile.jpg);
  background-repeat: no-repeat;
}

/* line 199, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-leftclick-jpg, .print-view .steps .steptext span.LEFT_CLICK:not(.tutorialIsMobile) {
  background-image: url(../../../../images/base/steps/flat-white/left-click.jpg);
  background-repeat: no-repeat;
}

/* line 204, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-leftclick_mobile-jpg, .print-view .steps .steptext span.LEFT_CLICK.tutorialIsMobile {
  background-image: url(../../../../images/base/steps/flat-white/left-click_mobile.jpg);
  background-repeat: no-repeat;
}

/* line 209, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-read-jpg, .print-view .steps .steptext span.READ {
  background-image: url(../../../../images/base/steps/flat-white/read.jpg);
  background-repeat: no-repeat;
}

/* line 214, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-scroll-jpg, .print-view .steps .steptext span.SCROLL {
  background-image: url(../../../../images/base/steps/flat-white/scroll.jpg);
  background-repeat: no-repeat;
}

/* line 219, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-typing-jpg, .print-view .steps .steptext span.TYPING {
  background-image: url(../../../../images/base/steps/flat-white/type.jpg);
  background-repeat: no-repeat;
}

/* line 224, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-draganddrop-jpg, .print-view .steps .steptext span.DRAG_AND_DROP {
  background-image: url(../../../../images/base/steps/flat-white/drag-and-drop.jpg);
  background-repeat: no-repeat;
}

/* line 229, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-drag-jpg, .print-view .steps .steptext span.DRAG {
  background-image: url(../../../../images/base/steps/flat-white/drag.jpg);
  background-repeat: no-repeat;
}

/* line 234, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-drop-jpg, .print-view .steps .steptext span.DROP {
  background-image: url(../../../../images/base/steps/flat-white/drop.jpg);
  background-repeat: no-repeat;
}

/* line 239, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-hover-jpg, .print-view .steps .steptext span.HOVER:not(.tutorialIsMobile) {
  background-image: url(../../../../images/base/steps/flat-white/hover.jpg);
  background-repeat: no-repeat;
}

/* line 244, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-hover_mobile-jpg, .print-view .steps .steptext span.HOVER.tutorialIsMobile {
  background-image: url(../../../../images/base/steps/flat-white/hover_mobile.jpg);
  background-repeat: no-repeat;
}

/* line 249, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-selecttext-jpg, .print-view .steps .steptext span.SELECT_TEXT {
  background-image: url(../../../../images/base/steps/flat-white/select-text.jpg);
  background-repeat: no-repeat;
}

/* line 254, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-previous-arrow-new {
  background-image: url(../../../../images/player/tool-icons/svg/arrow_back.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 260, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-next-arrow, #playing-player .btn-overlay.next span, .quick-view .btn-overlay.next span {
  background-image: url(../../../../images/base/icons/next-arrow.svg) !important;
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 266, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-next-arrow-new, #playing-player .stepnav .finish .icon {
  background-image: url(../../../../images/player/tool-icons/svg/arrow_next.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 272, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-button-share-black, #playing-player .stepnav .share .icon {
  background-image: url(../../../../images/player/tool-icons/svg/share_it_black.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 278, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-tick, #playing-player .stepnav .finish .icon {
  background-image: url(../../../../images/player/icons/tick.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 284, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-tick-blue {
  background-image: url(../../../../images/player/icons/tick-blue.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 7, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
::-webkit-scrollbar {
  width: 8px;
}

/* line 11, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
::-webkit-scrollbar-track {
  background-color: transparent;
}

/* line 15, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border: 2px solid transparent;
  border-radius: 0;
  background-clip: content-box;
}

/* line 22, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view, .print-view {
  background-position: 0px 0;
  background-color: #fff;
}
/* line 26, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .steps, .quick-view .header, .quick-view .footer, .print-view .steps, .print-view .header, .print-view .footer {
  margin-left: 0px;
  margin-right: 0px;
}
/* line 31, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .steps, .print-view .steps {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  padding: 5px;
  background: #F4F4F4;
}
/* line 41, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .step, .print-view .step {
  display: flex;
  column-gap: 1px;
}
/* line 45, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .step::before, .quick-view .step:after, .print-view .step::before, .print-view .step:after {
  content: unset;
}
/* line 49, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .step .steptext, .print-view .step .steptext {
  margin: 0;
  flex-shrink: 0;
  background: #fff;
  font-weight: 400;
  font-size: var(--step-text-font-size, 15px);
  line-height: 140%;
  color: black;
  width: 274px;
}
/* line 58, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
html[data-extensionEmbed="true"] .quick-view .step .steptext, html[data-extensionEmbed="true"] .print-view .step .steptext {
  width: var(--playerExtensionWidth, 374px);
}
@media screen and (max-height: 550px) {
  /* line 49, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
  .quick-view .step .steptext, .print-view .step .steptext {
    width: 192px;
  }
}
@media screen and (max-width: 750px) {
  /* line 49, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
  .quick-view .step .steptext, .print-view .step .steptext {
    width: 192px;
  }
}
/* line 65, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .step .steptext .step-index, .print-view .step .steptext .step-index {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 30px;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #BABABA;
  padding-left: 24px;
  border-bottom: 1px solid #f4f4f4;
  cursor: pointer;
}
/* line 80, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .step .steptext .step-index:hover, .print-view .step .steptext .step-index:hover {
  color: black;
}
/* line 85, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .step .steptext .video-visualizer, .print-view .step .steptext .video-visualizer {
  height: auto;
}
/* line 89, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .step .steptext .description, .print-view .step .steptext .description {
  padding: 24px;
  width: 100%;
  height: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
}
/* line 97, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .step .steptext .description p, .print-view .step .steptext .description p {
  padding: 0;
}
/* line 100, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
html.translated-rtl .quick-view .step .steptext .description p, html.translated-rtl .print-view .step .steptext .description p {
  unicode-bidi: bidi-override !important;
  direction: rtl;
  text-align: right;
}
/* line 107, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .step .steptext .description strong, .quick-view .step .steptext .description b, .print-view .step .steptext .description strong, .print-view .step .steptext .description b {
  font-weight: normal;
}
/* line 112, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .step .steptext .description span strong, .quick-view .step .steptext .description span b, .print-view .step .steptext .description span strong, .print-view .step .steptext .description span b {
  font-weight: normal;
}
/* line 116, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .step .steptext .description span i, .print-view .step .steptext .description span i {
  font-style: normal;
}
/* line 121, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .step .steptext .description a, .print-view .step .steptext .description a {
  color: black;
  text-decoration: none;
  border-bottom: 1px solid black;
  padding-bottom: 1px;
  transition: .3s ease;
}
/* line 128, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .step .steptext .description a:hover, .print-view .step .steptext .description a:hover {
  color: black;
  text-decoration: none;
  border-color: black !important;
}
/* line 135, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .step .steptext .description u, .print-view .step .steptext .description u {
  border: none;
}
/* line 140, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .step .steptext svg.icon, .print-view .step .steptext svg.icon {
  display: none !important;
}
/* line 145, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .step .stepimg-wrap, .print-view .step .stepimg-wrap {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
}
/* line 151, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .step .stepimg-wrap .stepimg, .print-view .step .stepimg-wrap .stepimg {
  display: inline-block;
  margin: 0 auto;
  border-radius: 0;
  border: 0 none;
  background: #BABABA;
}
/* line 158, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .step .stepimg-wrap .stepimg .overlay-loading, .print-view .step .stepimg-wrap .stepimg .overlay-loading {
  z-index: 1;
}
/* line 165, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .finished, .print-view .finished {
  margin: 0;
  padding: 0;
}

@-moz-keyframes fadein {
  0% {
    opacity: 0.3;
  }
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0.3;
  }
}
@keyframes fadein {
  0% {
    opacity: 0.3;
  }
}
@-moz-keyframes fadeout {
  100% {
    opacity: 0.3;
  }
}
@-webkit-keyframes fadeout {
  100% {
    opacity: 0.3;
  }
}
@keyframes fadeout {
  100% {
    opacity: 0.3;
  }
}
/* line 187, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .steps > div {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
/* line 190, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .steps > div.fade-in {
  opacity: 1;
}
/* line 194, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .steps > div.fade-out {
  opacity: .3;
}

/* line 202, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.print-view .resources {
  display: none;
}
/* line 210, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.print-view .header {
  overflow: hidden;
  margin-top: 25px;
  margin-bottom: 25px;
}
/* line 216, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.print-view .header .copyright {
  float: right;
  font-size: 20px;
}
/* line 220, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.print-view .header .copyright span {
  vertical-align: middle;
}
/* line 224, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.print-view .header .copyright img {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  width: 80px;
}
/* line 232, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.print-view .header .title {
  margin-top: 35px;
  float: left;
  text-decoration: underline;
  font-size: 24px;
  font-weight: bold;
  text-transform: uppercase;
}
/* line 242, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.print-view .footer {
  font-size: 18px;
  margin-top: 25px;
  margin-bottom: 25px;
}
/* line 247, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.print-view .footer .author {
  float: left;
}
/* line 251, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.print-view .footer .updated {
  float: right;
}
/* line 256, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.print-view .steps {
  padding-top: 0;
  padding-bottom: 0;
}
/* line 260, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.print-view .steps .steptext, .print-view .steps .steptext p {
  font-size: 15px;
}

/* line 389, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .steptext svg.READ {
  height: calc(24px - 13px) !important;
  margin-top: -12px !important;
}
/* line 395, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .steptext.LEFT_CLICK strong, .tut-step .steptext.LEFT_CLICK b {
  color: #00B975;
}
/* line 401, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .steptext.RIGHT_CLICK strong, .tut-step .steptext.RIGHT_CLICK b {
  color: #D9E021;
}
/* line 407, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .steptext.READ strong, .tut-step .steptext.READ b {
  color: #FF625F;
}
/* line 413, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .steptext.TYPING strong, .tut-step .steptext.TYPING b {
  color: #01C7F6;
}
/* line 419, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .steptext.SCROLL strong, .tut-step .steptext.SCROLL b {
  color: #999999;
}
/* line 425, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .steptext.DRAG_AND_DROP strong, .tut-step .steptext.DRAG_AND_DROP b {
  color: #0047FF;
}
/* line 431, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .steptext.DRAG strong, .tut-step .steptext.DRAG b {
  color: #0047FF;
}
/* line 437, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .steptext.DROP strong, .tut-step .steptext.DROP b {
  color: #00C8F6;
}
/* line 443, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .steptext.HOVER strong, .tut-step .steptext.HOVER b {
  color: #FF00A4;
}
/* line 449, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .steptext.SELECT_TEXT strong, .tut-step .steptext.SELECT_TEXT b {
  color: #0047FF;
}
/* line 455, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .stepimg {
  border-radius: 0;
  border: 1px solid #9CA1A4;
}
/* line 456, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .stepimg .marker {
  border-width: 6px;
  border-style: solid;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin-top: -6px;
  margin-left: -6px;
}
/* line 468, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .stepimg .marker.no-shadow {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 472, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .stepimg .marker.transparent {
  border-color: transparent !important;
  cursor: default !important;
}
/* line 477, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .stepimg .marker .step-container {
  display: inline-block;
  padding: 5px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.12941) 0px 3px 8px 3px;
}
/* line 483, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .stepimg .marker .step-container svg {
  width: 33px;
  height: 33px;
}
/* line 488, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .stepimg .marker .step-container .step-description {
  display: inline-block;
  position: relative;
  bottom: 10px;
}
/* line 501, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .stepimg .marker.transparent-marker-info .marker-info {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
/* line 509, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .stepimg .marker.LEFT_CLICK, .tut-step .stepimg .marker.LEFT_CLICK .utils {
  border-color: #00B975;
}
/* line 513, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .stepimg .marker.RIGHT_CLICK, .tut-step .stepimg .marker.RIGHT_CLICK .utils {
  border-color: #D9E021;
}
/* line 517, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .stepimg .marker.READ, .tut-step .stepimg .marker.READ .utils {
  border-color: #FF625F;
}
/* line 521, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .stepimg .marker.TYPING, .tut-step .stepimg .marker.TYPING .utils {
  border-color: #01C7F6;
}
/* line 525, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .stepimg .marker.SCROLL, .tut-step .stepimg .marker.SCROLL .utils {
  border-color: #999999;
}
/* line 529, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .stepimg .marker.DRAG, .tut-step .stepimg .marker.DRAG .utils {
  border-color: #0047FF;
}
/* line 533, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .stepimg .marker.DROP, .tut-step .stepimg .marker.DROP .utils {
  border-color: #00C8F6;
}
/* line 537, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .stepimg .marker.HOVER, .tut-step .stepimg .marker.HOVER .utils {
  border-color: #FF00A4;
}
/* line 541, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.tut-step .stepimg .marker.SELECT_TEXT, .tut-step .stepimg .marker.SELECT_TEXT .utils {
  border-color: #0047FF;
}

/* line 551, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.marker .utils {
  border-width: 6px;
}

/* line 558, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.step.finished .buttons {
  margin: 30px auto;
  max-width: 360px;
}

/* line 566, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.popup .wrapper {
  background-color: #fff;
}
/* line 570, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.popup .wrapper .header .title {
  color: #838383;
}
/* line 574, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.popup .wrapper .header .button.close {
  color: #838383;
  font-size: 22px;
  font-weight: bold;
  right: -5px;
}

/* line 584, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.feedback-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 100;
  border-bottom-width: 4px;
  border-style: solid;
  border-bottom-color: transparent;
}
/* line 595, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.feedback-bar.slide-notCompleted {
  -moz-animation: feedbackBar-slide-notCompleted-animation 1s linear 0s 1 normal;
  -webkit-animation: feedbackBar-slide-notCompleted-animation 1s linear 0s 1 normal;
  animation: feedbackBar-slide-notCompleted-animation 1s linear 0s 1 normal;
}

/* line 601, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
html[data-mode="mobilequick"] #main {
  overflow-y: hidden;
}

/* line 606, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.video-visualizer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  border-top: 1px solid #f4f4f4;
  z-index: 1;
  overflow: hidden;
}
/* line 619, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.video-visualizer .video-visualizer-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  color: white;
  cursor: pointer;
  z-index: 3;
}
/* line 638, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.video-visualizer .video-visualizer-overlay.video-visualizer-playing {
  background: transparent;
}
/* line 641, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.video-visualizer .video-visualizer-overlay.video-visualizer-transcription {
  z-index: 2;
}
/* line 646, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.video-visualizer .video-visualizer-transcription {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 5px 10px;
  z-index: 2;
}
/* line 660, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.video-visualizer .video-visualizer-transcription-text {
  background: var(--cc-background-color, black);
  color: var(--cc-font-color, white);
  font-size: var(--cc-font-size, 18px);
  font-family: 'closed_caption_Poppins';
  padding: 10px;
}
/* line 671, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.video-visualizer canvas, .video-visualizer video {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
/* line 680, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.video-visualizer video::-webkit-media-controls-start-playback-button {
  display: none;
}
/* line 684, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.video-visualizer:not(.visible) {
  display: none;
}
/* line 688, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.video-visualizer.showing::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  z-index: 3;
}

/* line 702, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .steps {
  padding-right: 0;
}
/* line 705, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .separator {
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0px;
  right: 274px;
}
/* line 713, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
html[data-extensionEmbed="true"] .quick-view .separator {
  right: var(--playerExtensionWidth, 374px);
}
@media screen and (max-height: 550px) {
  /* line 705, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
  .quick-view .separator {
    right: 192px;
  }
}
@media screen and (max-width: 750px) {
  /* line 705, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
  .quick-view .separator {
    right: 192px;
  }
}
/* line 721, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .finished {
  z-index: 100;
}
/* line 724, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .finished:before {
  width: 100%;
  height: 16px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
  bottom: 447px;
  content: "";
  margin-left: -15px;
  position: absolute;
  transform: matrix(-1, 0, 0, 1, 0, 0);
}
/* line 735, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.quick-view .finished .title {
  display: none;
}

/* line 741, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.device-change-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f4f4f4;
  z-index: 1002;
  color: black;
  font-weight: bold;
}
/* line 752, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.device-change-overlay .device-change-overlay-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/* line 760, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.device-change-overlay .side-panel {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 274px;
  max-width: 100%;
}
/* line 766, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
html[data-extensionEmbed="true"] .device-change-overlay .side-panel {
  width: var(--playerExtensionWidth, 374px);
}
/* line 771, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.device-change-overlay .side-panel .side-panel-inner {
  width: 100%;
  height: 100%;
}
/* line 775, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.device-change-overlay .side-panel .side-panel-inner .description {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}
/* line 785, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.device-change-overlay .side-panel.background-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
/* line 792, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.device-change-overlay.background-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* line 799, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.offline-cache-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1002;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 811, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.offline-cache-overlay .offline-cache-overlay-inner {
  width: 600px;
  height: auto;
}
/* line 816, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.offline-cache-overlay .offline-cache-overlay-text {
  font-weight: normal;
  font-size: 22px;
  color: black;
  text-align: center;
}
/* line 823, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.offline-cache-overlay .offline-cache-overlay-buttons {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* line 830, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.offline-cache-overlay button {
  margin-top: 15px;
  max-width: 200px;
  cursor: pointer;
}
/* line 835, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
.offline-cache-overlay button:first-child {
  margin-top: 0;
}

/* line 842, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
html.init * {
  transition: none !important;
}

/* line 849, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
html.watch-mode-active #autoplay-cursor {
  display: inline-block;
  height: 36px;
  width: 21px;
  position: absolute;
  z-index: 100;
  background: url("../../../../images/player/cursor-windows.png") no-repeat left top;
  background-size: auto 36px;
}
/* line 857, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
html.watch-mode-active #autoplay-cursor.caret {
  background-image: url("../../../../images/player/cursor-caret.png");
}
/* line 861, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
html.watch-mode-active #autoplay-cursor:before {
  content: '';
  background-color: aliceblue;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: -15px;
  left: -15px;
  width: 30px;
  height: 30px;
  transform: scale(0.001, 0.001);
}
/* line 874, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
html.watch-mode-active #autoplay-cursor.click-animation:before {
  animation: click-animation 0.8s ease-out;
}
/* line 877, ../../../../app/styles/player/flat-theme/partials/_player-general.scss */
html.watch-mode-active #autoplay-cursor.click-animation.double:before {
  animation: double-click-animation 0.8s ease-out;
}

@-moz-keyframes click-animation {
  0% {
    transform: scale(0.001, 0.001);
    opacity: 1;
  }
  99% {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}
@-webkit-keyframes click-animation {
  0% {
    transform: scale(0.001, 0.001);
    opacity: 1;
  }
  99% {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}
@keyframes click-animation {
  0% {
    transform: scale(0.001, 0.001);
    opacity: 1;
  }
  99% {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}
@-moz-keyframes double-click-animation {
  0% {
    transform: scale(0.001, 0.001);
    opacity: 1;
  }
  48% {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
  49% {
    transform: scale(0.001, 0.001);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}
@-webkit-keyframes double-click-animation {
  0% {
    transform: scale(0.001, 0.001);
    opacity: 1;
  }
  48% {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
  49% {
    transform: scale(0.001, 0.001);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}
@keyframes double-click-animation {
  0% {
    transform: scale(0.001, 0.001);
    opacity: 1;
  }
  48% {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
  49% {
    transform: scale(0.001, 0.001);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.5, 1.5);
    opacity: 0;
  }
}
/* Targets displays using any of Windows’ High Contrast Mode themes: */
@media screen and (-ms-high-contrast: active) {
  /* line 7, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  svg path, svg circle, svg rect {
    stroke: white !important;
    fill: white !important;
  }

  /* line 13, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  .cover-btn {
    border: 1px solid white !important;
  }
}
/* Targets displays using the Windows’ "High Contrast Black" theme: */
@media screen and (-ms-high-contrast: white-on-black) {
  /* line 21, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  svg path, svg circle, svg rect {
    stroke: white !important;
    fill: white !important;
  }

  /* line 27, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  .cover-btn {
    border: 1px solid white !important;
  }
}
/* Targets displays using the Windows’ "High Contrast White" theme: */
@media screen and (-ms-high-contrast: black-on-white) {
  /* line 35, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  svg path, svg circle, svg rect {
    stroke: black !important;
    fill: black !important;
  }

  /* line 41, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  .cover-btn {
    border: 1px solid black !important;
  }
}
/* line 53, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player div.marker.completed {
  opacity: 0 !important;
  transition: opacity 10s linear !important;
}
/* line 63, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav {
  position: relative;
  border: none !important;
  background-color: #fff;
  overflow: hidden !important;
  overflow-y: hidden !important;
  display: flex;
  flex-direction: column;
  height: calc(100% - 48px);
  max-height: calc(100% - 48px);
  width: 274px;
}
/* line 76, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-extensionEmbed="true"] #playing-player .stepnav {
  width: var(--playerExtensionWidth, 374px);
}
@media screen and (max-height: 550px) {
  /* line 63, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  #playing-player .stepnav {
    width: 192px;
  }
}
@media screen and (max-width: 750px) {
  /* line 63, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  #playing-player .stepnav {
    width: 192px;
  }
}
/* line 83, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .step-panel-toggleCollapse-btn {
  display: none;
}
/* line 87, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="minimized"] #playing-player .stepnav, html[data-stepPanel="steptextOnly"] #playing-player .stepnav, html[data-stepPanel="navbarOnly"] #playing-player .stepnav {
  position: absolute !important;
  top: auto;
  bottom: 0;
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-right: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-top: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
  z-index: 100;
  margin: 0;
  border-radius: 0;
  width: 274px;
  height: 274px;
  max-height: none;
}
/* line 91, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-extensionEmbed="true"] html[data-stepPanel="minimized"] #playing-player .stepnav, html[data-extensionEmbed="true"] html[data-stepPanel="steptextOnly"] #playing-player .stepnav, html[data-extensionEmbed="true"] html[data-stepPanel="navbarOnly"] #playing-player .stepnav {
  width: var(--playerExtensionWidth, 374px);
}
@media screen and (max-height: 550px) {
  /* line 87, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  html[data-stepPanel="minimized"] #playing-player .stepnav, html[data-stepPanel="steptextOnly"] #playing-player .stepnav, html[data-stepPanel="navbarOnly"] #playing-player .stepnav {
    width: 192px;
    height: 192px;
  }
}
@media screen and (max-width: 750px) {
  /* line 87, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  html[data-stepPanel="minimized"] #playing-player .stepnav, html[data-stepPanel="steptextOnly"] #playing-player .stepnav, html[data-stepPanel="navbarOnly"] #playing-player .stepnav {
    width: 192px;
    height: 192px;
  }
}
/* line 115, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="minimized"] #playing-player .stepnav .step.start-step.active .steptext, html[data-stepPanel="steptextOnly"] #playing-player .stepnav .step.start-step.active .steptext, html[data-stepPanel="navbarOnly"] #playing-player .stepnav .step.start-step.active .steptext {
  padding: 5px 8px;
}
/* line 118, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="minimized"] #playing-player .stepnav .step.start-step.active .steptext .step-panel-dragHandler, html[data-stepPanel="steptextOnly"] #playing-player .stepnav .step.start-step.active .steptext .step-panel-dragHandler, html[data-stepPanel="navbarOnly"] #playing-player .stepnav .step.start-step.active .steptext .step-panel-dragHandler {
  display: block;
}
/* line 123, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="minimized"] #playing-player .stepnav #the-steps, html[data-stepPanel="steptextOnly"] #playing-player .stepnav #the-steps, html[data-stepPanel="navbarOnly"] #playing-player .stepnav #the-steps {
  margin-top: 0;
  margin-bottom: 0;
}
/* line 135, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="minimized"] #playing-player .stepnav .buttons, html[data-stepPanel="steptextOnly"] #playing-player .stepnav .buttons, html[data-stepPanel="navbarOnly"] #playing-player .stepnav .buttons {
  margin-top: 0;
}
/* line 138, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="minimized"] #playing-player .stepnav .buttons::before, html[data-stepPanel="steptextOnly"] #playing-player .stepnav .buttons::before, html[data-stepPanel="navbarOnly"] #playing-player .stepnav .buttons::before {
  top: -52px;
}
/* line 142, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="minimized"] #playing-player .stepnav .ui-resizable-handle, html[data-stepPanel="steptextOnly"] #playing-player .stepnav .ui-resizable-handle, html[data-stepPanel="navbarOnly"] #playing-player .stepnav .ui-resizable-handle {
  display: block;
}
/* line 146, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="minimized"] #playing-player .stepnav .stepscontainer, html[data-stepPanel="steptextOnly"] #playing-player .stepnav .stepscontainer, html[data-stepPanel="navbarOnly"] #playing-player .stepnav .stepscontainer {
  min-height: 100%;
}
/* line 150, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="navbarOnly"] #playing-player .stepnav {
  height: 42px;
}
@media screen and (max-height: 550px) {
  /* line 150, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  html[data-stepPanel="navbarOnly"] #playing-player .stepnav {
    height: 32px;
  }
}
@media screen and (max-width: 750px) {
  /* line 150, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  html[data-stepPanel="navbarOnly"] #playing-player .stepnav {
    height: 32px;
  }
}
/* line 156, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="hideEverything"] #playing-player .stepnav {
  display: none;
}
/* line 159, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="full"] #playing-player .stepnav {
  height: 100%;
  max-height: 100%;
  border-left: 1px solid rgba(0, 0, 0, 0.2) !important;
}
/* line 164, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="full"] #playing-player .stepnav .stepscontainer {
  height: 100%;
  flex-basis: unset;
}
/* line 169, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="full"] #playing-player .stepnav #the-steps {
  margin: 0;
  height: 100%;
}
/* line 173, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="full"] #playing-player .stepnav .step-footer {
  display: none;
}
/* line 178, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="full"] #playing-player .stepnav.withVideoVisualizer:not(.withVideoVisualizer-belowText) {
  background-color: #BABABA;
}
/* line 181, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="full"] #playing-player .stepnav.withVideoVisualizer:not(.withVideoVisualizer-belowText) #the-steps {
  display: none;
}
/* line 185, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="full"] #playing-player .stepnav.withVideoVisualizer:not(.withVideoVisualizer-belowText) #the-steps::after {
  display: none;
}
/* line 190, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="full"] #playing-player .stepnav.withVideoVisualizer.withVideoVisualizer-belowText .video-visualizer {
  margin-top: 0;
  top: auto;
  bottom: 0;
}
/* line 197, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="full"] #playing-player .stepnav.withVideoVisualizer.withVideoVisualizer-belowText.withVideoVisualizer-aboveCopyright .video-visualizer {
  bottom: 40px;
}
/* line 205, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="full"]:not([data-tab="quiz"]) #playing-player .stepnav .buttons {
  display: none;
}
/* line 210, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .scroll-element.scroll-y {
  display: none !important;
}
/* line 214, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .share, #playing-player .stepnav .live, #playing-player .stepnav .button {
  display: block;
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: #0047FF;
  cursor: pointer;
  font-size: 16px;
  font-weight: 300;
  line-height: 40px;
  margin: 8px auto;
  text-align: center;
  height: 100%;
  width: 208px;
  transition: border-color 0.35s ease, color 0.3s ease;
  outline-offset: -3px;
}
/* line 234, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .share .description, #playing-player .stepnav .live .description, #playing-player .stepnav .button .description {
  display: inline-block;
}
/* line 238, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .share .icon, #playing-player .stepnav .live .icon, #playing-player .stepnav .button .icon {
  width: 13px;
  height: 21px;
}
/* line 243, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .button {
  background-color: white;
  color: black;
  border: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: calc(100% - 48px);
  margin: 26px auto 0 24px;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  max-width: 216px;
  min-height: 40px;
  max-height: 40px;
}
/* line 262, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .button:hover {
  color: var(--marker-color);
}
/* line 273, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .finish {
  display: block;
  color: #BDBDBD;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2.5px;
  line-height: 40px;
  margin: 8px;
  text-align: center;
  height: 40px;
  width: 208px;
}
/* line 285, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .finish .description {
  display: inline-block;
}
/* line 289, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .finish .icon {
  display: inline-block;
  margin: 0 4px -1px -3px;
  opacity: 0.3;
  width: 15px;
  height: 16px;
  background-size: contain;
}
/* line 300, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .share {
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 0 auto;
  padding: 0 25px;
  margin-top: 10px;
}
/* line 307, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .share .description {
  padding-left: 10px;
}
/* line 311, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .share .icon {
  background-size: 21px auto;
  background-position: 3px center;
  border-radius: 32px;
  font-weight: 600;
  height: 29px;
  line-height: 28px;
  text-align: center;
  width: 29px;
}
/* line 324, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .live {
  display: none;
  color: blue;
}
/* line 329, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .marker {
  display: none;
  border-width: 15px;
  border-style: solid;
  border-color: transparent;
  border-left-width: 0;
  border-right-color: #2e373c;
}
/* line 341, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .quiz-report {
  position: relative;
  padding: 0 24px;
  margin-top: 26px;
  margin-bottom: 46px;
  overflow-y: auto;
  overflow: overlay;
  flex-basis: calc(319px - 72px);
}
@supports not (overflow: overlay) {
  /* line 341, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  #playing-player .stepnav .quiz-report {
    overflow: auto;
  }
}
/* line 350, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .quiz-report .section {
  margin-top: 30px;
}
/* line 354, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .quiz-report .section-title {
  font-family: Libre Franklin;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 136%;
  color: #000000;
  margin-bottom: 14px;
}
/* line 364, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .quiz-report .section-content-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 9px;
}
/* line 370, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .quiz-report .section-content-row:last-child {
  margin-bottom: 0;
}
/* line 375, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .quiz-report .duration, #playing-player .stepnav .quiz-report .accuracy {
  font-family: Fahkwang;
  font-style: normal;
  font-weight: 500;
  font-size: 21px;
  line-height: 116%;
  display: flex;
  align-items: center;
  text-align: center;
  color: #000000;
}
/* line 387, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .quiz-report .description {
  font-family: Libre Franklin;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 136%;
  color: #000000;
}
/* line 397, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .quiz-webcam {
  margin-top: 50px;
}
/* line 400, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .quiz-webcam video {
  width: 100%;
}
/* line 404, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="minimized"] #playing-player .stepnav .quiz-webcam, html[data-stepPanel="steptextOnly"] #playing-player .stepnav .quiz-webcam, html[data-stepPanel="navbarOnly"] #playing-player .stepnav .quiz-webcam, html[data-stepPanel="hideEverything"] #playing-player .stepnav .quiz-webcam {
  position: fixed;
  right: 0;
  bottom: 48px;
  z-index: 99;
  margin-top: 0;
  width: 274px;
}
/* line 414, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-extensionEmbed=true] html[data-stepPanel="minimized"] #playing-player .stepnav .quiz-webcam, html[data-extensionEmbed=true] html[data-stepPanel="steptextOnly"] #playing-player .stepnav .quiz-webcam, html[data-extensionEmbed=true] html[data-stepPanel="navbarOnly"] #playing-player .stepnav .quiz-webcam, html[data-extensionEmbed=true] html[data-stepPanel="hideEverything"] #playing-player .stepnav .quiz-webcam {
  width: var(--playerExtensionWidth, 374px);
}
@media screen and (max-height: 550px) {
  /* line 404, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  html[data-stepPanel="minimized"] #playing-player .stepnav .quiz-webcam, html[data-stepPanel="steptextOnly"] #playing-player .stepnav .quiz-webcam, html[data-stepPanel="navbarOnly"] #playing-player .stepnav .quiz-webcam, html[data-stepPanel="hideEverything"] #playing-player .stepnav .quiz-webcam {
    width: 192px;
  }
}
@media screen and (max-width: 750px) {
  /* line 404, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  html[data-stepPanel="minimized"] #playing-player .stepnav .quiz-webcam, html[data-stepPanel="steptextOnly"] #playing-player .stepnav .quiz-webcam, html[data-stepPanel="navbarOnly"] #playing-player .stepnav .quiz-webcam, html[data-stepPanel="hideEverything"] #playing-player .stepnav .quiz-webcam {
    width: 192px;
  }
}
/* line 421, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="minimized"] #playing-player .stepnav .quiz-webcam, html[data-stepPanel="steptextOnly"] #playing-player .stepnav .quiz-webcam, html[data-stepPanel="navbarOnly"] #playing-player .stepnav .quiz-webcam {
  bottom: auto;
  top: 0;
}
/* line 427, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="hideEverything"] #playing-player .stepnav .quiz-webcam {
  bottom: 0;
}
/* line 432, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="full"] #playing-player .stepnav .video-visualizer {
  max-height: 235px;
  margin-top: 39px;
}
@media screen and (max-height: 550px) {
  /* line 432, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  html[data-stepPanel="full"] #playing-player .stepnav .video-visualizer {
    max-height: 162px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 750px) {
  /* line 432, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  html[data-stepPanel="full"] #playing-player .stepnav .video-visualizer {
    max-height: 162px;
    margin-top: 30px;
  }
}
/* line 442, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="minimized"] #playing-player .stepnav .video-visualizer, html[data-stepPanel="steptextOnly"] #playing-player .stepnav .video-visualizer, html[data-stepPanel="navbarOnly"] #playing-player .stepnav .video-visualizer {
  width: 100%;
  height: calc(100% - 40px);
  max-height: 274px;
  margin-top: 40px;
}
@media screen and (max-height: 550px) {
  /* line 442, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  html[data-stepPanel="minimized"] #playing-player .stepnav .video-visualizer, html[data-stepPanel="steptextOnly"] #playing-player .stepnav .video-visualizer, html[data-stepPanel="navbarOnly"] #playing-player .stepnav .video-visualizer {
    height: calc(100% - 30px);
    margin-top: 30px;
  }
}
@media screen and (max-width: 750px) {
  /* line 442, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  html[data-stepPanel="minimized"] #playing-player .stepnav .video-visualizer, html[data-stepPanel="steptextOnly"] #playing-player .stepnav .video-visualizer, html[data-stepPanel="navbarOnly"] #playing-player .stepnav .video-visualizer {
    height: calc(100% - 30px);
    margin-top: 30px;
  }
}
/* line 455, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="hideEverything"] #playing-player .stepnav .video-visualizer {
  display: none !important;
}
/* line 460, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .copyright {
  font-family: Libre Franklin;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 150%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: auto;
  padding: 5px 10px;
}
/* line 472, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="minimized"] #playing-player .stepnav .copyright, html[data-stepPanel="steptextOnly"] #playing-player .stepnav .copyright, html[data-stepPanel="navbarOnly"] #playing-player .stepnav .copyright, html[data-stepPanel="hideEverything"] #playing-player .stepnav .copyright {
  display: none;
}
@media only screen and (max-height: 665px) {
  /* line 460, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  #playing-player .stepnav .copyright {
    display: none;
  }
}
/* line 483, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .buttons {
  background: white;
  height: auto;
  margin-top: 0;
  width: 100%;
}
/* line 490, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .ui-resizable-handle {
  display: none;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  background: transparent;
  z-index: 2;
}
/* line 499, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .ui-resizable-handle.ui-resizable-n {
  top: 0;
  cursor: n-resize;
}
/* line 504, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .ui-resizable-handle.ui-resizable-s {
  bottom: 0;
  cursor: s-resize;
}
/* line 510, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .stepscontainer {
  height: auto;
  display: flex;
  flex-direction: column;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  flex-basis: 319px;
}
/* line 518, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .stepscontainer:not(.focus-visible:focus) {
  outline: none;
}
/* line 523, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .step_copyright {
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
  opacity: 0.4;
  padding: 0 24px 12px;
}
/* line 530, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-stepPanel="full"] #playing-player .stepnav .step_copyright {
  position: absolute;
  bottom: 0;
}
@media screen and (max-height: 550px) {
  /* line 523, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  #playing-player .stepnav .step_copyright {
    padding: 0 10px 5px;
  }
}
@media screen and (max-width: 750px) {
  /* line 523, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  #playing-player .stepnav .step_copyright {
    padding: 0 10px 5px;
  }
}
/* line 540, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .step-footer {
  display: flex;
  flex-grow: 0;
  margin-top: auto;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 0 24px 15px;
}
/* line 548, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .step-footer :not(:first-child) {
  margin-left: 15px;
}
/* line 552, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .step-footer .copyright {
  flex-grow: 1;
}
@media screen and (max-height: 450px) {
  /* line 557, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  #playing-player .stepnav .step-footer.step-footer--finished {
    flex-grow: 0;
    padding-bottom: 0;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
/* line 567, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav #the-steps {
  margin: 0 0 46px 0;
  height: auto;
  flex-grow: 1;
  border-top: 1px solid #f4f4f4;
  position: relative;
  overflow: hidden;
}
/* line 575, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav #the-steps:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 8px);
  height: 37px;
  background: linear-gradient(360deg, #ffffff 9.09%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (max-height: 450px) {
  /* line 589, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  #playing-player .stepscontainer.stepscontainer--finished #the-steps {
    margin-top: 10px;
    margin-bottom: 0;
  }
  /* line 593, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  #playing-player .stepscontainer.stepscontainer--finished #the-steps .step .steptext {
    margin: 0;
    padding: 5px 10px;
  }
}
/* line 602, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step .if-active {
  display: none;
}
/* line 606, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step .if-not-active {
  font-size: 16px;
  font-weight: 600;
  color: lightgrey;
}
/* line 612, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step .steptext {
  margin: 0;
  padding: 12px 16px;
  display: flex;
  height: 100%;
  overflow: overlay;
}
@supports not (overflow: overlay) {
  /* line 612, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  #playing-player .step .steptext {
    overflow: auto;
  }
}
@media screen and (max-height: 550px) {
  /* line 612, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  #playing-player .step .steptext {
    padding: 5px 10px;
  }
}
@media screen and (max-width: 750px) {
  /* line 612, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  #playing-player .step .steptext {
    padding: 5px 10px;
  }
}
/* line 623, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step .steptext p {
  padding-top: 0;
  padding-bottom: 37px;
  font-style: normal;
  font-weight: normal;
  font-size: var(--step-text-font-size, 15px);
  line-height: 140%;
  color: #000000;
}
/* line 633, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html.translated-rtl #playing-player .step .steptext p {
  unicode-bidi: bidi-override !important;
  direction: rtl;
  text-align: right;
}
/* line 639, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step .steptext p strong, #playing-player .step .steptext p b {
  font-weight: normal;
}
/* line 645, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step .steptext p span strong, #playing-player .step .steptext p span b {
  font-weight: normal;
}
/* line 649, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step .steptext p span i {
  font-style: normal;
}
/* line 653, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step .steptext p a {
  color: black;
  text-decoration: none;
  border-bottom: 1px solid black;
  padding-bottom: 1px;
  transition: .3s ease;
}
/* line 660, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step .steptext p a:hover {
  color: black;
  text-decoration: none;
  border-color: black !important;
}
/* line 666, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step .steptext p u {
  border: none;
}
@media screen and (max-height: 550px) {
  /* line 623, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  #playing-player .step .steptext p {
    font-size: 13px;
  }
}
@media screen and (max-width: 750px) {
  /* line 623, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  #playing-player .step .steptext p {
    font-size: 13px;
  }
}
/* line 675, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step .steptext i.small-icon {
  display: none;
  background-color: #2e373c;
  left: 35px;
  position: relative;
}
/* line 681, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step .steptext i.small-icon:before {
  position: absolute;
  content: " ";
  border-radius: 20px;
  height: 22px;
  left: -5px;
  top: -5px;
  width: 21px;
  z-index: -1;
  background: rgba(119, 119, 119, 0.2);
}
/* line 694, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step .steptext .count {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.2em;
  display: none !important;
}
/* line 701, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step .steptext .description-container {
  width: 100%;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}
/* line 708, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.start-step.active {
  border-bottom: none;
  position: relative;
  z-index: 1;
  background: white;
}
/* line 714, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.start-step.active .step-progress-animation-overlay {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
  pointer-events: none;
}
/* line 726, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.start-step.active .steptext {
  height: 40px;
  margin: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media screen and (max-height: 550px) {
  /* line 726, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  #playing-player .step.start-step.active .steptext {
    height: 30px;
    font-size: 13px;
  }
}
@media screen and (max-width: 750px) {
  /* line 726, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  #playing-player .step.start-step.active .steptext {
    height: 30px;
    font-size: 13px;
  }
}
/* line 738, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.start-step.active .steptext .if-active {
  width: 100%;
  height: 100%;
}
/* line 743, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.start-step.active .steptext .description-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
/* line 752, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.start-step.active .steptext .step-panel-dragHandler {
  display: none;
  cursor: pointer;
  margin-right: auto;
}
/* line 758, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.start-step.active .steptext .step-panel-dragHandler:hover svg path {
  fill-opacity: 1;
}
/* line 764, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.start-step.active .steptext .step-panel-currentstep {
  color: #BABABA;
  cursor: pointer;
  background-color: transparent;
}
/* line 769, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.start-step.active .steptext .step-panel-currentstep:hover {
  color: black;
}
/* line 773, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.start-step.active .steptext .step-panel-currentstep.disabled {
  pointer-events: none;
}
/* line 778, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.start-step.active .steptext .step-panel-toggleCollapse-btn {
  display: block;
  cursor: pointer;
  margin-left: auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 787, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.start-step.active .steptext .step-panel-toggleCollapse-btn .collapse {
  display: block;
}
/* line 790, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.start-step.active .steptext .step-panel-toggleCollapse-btn .uncollapse {
  display: none;
}
/* line 795, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.start-step.active .steptext .step-panel-toggleCollapse-btn.collapsed .collapse {
  display: none;
}
/* line 798, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.start-step.active .steptext .step-panel-toggleCollapse-btn.collapsed .uncollapse {
  display: block;
}
/* line 805, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.start-step.active .steptext .step-panel-toggleCollapse-btn:hover svg [fill] {
  fill: black;
}
/* line 808, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.start-step.active .steptext .step-panel-toggleCollapse-btn:hover svg [stroke] {
  stroke: black;
}
/* line 815, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.start-step.active .steptext p {
  padding-bottom: 0;
}
/* line 822, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.active .if-active {
  display: block;
  width: 100%;
}
/* line 827, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.active .if-not-active {
  display: none;
}
/* line 833, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.active .steptext span.icon {
  left: 15px;
  top: 3px;
}
/* line 837, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step.active .steptext span.icon.number {
  display: none;
  background-color: #2e373c;
  color: #fff !important;
  left: 25px;
  line-height: 30px;
  text-align: center;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
  height: 31px;
  width: 31px;
  position: absolute;
  top: 10px;
  left: 25px;
  font-weight: 600;
}
/* line 857, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step:not(.active) p {
  color: #e1e3e4 !important;
}
/* line 861, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .step:not(.active) b, #playing-player .step:not(.active) strong, #playing-player .step:not(.active) a {
  color: inherit !important;
}
/* line 868, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image {
  margin-left: 0;
}

/* line 877, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .copy-link-btn {
  position: relative;
}
/* line 880, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .copy-link-btn.active {
  color: rgba(0, 0, 0, 0.4);
}
/* line 884, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .copy-link-btn.active svg path[stroke] {
  stroke: rgba(0, 0, 0, 0.4);
}
/* line 887, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepnav .copy-link-btn.active svg path[fill] {
  fill: rgba(0, 0, 0, 0.4);
}
/* line 903, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .buttons .next-tutorial-button {
  max-height: none;
  height: auto;
}
/* line 906, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .buttons .next-tutorial-button svg {
  flex-shrink: 0;
}
/* line 910, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .buttons .next-tutorial-button .play-next-text {
  text-align: left;
}
/* line 914, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .buttons .button {
  border: 0 none;
  justify-content: left;
  font-size: 14px;
  margin-top: 0;
  transition: none;
}
/* line 920, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .buttons .button svg {
  display: inline-block;
  width: 15px;
  height: 15px;
  position: static;
  margin-right: 10px;
}
/* line 930, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .buttons .button:hover svg path {
  fill: var(--marker-color);
}
/* line 938, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .buttons .button:hover#go-live svg circle {
  fill: var(--marker-color);
}
/* line 942, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .buttons .button:hover#go-live svg path[stroke] {
  stroke: var(--marker-color);
}
/* line 945, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .buttons .button:hover#go-live svg path[fill] {
  fill: var(--marker-color);
}
/* line 953, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .buttons .button .next-tutorial-timer {
  color: rgba(0, 0, 0, 0.3);
  font-weight: 500;
}

/* line 962, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .btn-overlay.next, .quick-view .btn-overlay.next {
  background-color: transparent !important;
}
/* line 966, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .btn-overlay.next svg path, .quick-view .btn-overlay.next svg path {
  fill: #fff;
}
/* line 972, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .btn-overlay.next, .quick-view .btn-overlay.next {
  background-color: #FF625F !important;
}
/* line 984, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .btn-overlay.next .wrapper, .quick-view .btn-overlay.next .wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
}
/* line 990, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .btn-overlay.next svg, .quick-view .btn-overlay.next svg {
  width: 35px;
  height: 35px;
  margin-top: -17.5px;
  margin-left: -17.5px;
}
/* line 997, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .btn-overlay.next .name, .quick-view .btn-overlay.next .name {
  margin-left: -17.5px;
  margin-top: 10px;
  width: 100%;
  text-align: center;
  color: white;
  font-size: 18px;
}
/* line 1007, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .btn-overlay.finished, .quick-view .btn-overlay.finished {
  width: 100%;
  display: table;
  opacity: 1;
  background-color: white;
  height: 463px;
  bottom: 0;
  padding: 16px;
  position: fixed;
  transform: translateY(100%) translateY(40px);
  transition: all 0.5s ease;
}
/* line 10, ../../../../app/styles/player/flat-theme/partials/_finished.scss */
#playing-player .btn-overlay.finished a, #playing-player .btn-overlay.finished .btn, .quick-view .btn-overlay.finished a, .quick-view .btn-overlay.finished .btn {
  color: inherit;
}
/* line 14, ../../../../app/styles/player/flat-theme/partials/_finished.scss */
#playing-player .btn-overlay.finished svg, .quick-view .btn-overlay.finished svg {
  margin-right: 10px;
}
/* line 18, ../../../../app/styles/player/flat-theme/partials/_finished.scss */
#playing-player .btn-overlay.finished .title, .quick-view .btn-overlay.finished .title {
  position: absolute;
  right: 0;
  top: 2px;
  transform: translateY(-100%);
  background: white;
  padding: 10px 0 10px 15px;
  width: 225px;
  font-weight: bold;
}
/* line 28, ../../../../app/styles/player/flat-theme/partials/_finished.scss */
#playing-player .btn-overlay.finished .title .icon, .quick-view .btn-overlay.finished .title .icon {
  display: inline-block;
  margin-right: 5px;
  width: auto;
  height: auto;
  position: relative;
  top: 3px;
}
/* line 38, ../../../../app/styles/player/flat-theme/partials/_finished.scss */
#playing-player .btn-overlay.finished .tabs, .quick-view .btn-overlay.finished .tabs {
  margin: 80px auto 0 auto;
  display: table;
  width: 430px;
}
/* line 1014, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .btn-overlay.finished.expanded, .quick-view .btn-overlay.finished.expanded {
  transform: translateY(0);
}
@media screen and (max-width: 768px) {
  /* line 1007, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
  #playing-player .btn-overlay.finished, .quick-view .btn-overlay.finished {
    zoom: 0.82;
    height: 450px;
  }
}
/* line 1025, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player[data-type=READ] .stepnav, #playing-player[data-type=READ] .stepnav .marker, .quick-view[data-type=READ] .stepnav, .quick-view[data-type=READ] .stepnav .marker {
  border-right-color: #FF625F;
}
/* line 1031, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player[data-type=LEFT_CLICK] .stepnav, #playing-player[data-type=LEFT_CLICK] .stepnav .marker, .quick-view[data-type=LEFT_CLICK] .stepnav, .quick-view[data-type=LEFT_CLICK] .stepnav .marker {
  border-right-color: #00B975;
}
/* line 1037, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player[data-type=RIGHT_CLICK] .stepnav, #playing-player[data-type=RIGHT_CLICK] .stepnav .marker, .quick-view[data-type=RIGHT_CLICK] .stepnav, .quick-view[data-type=RIGHT_CLICK] .stepnav .marker {
  border-right-color: #D9E021;
}
/* line 1043, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player[data-type=SCROLL] .stepnav, #playing-player[data-type=SCROLL] .stepnav .marker, .quick-view[data-type=SCROLL] .stepnav, .quick-view[data-type=SCROLL] .stepnav .marker {
  border-right-color: #999999;
}
/* line 1049, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player[data-type=TYPING] .stepnav, #playing-player[data-type=TYPING] .stepnav .marker, .quick-view[data-type=TYPING] .stepnav, .quick-view[data-type=TYPING] .stepnav .marker {
  border-right-color: #01C7F6;
}
/* line 1055, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player[data-type=DRAG_AND_DROP] .stepnav, #playing-player[data-type=DRAG_AND_DROP] .stepnav .marker, .quick-view[data-type=DRAG_AND_DROP] .stepnav, .quick-view[data-type=DRAG_AND_DROP] .stepnav .marker {
  border-right-color: #0047FF;
}
/* line 1061, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player[data-type=DRAG] .stepnav, #playing-player[data-type=DRAG] .stepnav .marker, .quick-view[data-type=DRAG] .stepnav, .quick-view[data-type=DRAG] .stepnav .marker {
  border-right-color: #0047FF;
}
/* line 1067, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player[data-type=DROP] .stepnav, #playing-player[data-type=DROP] .stepnav .marker, .quick-view[data-type=DROP] .stepnav, .quick-view[data-type=DROP] .stepnav .marker {
  border-right-color: #00C8F6;
}
/* line 1073, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player[data-type=HOVER] .stepnav, #playing-player[data-type=HOVER] .stepnav .marker, .quick-view[data-type=HOVER] .stepnav, .quick-view[data-type=HOVER] .stepnav .marker {
  border-right-color: #FF00A4;
}
/* line 1079, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player[data-type=SELECT_TEXT] .stepnav, #playing-player[data-type=SELECT_TEXT] .stepnav .marker, .quick-view[data-type=SELECT_TEXT] .stepnav, .quick-view[data-type=SELECT_TEXT] .stepnav .marker {
  border-right-color: #0047FF;
}
/* line 1133, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .overlay-loading, .quick-view .stepimg .overlay-loading {
  background-color: white;
}
/* line 1138, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround canvas, .quick-view .stepimg .image-surround canvas {
  margin: 6px;
}
/* line 1142, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker, .quick-view .stepimg .image-surround .marker {
  border: 6px solid #7456FF;
  background-blend-mode: multiply;
}
/* line 1146, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker:not(.active), .quick-view .stepimg .image-surround .marker:not(.active) {
  display: none;
}
/* line 1149, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker:not(.active).DRAG, .quick-view .stepimg .image-surround .marker:not(.active).DRAG {
  display: block;
}
/* line 1153, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker:not(.active).DRAG .marker-info, .quick-view .stepimg .image-surround .marker:not(.active).DRAG .marker-info {
  display: none !important;
}
/* line 1163, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.no-transition, .quick-view .stepimg .image-surround .marker.no-transition {
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}
/* line 1170, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.no-shadow, .quick-view .stepimg .image-surround .marker.no-shadow {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 1174, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.transparent, .quick-view .stepimg .image-surround .marker.transparent {
  border-color: transparent !important;
  cursor: default !important;
}
/* line 1178, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.transparent .marker-info, #playing-player .stepimg .image-surround .marker.transparent .typingTool.fullyTransparent, .quick-view .stepimg .image-surround .marker.transparent .marker-info, .quick-view .stepimg .image-surround .marker.transparent .typingTool.fullyTransparent {
  opacity: 0 !important;
}
/* line 1183, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker .marker-info, .quick-view .stepimg .image-surround .marker .marker-info {
  position: absolute;
  display: inline-block;
  z-index: 1;
  border-color: inherit;
}
/* line 9, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info .step-icon, .quick-view .stepimg .image-surround .marker .marker-info .step-icon {
  position: relative;
  display: none;
  width: 40px;
  height: 40px;
}
/* line 15, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info .step-icon svg, .quick-view .stepimg .image-surround .marker .marker-info .step-icon svg {
  width: 100%;
}
/* line 20, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info .arrow-container, #playing-player .stepimg .image-surround .marker .marker-info .arrow, #playing-player .stepimg .image-surround .marker .marker-info .circle, .quick-view .stepimg .image-surround .marker .marker-info .arrow-container, .quick-view .stepimg .image-surround .marker .marker-info .arrow, .quick-view .stepimg .image-surround .marker .marker-info .circle {
  border-color: inherit;
}
/* line 26, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.READ .step-icon.read, .quick-view .stepimg .image-surround .marker .marker-info.READ .step-icon.read {
  display: inline-block;
}
/* line 31, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.READ .step-container, .quick-view .stepimg .image-surround .marker .marker-info.READ .step-container {
  background: #FF625F;
}
/* line 38, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.LEFT_CLICK .step-icon.left-click, .quick-view .stepimg .image-surround .marker .marker-info.LEFT_CLICK .step-icon.left-click {
  display: inline-block;
}
/* line 43, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.LEFT_CLICK .step-container, .quick-view .stepimg .image-surround .marker .marker-info.LEFT_CLICK .step-container {
  background: #00B975;
}
/* line 50, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.RIGHT_CLICK .step-icon.right-click, .quick-view .stepimg .image-surround .marker .marker-info.RIGHT_CLICK .step-icon.right-click {
  display: inline-block;
}
/* line 55, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.RIGHT_CLICK .step-container, .quick-view .stepimg .image-surround .marker .marker-info.RIGHT_CLICK .step-container {
  background: #D9E021;
}
/* line 61, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.TYPING .step-icon, .quick-view .stepimg .image-surround .marker .marker-info.TYPING .step-icon {
  background-size: 23px 21px;
}
/* line 63, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.TYPING .step-icon.typing, .quick-view .stepimg .image-surround .marker .marker-info.TYPING .step-icon.typing {
  display: inline-block;
}
/* line 68, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.TYPING .step-container, .quick-view .stepimg .image-surround .marker .marker-info.TYPING .step-container {
  padding-top: 9px;
}
/* line 75, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.SCROLL .step-icon.scroll, .quick-view .stepimg .image-surround .marker .marker-info.SCROLL .step-icon.scroll {
  display: inline-block;
}
/* line 82, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.DRAG .step-icon, #playing-player .stepimg .image-surround .marker .marker-info.DROP .step-icon, .quick-view .stepimg .image-surround .marker .marker-info.DRAG .step-icon, .quick-view .stepimg .image-surround .marker .marker-info.DROP .step-icon {
  background-size: 19px 19px;
}
/* line 84, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.DRAG .step-icon.drag-n-drop, #playing-player .stepimg .image-surround .marker .marker-info.DROP .step-icon.drag-n-drop, .quick-view .stepimg .image-surround .marker .marker-info.DRAG .step-icon.drag-n-drop, .quick-view .stepimg .image-surround .marker .marker-info.DROP .step-icon.drag-n-drop {
  display: inline-block;
}
/* line 90, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.DRAG.DRAG .step-container, #playing-player .stepimg .image-surround .marker .marker-info.DROP.DRAG .step-container, .quick-view .stepimg .image-surround .marker .marker-info.DRAG.DRAG .step-container, .quick-view .stepimg .image-surround .marker .marker-info.DROP.DRAG .step-container {
  background: #0047FF;
}
/* line 96, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.DRAG.DROP .step-container, #playing-player .stepimg .image-surround .marker .marker-info.DROP.DROP .step-container, .quick-view .stepimg .image-surround .marker .marker-info.DRAG.DROP .step-container, .quick-view .stepimg .image-surround .marker .marker-info.DROP.DROP .step-container {
  background: #00C8F6;
}
/* line 104, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.HOVER .step-icon.hover, .quick-view .stepimg .image-surround .marker .marker-info.HOVER .step-icon.hover {
  display: inline-block;
}
/* line 109, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.HOVER .step-container, .quick-view .stepimg .image-surround .marker .marker-info.HOVER .step-container {
  background: #FF00A4;
}
/* line 115, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.SELECT_TEXT .step-icon, .quick-view .stepimg .image-surround .marker .marker-info.SELECT_TEXT .step-icon {
  background-size: 19px 19px;
}
/* line 117, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.SELECT_TEXT .step-icon.select-text, .quick-view .stepimg .image-surround .marker .marker-info.SELECT_TEXT .step-icon.select-text {
  display: inline-block;
}
/* line 122, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.SELECT_TEXT .step-container, .quick-view .stepimg .image-surround .marker .marker-info.SELECT_TEXT .step-container {
  background: #0047FF;
}
/* line 127, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info .step-container, .quick-view .stepimg .image-surround .marker .marker-info .step-container {
  display: flex;
  align-items: center;
  padding: 9px 13px 9px 9px;
  height: 40px;
  min-height: 40px;
  white-space: nowrap;
  color: #fff;
  position: relative;
  z-index: 2;
}
/* line 138, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info .step-container .step-description, .quick-view .stepimg .image-surround .marker .marker-info .step-container .step-description {
  display: inline-block;
  text-align: center;
  text-transform: capitalize;
  font-size: 21px;
  margin-left: 2px;
}
/* line 151, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info .arrow, .quick-view .stepimg .image-surround .marker .marker-info .arrow {
  display: none;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px;
}
/* line 159, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info .arrow.arrow-top, .quick-view .stepimg .image-surround .marker .marker-info .arrow.arrow-top {
  border-top-width: 0;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
}
/* line 166, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info .arrow.arrow-bottom, .quick-view .stepimg .image-surround .marker .marker-info .arrow.arrow-bottom {
  border-bottom-width: 0;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
/* line 173, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info .arrow.arrow-right, .quick-view .stepimg .image-surround .marker .marker-info .arrow.arrow-right {
  border-right-width: 0;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
/* line 180, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info .arrow.arrow-left, .quick-view .stepimg .image-surround .marker .marker-info .arrow.arrow-left {
  border-left-width: 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
/* line 189, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.top, #playing-player .stepimg .image-surround .marker .marker-info.bottom, .quick-view .stepimg .image-surround .marker .marker-info.top, .quick-view .stepimg .image-surround .marker .marker-info.bottom {
  right: auto;
  transform: translateX(-50%);
  left: 50%;
}
/* line 194, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.top .arrow, #playing-player .stepimg .image-surround .marker .marker-info.bottom .arrow, .quick-view .stepimg .image-surround .marker .marker-info.top .arrow, .quick-view .stepimg .image-surround .marker .marker-info.bottom .arrow {
  display: block;
  right: auto;
  transform: translateX(-50%);
  left: 50%;
}
/* line 201, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.top.top, #playing-player .stepimg .image-surround .marker .marker-info.bottom.top, .quick-view .stepimg .image-surround .marker .marker-info.top.top, .quick-view .stepimg .image-surround .marker .marker-info.bottom.top {
  top: -56px;
}
/* line 204, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.top.top .arrow-bottom, #playing-player .stepimg .image-surround .marker .marker-info.bottom.top .arrow-bottom, .quick-view .stepimg .image-surround .marker .marker-info.top.top .arrow-bottom, .quick-view .stepimg .image-surround .marker .marker-info.bottom.top .arrow-bottom {
  bottom: -9.4px;
}
/* line 209, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.top.bottom, #playing-player .stepimg .image-surround .marker .marker-info.bottom.bottom, .quick-view .stepimg .image-surround .marker .marker-info.top.bottom, .quick-view .stepimg .image-surround .marker .marker-info.bottom.bottom {
  bottom: -56px;
}
/* line 212, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.top.bottom .arrow-top, #playing-player .stepimg .image-surround .marker .marker-info.bottom.bottom .arrow-top, .quick-view .stepimg .image-surround .marker .marker-info.top.bottom .arrow-top, .quick-view .stepimg .image-surround .marker .marker-info.bottom.bottom .arrow-top {
  top: -10px;
}
/* line 218, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.right, #playing-player .stepimg .image-surround .marker .marker-info.left, .quick-view .stepimg .image-surround .marker .marker-info.right, .quick-view .stepimg .image-surround .marker .marker-info.left {
  margin-top: -20px;
  top: 50%;
}
/* line 222, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.right .arrow, #playing-player .stepimg .image-surround .marker .marker-info.left .arrow, .quick-view .stepimg .image-surround .marker .marker-info.right .arrow, .quick-view .stepimg .image-surround .marker .marker-info.left .arrow {
  display: block;
  top: 50%;
  transform: translateY(-50%);
  bottom: 50%;
}
/* line 229, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.right.right, #playing-player .stepimg .image-surround .marker .marker-info.left.right, .quick-view .stepimg .image-surround .marker .marker-info.right.right, .quick-view .stepimg .image-surround .marker .marker-info.left.right {
  right: -16px;
  transform: translateX(100%);
}
/* line 233, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.right.right .arrow-left, #playing-player .stepimg .image-surround .marker .marker-info.left.right .arrow-left, .quick-view .stepimg .image-surround .marker .marker-info.right.right .arrow-left, .quick-view .stepimg .image-surround .marker .marker-info.left.right .arrow-left {
  left: -10px;
}
/* line 238, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.right.left, #playing-player .stepimg .image-surround .marker .marker-info.left.left, .quick-view .stepimg .image-surround .marker .marker-info.right.left, .quick-view .stepimg .image-surround .marker .marker-info.left.left {
  left: -16px;
  transform: translateX(-100%);
}
/* line 242, ../../../../app/styles/player/flat-theme/partials/_marker-info.scss */
#playing-player .stepimg .image-surround .marker .marker-info.right.left .arrow-right, #playing-player .stepimg .image-surround .marker .marker-info.left.left .arrow-right, .quick-view .stepimg .image-surround .marker .marker-info.right.left .arrow-right, .quick-view .stepimg .image-surround .marker .marker-info.left.left .arrow-right {
  right: -10px;
}
/* line 1188, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.transparent-marker-info .marker-info, .quick-view .stepimg .image-surround .marker.transparent-marker-info .marker-info {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
/* line 1195, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker .step-container .timer-progress, .quick-view .stepimg .image-surround .marker .step-container .timer-progress {
  display: none;
}
/* line 1201, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.custom-text .step-icon, .quick-view .stepimg .image-surround .marker.custom-text .step-icon {
  display: none !important;
}
/* line 1204, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.custom-text .step-container, .quick-view .stepimg .image-surround .marker.custom-text .step-container {
  width: fit-content;
  min-width: 90px;
  text-align: center;
  justify-content: center;
}
/* line 1211, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.last-step, .quick-view .stepimg .image-surround .marker.last-step {
  cursor: default !important;
  pointer-events: none !important;
}
/* line 1215, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.last-step .typingTool, #playing-player .stepimg .image-surround .marker.last-step .tool, .quick-view .stepimg .image-surround .marker.last-step .typingTool, .quick-view .stepimg .image-surround .marker.last-step .tool {
  display: none !important;
}
/* line 1219, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.last-step .step-icon, .quick-view .stepimg .image-surround .marker.last-step .step-icon {
  display: none !important;
}
/* line 1222, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.last-step .step-container, .quick-view .stepimg .image-surround .marker.last-step .step-container {
  width: 90px;
  text-align: center;
  justify-content: center;
}
/* line 1229, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.timer .step-container, .quick-view .stepimg .image-surround .marker.timer .step-container {
  position: relative;
  overflow: hidden;
}
/* line 1232, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.timer .step-container .timer-progress, .quick-view .stepimg .image-surround .marker.timer .step-container .timer-progress {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  width: 0;
  opacity: .3;
}
/* line 1241, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.timer .step-container .timer-progress.full, .quick-view .stepimg .image-surround .marker.timer .step-container .timer-progress.full {
  width: 100%;
}
/* line 1248, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.READ, #playing-player .stepimg .image-surround .marker.READ .utils, .quick-view .stepimg .image-surround .marker.READ, .quick-view .stepimg .image-surround .marker.READ .utils {
  border-color: #FF625F;
}
/* line 1252, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.LEFT_CLICK, #playing-player .stepimg .image-surround .marker.LEFT_CLICK .utils, .quick-view .stepimg .image-surround .marker.LEFT_CLICK, .quick-view .stepimg .image-surround .marker.LEFT_CLICK .utils {
  border-color: #00B975;
}
/* line 1256, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.RIGHT_CLICK, #playing-player .stepimg .image-surround .marker.RIGHT_CLICK .utils, .quick-view .stepimg .image-surround .marker.RIGHT_CLICK, .quick-view .stepimg .image-surround .marker.RIGHT_CLICK .utils {
  border-color: #D9E021;
}
/* line 1260, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.TYPING, #playing-player .stepimg .image-surround .marker.TYPING .utils, .quick-view .stepimg .image-surround .marker.TYPING, .quick-view .stepimg .image-surround .marker.TYPING .utils {
  border-color: #01C7F6;
}
/* line 1264, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.SCROLL, #playing-player .stepimg .image-surround .marker.SCROLL .utils, .quick-view .stepimg .image-surround .marker.SCROLL, .quick-view .stepimg .image-surround .marker.SCROLL .utils {
  border-color: #999999;
  overflow: visible;
}
/* line 1268, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.SCROLL .scroll-wrapper, #playing-player .stepimg .image-surround .marker.SCROLL .utils .scroll-wrapper, .quick-view .stepimg .image-surround .marker.SCROLL .scroll-wrapper, .quick-view .stepimg .image-surround .marker.SCROLL .utils .scroll-wrapper {
  width: 100%;
  height: 100%;
  overflow: auto !important;
}
/* line 1275, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.SCROLL, .quick-view .stepimg .image-surround .marker.SCROLL {
  -moz-transition: all 600ms linear;
  -webkit-transition: all 600ms linear;
  -o-transition: all 600ms linear;
  transition: all 600ms linear;
}
/* line 1282, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.DRAG, #playing-player .stepimg .image-surround .marker.DRAG .utils, .quick-view .stepimg .image-surround .marker.DRAG, .quick-view .stepimg .image-surround .marker.DRAG .utils {
  border-color: #0047FF;
}
/* line 1286, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.DROP, #playing-player .stepimg .image-surround .marker.DROP .utils, .quick-view .stepimg .image-surround .marker.DROP, .quick-view .stepimg .image-surround .marker.DROP .utils {
  border-color: #00C8F6;
}
/* line 1290, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.HOVER, #playing-player .stepimg .image-surround .marker.HOVER .utils, .quick-view .stepimg .image-surround .marker.HOVER, .quick-view .stepimg .image-surround .marker.HOVER .utils {
  border-color: #FF00A4;
}
/* line 1294, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .image-surround .marker.SELECT_TEXT, #playing-player .stepimg .image-surround .marker.SELECT_TEXT .utils, .quick-view .stepimg .image-surround .marker.SELECT_TEXT, .quick-view .stepimg .image-surround .marker.SELECT_TEXT .utils {
  border-color: #0047FF;
}

/* line 1308, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
#playing-player .stepimg .overlay-loading {
  z-index: 1;
}

/* line 1317, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-mode="interactive"].finished #playing-player .if-not-active {
  display: none;
}
/* line 1323, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-mode="interactive"] #main {
  overflow-y: hidden;
}

/* line 1329, ../../../../app/styles/player/flat-theme/partials/_playing-player.scss */
html[data-tab="steps"] #playing-player .stepnav {
  display: none;
}

/* line 4, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
.mobile-quickview .mobile-steps .step .description-container-wrapper {
  min-height: 0;
  flex-grow: 1;
  position: relative;
}
/* line 9, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
.mobile-quickview .mobile-steps .step .description-container-wrapper::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 37px;
  background: linear-gradient(360deg, #ffffff 9.09%, rgba(255, 255, 255, 0) 100%);
}
/* line 19, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
.mobile-quickview .mobile-steps .step .description-container {
  min-height: 0;
  height: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  padding: 24px;
  overflow: overlay;
  overflow-x: hidden;
}
@supports not (overflow: overlay) {
  /* line 19, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
  .mobile-quickview .mobile-steps .step .description-container {
    overflow: auto;
  }
}
/* line 31, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
.mobile-quickview .mobile-steps .step .steptext p {
  color: #333333 !important;
}
/* line 33, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
html.translated-rtl .mobile-quickview .mobile-steps .step .steptext p {
  unicode-bidi: bidi-override !important;
  direction: rtl;
  text-align: right;
}
/* line 41, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
.mobile-quickview .mobile-steps .step .step_copyright {
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
  opacity: 0.4;
  padding: 0 24px 12px;
}
@media screen and (max-height: 550px) {
  /* line 41, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
  .mobile-quickview .mobile-steps .step .step_copyright {
    padding: 0 10px 5px;
  }
}
@media screen and (max-width: 750px) {
  /* line 41, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
  .mobile-quickview .mobile-steps .step .step_copyright {
    padding: 0 10px 5px;
  }
}
/* line 56, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
.mobile-quickview .finish-slide .box-bottom {
  color: #838383;
  position: relative;
}

/* line 65, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
.mobile-quickview .btn-live, .mobile-quickview .copy-short-tut-link {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  width: 100%;
  max-width: 216px;
  cursor: pointer;
  background: white;
  color: black;
  font-style: normal;
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
}
/* line 82, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
.mobile-quickview .btn-live svg, .mobile-quickview .copy-short-tut-link svg {
  margin-right: 10px;
}
/* line 85, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
.mobile-quickview .btn-live svg path, .mobile-quickview .copy-short-tut-link svg path {
  stroke: unset !important;
}
/* line 90, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
.mobile-quickview .btn-live:hover, .mobile-quickview .copy-short-tut-link:hover {
  color: var(--marker-color);
}
/* line 93, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
.mobile-quickview .btn-live:hover svg path, .mobile-quickview .copy-short-tut-link:hover svg path {
  fill: var(--marker-color);
}
/* line 100, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
.mobile-quickview .btn-live.btn-live svg path, .mobile-quickview .copy-short-tut-link.btn-live svg path {
  stroke: black !important;
}
/* line 107, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
.mobile-quickview .btn-live.btn-live:hover svg circle, .mobile-quickview .copy-short-tut-link.btn-live:hover svg circle {
  fill: var(--marker-color);
}
/* line 111, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
.mobile-quickview .btn-live.btn-live:hover svg path, .mobile-quickview .copy-short-tut-link.btn-live:hover svg path {
  fill: none;
  stroke: var(--marker-color) !important;
}
/* line 120, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
.mobile-quickview .copy-short-tut-link {
  position: relative;
}
/* line 123, ../../../../app/styles/player/flat-theme/partials/_mobile-quickview.scss */
.mobile-quickview .copy-short-tut-link.active {
  color: rgba(0, 0, 0, 0.4);
}

/*************** SCROLLBAR BASE CSS ***************/
/* line 3, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

/* line 9, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

/* line 24, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/* line 29, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scroll-element {
  display: none;
}

/* line 33, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scroll-element, .scroll-element div {
  box-sizing: content-box;
}

/* line 37, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

/* line 42, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

/* line 47, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}

/* line 52, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

/* line 56, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
/* line 68, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scroll-textarea > .scroll-content > textarea:not(.focus-visible:focus) {
  outline: none;
}

/* line 73, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
/* line 80, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

/* line 89, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

/* line 97, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}

/* line 104, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px;
}

/* line 111, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

/* line 115, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

/* line 123, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

/* line 130, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}

/* line 134, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #c2c2c2;
}

/* line 138, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191;
}

/* line 142, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */
/* line 148, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}

/* line 152, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}

/* line 156, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}

/* line 160, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/
/* line 166, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

/* line 175, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-element {
  background-color: #ffffff;
}

/* line 179, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

/* line 187, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}

/* line 194, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}

/* line 201, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}

/* line 206, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px;
}

/* line 211, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

/* line 215, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #eeeeee;
}

/* line 219, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

/* line 227, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
}

/* line 231, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
}

/* line 235, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* scrollbar height/width & offset from container borders */
/* line 241, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px;
}

/* line 246, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}

/* line 251, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}

/* line 255, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */
/* line 261, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px;
}

/* line 265, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px;
}

/* line 269, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px;
}

/* line 273, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px;
}

/*************** SCROLLBAR MAC OS X ***************/
/* line 279, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

/* line 289, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

/* line 297, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-macosx > .scroll-element .scroll-element_track {
  display: none;
}

/* line 301, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #6C6E71;
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

/* line 320, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

/* line 327, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0px;
  height: 0px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%;
}

/* line 336, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0px;
  top: 0;
  width: 0px;
}

/* scrollbar height/width & offset from container borders */
/* line 345, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
  height: 7px;
  min-width: 10px;
  top: -9px;
}

/* line 351, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -9px;
  min-height: 10px;
  width: 7px;
}

/* line 357, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
  left: 2px;
}

/* line 361, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

/* line 365, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px;
}

/* line 369, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
/* line 374, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

/* line 378, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

/*************** SCROLLBAR LIGHT ***************/
/* line 384, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

/* line 394, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-element {
  background-color: #ffffff;
}

/* line 398, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

/* line 406, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-element .scroll-element_outer {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* line 412, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-element .scroll-element_size {
  background: #dbdbdb;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* line 427, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-x {
  bottom: 0;
  height: 17px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

/* line 435, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 17px;
}

/* line 443, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-element .scroll-bar {
  background: #fefefe;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */
/* line 461, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

/* line 466, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-content.scroll-scrollx_visible {
  top: -17px;
  margin-top: 17px;
}

/* line 471, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 0px;
}

/* line 477, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
  left: 0px;
  min-height: 10px;
  width: 10px;
}

/* line 483, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
  height: 12px;
  left: 2px;
  top: 2px;
}

/* line 489, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

/* line 493, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  top: 2px;
  width: 12px;
}

/* line 499, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
/* line 505, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

/* line 509, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

/* line 513, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

/* line 517, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}

/*************** SCROLLBAR RAIL ***************/
/* line 523, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

/* line 533, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-element {
  background-color: #ffffff;
}

/* line 537, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

/* line 545, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-element .scroll-element_size {
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.3);
}

/* line 550, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 555, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  min-width: 100%;
  padding: 3px 0 2px;
  width: 100%;
}

/* line 564, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  padding: 0 2px 0 3px;
  right: 0;
  top: 0;
  width: 12px;
}

/* line 573, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-element .scroll-bar {
  background-color: #d0b9a0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

/* line 583, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */
/* line 589, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

/* line 594, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
  margin-top: 17px;
  top: -17px;
}

/* line 599, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 1px;
}

/* line 605, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
  left: 1px;
  min-height: 10px;
  width: 10px;
}

/* line 611, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
  height: 15px;
  left: 5px;
}

/* line 616, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
  height: 2px;
  left: -10px;
  top: 5px;
}

/* line 622, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
  top: 5px;
  width: 15px;
}

/* line 627, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
  left: 5px;
  top: -10px;
  width: 2px;
}

/* update scrollbar offset if both scrolls are visible */
/* line 635, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -25px;
}

/* line 639, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -25px;
}

/* line 643, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -25px;
}

/* line 647, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -25px;
}

/*************** SCROLLBAR DYNAMIC ***************/
/* line 653, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

/* line 663, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

/* line 671, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-x {
  bottom: 2px;
  height: 7px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

/* line 679, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 2px;
  top: 0;
  width: 7px;
}

/* line 687, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element .scroll-element_outer {
  opacity: 0.3;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

/* line 695, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element .scroll-element_size {
  background-color: #cccccc;
  opacity: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

/* line 710, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element .scroll-bar {
  background-color: #6c6e71;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */
/* line 720, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
  bottom: 0;
  height: 7px;
  min-width: 24px;
  top: auto;
}

/* line 727, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
  left: auto;
  min-height: 24px;
  right: 0;
  width: 7px;
}

/* line 734, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
  bottom: 0;
  top: auto;
  left: 2px;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  -ms-transition: height 0.2s;
  transition: height 0.2s;
}

/* line 746, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
  left: auto;
  right: 0;
  top: 2px;
  -webkit-transition: width 0.2s;
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  -ms-transition: width 0.2s;
  transition: width 0.2s;
}

/* line 758, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

/* line 762, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
/* line 768, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

/* line 772, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

/* hover & drag */
/* line 778, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

/* line 787, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
  opacity: 1;
}

/* line 792, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
  height: 100%;
  width: 100%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

/* line 802, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
  height: 20px;
  min-height: 7px;
}

/* line 808, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
  min-width: 7px;
  width: 20px;
}

/*************** SCROLLBAR GOOGLE CHROME ***************/
/* line 816, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

/* line 826, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element {
  background-color: #ffffff;
}

/* line 830, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

/* line 841, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element .scroll-element_track {
  background: #f1f1f1;
  border: 1px solid #dbdbdb;
}

/* line 846, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-x {
  bottom: 0;
  height: 16px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

/* line 854, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 16px;
}

/* line 862, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
  border: 1px solid #bdbdbd;
  cursor: default;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* line 872, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
  border-color: #a9a9a9;
}

/* line 877, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
  border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */
/* line 884, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
  left: -16px;
  margin-left: 16px;
}

/* line 889, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
  top: -16px;
  margin-top: 16px;
}

/* line 894, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
  height: 8px;
  min-width: 10px;
  top: 3px;
}

/* line 900, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
  left: 3px;
  min-height: 10px;
  width: 8px;
}

/* line 906, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
  border-left: 1px solid #dbdbdb;
}

/* line 910, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
  height: 14px;
  left: -3px;
}

/* line 915, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
  height: 14px;
  left: -4px;
}

/* line 920, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
  border-top: 1px solid #dbdbdb;
}

/* line 924, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
  top: -3px;
  width: 14px;
}

/* line 929, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
  width: 14px;
}

/* update scrollbar offset if both scrolls are visible */
/* line 936, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

/* line 940, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

/* line 944, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

/* line 948, ../../../../app/styles/player/flat-theme/copied_bower_components/_jquery.scrollbar.scss */
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}