/* line 5, ../../../../../../usr/local/bundle/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../usr/local/bundle/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../usr/local/bundle/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../usr/local/bundle/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../usr/local/bundle/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../usr/local/bundle/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../usr/local/bundle/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../usr/local/bundle/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../usr/local/bundle/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* 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 {
  background-color: #00B975;
}

/* line 2, ../../../../app/styles/base/palette/_mixins.scss */
.background-right_click_color {
  background-color: #D9E021;
}

/* line 3, ../../../../app/styles/base/palette/_mixins.scss */
.background-read_color {
  background-color: #FF625F;
}

/* line 4, ../../../../app/styles/base/palette/_mixins.scss */
.background-typing_color {
  background-color: #01C7F6;
}

/* line 5, ../../../../app/styles/base/palette/_mixins.scss */
.background-scroll_color {
  background-color: #999999;
}

/* line 6, ../../../../app/styles/base/palette/_mixins.scss */
.background-drag_and_drop_color_drag {
  background-color: #0047FF;
}

/* line 7, ../../../../app/styles/base/palette/_mixins.scss */
.background-drag_and_drop_color_drop {
  background-color: #00C8F6;
}

/* line 8, ../../../../app/styles/base/palette/_mixins.scss */
.background-hover_color {
  background-color: #FF00A4;
}

/* line 9, ../../../../app/styles/base/palette/_mixins.scss */
.background-select_text_color {
  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 1, ../../../../app/styles/player/common/_temp.scss */
.hide {
  display: none !important;
}

/* line 5, ../../../../app/styles/player/common/_temp.scss */
.show {
  display: block !important;
}

/* line 9, ../../../../app/styles/player/common/_temp.scss */
.container {
  height: 100%;
}

/* line 13, ../../../../app/styles/player/common/_temp.scss */
.image-surround {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}

/* line 20, ../../../../app/styles/player/common/_temp.scss */
html {
  overflow: hidden;
  /* removes huge blank space on bottom */
  width: 100vw;
  /* fix width breaking on fullscreen and IE 11 (#916), fix #4060 */
}

/* line 25, ../../../../app/styles/player/common/_temp.scss */
#app-container {
  /* initially hide it, is shown js side when the app is ready so to prevent flickerings */
  display: none;
}

/* line 30, ../../../../app/styles/player/common/_temp.scss */
#main {
  overflow-y: auto;
}

/* line 37, ../../../../app/styles/player/common/_temp.scss */
#main {
  width: 100%;
  height: 100%;
}

/* line 42, ../../../../app/styles/player/common/_temp.scss */
iframe#\:2\.container {
  -webkit-transform: translateZ(0);
}

/* line 48, ../../../../app/styles/player/common/_temp.scss */
body {
  top: 0 !important;
}

/* line 53, ../../../../app/styles/player/common/_temp.scss */
html {
  height: auto !important;
}

/*
::-webkit-scrollbar {width: 12px;background: #1b2d43;}
::-webkit-scrollbar-thumb {background: #344458 ;}
::-webkit-scrollbar-thumb:hover {background: #344458 ;}
::-webkit-scrollbar-thumb:window-inactive {background: #344458 ;}
*/
/* line 11, ../../../../app/styles/player/common/_kitchen-sink.scss */
.hidden {
  display: none !important;
  visibility: hidden !important;
}

/* line 16, ../../../../app/styles/player/common/_kitchen-sink.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* line 21, ../../../../app/styles/player/common/_kitchen-sink.scss */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 27, ../../../../app/styles/player/common/_kitchen-sink.scss */
.animate {
  transition: all 400ms linear;
  -moz-transition: all 400ms linear;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
}

/* line 92, ../../../../app/styles/player/flat-theme/palette/_configs.scss */
section, .clearfix, .container, .cf, .row, header {
  zoom: 1;
}
/* line 96, ../../../../app/styles/player/flat-theme/palette/_configs.scss */
section:before, section:after, .clearfix:before, .clearfix:after, .container:before, .container:after, .cf:before, .cf:after, .row:before, .row:after, header:before, header:after {
  content: "";
  display: table;
}
/* line 102, ../../../../app/styles/player/flat-theme/palette/_configs.scss */
section:after, .clearfix:after, .container:after, .cf:after, .row:after, header:after {
  clear: both;
}

/* line 39, ../../../../app/styles/player/common/_kitchen-sink.scss */
a, a:visited {
  text-decoration: none;
}
/* line 41, ../../../../app/styles/player/common/_kitchen-sink.scss */
a:not(.focus-visible:focus), a:visited:not(.focus-visible:focus) {
  outline: none;
}

/* line 46, ../../../../app/styles/player/common/_kitchen-sink.scss */
p a, p a:visited {
  line-height: inherit;
}

/* line 54, ../../../../app/styles/player/common/_kitchen-sink.scss */
ul {
  list-style: none outside;
}

/* line 58, ../../../../app/styles/player/common/_kitchen-sink.scss */
ol {
  list-style: decimal;
}

/* line 65, ../../../../app/styles/player/common/_kitchen-sink.scss */
ul.square {
  list-style: square outside;
}

/* line 69, ../../../../app/styles/player/common/_kitchen-sink.scss */
ul.circle {
  list-style: circle outside;
}

/* line 73, ../../../../app/styles/player/common/_kitchen-sink.scss */
ul.disc {
  list-style: disc outside;
}

/* line 86, ../../../../app/styles/player/common/_kitchen-sink.scss */
img.scale {
  max-width: 100%;
  height: auto;
}

/* line 92, ../../../../app/styles/player/common/_kitchen-sink.scss */
button {
  border: 0;
}

/* line 96, ../../../../app/styles/player/common/_kitchen-sink.scss */
.btn {
  white-space: nowrap;
  text-align: center;
  background-color: rbga(0, 0, 0, 0.2);
  height: 38px;
  line-height: 35px;
  padding: 0 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
}

/* line 109, ../../../../app/styles/player/common/_kitchen-sink.scss */
#playing-player .btn-overlay {
  opacity: 0.8;
  display: block;
  position: absolute;
  width: 140px;
  height: 100%;
  z-index: 100;
}
/* line 117, ../../../../app/styles/player/common/_kitchen-sink.scss */
#playing-player .btn-overlay span {
  display: block;
  width: 100%;
  height: 100%;
}

/* line 124, ../../../../app/styles/player/common/_kitchen-sink.scss */
#playing-player .btn-overlay.next {
  right: 0;
  top: 0;
  -moz-animation: blink-animation 2s ease-in-out 0s infinite normal;
  -webkit-animation: blink-animation 2s ease-in-out 0s infinite normal;
  animation: blink-animation 2s ease-in-out 0s infinite normal;
}

/* line 131, ../../../../app/styles/player/common/_kitchen-sink.scss */
.btn-large {
  height: 44px;
  line-height: 41px;
  font-size: 18px;
  font-weight: 400;
}

/* line 138, ../../../../app/styles/player/common/_kitchen-sink.scss */
.btn-small {
  height: 32px;
  line-height: 30px;
  font-size: 13px;
  padding: 0 15px;
}

/* line 146, ../../../../app/styles/player/common/_kitchen-sink.scss */
.bottom-line, .top-line {
  background-image: url(../../../../images/base/decoration/block-line.svg);
  background-position: center bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}

/* line 153, ../../../../app/styles/player/common/_kitchen-sink.scss */
.top-line {
  background-position: center top;
}

/* line 157, ../../../../app/styles/player/common/_kitchen-sink.scss */
u {
  text-decoration: none;
  border-bottom: 1px solid black;
  padding-bottom: 1px;
}

/* line 3, ../../../../app/styles/player/common/_header.scss */
header {
  z-index: 99;
  text-align: center;
}
/* line 7, ../../../../app/styles/player/common/_header.scss */
header.expanded:not(.collapsing) {
  z-index: 101;
}

/* line 13, ../../../../app/styles/player/common/_header.scss */
.fullscreen-icon.activate svg.open-fs-svg {
  display: block;
}
/* line 17, ../../../../app/styles/player/common/_header.scss */
.fullscreen-icon.activate svg.close-fs-svg {
  display: none;
}

/* line 22, ../../../../app/styles/player/common/_header.scss */
.fullscreen-icon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-left: 0 none;
}
/* line 30, ../../../../app/styles/player/common/_header.scss */
.fullscreen-icon svg.open-fs-svg {
  display: none;
}
/* line 34, ../../../../app/styles/player/common/_header.scss */
.fullscreen-icon svg.close-fs-svg {
  display: block;
}

/* line 3, ../../../../app/styles/player/common/_player-mobile.scss */
body {
  height: 100%;
}

/* line 7, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview {
  position: relative;
  height: 100%;
  top: 0;
  overflow: hidden;
}
/* line 13, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport {
  overflow: inherit !important;
  height: 100% !important;
}
/* line 17, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .tmp-slide {
  display: none;
}
/* line 21, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .step {
  height: 100%;
  width: 100vw !important;
  display: flex;
  flex-direction: column;
}
/* line 28, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .step.finished .steptext::before {
  display: none;
}
/* line 34, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .stepimg, .mobile-quickview .bx-viewport .steptext {
  margin: 0;
}
/* line 38, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .stepimg {
  border: none;
  padding: 6px;
  flex-grow: 1;
}
/* line 43, ../../../../app/styles/player/common/_player-mobile.scss */
html[data-stepPanel="full"] .mobile-quickview .bx-viewport .stepimg {
  padding: 0;
}
/* line 47, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .stepimg .prev, .mobile-quickview .bx-viewport .stepimg .next {
  position: absolute;
  top: 0;
  width: 25%;
  height: calc(100% - 5px);
  z-index: 1;
  cursor: pointer;
  background: rgba(204, 204, 204, 0.2);
  opacity: 0;
}
/* line 57, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .stepimg .prev .icon, .mobile-quickview .bx-viewport .stepimg .next .icon {
  width: 40px;
  height: 100%;
  border-radius: 100%;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
/* line 68, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .stepimg .prev .icon svg, .mobile-quickview .bx-viewport .stepimg .next .icon svg {
  width: 100%;
  height: 100%;
}
/* line 74, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .stepimg .prev {
  left: 0;
}
/* line 77, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .stepimg .next {
  right: 0;
}
/* line 82, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext {
  width: 100vw;
  min-height: 0;
  height: 30%;
  max-height: 274px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  transition: none;
  background-color: #fff;
}
@media screen and (max-height: 550px) {
  /* line 82, ../../../../app/styles/player/common/_player-mobile.scss */
  .mobile-quickview .bx-viewport .steptext {
    max-height: 192px;
  }
}
@media screen and (max-width: 750px) {
  /* line 82, ../../../../app/styles/player/common/_player-mobile.scss */
  .mobile-quickview .bx-viewport .steptext {
    max-height: 192px;
  }
}
@media screen and (max-width: 241px) {
  /* line 82, ../../../../app/styles/player/common/_player-mobile.scss */
  .mobile-quickview .bx-viewport .steptext {
    max-height: 180px;
  }
}
@media screen and (orientation: landscape) {
  /* line 82, ../../../../app/styles/player/common/_player-mobile.scss */
  .mobile-quickview .bx-viewport .steptext {
    min-height: 0;
  }
}
/* line 104, ../../../../app/styles/player/common/_player-mobile.scss */
html[data-stepPanel="navbarOnly"] .mobile-quickview .bx-viewport .steptext {
  height: 30px;
}
/* line 107, ../../../../app/styles/player/common/_player-mobile.scss */
html[data-stepPanel="navbarOnly"] .mobile-quickview .bx-viewport .steptext .description-container-wrapper {
  display: none;
}
/* line 111, ../../../../app/styles/player/common/_player-mobile.scss */
html[data-stepPanel="hideEverything"] .mobile-quickview .bx-viewport .steptext {
  display: none;
}
/* line 114, ../../../../app/styles/player/common/_player-mobile.scss */
html[data-stepPanel="full"] .mobile-quickview .bx-viewport .steptext {
  height: 100%;
  max-height: none;
}
/* line 118, ../../../../app/styles/player/common/_player-mobile.scss */
html[data-stepPanel="full"] .mobile-quickview .bx-viewport .steptext.withVideoVisualizer {
  background-color: #BABABA;
}
/* line 121, ../../../../app/styles/player/common/_player-mobile.scss */
html[data-stepPanel="full"] .mobile-quickview .bx-viewport .steptext.withVideoVisualizer .description-container-wrapper::after {
  display: none;
}
/* line 127, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext.collapsed {
  max-height: 0;
  bottom: -50%;
}
/* line 132, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext.floating {
  position: absolute;
  bottom: 0;
  right: 0;
  left: auto;
  top: auto;
  width: 192px;
  height: 192px;
  z-index: 1;
}
/* line 142, ../../../../app/styles/player/common/_player-mobile.scss */
html[data-stepPanel="navbarOnly"] .mobile-quickview .bx-viewport .steptext.floating {
  height: 30px;
}
/* line 145, ../../../../app/styles/player/common/_player-mobile.scss */
html[data-stepPanel="navbarOnly"] .mobile-quickview .bx-viewport .steptext.floating .description-container-wrapper {
  display: none;
}
/* line 149, ../../../../app/styles/player/common/_player-mobile.scss */
html[data-stepPanel="full"] .mobile-quickview .bx-viewport .steptext.floating {
  width: 100%;
}
/* line 153, ../../../../app/styles/player/common/_player-mobile.scss */
html[data-stepPanel="full"] .mobile-quickview .bx-viewport .steptext.floating .description-container-wrapper .video-visualizer {
  max-width: 192px;
  max-height: 162px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/* line 161, ../../../../app/styles/player/common/_player-mobile.scss */
html[data-stepPanel="full"] .mobile-quickview .bx-viewport .steptext.floating .description-container-wrapper .description-container {
  visibility: hidden;
}
/* line 179, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext .description-container-wrapper {
  position: relative;
}
/* line 187, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext .description-container p a {
  color: black;
  text-decoration: none;
  border-bottom: 1px solid black;
  padding-bottom: 1px;
  transition: .3s ease;
}
/* line 194, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext .description-container p a:hover {
  color: black;
  text-decoration: none;
  border-color: black !important;
}
/* line 200, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext .description-container p u {
  border: none;
}
/* line 205, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext .steptext-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 30px;
  flex-shrink: 0;
  position: relative;
  border: 1px solid #f4f4f4;
  background: white;
}
/* line 216, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext .steptext-header .step-progress-animation-overlay {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
/* line 228, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext .steptext-header .dragHandler {
  cursor: pointer;
  margin-right: auto;
  margin-left: 8px;
}
/* line 234, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext .steptext-header .dragHandler:hover svg path {
  fill-opacity: 1;
}
/* line 240, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext .steptext-header .count {
  display: flex;
  align-items: center;
  justify-content: left;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  cursor: pointer;
  color: #BABABA;
  padding-left: 24px;
}
/* line 252, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext .steptext-header .count:hover {
  color: black;
}
/* line 257, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext .steptext-header .toggleCollapse {
  cursor: pointer;
  margin-left: auto;
  margin-right: 8px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 266, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext .steptext-header .toggleCollapse.hidden {
  display: none;
}
/* line 270, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext .steptext-header .toggleCollapse .collapse {
  display: block;
}
/* line 274, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext .steptext-header .toggleCollapse .uncollapse {
  display: none;
}
/* line 279, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext .steptext-header .toggleCollapse.collapsed .collapse {
  display: none;
}
/* line 283, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext .steptext-header .toggleCollapse.collapsed .uncollapse {
  display: block;
}
/* line 290, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext .steptext-header .toggleCollapse:hover svg [fill] {
  fill: black;
}
/* line 294, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport .steptext .steptext-header .toggleCollapse:hover svg [stroke] {
  stroke: black;
}
@media screen and (max-width: 300px) and (max-height: 400px) {
  /* line 82, ../../../../app/styles/player/common/_player-mobile.scss */
  .mobile-quickview .bx-viewport .steptext {
    min-height: 110px;
  }
  /* line 305, ../../../../app/styles/player/common/_player-mobile.scss */
  .mobile-quickview .bx-viewport .steptext .description-container > p {
    font-size: 12px;
    line-height: 16px;
  }
}
/* line 312, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .bx-viewport svg.icon {
  display: none !important;
}
/* line 317, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .mobile-steps {
  position: relative;
  overflow: hidden;
  height: 100%;
  position: relative !important;
}
/* line 323, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .mobile-steps img {
  width: 100%;
  height: auto;
}
/* line 337, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .imgcontainer .marker.DRAG .tool, .mobile-quickview .imgcontainer .marker.DROP .tool {
  display: none;
}
/* line 349, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .step-infotext {
  height: calc(100% - 75px);
}
/* line 352, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .step-infotext.finish {
  display: none !important;
}
/* line 355, ../../../../app/styles/player/common/_player-mobile.scss */
html[data-stepPanel="full"] .mobile-quickview .step-infotext {
  display: none !important;
}
/* line 359, ../../../../app/styles/player/common/_player-mobile.scss */
.mobile-quickview .step-infotext .step-infotext_inner {
  width: 100%;
  height: 100%;
  z-index: 2;
}

/* line 387, ../../../../app/styles/player/common/_player-mobile.scss */
.tut-step .steptext {
  margin: 18px 10px;
  position: relative;
  font-family: 'Libre Franklin';
}
/* line 393, ../../../../app/styles/player/common/_player-mobile.scss */
.tut-step .steptext span.number {
  line-height: 28px;
  text-align: center;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
  border-radius: 32px;
  height: 29px;
  width: 29px;
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  font-weight: 600;
}
/* line 406, ../../../../app/styles/player/common/_player-mobile.scss */
.tut-step .steptext span.icon, .tut-step .steptext img, .tut-step .steptext svg.icon {
  height: 32px;
  width: 32px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-size: 32px auto;
}
/* line 434, ../../../../app/styles/player/common/_player-mobile.scss */
.tut-step .steptext .description-container > p {
  padding: 0;
  padding-bottom: 10px;
}
/* line 438, ../../../../app/styles/player/common/_player-mobile.scss */
.tut-step .steptext .description-container > p:last-child {
  padding-bottom: 0;
}
/* line 443, ../../../../app/styles/player/common/_player-mobile.scss */
.tut-step .steptext p {
  font-style: normal;
  font-weight: normal;
  font-size: var(--step-text-font-size, 15px);
  line-height: 140%;
  color: #000000;
}
/* line 451, ../../../../app/styles/player/common/_player-mobile.scss */
.tut-step .steptext em {
  text-transform: uppercase;
  font-weight: 600;
}
/* line 475, ../../../../app/styles/player/common/_player-mobile.scss */
.tut-step .stepimg {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: white;
  margin: 0 auto;
  display: block;
  width: 261px;
  line-height: 0;
  margin-bottom: 89px;
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  margin-top: 30px;
  background: #BABABA;
}
/* line 490, ../../../../app/styles/player/common/_player-mobile.scss */
.tut-step .stepimg .imgcontainer {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 495, ../../../../app/styles/player/common/_player-mobile.scss */
.tut-step .stepimg .imgcontainer canvas {
  cursor: zoom-in !important;
}
/* line 521, ../../../../app/styles/player/common/_player-mobile.scss */
.tut-step .stepimg .marker.TYPING textarea,
.tut-step .stepimg .marker.SELECT_TEXT textarea {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 8px;
  border: 0;
  overflow: auto;
  resize: none;
  user-select: none;
  pointer-events: none;
}
/* line 533, ../../../../app/styles/player/common/_player-mobile.scss */
.tut-step .stepimg .marker.TYPING textarea::placeholder,
.tut-step .stepimg .marker.SELECT_TEXT textarea::placeholder {
  font-family: 'Libre Franklin', sans-serif;
}
/* line 537, ../../../../app/styles/player/common/_player-mobile.scss */
.tut-step .stepimg .marker.TYPING textarea.password,
.tut-step .stepimg .marker.SELECT_TEXT textarea.password {
  -webkit-text-security: disc !important;
}
/* line 542, ../../../../app/styles/player/common/_player-mobile.scss */
.tut-step .stepimg .marker.SELECT_TEXT textarea {
  background: transparent;
  color: transparent;
  word-break: break-all;
  overflow: hidden;
  padding: 0;
}
/* line 549, ../../../../app/styles/player/common/_player-mobile.scss */
.tut-step .stepimg .marker.SELECT_TEXT textarea::selection {
  background-color: rgba(51, 144, 255, 0.4);
}
/* line 554, ../../../../app/styles/player/common/_player-mobile.scss */
.tut-step .stepimg .marker-info {
  display: none !important;
}

/* line 560, ../../../../app/styles/player/common/_player-mobile.scss */
.overlay-loading {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 9999;
}

/* line 3, ../../../../app/styles/player/common/_player-tablet.scss */
.swipe {
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

/* line 9, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
/* line 22, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  background: white;
  text-align: left;
  position: relative;
}
/* line 30, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f4f4f4;
  color: #000;
  display: none;
  text-align: left;
  overflow: overlay;
}
@supports not (overflow: overlay) {
  /* line 30, ../../../../app/styles/player/common/_player-tablet.scss */
  .step-infotext .step-infotext_inner .overlay {
    overflow: auto;
  }
}
/* line 43, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .embed-container {
  display: none;
  width: 100%;
  height: 100%;
  overflow: overlay;
}
@supports not (overflow: overlay) {
  /* line 43, ../../../../app/styles/player/common/_player-tablet.scss */
  .step-infotext .step-infotext_inner .embed-container {
    overflow: auto;
  }
}
/* line 51, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .overlay > iframe:first-child, .step-infotext .step-infotext_inner .embed-container > iframe:first-child {
  width: 100% !important;
  height: 100% !important;
}
/* line 57, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner.background-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
/* line 64, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .video-visualizer {
  background: none;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
/* line 69, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .video-visualizer video {
  object-fit: contain;
}
/* line 74, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .step-infotext_inner_inner {
  width: 100%;
  height: 100%;
  padding: 58px 90px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: inherit;
}
/* line 83, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .step-infotext_inner_inner .section {
  color: inherit;
}
/* line 86, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-title {
  height: 94px;
  flex-shrink: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 37px;
  color: inherit;
}
/* line 96, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-text {
  margin-top: 50px;
  flex-grow: 1;
  overflow-y: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 21px;
  line-height: 24px;
  color: inherit;
  overflow: overlay;
}
@supports not (overflow: overlay) {
  /* line 96, ../../../../app/styles/player/common/_player-tablet.scss */
  .step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-text {
    overflow: auto;
  }
}
/* line 109, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-text u, .step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-title u {
  text-decoration: none;
  padding-bottom: 1px;
  border: none;
  background: black;
  color: inherit;
}
/* line 117, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-text b,
.step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-text strong, .step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-title b,
.step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-title strong {
  color: inherit;
  font-weight: bold;
}
/* line 123, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-text a, .step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-title a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  border-bottom-color: currentColor;
  padding-bottom: 1px;
  transition: .3s ease;
  display: inline;
}
/* line 132, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-text a:hover, .step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-title a:hover {
  color: inherit;
  text-decoration: none;
}
/* line 138, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-text ul, .step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-title ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 24px;
}
/* line 144, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-text ol, .step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-title ol {
  list-style-type: decimal;
  counter-reset: myCounter;
}
/* line 148, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-text ol li, .step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-title ol li {
  display: flex;
  list-style: none;
  counter-increment: step-counter;
  margin-bottom: 10px;
  line-height: 136%;
}
/* line 155, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-text ol li:last-child, .step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-title ol li:last-child {
  margin-bottom: 0;
}
/* line 159, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-text ol li::before, .step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-title ol li::before {
  content: counter(step-counter);
  text-align: left;
  display: inline-block;
  width: 29px;
  flex-shrink: 0;
}
/* line 169, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-text .wysiwyg-text-align-left, .step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-title .wysiwyg-text-align-left {
  text-align: left;
}
/* line 173, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-text .wysiwyg-text-align-right, .step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-title .wysiwyg-text-align-right {
  text-align: right;
}
/* line 177, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-text .wysiwyg-text-align-center, .step-infotext .step-infotext_inner .step-infotext_inner_inner .section.section-title .wysiwyg-text-align-center {
  text-align: center;
}
/* line 185, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext .step-infotext_prev,
.step-infotext .step-infotext_next {
  display: none;
}
/* line 192, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext.step-infotext--small .step-infotext_inner .step-infotext_inner_inner {
  padding: 35px 25px;
}
/* line 196, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext.step-infotext--small .step-infotext_inner .step-infotext_inner_inner .section.section-title {
  height: auto;
  min-height: 45px;
  font-style: normal;
  font-weight: 400;
  font-size: 23px;
  line-height: 20px;
}
/* line 205, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext.step-infotext--small .step-infotext_inner .step-infotext_inner_inner .section.section-text {
  margin-top: 3px;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
}
/* line 218, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext.step-infotext-has-video .step-infotext_inner {
  background-color: transparent;
}
/* line 220, ../../../../app/styles/player/common/_player-tablet.scss */
.step-infotext.step-infotext-has-video .step-infotext_inner .step-infotext_inner_inner {
  display: none;
}

/* line 227, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials {
  width: 100%;
  height: 100%;
  display: flex;
}
/* line 232, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials:not(.visible), .recommended-tutorials.showing {
  display: none;
}
/* line 236, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_inner {
  display: flex;
  flex-grow: 1;
  background: #f4f4f4;
  z-index: 3;
}
/* line 243, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials-section {
  display: flex;
  flex-direction: column;
  padding: 80px;
}
/* line 248, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials-section.recommended_block {
  border-right: 1px solid #fff;
}
/* line 253, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_list {
  display: flex;
  flex-direction: column;
  min-width: 555px;
}
/* line 258, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_list_label {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.4);
  padding: 16px 0;
  margin-bottom: 2px;
}
/* line 266, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_list-empty {
  background: #fff;
  padding: 16px;
  color: black;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}
/* line 274, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_list_ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
}
/* line 280, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_list_ul_li {
  display: flex;
  align-items: center;
  padding: 16px;
  padding-right: 46px;
  background: #fff;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: black;
  position: relative;
  cursor: pointer;
}
/* line 293, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_list_ul_li svg {
  position: absolute;
  right: 15px;
}
/* line 298, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_list_ul_li:hover {
  background-color: var(--marker-color-10);
}
/* line 310, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_thesquare {
  padding: 16px;
  margin-top: 2px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: black;
}
/* line 319, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_thesquare a, .recommended-tutorials .recommended-tutorials_thesquare a:visited {
  color: inherit;
  text-decoration: underline;
}
/* line 323, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_thesquare a:hover, .recommended-tutorials .recommended-tutorials_thesquare a:visited:hover {
  color: var(--marker-color);
}
/* line 329, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_share {
  display: flex;
  flex-direction: column;
  min-width: 320px;
}
/* line 334, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_share_title {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.4);
  padding: 16px 0;
}
/* line 341, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_share_button {
  display: flex;
  align-items: center;
  height: 56px;
  cursor: pointer;
}
/* line 347, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_share_button span {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: black;
  margin-left: 10px;
}
/* line 355, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_share_button svg path {
  stroke: unset !important;
}
/* line 360, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_share_button:hover span {
  color: var(--marker-color);
}
/* line 363, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_share_button:hover svg path {
  fill: var(--marker-color);
}
/* line 368, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_capture {
  margin-top: 10px;
}
/* line 371, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_capture_title {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.4);
  padding: 16px 0;
}
/* line 378, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_capture_button {
  display: flex;
  align-items: center;
  height: 56px;
  cursor: pointer;
}
/* line 384, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_capture_button span {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  color: black;
  margin-left: 10px;
}
/* line 393, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_capture_button:hover span {
  color: var(--marker-color);
}
/* line 396, ../../../../app/styles/player/common/_player-tablet.scss */
.recommended-tutorials .recommended-tutorials_capture_button:hover svg path {
  stroke: var(--marker-color);
}
@media screen and (max-width: 1200px) {
  /* line 403, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials-section {
    padding: 24px 40px;
  }
}
@media screen and (max-width: 1070px) {
  /* line 409, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_inner {
    flex-direction: column;
    overflow: overlay;
  }
  @supports not (overflow: overlay) {
    /* line 409, ../../../../app/styles/player/common/_player-tablet.scss */
    .recommended-tutorials .recommended-tutorials_inner {
      overflow: auto;
    }
  }
  /* line 414, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials-section.recommended_block {
    border-right: none;
    border-bottom: 1px solid #fff;
  }
  /* line 418, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials-section.share_block {
    flex-direction: row;
  }
  /* line 422, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_share {
    flex: 1;
  }
  /* line 425, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_capture {
    margin-top: 0;
    flex: 1;
  }
}
@media screen and (max-height: 550px) {
  /* line 433, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials-section {
    padding: 12px 24px;
  }
  /* line 436, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_list {
    min-width: 100%;
  }
  /* line 439, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_list_label {
    font-size: 13px;
    line-height: 20px;
    padding: 10px 0;
  }
  /* line 444, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_list-empty {
    font-size: 13px;
    line-height: 20px;
  }
  /* line 448, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_list_ul_li {
    font-size: 13px;
    line-height: 20px;
    padding-block: 10px;
  }
  /* line 453, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_thesquare {
    padding: 10px 16px;
    font-size: 13px;
    line-height: 20px;
  }
  /* line 458, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_share_title {
    font-size: 13px;
    line-height: 20px;
    padding: 10px 0;
  }
  /* line 463, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_capture_button,
  .recommended-tutorials .recommended-tutorials_share_button {
    height: 40px;
  }
  /* line 467, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_capture_button span,
  .recommended-tutorials .recommended-tutorials_share_button span {
    font-size: 13px;
    line-height: 20px;
  }
  /* line 472, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_capture_title {
    font-size: 13px;
    line-height: 20px;
    padding: 10px 0;
  }
}
@media screen and (max-width: 750px) {
  /* line 433, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials-section {
    padding: 12px 24px;
  }
  /* line 436, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_list {
    min-width: 100%;
  }
  /* line 439, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_list_label {
    font-size: 13px;
    line-height: 20px;
    padding: 10px 0;
  }
  /* line 444, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_list-empty {
    font-size: 13px;
    line-height: 20px;
  }
  /* line 448, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_list_ul_li {
    font-size: 13px;
    line-height: 20px;
    padding-block: 10px;
  }
  /* line 453, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_thesquare {
    padding: 10px 16px;
    font-size: 13px;
    line-height: 20px;
  }
  /* line 458, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_share_title {
    font-size: 13px;
    line-height: 20px;
    padding: 10px 0;
  }
  /* line 463, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_capture_button,
  .recommended-tutorials .recommended-tutorials_share_button {
    height: 40px;
  }
  /* line 467, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_capture_button span,
  .recommended-tutorials .recommended-tutorials_share_button span {
    font-size: 13px;
    line-height: 20px;
  }
  /* line 472, ../../../../app/styles/player/common/_player-tablet.scss */
  .recommended-tutorials .recommended-tutorials_capture_title {
    font-size: 13px;
    line-height: 20px;
    padding: 10px 0;
  }
}
/* line 480, ../../../../app/styles/player/common/_player-tablet.scss */
html[data-device="mobilePortrait"] .recommended-tutorials .recommended-tutorials_inner {
  flex-direction: column;
}
/* line 483, ../../../../app/styles/player/common/_player-tablet.scss */
html[data-device="mobilePortrait"] .recommended-tutorials .recommended-tutorials-section {
  flex-grow: 0;
  justify-content: space-between;
}
/* line 487, ../../../../app/styles/player/common/_player-tablet.scss */
html[data-device="mobilePortrait"] .recommended-tutorials .recommended-tutorials_share {
  min-width: 120px;
}
@media screen and (max-width: 450px) {
  /* line 492, ../../../../app/styles/player/common/_player-tablet.scss */
  html[data-device="mobilePortrait"] .recommended-tutorials .recommended-tutorials-section {
    padding: 12px 24px;
  }
}
@media screen and (max-width: 241px) {
  /* line 498, ../../../../app/styles/player/common/_player-tablet.scss */
  html[data-device="mobilePortrait"] .recommended-tutorials .recommended-tutorials-section {
    flex-direction: column;
  }
  /* line 501, ../../../../app/styles/player/common/_player-tablet.scss */
  html[data-device="mobilePortrait"] .recommended-tutorials .recommended-tutorials_share_title {
    padding: 0;
  }
  /* line 504, ../../../../app/styles/player/common/_player-tablet.scss */
  html[data-device="mobilePortrait"] .recommended-tutorials .recommended-tutorials_share {
    min-width: 100%;
  }
  /* line 507, ../../../../app/styles/player/common/_player-tablet.scss */
  html[data-device="mobilePortrait"] .recommended-tutorials .recommended-tutorials_capture_title {
    padding: 0;
  }
}

/* line 513, ../../../../app/styles/player/common/_player-tablet.scss */
.quick-view .recommended-tutorials {
  height: auto;
}

/* line 518, ../../../../app/styles/player/common/_player-tablet.scss */
html[data-extensionEmbed=true] #comments {
  width: var(--playerExtensionWidth, 374px);
}
/* line 522, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .header-popup {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 47px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: black;
  cursor: pointer;
  flex-shrink: 0;
}
/* line 535, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .header-popup .header-title {
  color: inherit;
  cursor: inherit;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
/* line 543, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .header-popup .header-title svg {
  color: inherit;
}
/* line 546, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .header-popup .header-title svg [stroke] {
  color: inherit;
  stroke: currentColor;
}
/* line 550, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .header-popup .header-title svg [fill] {
  color: inherit;
  fill: currentColor;
}
/* line 555, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .header-popup .header-title label {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: inherit;
  cursor: inherit;
  margin-left: 22px;
}
/* line 567, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .header-popup .close-icon {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  color: inherit;
}
/* line 574, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .header-popup .close-icon svg {
  color: inherit;
}
/* line 577, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .header-popup .close-icon svg [stroke] {
  color: inherit;
  stroke: currentColor;
}
/* line 581, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .header-popup .close-icon svg [fill] {
  color: inherit;
  fill: currentColor;
}
/* line 588, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .header-popup:hover {
  color: var(--marker-color);
}
/* line 593, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content {
  overflow: hidden;
}
/* line 596, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .content-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
/* line 604, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comment_wrapper {
  position: relative;
  overflow: hidden;
}
/* line 609, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comment_wrapper:not(.showComment) .comment_popup {
  display: none;
}
/* line 615, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comment_wrapper.showComment .step_list {
  min-height: 255px;
}
/* line 622, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comment_popup {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: white;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
/* line 635, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
/* line 641, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list.childs {
  display: none;
  padding-bottom: 0;
}
/* line 646, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item {
  background: #fff;
  padding: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
/* line 651, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item:first-child {
  border-top: none;
}
/* line 656, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item:hover .comments_list_item_header_userCommentsActions,
#comments .popup-content .comments_list_item:hover .comments_list_item_userCommentsActions_reply {
  display: flex;
}
/* line 662, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_header {
  display: flex;
  flex-direction: row;
  align-items: center;
}
/* line 667, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_header_ioradicalAvatar {
  flex-shrink: 0;
}
/* line 670, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_header_ioradicalAvatar img {
  width: 16px;
  height: 16px;
}
/* line 675, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_header_info {
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
/* line 681, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_user_fullname {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 690, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_header_userCommentsActions {
  margin-left: auto;
  display: none;
  flex-direction: row;
  flex-shrink: 0;
}
/* line 696, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_header_userCommentsActions_edit,
#comments .popup-content .comments_list_item_header_userCommentsActions_remove {
  display: flex;
  color: black;
  cursor: pointer;
  margin-left: 15px;
  opacity: 0.4;
}
/* line 704, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_header_userCommentsActions_edit svg,
#comments .popup-content .comments_list_item_header_userCommentsActions_remove svg {
  color: inherit;
}
/* line 707, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_header_userCommentsActions_edit svg [fill],
#comments .popup-content .comments_list_item_header_userCommentsActions_remove svg [fill] {
  color: inherit;
  fill: currentColor;
}
/* line 711, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_header_userCommentsActions_edit svg [stroke],
#comments .popup-content .comments_list_item_header_userCommentsActions_remove svg [stroke] {
  color: inherit;
  stroke: currentColor;
}
/* line 717, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_header_userCommentsActions_edit:first-child,
#comments .popup-content .comments_list_item_header_userCommentsActions_remove:first-child {
  margin-left: 0;
}
/* line 721, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_header_userCommentsActions_edit.disabled,
#comments .popup-content .comments_list_item_header_userCommentsActions_remove.disabled {
  pointer-events: none;
  opacity: 0.4;
}
/* line 726, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_header_userCommentsActions_edit:hover:not(.disabled),
#comments .popup-content .comments_list_item_header_userCommentsActions_remove:hover:not(.disabled) {
  opacity: 1;
}
/* line 730, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_content, #comments .popup-content .step_list_item_content {
  margin-top: 10px;
  word-break: break-word;
  overflow-wrap: anywhere;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: black;
}
/* line 739, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_content b, #comments .popup-content .step_list_item_content b {
  color: var(--marker-color);
}
/* line 742, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_content u, #comments .popup-content .step_list_item_content u {
  background-color: var(--marker-color);
  color: var(--marker-color-contrast);
  text-decoration: none;
  border: 0;
}
/* line 750, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  height: 24px;
  margin-top: 10px;
}
/* line 759, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_date_created {
  font-size: 13px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
}
/* line 766, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_userCommentsActions_reply {
  display: none;
  align-items: center;
  opacity: 0.4;
  padding: 0 10px;
  cursor: pointer;
}
/* line 773, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_userCommentsActions_reply.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
/* line 778, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_userCommentsActions_reply:hover {
  opacity: 1;
}
/* line 782, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item_userCommentsActions_reply span {
  font-size: 16px;
  font-weight: 400;
  color: black;
  margin-left: 10px;
}
/* line 790, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item--childs {
  margin-left: 24px;
}
/* line 794, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item--childs.active .comments_list_item--childs_toggle {
  display: none;
}
/* line 797, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item--childs.active .comments_list_item--childs_toggle.hide_childs {
  display: flex;
}
/* line 801, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item--childs.active .comments_list.childs {
  display: flex;
}
/* line 806, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item--childs_toggle {
  display: flex;
  align-items: center;
  padding: 10px;
  cursor: pointer;
  background: #fff;
}
/* line 813, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item--childs_toggle.hide_childs {
  display: none;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
/* line 820, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item--childs_toggle.hide_childs:hover span {
  color: black;
}
/* line 825, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item--childs_toggle.hide_childs span {
  font-weight: 600;
  color: #BABABA;
}
/* line 831, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item--childs_toggle span {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  margin-right: 16px;
  color: black;
}
/* line 839, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item--childs_avatar_list {
  display: flex;
  column-gap: 2px;
}
/* line 843, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_list_item--childs_avatar_list img {
  width: 16px;
  height: 16px;
  object-fit: cover;
}
/* line 850, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_no_comment {
  padding: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: black;
  margin: auto;
}
/* line 858, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_no_comment_signin {
  color: inherit;
  text-decoration: underline;
}
/* line 862, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_no_comment_signin:hover {
  color: var(--site-theme-color);
}
/* line 867, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .step_list {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  background: white;
  overflow-y: auto;
}
/* line 874, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .step_list_item {
  display: flex;
  align-items: center;
  background: #fff;
  height: 56px;
  flex-shrink: 0;
  padding: 0 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
/* line 884, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .step_list_item:first-child {
  border-top: none;
}
/* line 888, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .step_list_item:hover {
  background-color: var(--marker-color-10);
}
/* line 890, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .step_list_item:hover .step_list_item_header_action_add_comments {
  display: flex;
}
/* line 896, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .step_list_item_title {
  display: flex;
  align-items: center;
  flex-grow: 1;
  background: transparent;
  text-align: left;
  padding: 0;
  font-family: "Libre Franklin", sans-serif;
}
/* line 905, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .step_list_item_title span {
  font-size: 16px;
  font-weight: 400;
  color: black;
}
/* line 911, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .step_list_item_title svg {
  margin-left: 16px;
}
/* line 916, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .step_list_item_header_action_show_comments, #comments .popup-content .step_list_item_header_action_add_comments {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  gap: 10px;
  cursor: pointer;
  opacity: 0.5;
}
/* line 926, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .step_list_item_header_action_add_comments {
  display: none;
}
/* line 930, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .open_comment_btn {
  padding: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  text-align: left;
  background-color: transparent;
  cursor: pointer;
}
/* line 937, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .open_comment_btn span {
  font-size: 16px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 400;
}
/* line 944, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .open_comment_btn:hover span {
  color: black;
}
/* line 949, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_block {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  min-height: 202px;
}
/* line 958, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_block.replying {
  border-top: none;
  height: 100%;
}
/* line 964, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .replying_comment_item {
  width: 100%;
}
/* line 968, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
/* line 974, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor.replying {
  padding-top: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: auto;
  height: auto;
}
/* line 980, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor.replying.emojisBlockIsShow {
  height: 100%;
  overflow: hidden;
}
/* line 986, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor.emojisBlockIsShow {
  position: relative;
}
/* line 990, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control {
  height: 130px;
  display: flex;
  flex-direction: column;
  padding: 16px 16px 0;
  background: white;
  position: relative;
}
/* line 998, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_emoji_icon {
  position: absolute;
  right: 24px;
  cursor: pointer;
}
/* line 1003, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content {
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  flex-grow: 1;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  font-family: 'Libre Franklin', sans-serif;
  color: black;
}
/* line 1016, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content[contenteditable][placeholder]:empty:before {
  content: attr(placeholder);
  position: absolute;
  color: rgba(0, 0, 0, 0.2);
}
/* line 1022, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor {
  height: 100%;
  display: flex;
  flex-direction: column;
}
/* line 1027, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-wysihtml5-sandbox-container {
  flex-grow: 1;
  padding-bottom: 10px;
  width: calc(100% - 30px);
  height: calc(100% - 15px);
}
/* line 1033, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-wysihtml5-sandbox-container iframe {
  height: 100% !important;
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}
/* line 1039, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-wysihtml5-sandbox-container iframe:not(.focus-visible:focus) {
  outline: none;
}
/* line 1045, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar {
  display: flex;
  align-items: center;
}
/* line 1049, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar li {
  display: inline-block;
  cursor: pointer;
}
/* line 1053, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar li a {
  display: inline-block;
}
/* line 1058, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .editor-list {
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: left center;
  width: 18px;
  height: 12px;
  border: none;
  margin-right: 7px;
}
/* line 1077, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .editor-list.editor-bold svg, #comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .editor-list.editor-underline svg, #comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .editor-list.editor-insertUnorderedList svg, #comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .editor-list.editor-insertOrderedList svg, #comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .editor-list.editor-justifyLeft svg, #comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .editor-list.editor-justifyCenter svg, #comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .editor-list.editor-justifyRight svg, #comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .editor-list.editor-hyperlink svg, #comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .editor-list.editor-speech svg, #comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .editor-list.editor-mask svg {
  float: left;
}
/* line 1082, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .editor-list.editor-underline {
  margin-right: 9px;
  position: relative;
}
/* line 1086, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .editor-list.editor-underline svg {
  position: absolute;
  left: 0;
  bottom: 0;
}
/* line 1093, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .editor-list.wysihtml5-command-dialog-opened {
  background-color: rgba(0, 0, 0, 0.2);
  border-color: rgba(0, 0, 0, 0.2);
}
/* line 1099, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .whatsleft {
  color: inherit;
  font-size: 10px;
  line-height: 15px;
  font-family: "Libre Franklin", sans-serif;
  margin-left: auto;
}
/* line 1107, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .comments-editor-link-dialog {
  width: calc(100% - 48px);
  margin-top: 0;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 24px;
  bottom: 15px;
  padding-top: 0;
  background: white;
  z-index: 1;
  border-bottom: 1px solid black;
}
/* line 1122, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .comments-editor-link-dialog:focus-within {
  border-bottom-color: var(--marker-color);
}
/* line 1126, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .comments-editor-link-dialog svg {
  min-width: 16px;
}
/* line 1130, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .comments-editor-link-dialog .input-wrapper {
  flex-grow: 1;
  padding-left: 21px;
  padding-right: 10px;
  position: relative;
}
/* line 1136, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .comments-editor-link-dialog .input-wrapper input {
  border: none;
  font-size: 15px;
  font-family: 'Libre Franklin', sans-serif;
  height: 100%;
  width: 100%;
  flex-grow: 1;
  color: inherit;
  caret-color: var(--marker-color);
}
/* line 1145, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .comments-editor-link-dialog .input-wrapper input:not(.focus-visible:focus) {
  outline: none;
}
/* line 1150, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .comments-editor-link-dialog .input-wrapper .fade-out {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 33px;
  height: 100%;
  background: linear-gradient(to left, #ffffff 13.81%, rgba(255, 255, 255, 0) 99.61%);
}
/* line 1160, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .comments-editor-link-dialog button {
  height: 100%;
  cursor: pointer;
  font-size: 10px;
  font-family: 'Libre Franklin', sans-serif;
  color: inherit;
  opacity: 0.4;
  background: transparent;
  margin-bottom: -2px;
}
/* line 1169, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .comments-editor-link-dialog button:not(.focus-visible:focus) {
  outline: none;
}
/* line 1173, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .comments-editor-link-dialog button:last-child {
  padding-right: 0;
}
/* line 1177, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .comments-editor-link-dialog button:hover {
  color: inherit;
  opacity: 1;
}
/* line 1182, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .comments-editor-link-dialog button:disabled {
  pointer-events: none;
  cursor: default;
}
/* line 1188, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .comments-editor-link-dialog .btn-update,
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .comments-editor-link-dialog .btn-remove {
  display: none;
}
/* line 1193, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .comments-editor-link-dialog .btn-add,
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .comments-editor-link-dialog .btn-cancel {
  display: block;
}
/* line 1198, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .comments-editor-link-dialog .btn-add,
#comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .comments-editor-link-dialog .btn.update {
  font-weight: 600;
}
/* line 1207, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor.has-link-dialog-open .comments-editor-toolbar .editor-list {
  visibility: hidden;
}
/* line 1213, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor .link-error {
  display: none;
  position: absolute;
  bottom: -10px;
  width: 100%;
  left: 0;
  text-align: center;
  font-family: 'Libre Franklin', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 15px;
  color: var(--site-theme-color);
  background-color: #fff;
  padding: 10px 24px;
  z-index: 1;
}
/* line 1232, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor.has-link-error .link-error {
  display: block;
  background-color: transparent;
}
/* line 1237, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor.has-link-error .comments-editor-toolbar .comments-editor-link-dialog input {
  color: inherit;
}
/* line 1245, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor.has-link-initial .comments-editor-toolbar .comments-editor-link-dialog .btn-add,
#comments .popup-content .comments_editor_control_content .comments-editor.has-link-initial .comments-editor-toolbar .comments-editor-link-dialog .btn-cancel {
  display: none;
}
/* line 1250, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor.has-link-initial .comments-editor-toolbar .comments-editor-link-dialog .btn-remove {
  display: block;
}
/* line 1257, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_content .comments-editor.has-link-initial.has-link-initial-changed .comments-editor-toolbar .comments-editor-link-dialog .btn-update {
  display: block;
}
/* line 1266, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_control_count {
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
}
/* line 1273, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_emojis_block {
  width: calc(100% - 58px);
  height: calc(100% - 58px);
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  gap: 5px;
  padding: 15px 5px 5px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #FFF;
  overflow: overlay;
}
@supports not (overflow: overlay) {
  /* line 1273, ../../../../app/styles/player/common/_player-tablet.scss */
  #comments .popup-content .comments_editor_emojis_block {
    overflow: auto;
  }
}
/* line 1288, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_emojis_block .comments_editor_emoji_item {
  font-size: 25px;
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
/* line 1297, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_group_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 16px 29px;
}
/* line 1304, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_group_btn button {
  width: 100%;
  height: 40px;
  max-width: 216px;
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  font-family: 'Libre Franklin', sans-serif;
  background: #000;
  color: #fff;
}
/* line 1317, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_group_btn button:hover {
  background: var(--marker-color);
}
/* line 1322, ../../../../app/styles/player/common/_player-tablet.scss */
#comments .popup-content .comments_editor_group_btn button:disabled {
  opacity: 0.2;
  pointer-events: none;
  cursor: not-allowed;
}
/* line 1332, ../../../../app/styles/player/common/_player-tablet.scss */
html[data-device="mobilePortrait"] #comments .popup-content .comments_list {
  padding: 5px 5px 109px;
}
/* line 1335, ../../../../app/styles/player/common/_player-tablet.scss */
html[data-device="mobilePortrait"] #comments .popup-content .comments_list.childs {
  padding: 0;
}
/* line 1340, ../../../../app/styles/player/common/_player-tablet.scss */
html[data-device="mobilePortrait"] #comments .popup-content .comments_list_item {
  padding: 10px;
}
/* line 1344, ../../../../app/styles/player/common/_player-tablet.scss */
html[data-device="mobilePortrait"] #comments .popup-content .comments_list_item--childs_toggle {
  padding: 5px 10px;
}
/* line 1348, ../../../../app/styles/player/common/_player-tablet.scss */
html[data-device="mobilePortrait"] #comments .popup-content .comments_list_item_header_info {
  flex-direction: row;
  align-items: flex-end;
}
/* line 1353, ../../../../app/styles/player/common/_player-tablet.scss */
html[data-device="mobilePortrait"] #comments .popup-content .comments_list_item_header_date_created {
  order: 1;
  margin-left: 16px;
}
/* line 1358, ../../../../app/styles/player/common/_player-tablet.scss */
html[data-device="mobilePortrait"] #comments .popup-content .comments_list_item_content {
  margin-top: 10px;
}
@media screen and (max-width: 241px) {
  /* line 1363, ../../../../app/styles/player/common/_player-tablet.scss */
  html[data-device="mobilePortrait"] #comments .popup-content .comments_list_item_user_fullname {
    white-space: nowrap;
    overflow: hidden;
  }
  /* line 1367, ../../../../app/styles/player/common/_player-tablet.scss */
  html[data-device="mobilePortrait"] #comments .popup-content .comments_list_item_header_date_created {
    display: none;
  }
  /* line 1370, ../../../../app/styles/player/common/_player-tablet.scss */
  html[data-device="mobilePortrait"] #comments .popup-content .comments_editor_control_content .comments-editor .comments-editor-toolbar .comments-editor-link-dialog .input-wrapper input {
    width: 100%;
  }
}
/* line 1377, ../../../../app/styles/player/common/_player-tablet.scss */
#comments.showing {
  position: relative;
  display: block;
}
/* line 1380, ../../../../app/styles/player/common/_player-tablet.scss */
#comments.showing:before {
  content: 'Loading...';
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #f4f4f4;
}
/* line 1395, ../../../../app/styles/player/common/_player-tablet.scss */
#comments.small-popup .comments_editor_group_btn {
  position: relative;
  top: auto;
  bottom: auto;
}
/* line 1402, ../../../../app/styles/player/common/_player-tablet.scss */
#comments.small-popup.showing:before {
  position: absolute;
}

/* line 1410, ../../../../app/styles/player/common/_player-tablet.scss */
#steps .popup_steps_list {
  width: 100%;
  display: flex;
  flex-direction: column;
}
/* line 1416, ../../../../app/styles/player/common/_player-tablet.scss */
#steps .popup_steps_item {
  background: white;
  padding: 16px;
  color: black;
  cursor: pointer;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
/* line 1424, ../../../../app/styles/player/common/_player-tablet.scss */
#steps .popup_steps_item:first-child {
  border-top: none;
}
/* line 1428, ../../../../app/styles/player/common/_player-tablet.scss */
#steps .popup_steps_item:hover {
  background: var(--marker-color-10);
}
/* line 1430, ../../../../app/styles/player/common/_player-tablet.scss */
#steps .popup_steps_item:hover .popup_steps_item_copy_link_btn {
  display: flex;
}
/* line 1438, ../../../../app/styles/player/common/_player-tablet.scss */
#steps .popup_steps_list:not(.copy-link-hidden) .popup_steps_item:hover .popup_steps_item_checked_icon {
  display: none;
}
/* line 1444, ../../../../app/styles/player/common/_player-tablet.scss */
#steps .popup_steps_item_title {
  color: black;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
}
/* line 1452, ../../../../app/styles/player/common/_player-tablet.scss */
#steps .popup_steps_item_title .popup_steps_item_copy_link_btn {
  display: none;
  margin-left: auto;
  cursor: pointer;
}
/* line 1458, ../../../../app/styles/player/common/_player-tablet.scss */
#steps .popup_steps_item_title .popup_steps_item_copy_link_btn:hover svg path {
  fill: black;
}
/* line 1464, ../../../../app/styles/player/common/_player-tablet.scss */
#steps .popup_steps_item_title .popup_steps_item_checked_icon {
  margin-left: auto;
}
/* line 1468, ../../../../app/styles/player/common/_player-tablet.scss */
#steps .popup_steps_item_title button {
  padding: 0;
  background-color: transparent;
  font-family: "Libre Franklin", sans-serif;
}
/* line 1474, ../../../../app/styles/player/common/_player-tablet.scss */
#steps .popup_steps_item_title a {
  color: inherit;
}
/* line 1479, ../../../../app/styles/player/common/_player-tablet.scss */
#steps .popup_steps_item_text {
  color: black;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
  padding-right: 20px;
}
/* line 1488, ../../../../app/styles/player/common/_player-tablet.scss */
#steps .popup_steps_search {
  height: 56px;
  flex-shrink: 0;
}
/* line 1492, ../../../../app/styles/player/common/_player-tablet.scss */
#steps .popup_steps_search input {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  padding: 18px 24px 18px 56px;
}
/* line 1498, ../../../../app/styles/player/common/_player-tablet.scss */
#steps .popup_steps_search input:not(.focus-visible:focus) {
  outline: none;
}
/* line 1505, ../../../../app/styles/player/common/_player-tablet.scss */
html[data-device="mobilePortrait"] #steps .popup_steps_list {
  row-gap: 0;
  margin: 0;
  flex-grow: 1;
  background: #fff;
}
/* line 1511, ../../../../app/styles/player/common/_player-tablet.scss */
html[data-device="mobilePortrait"] #steps .popup_steps_item {
  padding: 16px;
}

/* line 1518, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player {
  display: none;
  height: 100%;
  width: 100%;
  position: relative;
}
/* line 1526, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player canvas.finished {
  -moz-animation: blur 15s ease-in-out 0s 1 normal;
  -webkit-animation: blur 15s ease-in-out 0s 1 normal;
  animation: blur 15s ease-in-out 0s 1 normal;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
/* line 1531, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepnav {
  margin-top: 0;
  width: 300px;
  overflow: hidden;
}
/* line 1537, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepnav .stepscontainer {
  overflow-y: auto;
  position: relative;
}
/* line 1542, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepnav .buttons {
  height: 60px;
  position: relative;
  margin-top: 5px;
}
/* line 1547, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepnav .buttons.finished {
  margin-top: auto;
  margin-bottom: 0;
}
/* line 1551, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepnav .buttons.finished::before {
  top: -83px;
}
@media screen and (max-height: 450px) {
  /* line 1547, ../../../../app/styles/player/common/_player-tablet.scss */
  #playing-player .stepnav .buttons.finished {
    margin-bottom: 0;
  }
  /* line 1558, ../../../../app/styles/player/common/_player-tablet.scss */
  #playing-player .stepnav .buttons.finished::before {
    top: -36px;
  }
  /* line 1562, ../../../../app/styles/player/common/_player-tablet.scss */
  #playing-player .stepnav .buttons.finished .button {
    min-height: 25px;
    max-height: 25px;
    height: 25px;
    margin: 0 10px;
  }
  /* line 1568, ../../../../app/styles/player/common/_player-tablet.scss */
  #playing-player .stepnav .buttons.finished .button:not(#replay-btn) {
    display: none;
  }
}
/* line 1576, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepnav .share {
  max-width: 255px;
  text-align: left;
}
/* line 1581, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepnav .marker {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 20px;
  right: 0;
}
/* line 1592, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepnav .step {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5 ease;
}
/* line 1599, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .step {
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
}
/* line 1605, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .step .steptext {
  word-wrap: normal;
}
/* line 1613, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .step .steptext span.icon {
  left: -100px;
  height: 48px;
  width: 48px;
  background-size: 48px auto;
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
}
/* line 1624, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .step .steptext p {
  padding: 5px 0 0 0;
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 1633, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .step .steptext i.icon.medium {
  font-size: 2em;
}
/* line 1637, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .step .steptext i.icon.bold {
  font-size: 3em;
}
/* line 1641, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .step .steptext i.icon.bolder {
  font-size: 4em;
}
/* line 1645, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .step .steptext i.small-icon {
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  width: 12px;
  height: 12px;
  left: 21px;
  position: relative;
  top: 20px;
  display: block;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
/* line 1681, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .step.active .steptext span.icon {
  left: 2px;
}
/* line 1685, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .step.active .steptext p {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 1689, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .step.active .steptext i.small-icon {
  left: -30px;
}
/* line 1695, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg {
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  background: #BABABA;
  width: calc(100% - 274px);
}
/* line 1703, ../../../../app/styles/player/common/_player-tablet.scss */
html[data-extensionEmbed=true] #playing-player .stepimg {
  width: calc(100% - var(--playerExtensionWidth, 374px));
}
@media screen and (max-height: 550px) {
  /* line 1695, ../../../../app/styles/player/common/_player-tablet.scss */
  #playing-player .stepimg {
    width: calc(100% - 192px);
  }
}
@media screen and (max-width: 750px) {
  /* line 1695, ../../../../app/styles/player/common/_player-tablet.scss */
  #playing-player .stepimg {
    width: calc(100% - 192px);
  }
}
/* line 1710, ../../../../app/styles/player/common/_player-tablet.scss */
html[data-stepPanel="minimized"] #playing-player .stepimg, html[data-stepPanel="steptextOnly"] #playing-player .stepimg, html[data-stepPanel="navbarOnly"] #playing-player .stepimg, html[data-stepPanel="hideEverything"] #playing-player .stepimg {
  width: 100%;
  z-index: 99;
  border-right: none;
}
/* line 1718, ../../../../app/styles/player/common/_player-tablet.scss */
html[data-stepPanel="full"] #playing-player .stepimg {
  border-right: none;
}
/* line 1722, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image {
  margin-left: 300px;
  overflow-y: auto;
}
/* line 1727, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround {
  height: 100% !important;
  overflow: hidden !important;
  margin: 0 !important;
  margin: 7px;
  background-position: center top;
  background-repeat: no-repeat;
  position: relative;
}
/* line 1736, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .scroll-element.scroll-y {
  display: none !important;
}
/* line 1740, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround li {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 1749, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker {
  position: absolute;
  overflow: initial !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
  cursor: pointer;
  z-index: 1;
}
/* line 1772, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker.SCROLL {
  overflow: auto;
  top: 0px;
  left: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
/* line 1782, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker.SCROLL .scroll-wrapper div {
  width: 100%;
  height: 1000%;
  /* vertical by default */
}
/* line 1787, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker.SCROLL .scroll-wrapper div.horizontal {
  width: 1000%;
  height: 100%;
}
/* line 1793, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker.TYPING textarea, #playing-player .stepimg .image-surround .marker.SELECT_TEXT textarea {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 8px;
  border: 0;
  overflow: auto;
  resize: none;
}
/* line 1802, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker.TYPING textarea::placeholder, #playing-player .stepimg .image-surround .marker.SELECT_TEXT textarea::placeholder {
  font-family: 'Libre Franklin', sans-serif;
}
/* line 1806, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker.TYPING textarea.password, #playing-player .stepimg .image-surround .marker.SELECT_TEXT textarea.password {
  -webkit-text-security: disc !important;
}
/* line 1810, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker.SELECT_TEXT textarea {
  background: transparent;
  color: transparent;
  word-break: break-all;
  overflow: hidden;
  padding: 0;
}
/* line 1817, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker.SELECT_TEXT textarea::selection {
  background-color: rgba(51, 144, 255, 0.4);
}
/* line 1822, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker.DRAG, #playing-player .stepimg .image-surround .marker.DROP {
  cursor: pointer;
}
/* line 1825, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker.DRAG .tool, #playing-player .stepimg .image-surround .marker.DROP .tool {
  width: 100%;
  height: 100%;
}
/* line 1830, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker.DRAG .textContainer, #playing-player .stepimg .image-surround .marker.DROP .textContainer {
  background-color: rgba(52, 52, 52, 0.2);
  display: table;
  width: 100%;
  height: 100%;
}
/* line 1836, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker.DRAG .textContainer span, #playing-player .stepimg .image-surround .marker.DROP .textContainer span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: white;
}
/* line 1844, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker.DRAG:hover .textContainer, #playing-player .stepimg .image-surround .marker.DROP:hover .textContainer {
  opacity: 0;
  filter: alpha(opacity=0);
}
/* line 1851, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker.DRAG canvas {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  display: none;
}
/* line 1860, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker.DRAG.dragged {
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 1864, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker.DRAG.dragged .textContainer {
  display: none;
}
/* line 1868, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker.DRAG.dragged .marker-info {
  display: none;
}
/* line 1872, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker.DRAG.dragged canvas {
  display: block;
}
/* line 1878, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround .marker.HOVER {
  cursor: pointer;
}
/* line 1885, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround.slide-completed {
  -moz-animation: slide-completed-animation 1s linear 0s 1 normal;
  -webkit-animation: slide-completed-animation 1s linear 0s 1 normal;
  animation: slide-completed-animation 1s linear 0s 1 normal;
}
/* line 1890, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround.slide-notCompleted {
  -moz-animation: slide-notCompleted-animation 1s linear 0s 1 normal;
  -webkit-animation: slide-notCompleted-animation 1s linear 0s 1 normal;
  animation: slide-notCompleted-animation 1s linear 0s 1 normal;
}
/* line 1894, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg .image-surround.slide-notCompleted .marker.active:not(.transparent) {
  animation-name: wobble-animation;
  animation-duration: 1.6s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  transform-origin: 50% 100%;
}
@keyframes wobble-animation {
  0% {
    transform: none;
  }
  15% {
    transform: translate3d(-2.5%, 0, 0) rotate3d(0, 0, 1, -0.5deg);
  }
  30% {
    transform: translate3d(2%, 0, 0) rotate3d(0, 0, 1, 0.3deg);
  }
  45% {
    transform: translate3d(-1.5%, 0, 0) rotate3d(0, 0, 1, -0.3deg);
  }
  60% {
    transform: translate3d(1%, 0, 0) rotate3d(0, 0, 1, 0.2deg);
  }
  75% {
    transform: translate3d(-0.5%, 0, 0) rotate3d(0, 0, 1, -0.1deg);
  }
  100% {
    transform: none;
  }
}
/* line 1935, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg #interactive-image {
  height: 100% !important;
  overflow: hidden;
}
/* line 1939, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg #interactive-image .image-surround {
  height: 100% !important;
  overflow: hidden !important;
  margin: 0 !important;
}
/* line 1945, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg #interactive-image .image-surround .containment > div {
  background: white;
}
/* line 1948, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg #interactive-image .image-surround .containment .screenshot-overlay {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 1957, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg #interactive-image .image-surround .containment .canvas-above-overlay {
  pointer-events: none;
  z-index: 1;
}
/* line 1965, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepimg #interaction-blocker-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: none;
}
/* line 1976, ../../../../app/styles/player/common/_player-tablet.scss */
html[data-tab="quiz"] #playing-player .stepimg .image-surround.slide-notCompleted {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
/* line 2003, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player #interactive-transcription {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 25px;
  z-index: 100;
  padding: 10px;
  background: var(--cc-background-color, black);
  color: var(--cc-font-color, white);
  font-size: var(--cc-font-size, 18px);
  font-family: 'closed_caption_Poppins';
  line-height: 150%;
  width: max-content;
  transform: translateX(-50%) translateX(-137px);
  max-width: calc(100% - 294px);
}
/* line 2023, ../../../../app/styles/player/common/_player-tablet.scss */
html[data-extensionEmbed=true] #playing-player #interactive-transcription {
  transform: translateX(-50%) translateX(calc((var(--playerExtensionWidth, 374px) / 2) * -1));
  max-width: calc(100% - var(--playerExtensionWidth, 374px) - 20px);
}
@media screen and (max-height: 550px) {
  /* line 2003, ../../../../app/styles/player/common/_player-tablet.scss */
  #playing-player #interactive-transcription {
    transform: translateX(-50%) translateX(-96px);
    max-width: calc(100% - 212px);
  }
}
@media screen and (max-width: 750px) {
  /* line 2003, ../../../../app/styles/player/common/_player-tablet.scss */
  #playing-player #interactive-transcription {
    transform: translateX(-50%) translateX(-96px);
    max-width: calc(100% - 212px);
  }
}
/* line 2032, ../../../../app/styles/player/common/_player-tablet.scss */
html[data-stepPanel="minimized"] #playing-player #interactive-transcription, html[data-stepPanel="steptextOnly"] #playing-player #interactive-transcription, html[data-stepPanel="navbarOnly"] #playing-player #interactive-transcription, html[data-stepPanel="hideEverything"] #playing-player #interactive-transcription {
  transform: translateX(-50%);
  max-width: calc(100% - 20px);
}
/* line 2041, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .edited {
  color: #a6d7f5;
}
/* line 2045, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .time-small {
  display: none;
}
/* line 2049, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepnav {
  transition: none;
  position: relative;
  top: 0;
}
/* line 2055, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepnav.no-transition {
  transition: none;
}
/* line 2059, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepnav .marker {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* line 2065, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepnav .step {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* line 2078, ../../../../app/styles/player/common/_player-tablet.scss */
#playing-player .stepnav .step:not(.active) {
  display: none !important;
}

/* line 2089, ../../../../app/styles/player/common/_player-tablet.scss */
.print-view {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -2;
}
/* line 2101, ../../../../app/styles/player/common/_player-tablet.scss */
.print-view .steps > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/* line 1, ../../../../app/styles/player/flat-theme/_globals.scss */
body {
  font-size: 16px;
  color: #333333;
  font-family: "Libre Franklin", sans-serif;
}

/* line 8, ../../../../app/styles/player/flat-theme/_globals.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "Libre Franklin", sans-serif;
}

/* line 12, ../../../../app/styles/player/flat-theme/_globals.scss */
h1 {
  font-size: 2.2em;
}

/* line 16, ../../../../app/styles/player/flat-theme/_globals.scss */
h2 {
  font-size: 2em;
}

/* line 20, ../../../../app/styles/player/flat-theme/_globals.scss */
h3 {
  font-size: 1.8em;
}

/* line 24, ../../../../app/styles/player/flat-theme/_globals.scss */
h4 {
  font-size: 1.6em;
}

/* line 28, ../../../../app/styles/player/flat-theme/_globals.scss */
h5 {
  font-size: 1.4em;
}

/* line 32, ../../../../app/styles/player/flat-theme/_globals.scss */
h6 {
  font-size: 1.2em;
}

/* line 54, ../../../../app/styles/player/flat-theme/_globals.scss */
#playing-player .btn-overlay {
  background-color: #fff;
}

/* line 58, ../../../../app/styles/player/flat-theme/_globals.scss */
.button-grey {
  margin: 8px 11px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.1) !important;
  font-weight: bold;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #000000;
  border-radius: 40px;
  border: none;
  width: 100%;
  margin-left: 24px;
  margin-right: 24px;
  max-width: 326px;
  transition: border-color 0.35s ease, color 0.3s ease;
  cursor: pointer;
}
/* line 79, ../../../../app/styles/player/flat-theme/_globals.scss */
.button-grey:hover {
  background-color: rgba(0, 0, 0, 0.15) !important;
}

/* line 89, ../../../../app/styles/player/flat-theme/_globals.scss */
#app-container {
  position: relative;
  overflow-x: hidden;
  background-color: #fff;
  height: auto;
  min-height: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  z-index: 1001;
}

/* line 105, ../../../../app/styles/player/flat-theme/_globals.scss */
iframe#\:2\.container {
  z-index: 1;
  width: 100%;
}

/* line 111, ../../../../app/styles/player/flat-theme/_globals.scss */
iframe#\:2\.container {
  display: none;
}

/* line 117, ../../../../app/styles/player/flat-theme/_globals.scss */
.goog-tooltip,
.goog-tooltip:hover,
#goog-gt-,
#goog-gt-:hover,
#goog-gt-tt,
#goog-gt-tt:hover {
  display: none !important;
}

/* line 125, ../../../../app/styles/player/flat-theme/_globals.scss */
.goog-text-highlight {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* line 131, ../../../../app/styles/player/flat-theme/_globals.scss */
body .goog-te-menu-frame {
  -moz-box-shadow: 0 0 4px #838383;
  -webkit-box-shadow: 0 0 4px #838383;
  box-shadow: 0 0 4px #838383;
}

/* line 138, ../../../../app/styles/player/flat-theme/_globals.scss */
svg.goog-te-spinner {
  display: none;
}

/* line 142, ../../../../app/styles/player/flat-theme/_globals.scss */
.player-popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 102;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  background: #F4F4F4;
}
/* line 153, ../../../../app/styles/player/flat-theme/_globals.scss */
.player-popup:not(.visible), .player-popup.showing {
  display: none;
}
/* line 159, ../../../../app/styles/player/flat-theme/_globals.scss */
.player-popup.is_embedded:not(.is_extension_mode) {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: none;
}
/* line 163, ../../../../app/styles/player/flat-theme/_globals.scss */
.player-popup.is_embedded:not(.is_extension_mode) .close-popup-banner {
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
}
/* line 170, ../../../../app/styles/player/flat-theme/_globals.scss */
.player-popup .close-popup-banner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: #f4f4f4;
  font-family: "Libre Franklin", sans-serif;
}
/* line 185, ../../../../app/styles/player/flat-theme/_globals.scss */
.player-popup .close-popup-banner .close-info {
  display: flex;
  align-items: center;
}
/* line 190, ../../../../app/styles/player/flat-theme/_globals.scss */
.player-popup .close-popup-banner .close-name {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: black;
}
/* line 197, ../../../../app/styles/player/flat-theme/_globals.scss */
.player-popup .close-popup-banner .close-close-icon,
.player-popup .close-popup-banner .close-back-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 100%;
  position: absolute;
  z-index: 2;
}
/* line 208, ../../../../app/styles/player/flat-theme/_globals.scss */
.player-popup .close-popup-banner .close-close-icon {
  display: none;
  right: 0;
}
/* line 213, ../../../../app/styles/player/flat-theme/_globals.scss */
.player-popup .close-popup-banner .close-back-icon {
  left: 0;
}
/* line 217, ../../../../app/styles/player/flat-theme/_globals.scss */
.player-popup .close-popup-banner .close-text-hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: black;
  background: #f4f4f4;
}
/* line 235, ../../../../app/styles/player/flat-theme/_globals.scss */
.player-popup .close-popup-banner:hover .close-back-icon,
.player-popup .close-popup-banner:hover .close-text-hover {
  display: flex;
}
/* line 242, ../../../../app/styles/player/flat-theme/_globals.scss */
.player-popup .popup-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-top: 56px;
  overflow-y: auto;
  position: relative;
  z-index: 2;
}
/* line 252, ../../../../app/styles/player/flat-theme/_globals.scss */
.player-popup .popup_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  cursor: alias;
  z-index: 1;
}
/* line 262, ../../../../app/styles/player/flat-theme/_globals.scss */
.player-popup.small-popup {
  background: #FFF;
  bottom: var(--playbar-height);
  top: unset;
  left: unset;
  right: unset;
  height: unset;
  border: 1px solid #f4f4f4;
  border-bottom: 0 none;
  max-height: calc(100vh - var(--playbar-height) - 2px);
}
/* line 273, ../../../../app/styles/player/flat-theme/_globals.scss */
.player-popup.small-popup.is_embedded {
  border-color: #f4f4f4;
}

/* line 279, ../../../../app/styles/player/flat-theme/_globals.scss */
.tooltip {
  position: relative;
  width: 100%;
}
/* line 283, ../../../../app/styles/player/flat-theme/_globals.scss */
.tooltip .tooltip-inner {
  position: relative;
  text-overflow: ellipsis;
  cursor: help;
  white-space: nowrap;
  overflow: hidden;
}
/* line 291, ../../../../app/styles/player/flat-theme/_globals.scss */
.tooltip .tooltip-text {
  position: absolute;
  left: 0;
  line-height: 136%;
  font-size: 12px;
  background: #000;
  color: #fff;
  display: block;
  opacity: 0;
  padding: 5px;
  word-break: break-word;
  top: auto;
  bottom: 24px;
  z-index: -1;
}
/* line 306, ../../../../app/styles/player/flat-theme/_globals.scss */
.tooltip .tooltip-text span {
  opacity: 0.5;
}
/* line 312, ../../../../app/styles/player/flat-theme/_globals.scss */
.tooltip:hover .tooltip-text {
  opacity: 1;
  z-index: 1;
  transition-delay: 0.4s;
}
/* line 320, ../../../../app/styles/player/flat-theme/_globals.scss */
.tooltip:not(.show) .tooltip-inner, .disabled .tooltip .tooltip-inner, .unchangeable .tooltip .tooltip-inner, .unselectable .tooltip .tooltip-inner {
  cursor: inherit !important;
}
/* line 323, ../../../../app/styles/player/flat-theme/_globals.scss */
.tooltip:not(.show) .tooltip-text, .disabled .tooltip .tooltip-text, .unchangeable .tooltip .tooltip-text, .unselectable .tooltip .tooltip-text {
  display: none !important;
}

/* 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 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 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, .btn-blue {
  background-color: #0047FF;
}

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

/* line 12, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.background-green, .btn-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 {
  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 {
  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, .btn {
  color: #fff;
}

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

/* line 118, ../../../../app/styles/player/flat-theme/palette/_mixins.scss */
.image-logo-bright-png {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 25, ../../../../app/styles/player/flat-theme/_header.scss */
#header {
  background-color: transparent;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 38, ../../../../app/styles/player/flat-theme/_header.scss */
#header:not(.expanded) {
  display: none;
}
/* line 42, ../../../../app/styles/player/flat-theme/_header.scss */
#header .expanded-overlay {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  left: 0;
  top: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  transition: none;
  width: 100%;
  color: white;
}
/* line 63, ../../../../app/styles/player/flat-theme/_header.scss */
html.playbarHidden #header .expanded-overlay {
  border-bottom: none;
}
/* line 275, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-themed {
  background-color: white;
  position: relative;
  z-index: 101;
  width: 100%;
  height: 100%;
  max-width: 80%;
  max-height: 80%;
}
/* line 295, ../../../../app/styles/player/flat-theme/_header.scss */
html[data-device="mobilePortrait"] #header .header-themed {
  max-height: 100%;
}
@media screen and (max-height: 590px) {
  /* line 275, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-themed {
    max-height: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 890px) {
  /* line 275, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-themed {
    max-height: 100%;
    max-width: 100%;
  }
}
/* line 324, ../../../../app/styles/player/flat-theme/_header.scss */
html.playbarHidden #header .header-themed {
  bottom: 1px;
}
/* line 328, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-themed.background-image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
/* line 336, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover {
  display: flex;
  flex-direction: column;
  padding: 40px;
  height: 100%;
  text-align: left;
  border: 0 none;
  overflow: hidden;
}
/* line 349, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover:hover {
  overflow: overlay;
}
@supports not (overflow: overlay) {
  /* line 349, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .header-cover:hover {
    overflow: auto;
  }
}
@media screen and (max-width: 274px) {
  /* line 336, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .header-cover {
    padding: 16px;
    padding-top: 40px;
  }
}
/* line 358, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover .time {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-bottom: 20px;
}
/* line 364, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover .time span {
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  /* line 358, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .header-cover .time {
    font-size: 12px;
    gap: 15px;
  }
}
@media screen and (max-width: 274px) {
  /* line 358, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .header-cover .time {
    flex-direction: column;
    align-items: center;
  }
}
/* line 379, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover .logo {
  display: flex;
  align-items: center;
  height: 40px;
  width: max-content;
  flex-shrink: 0;
}
@media screen and (max-height: 550px) {
  /* line 379, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .header-cover .logo {
    height: 30px;
  }
}
@media screen and (max-width: 750px) {
  /* line 379, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .header-cover .logo {
    height: 30px;
  }
}
@media screen and (max-width: 274px) {
  /* line 379, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .header-cover .logo {
    height: 25px;
  }
}
/* line 394, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover .logo .logo-image {
  height: 100%;
  max-height: 36px;
}
/* line 399, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover .logo.no-logo {
  display: none;
}
/* line 404, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover .footer {
  display: flex;
  flex-grow: 1;
  align-items: end;
}
/* line 409, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover .footer .footer-inner {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 15px;
}
/* line 417, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover .footer .details-phrase .made_for_free_text {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
/* line 424, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover .footer .tooltip-text {
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  /* line 430, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .header-cover .footer .details-phrase .made_for_free_text {
    display: none;
  }
}
@media screen and (max-width: 360px) {
  /* line 437, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .header-cover .footer .details {
    min-width: calc(100% - 120px);
  }
  /* line 440, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .header-cover .footer .copyright {
    min-width: 70px;
  }
}
@media screen and (min-width: 1000px) {
  /* line 445, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .header-cover .footer .copyright {
    min-width: 250px;
  }
  /* line 448, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .header-cover .footer .details {
    min-width: calc(100% - 290px);
  }
}
/* line 454, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover .creator {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
@media screen and (max-height: 550px) {
  /* line 462, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .header-cover .creator.hide_mobile {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  /* line 462, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .header-cover .creator.hide_mobile {
    display: none;
  }
}
/* line 467, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover .creator img {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
/* line 474, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover .details {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  color: inherit;
  min-width: calc(100% - 200px);
  width: 100%;
}
/* line 484, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover .details .details-phrase {
  display: flex;
  align-items: center;
}
/* line 489, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover .details a {
  color: inherit;
  text-decoration: underline;
}
/* line 492, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover .details a:hover {
  color: var(--marker-color);
}
/* line 498, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover .free_link {
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  text-decoration: underline;
  color: inherit;
  white-space: nowrap;
}
/* line 506, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover .free_link:hover {
  color: var(--marker-color);
}
/* line 511, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover .copyright {
  font-weight: 400;
  font-size: 10px;
  line-height: 24px;
  min-width: 160px;
}
/* line 518, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .header-cover .copyright .tooltip-inner {
  opacity: 0.4;
}
/* line 524, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .title {
  width: 100%;
  max-width: calc(50% + 2*40px);
  display: flex;
  min-height: calc(50% - 2*40px - 40px);
  margin-top: 40px;
  margin-bottom: 40px;
  align-items: center;
  flex-shrink: 0;
}
@media screen and (max-height: 550px) {
  /* line 524, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .title {
    min-height: calc(50% - 2*16px - 30px);
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 100%;
  }
}
@media screen and (max-width: 750px) {
  /* line 524, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .title {
    min-height: calc(50% - 2*16px - 30px);
    margin-top: 20px;
    margin-bottom: 20px;
    max-width: 100%;
  }
}
@media screen and (max-width: 274px) {
  /* line 524, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .title {
    min-height: calc(50% - 2*16px - 25px);
  }
}
/* line 545, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .title .text {
  margin: 0;
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 35px;
  line-height: 116%;
  margin-bottom: 0;
  word-break: break-word;
  overflow-wrap: anywhere;
  font-family: 'Fahkwang';
}
/* line 557, ../../../../app/styles/player/flat-theme/_header.scss */
html.translated-rtl #header .header-inner .title .text {
  unicode-bidi: bidi-override !important;
  direction: rtl;
  text-align: right;
}
@media screen and (max-height: 640px) {
  /* line 545, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .title .text {
    font-size: 24px;
    font-weight: 500;
  }
}
@media screen and (max-height: 550px) {
  /* line 545, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .title .text {
    font-size: 21px;
    font-weight: 500;
  }
}
@media screen and (max-width: 750px) {
  /* line 545, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .title .text {
    font-size: 21px;
    font-weight: 500;
  }
}
/* line 576, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .group-actions {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
/* line 586, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .buttons {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 20px;
}
/* line 592, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .buttons .collapse-btn,
#header .header-inner .buttons .cover-btn {
  font-family: "Libre Franklin";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 136%;
  cursor: pointer;
  width: 210px;
  height: 56px;
  text-align: center;
  display: block;
  background: #fff;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 610, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .buttons .collapse-btn a,
#header .header-inner .buttons .cover-btn a {
  color: inherit;
}
/* line 614, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .buttons .collapse-btn:hover,
#header .header-inner .buttons .cover-btn:hover {
  background: #e2e2e2;
}
/* line 620, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .buttons .cover-btn:not(.active) {
  display: none;
}
/* line 625, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .buttons .modalLiveRedirecting {
  width: 274px;
  max-width: 100%;
  background: white;
  color: black;
  padding-bottom: 24px;
}
/* line 632, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .buttons .modalLiveRedirecting:not(.active) {
  display: none;
}
/* line 636, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .buttons .modalLiveRedirecting_icon {
  margin-top: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
/* line 644, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .buttons .modalLiveRedirecting_text {
  margin-top: 24px;
  margin-left: 24px;
  margin-right: 24px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
/* line 654, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .buttons .modalLiveRedirecting_status {
  margin-top: 24px;
  margin-left: 24px;
  margin-right: 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.4);
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line 668, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .buttons .modalLive {
  width: 274px;
  max-width: 100%;
  background: white;
  color: black;
  padding-bottom: 10px;
}
/* line 675, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .buttons .modalLive:not(.active) {
  display: none;
}
/* line 679, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .buttons .modalLive_text {
  margin-top: 24px;
  margin-left: 24px;
  margin-right: 24px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
/* line 689, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .buttons .modalLive_buttonStart, #header .header-inner .buttons .modalLive_buttonSkip {
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 20px);
  background: black;
  color: white;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}
/* line 701, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .buttons .modalLive_buttonStart:hover, #header .header-inner .buttons .modalLive_buttonSkip:hover {
  background: #3b3b3b;
}
/* line 705, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .buttons .modalLive_buttonSkip {
  background: white;
  color: black;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-weight: 600;
  font-size: 15px;
}
/* line 712, ../../../../app/styles/player/flat-theme/_header.scss */
#header .header-inner .buttons .modalLive_buttonSkip:hover {
  background: white;
  color: var(--site-theme-color);
}
@media screen and (max-height: 550px) {
  /* line 734, ../../../../app/styles/player/flat-theme/_header.scss */
  html[data-device="desktop"] #header .header-inner .header-cover .free_link {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  /* line 734, ../../../../app/styles/player/flat-theme/_header.scss */
  html[data-device="desktop"] #header .header-inner .header-cover .free_link {
    display: none;
  }
}

@media screen and (max-height: 840px) {
  /* line 746, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .header-cover {
    padding: 40px 40px 16px;
  }
  /* line 749, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .title {
    margin: 24px 0;
    min-height: calc(35% - 2*40px - 40px);
  }
}
@media screen and (max-height: 350px) {
  /* line 790, ../../../../app/styles/player/flat-theme/_header.scss */
  #header .header-inner .header-cover {
    padding: 10px 24px;
  }
}
/* line 798, ../../../../app/styles/player/flat-theme/_header.scss */
html[data-mode="mobilequick"] #main {
  margin-top: 0;
  overflow: hidden;
}
/* line 807, ../../../../app/styles/player/flat-theme/_header.scss */
html[data-mode="mobilequick"] #header .header-themed {
  width: calc(100% + 2px);
}
/* line 873, ../../../../app/styles/player/flat-theme/_header.scss */
html[data-mode="mobilequick"] #app-container.is_mobile #header {
  width: 100%;
  right: 0;
}

/* line 882, ../../../../app/styles/player/flat-theme/_header.scss */
html[data-mode="interactive"].finished #header .header-inner .pdf-btn {
  display: none;
}

/* line 890, ../../../../app/styles/player/flat-theme/_header.scss */
html[data-mode="quick"] #main {
  overflow: hidden;
  padding-right: 8px;
  background: #f4f4f4;
}
/* line 895, ../../../../app/styles/player/flat-theme/_header.scss */
html[data-mode="quick"] #main:hover {
  overflow: auto;
  padding-right: 0;
}
/* line 902, ../../../../app/styles/player/flat-theme/_header.scss */
html[data-mode="quick"] #header.expanded::after {
  content: none;
}

/* line 909, ../../../../app/styles/player/flat-theme/_header.scss */
iframe#\:0\.container,
iframe#\:2\.container {
  display: none;
}

/* line 4, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar,
html[data-mode="mobilequick"] #playbar,
html[data-mode="quick"] #playbar {
  position: fixed;
  width: 100%;
  height: var(--playbar-height);
  min-height: var(--playbar-height);
  bottom: 0;
  background: white;
  font-family: "Libre Franklin";
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  font-size: 15px;
  color: black;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 101;
  margin-left: -1px;
  margin-right: -1px;
}
/* line 24, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn,
html[data-mode="mobilequick"] #playbar .playbar-btn,
html[data-mode="quick"] #playbar .playbar-btn {
  min-width: auto;
  width: auto;
  height: 100%;
  background: #f4f4f4;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  border-right: 1px solid white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex: 1;
  position: relative;
}
/* line 41, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn button,
html[data-mode="mobilequick"] #playbar .playbar-btn button,
html[data-mode="quick"] #playbar .playbar-btn button {
  font-family: "Libre Franklin", sans-serif;
}
/* line 45, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.disabled,
html[data-mode="mobilequick"] #playbar .playbar-btn.disabled,
html[data-mode="quick"] #playbar .playbar-btn.disabled {
  pointer-events: none;
}
/* line 48, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.disabled > *,
html[data-mode="mobilequick"] #playbar .playbar-btn.disabled > *,
html[data-mode="quick"] #playbar .playbar-btn.disabled > * {
  opacity: 0.2;
}
/* line 52, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.disabled.unchangeable,
html[data-mode="mobilequick"] #playbar .playbar-btn.disabled.unchangeable,
html[data-mode="quick"] #playbar .playbar-btn.disabled.unchangeable {
  pointer-events: auto;
  cursor: not-allowed;
}
/* line 58, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.disabled.checkbox > *,
html[data-mode="mobilequick"] #playbar .playbar-btn.disabled.checkbox > *,
html[data-mode="quick"] #playbar .playbar-btn.disabled.checkbox > * {
  opacity: 1;
}
/* line 64, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.active,
html[data-mode="mobilequick"] #playbar .playbar-btn.active,
html[data-mode="quick"] #playbar .playbar-btn.active {
  background: #FFF;
}
/* line 66, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.active > *,
html[data-mode="mobilequick"] #playbar .playbar-btn.active > *,
html[data-mode="quick"] #playbar .playbar-btn.active > * {
  opacity: 1;
}
/* line 71, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn:not(.disabled):hover,
html[data-mode="mobilequick"] #playbar .playbar-btn:not(.disabled):hover,
html[data-mode="quick"] #playbar .playbar-btn:not(.disabled):hover {
  background-color: var(--marker-color-10);
}
/* line 101, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn:not(.disabled):hover .button-label,
html[data-mode="mobilequick"] #playbar .playbar-btn:not(.disabled):hover .button-label,
html[data-mode="quick"] #playbar .playbar-btn:not(.disabled):hover .button-label {
  opacity: 1;
  transition-delay: 0.5s;
}
/* line 107, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn .button-label,
html[data-mode="mobilequick"] #playbar .playbar-btn .button-label,
html[data-mode="quick"] #playbar .playbar-btn .button-label {
  opacity: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: black;
  background: white;
  white-space: nowrap;
  padding: 5px 10px;
  position: absolute;
  top: -12px;
  left: calc(50% + 12px);
  z-index: 1;
  pointer-events: none;
}
/* line 122, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn .button-label.right,
html[data-mode="mobilequick"] #playbar .playbar-btn .button-label.right,
html[data-mode="quick"] #playbar .playbar-btn .button-label.right {
  left: unset;
  right: calc(50% + 12px);
}
/* line 128, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn svg,
html[data-mode="mobilequick"] #playbar .playbar-btn svg,
html[data-mode="quick"] #playbar .playbar-btn svg {
  flex-shrink: 0;
}
/* line 133, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.selector-btn,
html[data-mode="mobilequick"] #playbar .playbar-btn.selector-btn,
html[data-mode="quick"] #playbar .playbar-btn.selector-btn {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Libre Franklin", sans-serif;
}
/* line 141, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.selector-btn .mode,
html[data-mode="mobilequick"] #playbar .playbar-btn.selector-btn .mode,
html[data-mode="quick"] #playbar .playbar-btn.selector-btn .mode {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  gap: 10px;
}
@media screen and (min-width: 700px) {
  /* line 141, ../../../../app/styles/player/flat-theme/_footer.scss */
  html[data-mode="interactive"] #playbar .playbar-btn.selector-btn .mode,
  html[data-mode="mobilequick"] #playbar .playbar-btn.selector-btn .mode,
  html[data-mode="quick"] #playbar .playbar-btn.selector-btn .mode {
    min-width: 95px;
  }
}
/* line 152, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.selector-btn .mode .mode-text,
html[data-mode="mobilequick"] #playbar .playbar-btn.selector-btn .mode .mode-text,
html[data-mode="quick"] #playbar .playbar-btn.selector-btn .mode .mode-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: inherit;
}
@media screen and (min-width: 980px) {
  /* line 152, ../../../../app/styles/player/flat-theme/_footer.scss */
  html[data-mode="interactive"] #playbar .playbar-btn.selector-btn .mode .mode-text,
  html[data-mode="mobilequick"] #playbar .playbar-btn.selector-btn .mode .mode-text,
  html[data-mode="quick"] #playbar .playbar-btn.selector-btn .mode .mode-text {
    font-size: 15px;
  }
}
/* line 165, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.watch-mode-speed,
html[data-mode="mobilequick"] #playbar .playbar-btn.watch-mode-speed,
html[data-mode="quick"] #playbar .playbar-btn.watch-mode-speed {
  color: inherit;
}
/* line 170, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.step-progress-block .step-progress-remaining-time,
html[data-mode="mobilequick"] #playbar .playbar-btn.step-progress-block .step-progress-remaining-time,
html[data-mode="quick"] #playbar .playbar-btn.step-progress-block .step-progress-remaining-time {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 176, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.step-progress-block .step-progress-btn,
html[data-mode="mobilequick"] #playbar .playbar-btn.step-progress-block .step-progress-btn,
html[data-mode="quick"] #playbar .playbar-btn.step-progress-block .step-progress-btn {
  width: 100%;
  height: 100%;
  margin-left: 0;
  color: inherit;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}
/* line 186, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.step-progress-block .step-progress-btn .step-progress-icon,
html[data-mode="mobilequick"] #playbar .playbar-btn.step-progress-block .step-progress-btn .step-progress-icon,
html[data-mode="quick"] #playbar .playbar-btn.step-progress-block .step-progress-btn .step-progress-icon {
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: none;
}
/* line 196, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.step-progress-block .step-progress-btn .step-progress-icon svg.step-progress-pause-svg,
html[data-mode="mobilequick"] #playbar .playbar-btn.step-progress-block .step-progress-btn .step-progress-icon svg.step-progress-pause-svg,
html[data-mode="quick"] #playbar .playbar-btn.step-progress-block .step-progress-btn .step-progress-icon svg.step-progress-pause-svg {
  display: block;
}
/* line 200, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.step-progress-block .step-progress-btn .step-progress-icon svg.step-progress-play-svg,
html[data-mode="mobilequick"] #playbar .playbar-btn.step-progress-block .step-progress-btn .step-progress-icon svg.step-progress-play-svg,
html[data-mode="quick"] #playbar .playbar-btn.step-progress-block .step-progress-btn .step-progress-icon svg.step-progress-play-svg {
  display: none;
}
/* line 207, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.step-progress-block .step-progress-btn .step-progress-icon.step-progress-play svg.step-progress-pause-svg,
html[data-mode="mobilequick"] #playbar .playbar-btn.step-progress-block .step-progress-btn .step-progress-icon.step-progress-play svg.step-progress-pause-svg,
html[data-mode="quick"] #playbar .playbar-btn.step-progress-block .step-progress-btn .step-progress-icon.step-progress-play svg.step-progress-pause-svg {
  display: none;
}
/* line 211, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.step-progress-block .step-progress-btn .step-progress-icon.step-progress-play svg.step-progress-play-svg,
html[data-mode="mobilequick"] #playbar .playbar-btn.step-progress-block .step-progress-btn .step-progress-icon.step-progress-play svg.step-progress-play-svg,
html[data-mode="quick"] #playbar .playbar-btn.step-progress-block .step-progress-btn .step-progress-icon.step-progress-play svg.step-progress-play-svg {
  display: block;
}
/* line 217, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.step-progress-block .step-progress-btn .step-progress-icon:hover,
html[data-mode="mobilequick"] #playbar .playbar-btn.step-progress-block .step-progress-btn .step-progress-icon:hover,
html[data-mode="quick"] #playbar .playbar-btn.step-progress-block .step-progress-btn .step-progress-icon:hover {
  opacity: 1;
}
/* line 238, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.step-progress-block:hover .step-progress-remaining-time,
html[data-mode="mobilequick"] #playbar .playbar-btn.step-progress-block:hover .step-progress-remaining-time,
html[data-mode="quick"] #playbar .playbar-btn.step-progress-block:hover .step-progress-remaining-time {
  display: none;
}
/* line 242, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.step-progress-block:hover .step-progress-btn,
html[data-mode="mobilequick"] #playbar .playbar-btn.step-progress-block:hover .step-progress-btn,
html[data-mode="quick"] #playbar .playbar-btn.step-progress-block:hover .step-progress-btn {
  display: flex;
}
/* line 253, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.prev.rotated svg,
html[data-mode="mobilequick"] #playbar .playbar-btn.prev.rotated svg,
html[data-mode="quick"] #playbar .playbar-btn.prev.rotated svg {
  transform: rotate(90deg);
}
/* line 261, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.next.rotated:not(.checkbox) svg,
html[data-mode="mobilequick"] #playbar .playbar-btn.next.rotated:not(.checkbox) svg,
html[data-mode="quick"] #playbar .playbar-btn.next.rotated:not(.checkbox) svg {
  transform: rotate(90deg);
}
/* line 266, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.next.blink,
html[data-mode="mobilequick"] #playbar .playbar-btn.next.blink,
html[data-mode="quick"] #playbar .playbar-btn.next.blink {
  animation: blink 0.8s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}
@keyframes blink {
  from {
    opacity: 0.2;
  }
  to {
    opacity: 1;
  }
}
/* line 282, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.next.blink:hover,
html[data-mode="mobilequick"] #playbar .playbar-btn.next.blink:hover,
html[data-mode="quick"] #playbar .playbar-btn.next.blink:hover {
  animation: none;
  opacity: 1;
}
/* line 292, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.zoom-btn.zoom-in svg.zoom-out-svg,
html[data-mode="mobilequick"] #playbar .playbar-btn.zoom-btn.zoom-in svg.zoom-out-svg,
html[data-mode="quick"] #playbar .playbar-btn.zoom-btn.zoom-in svg.zoom-out-svg {
  display: none;
}
/* line 296, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.zoom-btn.zoom-in svg.zoom-in-svg,
html[data-mode="mobilequick"] #playbar .playbar-btn.zoom-btn.zoom-in svg.zoom-in-svg,
html[data-mode="quick"] #playbar .playbar-btn.zoom-btn.zoom-in svg.zoom-in-svg {
  display: block;
}
/* line 303, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.zoom-btn svg.zoom-out-svg,
html[data-mode="mobilequick"] #playbar .playbar-btn.zoom-btn svg.zoom-out-svg,
html[data-mode="quick"] #playbar .playbar-btn.zoom-btn svg.zoom-out-svg {
  display: block;
}
/* line 307, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.zoom-btn svg.zoom-in-svg,
html[data-mode="mobilequick"] #playbar .playbar-btn.zoom-btn svg.zoom-in-svg,
html[data-mode="quick"] #playbar .playbar-btn.zoom-btn svg.zoom-in-svg {
  display: none;
}
/* line 312, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.zoom-btn:hover,
html[data-mode="mobilequick"] #playbar .playbar-btn.zoom-btn:hover,
html[data-mode="quick"] #playbar .playbar-btn.zoom-btn:hover {
  opacity: 1;
}
/* line 329, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.media-btn,
html[data-mode="mobilequick"] #playbar .playbar-btn.media-btn,
html[data-mode="quick"] #playbar .playbar-btn.media-btn {
  height: 100%;
  width: 100%;
  border-left: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 337, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.media-btn .audio,
html[data-mode="mobilequick"] #playbar .playbar-btn.media-btn .audio,
html[data-mode="quick"] #playbar .playbar-btn.media-btn .audio {
  display: none;
}
/* line 342, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.media-btn.audioOnly .media,
html[data-mode="mobilequick"] #playbar .playbar-btn.media-btn.audioOnly .media,
html[data-mode="quick"] #playbar .playbar-btn.media-btn.audioOnly .media {
  display: none;
}
/* line 346, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.media-btn.audioOnly .audio,
html[data-mode="mobilequick"] #playbar .playbar-btn.media-btn.audioOnly .audio,
html[data-mode="quick"] #playbar .playbar-btn.media-btn.audioOnly .audio {
  display: block;
}
/* line 364, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.share-btn,
html[data-mode="mobilequick"] #playbar .playbar-btn.share-btn,
html[data-mode="quick"] #playbar .playbar-btn.share-btn {
  display: flex;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  position: relative;
}
/* line 375, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.comments-btn,
html[data-mode="mobilequick"] #playbar .playbar-btn.comments-btn,
html[data-mode="quick"] #playbar .playbar-btn.comments-btn {
  display: flex;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  position: relative;
}
/* line 385, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.comments-btn .comments-btn-newIndicator,
html[data-mode="mobilequick"] #playbar .playbar-btn.comments-btn .comments-btn-newIndicator,
html[data-mode="quick"] #playbar .playbar-btn.comments-btn .comments-btn-newIndicator {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  top: 18px;
  right: calc(50% - 11px);
  display: block;
  background: var(--marker-color);
}
/* line 397, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.fullscreen-btn,
html[data-mode="mobilequick"] #playbar .playbar-btn.fullscreen-btn,
html[data-mode="quick"] #playbar .playbar-btn.fullscreen-btn {
  height: 100%;
  width: 100%;
  border-left: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 405, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .playbar-btn.fullscreen-btn .fullscreen-icon,
html[data-mode="mobilequick"] #playbar .playbar-btn.fullscreen-btn .fullscreen-icon,
html[data-mode="quick"] #playbar .playbar-btn.fullscreen-btn .fullscreen-icon {
  padding: 0;
  width: auto;
  height: auto;
}
/* line 412, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .free-favicon-container,
html[data-mode="mobilequick"] #playbar .free-favicon-container,
html[data-mode="quick"] #playbar .free-favicon-container {
  display: flex;
  height: 100%;
  margin-left: auto;
}
/* line 418, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .free-block,
html[data-mode="mobilequick"] #playbar .free-block,
html[data-mode="quick"] #playbar .free-block {
  flex-grow: 1;
  min-width: calc(274px - var(--playbar-height));
  max-width: calc(274px - var(--playbar-height));
}
@media screen and (max-height: 550px) {
  /* line 418, ../../../../app/styles/player/flat-theme/_footer.scss */
  html[data-mode="interactive"] #playbar .free-block,
  html[data-mode="mobilequick"] #playbar .free-block,
  html[data-mode="quick"] #playbar .free-block {
    min-width: calc(192px - var(--playbar-height));
    max-width: calc(192px - var(--playbar-height));
  }
}
@media screen and (max-width: 750px) {
  /* line 418, ../../../../app/styles/player/flat-theme/_footer.scss */
  html[data-mode="interactive"] #playbar .free-block,
  html[data-mode="mobilequick"] #playbar .free-block,
  html[data-mode="quick"] #playbar .free-block {
    min-width: calc(192px - var(--playbar-height));
    max-width: calc(192px - var(--playbar-height));
  }
}
/* line 427, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .free-block .free-btn,
html[data-mode="mobilequick"] #playbar .free-block .free-btn,
html[data-mode="quick"] #playbar .free-block .free-btn {
  height: 100%;
  width: 100%;
  min-width: 0;
  border-left: none;
  display: block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 15px;
  position: relative;
  transition: none;
  background-color: #f4f4f4;
  cursor: pointer;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  font-family: "Libre Franklin", sans-serif;
}
/* line 446, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .free-block .free-btn::before,
html[data-mode="mobilequick"] #playbar .free-block .free-btn::before,
html[data-mode="quick"] #playbar .free-block .free-btn::before {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #f4f4f4);
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 30px;
}
/* line 457, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .free-block:not(.disabled):hover,
html[data-mode="mobilequick"] #playbar .free-block:not(.disabled):hover,
html[data-mode="quick"] #playbar .free-block:not(.disabled):hover {
  max-width: none;
}
/* line 460, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .free-block:not(.disabled):hover .free-btn,
html[data-mode="mobilequick"] #playbar .free-block:not(.disabled):hover .free-btn,
html[data-mode="quick"] #playbar .free-block:not(.disabled):hover .free-btn {
  background-color: var(--marker-color-10);
}
/* line 464, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .free-block:not(.disabled):hover .free-btn::before,
html[data-mode="mobilequick"] #playbar .free-block:not(.disabled):hover .free-btn::before,
html[data-mode="quick"] #playbar .free-block:not(.disabled):hover .free-btn::before {
  content: none;
}
/* line 469, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .free-block.full-width,
html[data-mode="mobilequick"] #playbar .free-block.full-width,
html[data-mode="quick"] #playbar .free-block.full-width {
  min-width: 274px;
  max-width: 274px;
}
@media screen and (max-height: 550px) {
  /* line 469, ../../../../app/styles/player/flat-theme/_footer.scss */
  html[data-mode="interactive"] #playbar .free-block.full-width,
  html[data-mode="mobilequick"] #playbar .free-block.full-width,
  html[data-mode="quick"] #playbar .free-block.full-width {
    min-width: 192px;
    max-width: 192px;
  }
}
@media screen and (max-width: 750px) {
  /* line 469, ../../../../app/styles/player/flat-theme/_footer.scss */
  html[data-mode="interactive"] #playbar .free-block.full-width,
  html[data-mode="mobilequick"] #playbar .free-block.full-width,
  html[data-mode="quick"] #playbar .free-block.full-width {
    min-width: 192px;
    max-width: 192px;
  }
}
/* line 476, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .free-block.full-width:hover,
html[data-mode="mobilequick"] #playbar .free-block.full-width:hover,
html[data-mode="quick"] #playbar .free-block.full-width:hover {
  max-width: none;
}
/* line 482, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .favicon-block,
html[data-mode="mobilequick"] #playbar .favicon-block,
html[data-mode="quick"] #playbar .favicon-block {
  margin-left: auto;
  width: var(--playbar-height);
  min-width: var(--playbar-height);
  flex-grow: 0;
  flex-shrink: 0;
  background: white;
  border: 1px solid #f4f4f4;
  border-left: none;
}
/* line 492, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .favicon-block .favicon-btn,
html[data-mode="mobilequick"] #playbar .favicon-block .favicon-btn,
html[data-mode="quick"] #playbar .favicon-block .favicon-btn {
  height: 100%;
  width: 100%;
  border-left: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 500, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-mode="interactive"] #playbar .favicon-block .favicon-btn .favicon-icon,
html[data-mode="mobilequick"] #playbar .favicon-block .favicon-btn .favicon-icon,
html[data-mode="quick"] #playbar .favicon-block .favicon-btn .favicon-icon {
  padding: 0;
  width: auto;
  height: auto;
  max-width: 16px;
  max-height: 16px;
}

/* line 513, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-device="mobilePortrait"] .playbar-btn.selector-btn .mode .mode-text {
  display: none;
}

/* line 522, ../../../../app/styles/player/flat-theme/_footer.scss */
html[data-device="desktop"] #main.with_footer,
html[data-device="mobilePortrait"][data-mode="interactive"] #main.with_footer {
  height: calc(100% - var(--playbar-height) + 1px);
}

/* line 527, ../../../../app/styles/player/flat-theme/_footer.scss */
#header.expanded.with_footer {
  height: calc(100vh - var(--playbar-height));
}

/* line 531, ../../../../app/styles/player/flat-theme/_footer.scss */
.mobile-quickview.with_footer .bx-viewport .step {
  height: calc(100vh - var(--playbar-height)) !important;
}

/* line 537, ../../../../app/styles/player/flat-theme/_footer.scss */
html #playbar.disabled .playbar-btn, html #playbar.disabled .playbar-btn.disabled {
  pointer-events: none;
}
/* line 540, ../../../../app/styles/player/flat-theme/_footer.scss */
html #playbar.disabled .playbar-btn > *, html #playbar.disabled .playbar-btn.checkbox > *, html #playbar.disabled .playbar-btn.disabled > *, html #playbar.disabled .playbar-btn.disabled.checkbox > * {
  opacity: 0.2;
}
/* line 545, ../../../../app/styles/player/flat-theme/_footer.scss */
html #playbar.disabled .playbar-btn.active > *, html #playbar.disabled .playbar-btn.disabled.active > * {
  opacity: 1;
}
/* line 550, ../../../../app/styles/player/flat-theme/_footer.scss */
html #playbar.disabled .playbar-btn .button-label, html #playbar.disabled .playbar-btn.disabled .button-label {
  opacity: 0;
}

/* line 2, ../../../../app/styles/player/flat-theme/partials/_mobile-cover.scss */
.mobile-quickview .bx-wrapper {
  height: 100%;
}

/* line 2, ../../../../app/styles/player/common/_playbar-selector.scss */
#selector .mode-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: white;
}
/* line 9, ../../../../app/styles/player/common/_playbar-selector.scss */
#selector .mode-list .mode-item {
  background: #fff;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer;
  position: relative;
  width: 100%;
  height: 56px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 16px;
}
/* line 21, ../../../../app/styles/player/common/_playbar-selector.scss */
#selector .mode-list .mode-item:first-child {
  border-top: none;
}
/* line 25, ../../../../app/styles/player/common/_playbar-selector.scss */
#selector .mode-list .mode-item.active {
  order: -1;
}
/* line 27, ../../../../app/styles/player/common/_playbar-selector.scss */
#selector .mode-list .mode-item.active:not(:first-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
/* line 32, ../../../../app/styles/player/common/_playbar-selector.scss */
#selector .mode-list .mode-item.active .text-btn .checked-icon {
  display: flex;
}
/* line 40, ../../../../app/styles/player/common/_playbar-selector.scss */
#selector .mode-list .mode-item:hover {
  background-color: var(--marker-color-10);
}
/* line 42, ../../../../app/styles/player/common/_playbar-selector.scss */
#selector .mode-list .mode-item:hover .text-btn .copy_link_btn {
  display: flex;
}
/* line 50, ../../../../app/styles/player/common/_playbar-selector.scss */
#selector .mode-list:not(.copy-link-hidden) .mode-item:hover .text-btn .checked-icon {
  display: none;
}
/* line 56, ../../../../app/styles/player/common/_playbar-selector.scss */
#selector .mode-list .text-btn {
  display: flex;
  width: 100%;
}
/* line 60, ../../../../app/styles/player/common/_playbar-selector.scss */
#selector .mode-list .text-btn .name-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}
/* line 66, ../../../../app/styles/player/common/_playbar-selector.scss */
#selector .mode-list .text-btn .name {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  margin: 0 24px;
  margin-right: 12px;
  min-width: 145px;
  flex-grow: 1;
}
/* line 78, ../../../../app/styles/player/common/_playbar-selector.scss */
#selector .mode-list .text-btn .copy_link_btn, #selector .mode-list .text-btn .checked-icon {
  display: none;
  padding: 0;
  cursor: pointer;
  position: absolute;
  right: 10px;
}
/* line 88, ../../../../app/styles/player/common/_playbar-selector.scss */
#selector .mode-list .text-btn .copy_link_btn:hover svg path {
  fill: black;
}
/* line 94, ../../../../app/styles/player/common/_playbar-selector.scss */
#selector .mode-list .text-btn .name-icon, #selector .mode-list .text-btn .checked-icon {
  display: flex;
  align-items: center;
}
/* line 99, ../../../../app/styles/player/common/_playbar-selector.scss */
#selector .mode-list .text-btn .checked-icon {
  display: none;
}
/* line 114, ../../../../app/styles/player/common/_playbar-selector.scss */
#selector.small-popup .mode-list .mode-item .text-btn .name {
  margin: 0 20px;
}
/* line 143, ../../../../app/styles/player/common/_playbar-selector.scss */
html[data-device="mobilePortrait"] #selector .popup-content {
  background: #fff;
}

/* line 2, ../../../../app/styles/player/common/_playbar-export.scss */
#export .print-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: white;
}
/* line 10, ../../../../app/styles/player/common/_playbar-export.scss */
#export .print-container .print-button {
  background: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  font-family: Libre Franklin;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #000;
  cursor: pointer;
  width: 100%;
  height: 56px;
  padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
/* line 25, ../../../../app/styles/player/common/_playbar-export.scss */
#export .print-container .print-button:not(.focus-visible:focus) {
  outline: none;
}
/* line 29, ../../../../app/styles/player/common/_playbar-export.scss */
#export .print-container .print-button:first-child {
  border-top: none;
}
/* line 33, ../../../../app/styles/player/common/_playbar-export.scss */
#export .print-container .print-button .print-icon {
  display: flex;
  flex-shrink: 0;
}
/* line 38, ../../../../app/styles/player/common/_playbar-export.scss */
#export .print-container .print-button .print-text, #export .print-container .print-button .print-text-loading {
  white-space: nowrap;
}
/* line 42, ../../../../app/styles/player/common/_playbar-export.scss */
#export .print-container .print-button .print-text-loading {
  opacity: 0.4;
}
/* line 46, ../../../../app/styles/player/common/_playbar-export.scss */
#export .print-container .print-button .print-text-loading {
  display: none;
}
/* line 50, ../../../../app/styles/player/common/_playbar-export.scss */
#export .print-container .print-button.loading {
  cursor: default;
}
/* line 52, ../../../../app/styles/player/common/_playbar-export.scss */
#export .print-container .print-button.loading .print-text {
  display: none;
}
/* line 56, ../../../../app/styles/player/common/_playbar-export.scss */
#export .print-container .print-button.loading .print-text-loading {
  display: block;
}
/* line 60, ../../../../app/styles/player/common/_playbar-export.scss */
#export .print-container .print-button.loading .print-icon {
  opacity: 0.4;
}
/* line 65, ../../../../app/styles/player/common/_playbar-export.scss */
#export .print-container .print-button:not(.loading):hover {
  background: var(--marker-color-10);
}

/* line 2, ../../../../app/styles/player/common/_playbar-share.scss */
#share .close-share-popup {
  z-index: 3;
}
/* line 6, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow-x: hidden;
}
/* line 14, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner {
  width: 100%;
}
/* line 18, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_shareList_shareItem {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: black;
  width: 100%;
  height: 56px;
  flex-shrink: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 16px;
  cursor: pointer;
  position: relative;
  background-color: transparent;
  font-family: "Libre Franklin", sans-serif;
}
/* line 33, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_shareList_shareItem:hover {
  background: var(--marker-color-10);
}
/* line 36, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_shareList_shareItem:hover .button-tooltip {
  opacity: 1;
  transition-delay: 1s;
}
/* line 42, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_shareList_shareItem:first-child {
  border-top: none;
}
/* line 46, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_shareList_shareItem_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 100%;
  flex-shrink: 0;
}
/* line 55, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_shareList_shareItem_label {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: inherit;
  width: 100%;
  min-width: 145px;
  text-align: left;
}
/* line 66, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_shareList_shareItem_button {
  display: flex;
  align-items: center;
}
/* line 71, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_shareList_shareItem .button-tooltip {
  border: 1px solid white;
  opacity: 0;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: black;
  background: var(--marker-color-10);
  white-space: nowrap;
  padding: 5px 10px;
  position: absolute;
  bottom: -15px;
  left: calc(50% + 12px);
  z-index: 1;
  pointer-events: none;
}
/* line 90, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_modePopup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 102;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  background: #F4F4F4;
}
/* line 101, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_modePopup:not(.expanded) {
  display: none;
}
/* line 105, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_modePopup .mode-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
/* line 112, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_modePopup .search-wrapper {
  height: 56px;
  display: flex;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background: white;
  position: sticky;
  top: 0;
  z-index: 1;
  margin-bottom: 2px;
}
/* line 123, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_modePopup .search-wrapper.active {
  border-bottom-color: black;
}
/* line 127, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_modePopup .search-wrapper.active .search-icon svg path {
  stroke: var(--marker-color);
}
/* line 133, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_modePopup .search-wrapper .search-icon {
  height: 100%;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 141, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_modePopup .search-wrapper .filter-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}
/* line 148, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_modePopup .search-wrapper .filter-container input {
  height: 100%;
  width: 100%;
  display: block;
  border: 0 none;
  background: transparent;
  caret-color: var(--marker-color);
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: black;
}
/* line 159, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_modePopup .search-wrapper .filter-container input:not(.focus-visible:focus) {
  outline: none;
}
/* line 166, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_modePopup .mode-list {
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* line 174, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_modePopup .mode-list .mode-item {
  width: 100%;
  padding: 0 16px;
  height: 56px;
  background: #FFF;
  color: #000;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
/* line 187, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_modePopup .mode-list .mode-item:first-child {
  border-top: none;
}
/* line 191, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_modePopup .mode-list .mode-item .checkmark {
  position: absolute;
  right: 16px;
}
/* line 196, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_modePopup .mode-list .mode-item.active {
  order: -1;
}
/* line 200, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_modePopup .mode-list .mode-item:hover {
  background: var(--marker-color-10);
}
/* line 204, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_modePopup .mode-list .mode-item a {
  color: inherit;
}
/* line 208, ../../../../app/styles/player/common/_playbar-share.scss */
#share .share-container_inner_modePopup .mode-list .mode-item button {
  background-color: transparent;
}
@media screen and (max-height: 550px) {
  /* line 215, ../../../../app/styles/player/common/_playbar-share.scss */
  #share .share-container_inner_modePopup .search-wrapper {
    height: 40px;
    margin-bottom: 5px;
  }
  /* line 220, ../../../../app/styles/player/common/_playbar-share.scss */
  #share .share-container_inner_modePopup .mode-list {
    row-gap: 5px;
  }
}
@media screen and (max-width: 750px) {
  /* line 215, ../../../../app/styles/player/common/_playbar-share.scss */
  #share .share-container_inner_modePopup .search-wrapper {
    height: 40px;
    margin-bottom: 5px;
  }
  /* line 220, ../../../../app/styles/player/common/_playbar-share.scss */
  #share .share-container_inner_modePopup .mode-list {
    row-gap: 5px;
  }
}
/* line 226, ../../../../app/styles/player/common/_playbar-share.scss */
html[data-device="mobilePortrait"] #share .share-container_inner_modePopup .search-wrapper {
  margin-bottom: 0;
}
/* line 230, ../../../../app/styles/player/common/_playbar-share.scss */
html[data-device="mobilePortrait"] #share .share-container_inner_modePopup .mode-list {
  row-gap: 0;
}
/* line 233, ../../../../app/styles/player/common/_playbar-share.scss */
html[data-device="mobilePortrait"] #share .share-container_inner_modePopup .mode-list .mode-item {
  padding: 9.5px 16px;
}
/* line 244, ../../../../app/styles/player/common/_playbar-share.scss */
#share.small-popup .share-container .share-container_inner {
  position: relative;
}
/* line 248, ../../../../app/styles/player/common/_playbar-share.scss */
#share.small-popup .share-container .share-container_inner_modePopup {
  position: absolute;
  top: -56px;
  height: unset;
  background: #fff;
}

/* line 2, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #fff;
}
/* line 11, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
/* line 18, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: black;
  width: 100%;
  height: 56px;
  flex-shrink: 0;
  padding: 0 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
  order: 0;
  font-family: "Libre Franklin", sans-serif;
  background-color: transparent;
}
/* line 33, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-item:first-child {
  border-top: none;
}
/* line 37, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-item[data-type="language"] {
  order: -1 !important;
}
/* line 41, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-item.disabled, #media .media-item.unchangeable, #media .media-item.unselectable {
  opacity: 0.4;
  order: 1;
}
/* line 46, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-item.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
/* line 51, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-item.unselectable {
  cursor: help;
  pointer-events: auto;
}
/* line 57, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-item:not(.disabled):not(.unchangeable):not(.unselectable) {
  cursor: pointer;
}
/* line 60, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-item:not(.disabled):not(.unchangeable):not(.unselectable):hover {
  background: var(--marker-color-10);
}
/* line 65, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-icon {
  width: 16px;
  flex-shrink: 0;
}
/* line 70, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-label {
  margin-left: 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: inherit;
  width: 100%;
  text-align: left;
}
/* line 80, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-button {
  display: flex;
  align-items: center;
}
/* line 85, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-checkbox {
  position: relative;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 93, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-checkbox .checkbox-checked, #media .media-checkbox .checkbox-default {
  display: block;
}
/* line 97, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-checkbox .checkbox-default {
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: 15px;
  height: 15px;
}
/* line 103, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-checkbox .checkbox-checked {
  display: none;
  width: 11px;
  height: 9px;
}
/* line 109, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-checkbox input {
  opacity: 0;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}
/* line 119, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-checkbox input:checked ~ .checkbox-default {
  display: none;
}
/* line 123, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-checkbox input:checked ~ .checkbox-checked {
  display: block;
}
/* line 129, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-checkbox input.focus-visible:focus ~ .checkbox-default, #media .media-checkbox input.focus-visible:focus ~ .checkbox-checked {
  outline: 1px solid black;
}
/* line 133, ../../../../app/styles/player/common/_playbar-media.scss */
#media .media-checkbox input.focus-visible:focus ~ .checkbox-checked {
  outline-offset: 3px;
}

/* line 140, ../../../../app/styles/player/common/_playbar-media.scss */
#language {
  height: 100%;
}
/* line 142, ../../../../app/styles/player/common/_playbar-media.scss */
#language .language-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
/* line 149, ../../../../app/styles/player/common/_playbar-media.scss */
#language .search-wrapper {
  height: 56px;
  display: flex;
  flex-shrink: 0;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background: white;
  position: sticky;
  top: 0;
  z-index: 1;
}
/* line 160, ../../../../app/styles/player/common/_playbar-media.scss */
#language .search-wrapper.active {
  border-bottom-color: black;
}
/* line 164, ../../../../app/styles/player/common/_playbar-media.scss */
#language .search-wrapper .filter-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  padding: 0 16px;
}
/* line 172, ../../../../app/styles/player/common/_playbar-media.scss */
#language .search-wrapper .filter-container input {
  height: 100%;
  width: 100%;
  display: block;
  border: 0 none;
  background: transparent;
  caret-color: var(--marker-color);
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: black;
}
/* line 183, ../../../../app/styles/player/common/_playbar-media.scss */
#language .search-wrapper .filter-container input:not(.focus-visible:focus) {
  outline: none;
}
/* line 190, ../../../../app/styles/player/common/_playbar-media.scss */
#language .language-list {
  padding: 0;
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* line 198, ../../../../app/styles/player/common/_playbar-media.scss */
#language .language-list .language-item {
  width: 100%;
  background: #FFF;
  color: #000;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 56px;
  padding: 0 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
/* line 211, ../../../../app/styles/player/common/_playbar-media.scss */
#language .language-list .language-item:first-child {
  border-top: none;
}
/* line 215, ../../../../app/styles/player/common/_playbar-media.scss */
#language .language-list .language-item .checkmark {
  position: absolute;
  right: 16px;
}
/* line 220, ../../../../app/styles/player/common/_playbar-media.scss */
#language .language-list .language-item.active {
  order: -1;
}
/* line 224, ../../../../app/styles/player/common/_playbar-media.scss */
#language .language-list .language-item:hover {
  background: var(--marker-color-10);
}
/* line 228, ../../../../app/styles/player/common/_playbar-media.scss */
#language .language-list .language-item button {
  background-color: transparent;
}

/* line 2, ../../../../app/styles/player/common/_playbar-advanced.scss */
#advanced .advanced-container {
  display: flex;
  width: 100%;
  height: 100%;
  background: #fff;
}
/* line 8, ../../../../app/styles/player/common/_playbar-advanced.scss */
#advanced .advanced-container .advanced-buttons {
  display: flex;
  flex-direction: column;
}
/* line 13, ../../../../app/styles/player/common/_playbar-advanced.scss */
#advanced .advanced-container .advanced-button {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: 100%;
  height: 56px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 16px;
  background-color: transparent;
  font-family: "Libre Franklin", sans-serif;
}
/* line 24, ../../../../app/styles/player/common/_playbar-advanced.scss */
#advanced .advanced-container .advanced-button:first-child {
  border-top: none;
}
/* line 28, ../../../../app/styles/player/common/_playbar-advanced.scss */
#advanced .advanced-container .advanced-button svg {
  width: 27px;
  flex-shrink: 0;
}
/* line 33, ../../../../app/styles/player/common/_playbar-advanced.scss */
#advanced .advanced-container .advanced-button > span {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: #000;
  margin-left: 20px;
  flex-grow: 1;
  text-align: left;
}
/* line 43, ../../../../app/styles/player/common/_playbar-advanced.scss */
#advanced .advanced-container .advanced-button:hover {
  background: var(--marker-color-10);
}