@latest-thinking/lt-player 1.1.0-s → 1.1.0-u

package/examples/lt-page-with-player_files/lt-player.css

@@ -0,0 +1,3795 @@
+@charset "UTF-8";
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+}
+
+.lt-player {
+  display: flex;
+  width: 100%;
+}
+
+.lt-player-orientation--portrait {
+  container: portrait/inline-size;
+}
+.lt-player-orientation--landscape {
+  container: landscape/inline-size;
+}
+
+.invisible {
+  visibility: hidden;
+}
+
+.overflow-hidden-body-important {
+  overflow: hidden !important;
+}
+
+.d-none {
+  display: none !important;
+}
+
+.lt-player-orientation--portrait .lt-player-notification .lt-player-video-content .poster-title, .lt-player-notification .lt-player-video-content .poster-title, .plyr .lt-player__poster__body .content__body .poster-paragraph, .plyr .lt-player__poster__body .content__header .poster-title {
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 3;
+  word-break: break-word;
+}
+
+.plyr .share-controller .share-active .share-controller-content .share-controller-icons a .share-icon__icon, .plyr .share-controller .share-active .share-controller-content .share-controller-icons, .plyr .share-controller .share-active .share-controller-content .share-controller-link-wrapper, .lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-icons a .share-icon__icon, .lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-icons, .lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-link-wrapper, .plyr .lt-player-mini-player-controls {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.plyr .share-controller .share-active .share-controller-content .share-controller-link-wrapper .share-controller-link, .lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-link-wrapper .share-controller-link, .plyr__controls .settings-controllers-enable__button-save .button-save, .lt-player-mobile-settings-modal .settings-controllers-enable__button-save .button-save, .lt-player__additional-info-mobile button,
+.lt-player .lt-player__additional-info__is_set_in-side button, .lt-player__additional-info button, .lt-player-notification__notification-button-state .player-state, .plyr .lt-player-mini-player-controls__play-button, .plyr .lt-player-mini-player-controls__exit, .plyr__controls .bottom-controller__play-button_body .play-button, .plyr__controls .bottom-controller button, .plyr__controls .top-controllers button, .plyr__controls-enable .top-controllers button, .plyr__controls-enable-settings .top-controllers button, .plyr .lt-player__poster__body .content__footer .poster-buttons .poster-lt-player-share, .plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-watch-now, .plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-play, .player-lt__modal-content button,
+.player-lt__modal-content a, .player-lt__mobile__modal-content button,
+.player-lt__mobile__modal-content a {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 18px;
+  font-weight: 600;
+  font-style: normal;
+  text-decoration: none;
+  vertical-align: middle;
+  line-height: 150%;
+  padding: 8px 8px;
+  text-align: center;
+  border: none;
+  border-radius: 0;
+  cursor: pointer;
+}
+.plyr .share-controller .share-active .share-controller-content .share-controller-link-wrapper .share-controller-link img, .lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-link-wrapper .share-controller-link img, .plyr__controls .settings-controllers-enable__button-save .button-save img, .lt-player-mobile-settings-modal .settings-controllers-enable__button-save .button-save img, .lt-player__additional-info-mobile button img,
+.lt-player .lt-player__additional-info__is_set_in-side button img, .lt-player__additional-info button img, .lt-player-notification__notification-button-state .player-state img, .plyr .lt-player-mini-player-controls__play-button img, .plyr .lt-player-mini-player-controls__exit img, .plyr__controls .bottom-controller__play-button_body .play-button img, .plyr__controls .bottom-controller button img, .plyr__controls .top-controllers button img, .plyr__controls-enable .top-controllers button img, .plyr__controls-enable-settings .top-controllers button img, .plyr .lt-player__poster__body .content__footer .poster-buttons .poster-lt-player-share img, .plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-watch-now img, .plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-play img, .player-lt__modal-content button img,
+.player-lt__modal-content a img, .player-lt__mobile__modal-content button img,
+.player-lt__mobile__modal-content a img {
+  width: 24px;
+  height: 24px;
+  min-width: 24px;
+  min-height: 24px;
+}
+
+.plyr__controls .settings-controllers .line-button, .lt-player-mobile-settings-modal .settings-controllers .line-button, .player-lt__mobile__modal-header .line-button {
+  display: flex;
+  width: 56px;
+  height: 6px;
+  background-color: #E6E6E6;
+  margin: 0.5rem auto;
+  cursor: pointer;
+}
+
+.plyr__controls .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-moz-range-progress, .lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-moz-range-progress, .plyr__controls .bottom-controller .volume-control-enable .volume_control__background__area .volume_control__background__area__range::-moz-range-progress, .plyr--full-ui.plyr--video input[type=range]::-moz-range-progress {
+  height: 3px;
+  cursor: pointer;
+}
+
+.plyr__controls .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-webkit-slider-runnable-track, .lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-webkit-slider-runnable-track, .plyr__controls .bottom-controller .volume-control-enable .volume_control__background__area .volume_control__background__area__range::-webkit-slider-runnable-track, .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
+  height: 2px;
+  background-color: #27282A;
+}
+
+.plyr__controls .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-moz-range-track, .lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-moz-range-track, .plyr__controls .bottom-controller .volume-control-enable .volume_control__background__area .volume_control__background__area__range::-moz-range-track, .plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
+  height: 2px;
+  background-color: #27282A;
+}
+
+.plyr__controls .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-ms-track, .lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-ms-track, .plyr__controls .bottom-controller .volume-control-enable .volume_control__background__area .volume_control__background__area__range::-ms-track {
+  height: 2px;
+}
+
+.plyr__controls .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-webkit-slider-thumb, .lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-webkit-slider-thumb, .plyr__controls .bottom-controller .volume-control-enable .volume_control__background__area .volume_control__background__area__range::-webkit-slider-thumb, .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-thumb {
+  box-shadow: 0 1px 0 #27282A;
+  border: 4px solid #fff;
+  height: 13px;
+  width: 13px;
+  border-radius: 0;
+  background: #000;
+  cursor: pointer;
+  -webkit-appearance: none;
+  margin-top: -5.5px;
+}
+
+.plyr__controls .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-moz-range-thumb, .lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-moz-range-thumb, .plyr__controls .bottom-controller .volume-control-enable .volume_control__background__area .volume_control__background__area__range::-moz-range-thumb, .plyr--full-ui.plyr--video input[type=range]::-moz-range-thumb {
+  color: #27282A;
+  box-shadow: 1px 1px 1px #27282A;
+  border: 4px solid #fff;
+  height: 5px;
+  width: 5px;
+  border-radius: 0;
+  background: #000;
+  cursor: pointer;
+}
+
+.plyr__controls .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-ms-thumb, .lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-ms-thumb, .plyr__controls .bottom-controller .volume-control-enable .volume_control__background__area .volume_control__background__area__range::-ms-thumb, .plyr--full-ui.plyr--video input[type=range]::-ms-thumb {
+  margin-top: 2px;
+  box-shadow: 1px 1px 1px #27282A;
+  border: 5px solid #fff;
+  height: 16px;
+  width: 16px;
+  border-radius: 1px;
+  background: #000;
+  cursor: pointer;
+}
+
+@font-face {
+  font-family: "MuseoSans";
+  src: url("../../fonts/museo/MuseoSans-100.otf") format("opentype");
+  font-weight: 100;
+}
+@font-face {
+  font-family: "MuseoSans";
+  src: url("../../fonts/museo/MuseoSans-300.otf") format("opentype");
+  font-weight: 300;
+}
+@font-face {
+  font-family: "MuseoSans";
+  src: url("../../fonts/museo/MuseoSans-500.otf") format("opentype");
+  font-weight: 500;
+}
+@font-face {
+  font-family: "MuseoSans";
+  src: url("../../fonts/museo/MuseoSans-700.otf") format("opentype");
+  font-weight: 700;
+}
+@font-face {
+  font-family: "MuseoSans";
+  src: url("../../fonts/museo/MuseoSans-900.otf") format("opentype");
+  font-weight: 900;
+}
+.lt-player-orientation--portrait .plyr iframe,
+.lt-player-orientation--portrait .plyr video {
+  border-radius: 0 0 0 32px !important;
+  background: #000 !important;
+}
+.lt-player-orientation--portrait .plyr video {
+  background: transparent !important;
+}
+
+.poster-lt-player-share,
+.mini-player-control {
+  visibility: hidden;
+}
+
+.plyr--video {
+  background: transparent !important;
+}
+
+.plyr__video-wrapper {
+  background: transparent !important;
+}
+
+.plyr {
+  border-radius: 0 0 0 30px;
+  z-index: unset !important;
+  width: 100%;
+}
+.plyr__video-embed__container {
+  transform: none !important;
+  position: unset !important;
+  padding-bottom: 0 !important;
+}
+.plyr__video-embed__poster {
+  background-size: cover !important;
+  background-repeat: no-repeat !important;
+  background-position: center center !important;
+}
+
+.lt-player-portrate--mobile .fullscreen-custom-control {
+  display: none !important;
+}
+
+.lt-player-wrapper {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
+}
+
+.lt-player.fullscreen-disabled .fullscreen-custom-control {
+  display: none;
+}
+
+.lt-player {
+  font-family: "MuseoSans", sans-serif !important;
+}
+.lt-player h1,
+.lt-player h2,
+.lt-player h3,
+.lt-player h4,
+.lt-player h5,
+.lt-player h6,
+.lt-player p {
+  font-family: "MuseoSans", sans-serif !important;
+}
+
+.lt-player-onload-poster {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+}
+
+img.filter {
+  filter: brightness(0) invert(1) !important;
+}
+
+.lt-player-portrate--mobile.lt-player--portrait__lg .player-lt__modal-body, .lt-player-portrate--mobile.lt-player--portrait__md .player-lt__modal-body, .lt-player-portrate--mobile.lt-player--portrait__sm .player-lt__modal-body, .lt-player-portrate--mobile.lt-player--portrait__xs .player-lt__modal-body {
+  padding: 0;
+}
+.lt-player-portrate--mobile.lt-player--portrait__xs .player-lt__mobile__modal-content h1,
+.lt-player-portrate--mobile.lt-player--portrait__xs .player-lt__mobile__modal-content h2,
+.lt-player-portrate--mobile.lt-player--portrait__xs .player-lt__mobile__modal-content h3,
+.lt-player-portrate--mobile.lt-player--portrait__xs .player-lt__mobile__modal-content h4,
+.lt-player-portrate--mobile.lt-player--portrait__xs .player-lt__mobile__modal-content h5,
+.lt-player-portrate--mobile.lt-player--portrait__xs .player-lt__mobile__modal-content h6,
+.lt-player-portrate--mobile.lt-player--portrait__xs .player-lt__mobile__modal-content p,
+.lt-player-portrate--mobile.lt-player--portrait__xs .player-lt__mobile__modal-content b,
+.lt-player-portrate--mobile.lt-player--portrait__xs .player-lt__mobile__modal-content strong,
+.lt-player-portrate--mobile.lt-player--portrait__xs .player-lt__mobile__modal-content span {
+  font-size: 16px;
+}
+
+.player-lt__mobile {
+  transition: 0.4s;
+  position: absolute;
+  width: 100%;
+  z-index: 30;
+  left: 0;
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  height: 90%;
+  border-radius: 10px 10px 0 0;
+}
+.player-lt__mobile__modal-header {
+  position: sticky;
+  top: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #F9F9F9;
+  min-height: 50px;
+  padding: 0 16px;
+  border-radius: 15px 15px 0 0;
+}
+.player-lt__mobile__modal-header .player-lt__close-button {
+  margin-bottom: 0;
+}
+.player-lt__mobile__modal-content {
+  color: #27282A;
+  text-align: left;
+  overflow: auto;
+  padding: 20px;
+  font-family: "MuseoSans", sans-serif !important;
+}
+.player-lt__mobile__modal-content button,
+.player-lt__mobile__modal-content a {
+  color: #27282A;
+  background-color: #D8D846;
+}
+.player-lt__mobile__modal-content button:hover,
+.player-lt__mobile__modal-content a:hover {
+  color: #27282A;
+  background-color: #c2c229;
+}
+.player-lt__mobile__modal-content button:active, .player-lt__mobile__modal-content button:focus,
+.player-lt__mobile__modal-content a:active,
+.player-lt__mobile__modal-content a:focus {
+  color: #27282A;
+  background-color: #D8D846;
+}
+.player-lt__mobile__modal-content button:focus-visible, .player-lt__mobile__modal-content button:focus,
+.player-lt__mobile__modal-content a:focus-visible,
+.player-lt__mobile__modal-content a:focus {
+  outline: transparent;
+}
+.player-lt__mobile__modal-content img {
+  max-width: 100%;
+  height: auto;
+  margin-bottom: 16px;
+}
+.player-lt__mobile__modal-content h2,
+.player-lt__mobile__modal-content h4,
+.player-lt__mobile__modal-content p {
+  color: #3E4345 !important;
+}
+.player-lt__mobile__modal-content h1,
+.player-lt__mobile__modal-content h2 {
+  font-size: 30px;
+  font-weight: 600;
+  margin-top: 0;
+  margin-bottom: 16px;
+  color: #3E4345 !important;
+}
+.player-lt__mobile__modal-content h3,
+.player-lt__mobile__modal-content h4,
+.player-lt__mobile__modal-content h5,
+.player-lt__mobile__modal-content h6 {
+  font-size: 24px;
+  font-weight: 600;
+  margin-bottom: 0;
+  margin-top: 16px;
+  color: #3E4345 !important;
+}
+.player-lt__mobile__modal-content b,
+.player-lt__mobile__modal-content strong,
+.player-lt__mobile__modal-content span {
+  display: block;
+  font-size: 16px;
+  margin-top: 16px;
+  color: #3E4345 !important;
+}
+.player-lt__mobile__modal-content p {
+  font-weight: 300;
+  line-height: 1.5;
+  font-size: 16px;
+  margin-bottom: 0;
+  color: #3E4345 !important;
+}
+.player-lt__modal {
+  z-index: 9999;
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+}
+@media (min-width: 620px) {
+  .player-lt__modal {
+    background-color: rgba(0, 0, 0, 0.5);
+  }
+}
+.player-lt__modal__mobile {
+  position: absolute;
+  width: 100%;
+  z-index: 50;
+  left: 0;
+  background: #fff;
+  padding: 0 0 32px 0;
+  bottom: 0;
+  transition: 0.3s;
+  max-height: 90%;
+  overflow: auto;
+  border-radius: 10px 10px 0 0;
+}
+.player-lt__modal__mobile__background {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  background: #27282A;
+  opacity: 0.75;
+  z-index: 10;
+}
+.player-lt__modal-content {
+  word-break: break-word;
+  z-index: 20;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background-color: #fff;
+  color: #3E4345;
+  border-radius: 0;
+  font-family: "MuseoSans", sans-serif !important;
+  width: 100%;
+  max-height: calc(100% - 50px);
+  overflow: auto;
+  max-width: 620px;
+}
+@media (max-width: 620px) {
+  .player-lt__modal-content {
+    max-height: unset;
+    width: auto;
+    height: 100%;
+    position: unset;
+    transform: unset;
+    border: 1px solid #A8ADB0;
+    border-radius: 0 0 0 30px;
+  }
+}
+.player-lt__modal-content .modal-flex {
+  display: flex;
+  align-items: end;
+  gap: 24px;
+  flex-wrap: wrap;
+}
+.player-lt__modal-content .modal-flex img {
+  max-width: 220px;
+  margin-bottom: 0;
+  flex: 50%;
+}
+.player-lt__modal-content .modal-flex h3 {
+  flex: 50%;
+  word-break: unset;
+}
+.player-lt__modal-content::-webkit-scrollbar-track {
+  -webkit-box-shadow: transparent;
+  background-color: transparent;
+}
+.player-lt__modal-content::-webkit-scrollbar {
+  width: 10px;
+  background-color: transparent;
+}
+.player-lt__modal-content::-webkit-scrollbar-thumb {
+  background-color: #D9D9D9;
+}
+.player-lt__modal-content hr {
+  margin: 24px 0;
+  border-top: 1px solid #808689;
+}
+.player-lt__modal-content button,
+.player-lt__modal-content a {
+  color: #27282A;
+  background-color: #D8D846;
+}
+.player-lt__modal-content button:hover,
+.player-lt__modal-content a:hover {
+  color: #27282A;
+  background-color: #c2c229;
+}
+.player-lt__modal-content button:active, .player-lt__modal-content button:focus,
+.player-lt__modal-content a:active,
+.player-lt__modal-content a:focus {
+  color: #27282A;
+  background-color: #D8D846;
+}
+.player-lt__modal-content button:focus-visible, .player-lt__modal-content button:focus,
+.player-lt__modal-content a:focus-visible,
+.player-lt__modal-content a:focus {
+  outline: transparent;
+}
+.player-lt__modal-content img {
+  max-width: 100%;
+  height: auto;
+  margin-bottom: 16px;
+}
+.player-lt__modal-content h2,
+.player-lt__modal-content h4,
+.player-lt__modal-content p {
+  color: #3E4345 !important;
+}
+.player-lt__modal-content h1,
+.player-lt__modal-content h2 {
+  font-size: 30px;
+  font-weight: 600;
+  margin-top: 0;
+  margin-bottom: 16px;
+  color: #3E4345 !important;
+  margin-bottom: 32px;
+}
+.player-lt__modal-content h3,
+.player-lt__modal-content h4,
+.player-lt__modal-content h5,
+.player-lt__modal-content h6 {
+  font-size: 24px;
+  font-weight: 600;
+  margin-bottom: 0;
+  margin-top: 16px;
+  color: #3E4345 !important;
+  margin-top: 0;
+}
+.player-lt__modal-content b,
+.player-lt__modal-content strong,
+.player-lt__modal-content span {
+  display: block;
+  font-size: 16px;
+  margin-top: 16px;
+  color: #3E4345 !important;
+}
+.player-lt__modal-content p {
+  font-weight: 300;
+  line-height: 1.5;
+  font-size: 16px;
+  margin-bottom: 0;
+  color: #3E4345 !important;
+  margin-top: 8px;
+  margin-bottom: 32px;
+}
+.player-lt__modal-content p:last-child {
+  margin-bottom: 0;
+}
+.player-lt__modal-body {
+  padding: 40px;
+}
+@media (max-width: 620px) {
+  .player-lt__modal-body {
+    padding: 20px;
+  }
+}
+.player-lt__close-button {
+  z-index: 20;
+  width: 24px;
+  font-size: 30px !important;
+  line-height: 1;
+  padding: 0;
+  text-align: center;
+  cursor: pointer;
+  border-radius: 0.25rem;
+  background-color: transparent;
+  color: #27282A;
+  transition: color 0.12s ease-in-out;
+  position: absolute;
+  top: 40px;
+  right: 40px;
+  margin-top: 0 !important;
+}
+@media (max-width: 620px) {
+  .player-lt__close-button {
+    top: 20px;
+    right: 20px;
+  }
+}
+.player-lt__close-button:hover {
+  color: #d75b4c;
+}
+
+.lt-player-spinner__loader {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 999;
+  background: rgba(251, 251, 251, 0.9);
+}
+.lt-player-spinner__loader__circle-svg {
+  animation: rotate 2s linear infinite;
+  width: 50px;
+  height: 50px;
+}
+.lt-player-spinner__loader__circle-svg .path {
+  stroke: #D8D846;
+  stroke-linecap: round;
+  animation: dash 1.5s ease-in-out infinite;
+}
+
+@keyframes rotate {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes dash {
+  0% {
+    stroke-dasharray: 1, 150;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -35;
+  }
+  100% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -124;
+  }
+}
+.plyr--full-ui.plyr--video input[type=range] {
+  cursor: pointer;
+}
+.plyr--full-ui.plyr--video input[type=range]:active {
+  outline: unset;
+}
+.plyr .lt-player__preload-hide {
+  opacity: 0 !important;
+}
+.plyr .lt-player__poster {
+  position: absolute;
+  inset: 0;
+  color: #fff !important;
+  z-index: 90;
+}
+.plyr .lt-player__poster__image-body {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 2;
+  opacity: 1;
+  transition: all 0.2s ease-in-out;
+}
+.plyr .lt-player__poster__image-body--preload {
+  opacity: 0;
+  transition: all 0.2s ease-in-out;
+}
+.plyr .lt-player__poster__img--set-custom {
+  -o-object-fit: cover;
+     object-fit: cover;
+  width: 100%;
+  height: 100%;
+}
+.plyr .lt-player__poster__img__set-default {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 10;
+}
+.plyr .lt-player__poster--background {
+  position: absolute;
+  inset: 0;
+  background-color: #A8ADB0;
+  z-index: -1;
+}
+.plyr .lt-player__poster__body {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 3;
+}
+.plyr .lt-player__poster__body:hover .poster-paragraph {
+  text-decoration: underline;
+}
+.plyr .lt-player__poster__body:hover .content__footer .poster-buttons .poster-button-play,
+.plyr .lt-player__poster__body:hover .content__footer .poster-buttons .poster-button-watch-now {
+  color: #27282A;
+  background-color: #c2c229;
+}
+.plyr .lt-player__poster__body .content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  z-index: 2;
+  cursor: pointer;
+}
+.plyr .lt-player__poster__body .content__header {
+  padding: 25px 25px 0;
+}
+.plyr .lt-player__poster__body .content__header .poster-title {
+  -webkit-line-clamp: 3;
+  color: #fff;
+  font-size: 16px;
+  font-weight: 100;
+  margin: 0;
+}
+.plyr .lt-player__poster__body .content__body {
+  padding: 0 25px;
+}
+.plyr .lt-player__poster__body .content__body .poster-paragraph {
+  -webkit-line-clamp: 4;
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 1.2;
+  margin: 8px 0;
+  color: #fff;
+  width: 70%;
+}
+.plyr .lt-player__poster__body .content__footer {
+  margin-top: auto;
+  padding: 0 25px 25px;
+}
+.plyr .lt-player__poster__body .content__footer .poster-buttons {
+  display: flex;
+  gap: 5px;
+}
+.plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-play {
+  color: #27282A;
+  background-color: #D8D846;
+  padding: 6px;
+  font-size: 12px;
+}
+.plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-play:hover {
+  color: #27282A;
+  background-color: #c2c229;
+}
+.plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-play:active, .plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-play:focus {
+  color: #27282A;
+  background-color: #D8D846;
+}
+.plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-play:focus-visible, .plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-play:focus {
+  outline: transparent;
+}
+.plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-play img {
+  width: 14px;
+  height: 14px;
+  min-width: 14px;
+  min-height: 14px;
+}
+.plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-watch-now {
+  color: #27282A;
+  background-color: #D8D846;
+  padding: 7px 7px;
+  padding: 0 16px;
+  font-size: 12px;
+  font-weight: 700;
+}
+.plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-watch-now:hover {
+  color: #27282A;
+  background-color: #c2c229;
+}
+.plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-watch-now:active, .plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-watch-now:focus {
+  color: #27282A;
+  background-color: #D8D846;
+}
+.plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-watch-now:focus-visible, .plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-watch-now:focus {
+  outline: transparent;
+}
+.plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-watch-now img {
+  width: 16px;
+  height: 16px;
+  min-width: 16px;
+  min-height: 16px;
+}
+.plyr .lt-player__poster__body .content__footer .poster-buttons .poster-lt-player-share {
+  color: #27282A;
+  background-color: #808689;
+  padding: 6px;
+  margin-left: auto;
+}
+.plyr .lt-player__poster__body .content__footer .poster-buttons .poster-lt-player-share:hover {
+  color: #27282A;
+  background-color: #676c6f;
+}
+.plyr .lt-player__poster__body .content__footer .poster-buttons .poster-lt-player-share:active, .plyr .lt-player__poster__body .content__footer .poster-buttons .poster-lt-player-share:focus {
+  color: #27282A;
+  background-color: #808689;
+}
+.plyr .lt-player__poster__body .content__footer .poster-buttons .poster-lt-player-share:focus-visible, .plyr .lt-player__poster__body .content__footer .poster-buttons .poster-lt-player-share:focus {
+  outline: transparent;
+}
+.plyr .lt-player__poster__body .content__footer .poster-buttons .poster-lt-player-share img {
+  width: 14px;
+  height: 14px;
+  min-width: 14px;
+  min-height: 14px;
+}
+
+.lt-player-orientation--portrait .plyr .lt-player__poster__img--set-custom {
+  -o-object-position: 90% 50%;
+     object-position: 90% 50%;
+}
+.lt-player-orientation--portrait .plyr .lt-player__poster__body .content__header .poster-title {
+  font-size: 16px;
+  font-weight: 400;
+}
+.lt-player-orientation--portrait .plyr .lt-player__poster__body .content__body {
+  margin-top: auto;
+}
+.lt-player-orientation--portrait .plyr .lt-player__poster__body .content__body .poster-paragraph {
+  font-size: 21px;
+  line-height: 1.2;
+  margin-top: 12px;
+  margin-bottom: 20px;
+  width: 100%;
+  text-decoration: underline;
+}
+.lt-player-orientation--portrait .plyr .lt-player__poster__body .content__footer {
+  margin-top: unset;
+}
+.lt-player-orientation--portrait .plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-play,
+.lt-player-orientation--portrait .plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-watch-now,
+.lt-player-orientation--portrait .plyr .lt-player__poster__body .content__footer .poster-buttons .poster-lt-player-share {
+  padding: 8px 8px;
+  font-size: 18px;
+  font-weight: 600;
+}
+.lt-player-orientation--portrait .plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-play img,
+.lt-player-orientation--portrait .plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-watch-now img,
+.lt-player-orientation--portrait .plyr .lt-player__poster__body .content__footer .poster-buttons .poster-lt-player-share img {
+  width: 24px;
+  height: 24px;
+  min-width: 24px;
+  min-height: 24px;
+}
+.lt-player-orientation--portrait .plyr .lt-player__poster__body .content__footer .poster-buttons .poster-button-watch-now {
+  padding: 6px 16px;
+}
+
+@container landscape (width > 375px) {
+  .lt-player-orientation--landscape .lt-player__poster__body .content__body .poster-paragraph {
+    width: 50%;
+  }
+}
+@container landscape (width > 479px) {
+  .lt-player-orientation--landscape .lt-player__poster__body .content__header {
+    padding: 25px 50px 0;
+  }
+  .lt-player-orientation--landscape .lt-player__poster__body .content__header .poster-title {
+    font-weight: 700;
+  }
+  .lt-player-orientation--landscape .lt-player__poster__body .content__body {
+    padding: 0 50px;
+  }
+  .lt-player-orientation--landscape .lt-player__poster__body .content__body .poster-paragraph {
+    font-size: 20px;
+    margin: 25px 0 8px;
+    width: 60%;
+  }
+  .lt-player-orientation--landscape .lt-player__poster__body .content__footer {
+    padding: 0 50px 25px;
+  }
+}
+@container landscape (width > 639px) {
+  .lt-player-orientation--landscape .lt-player__poster__body .content__header {
+    padding: 50px 50px 0;
+  }
+  .lt-player-orientation--landscape .lt-player__poster__body .content__body .poster-paragraph {
+    font-size: 28px;
+    margin: 25px 0 8px;
+    width: 60%;
+  }
+  .lt-player-orientation--landscape .lt-player__poster__body .content__footer {
+    padding: 50px;
+  }
+  .lt-player-orientation--landscape .lt-player__poster__body .content__footer .poster-buttons .poster-button-play {
+    padding: 8px 8px;
+  }
+  .lt-player-orientation--landscape .lt-player__poster__body .content__footer .poster-buttons .poster-button-play img {
+    width: 24px;
+    height: 24px;
+    min-width: 24px;
+    min-height: 24px;
+  }
+  .lt-player-orientation--landscape .lt-player__poster__body .content__footer .poster-buttons .poster-button-watch-now {
+    padding: 8px 8px;
+    padding: 0 16px;
+    font-size: 16px;
+  }
+  .lt-player-orientation--landscape .lt-player__poster__body .content__footer .poster-buttons .poster-button-watch-now img {
+    width: 24px;
+    height: 24px;
+    min-width: 24px;
+    min-height: 24px;
+  }
+  .lt-player-orientation--landscape .lt-player__poster__body .content__footer .poster-buttons .poster-lt-player-share {
+    padding: 8px 8px;
+  }
+  .lt-player-orientation--landscape .lt-player__poster__body .content__footer .poster-buttons .poster-lt-player-share img {
+    width: 24px;
+    height: 24px;
+    min-width: 24px;
+    min-height: 24px;
+  }
+}
+@container landscape (width > 759px) {
+  .lt-player-orientation--landscape .lt-player__poster__body .content__body .poster-paragraph {
+    font-size: 32px;
+    width: 60%;
+  }
+}
+.plyr .plyr__controls-enable-settings {
+  opacity: 1;
+}
+.plyr .plyr__controls-enable-share {
+  opacity: 1;
+}
+.plyr__controls .top-controllers, .plyr__controls-enable .top-controllers, .plyr__controls-enable-settings .top-controllers {
+  width: 100%;
+  padding: 10px 10px 0;
+  margin-bottom: auto;
+}
+.plyr__controls .top-controllers button, .plyr__controls-enable .top-controllers button, .plyr__controls-enable-settings .top-controllers button {
+  color: #fff;
+  background-color: #27282A;
+  padding: 7px 7px;
+}
+.plyr__controls .top-controllers button:hover, .plyr__controls-enable .top-controllers button:hover, .plyr__controls-enable-settings .top-controllers button:hover {
+  color: #fff;
+  background-color: #404144;
+}
+.plyr__controls .top-controllers button:active, .plyr__controls .top-controllers button:focus, .plyr__controls-enable .top-controllers button:active, .plyr__controls-enable .top-controllers button:focus, .plyr__controls-enable-settings .top-controllers button:active, .plyr__controls-enable-settings .top-controllers button:focus {
+  color: #fff;
+  background-color: #27282A;
+}
+.plyr__controls .top-controllers button:focus-visible, .plyr__controls .top-controllers button:focus, .plyr__controls-enable .top-controllers button:focus-visible, .plyr__controls-enable .top-controllers button:focus, .plyr__controls-enable-settings .top-controllers button:focus-visible, .plyr__controls-enable-settings .top-controllers button:focus {
+  outline: transparent;
+}
+.plyr__controls .top-controllers button img, .plyr__controls-enable .top-controllers button img, .plyr__controls-enable-settings .top-controllers button img {
+  width: 16px;
+  height: 16px;
+  min-width: 16px;
+  min-height: 16px;
+}
+.plyr__controls .top-controllers__background, .plyr__controls-enable .top-controllers__background, .plyr__controls-enable-settings .top-controllers__background {
+  position: absolute;
+  width: 100%;
+  left: 0;
+  top: 0;
+  height: 20%;
+  background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, 0.75)));
+  rotate: 180deg;
+  display: none;
+}
+.plyr__controls .top-controllers__body, .plyr__controls-enable .top-controllers__body, .plyr__controls-enable-settings .top-controllers__body {
+  display: flex;
+  justify-content: space-between;
+}
+.plyr__controls .top-controllers__body__left, .plyr__controls .top-controllers__body__right, .plyr__controls-enable .top-controllers__body__left, .plyr__controls-enable .top-controllers__body__right, .plyr__controls-enable-settings .top-controllers__body__left, .plyr__controls-enable-settings .top-controllers__body__right {
+  display: flex;
+  flex-direction: column;
+  flex: 0 0 12%;
+  z-index: 5;
+}
+.plyr__controls .top-controllers__body__left, .plyr__controls-enable .top-controllers__body__left, .plyr__controls-enable-settings .top-controllers__body__left {
+  align-items: flex-start;
+}
+.plyr__controls .top-controllers__body__right, .plyr__controls-enable .top-controllers__body__right, .plyr__controls-enable-settings .top-controllers__body__right {
+  align-items: end;
+}
+.plyr__controls .top-controllers__body__center, .plyr__controls-enable .top-controllers__body__center, .plyr__controls-enable-settings .top-controllers__body__center {
+  flex: 1;
+  width: 100%;
+  word-break: break-word;
+}
+.plyr__controls .top-controllers__body__center .chapter, .plyr__controls-enable .top-controllers__body__center .chapter, .plyr__controls-enable-settings .top-controllers__body__center .chapter {
+  font-size: 16px;
+  font-weight: 500;
+  position: relative;
+  z-index: 90;
+  margin: 0;
+  color: #fff !important;
+}
+.plyr__controls .top-controllers__body__right .mini-player-control, .plyr__controls-enable .top-controllers__body__right .mini-player-control, .plyr__controls-enable-settings .top-controllers__body__right .mini-player-control {
+  margin-top: 20px;
+}
+
+.lt-player-orientation--portrait .plyr__controls .top-controllers {
+  padding: 16px;
+}
+
+@container portrait (width > 319px) {
+  .lt-player-orientation--portrait .plyr__controls .top-controllers {
+    padding: 20px 20px 0;
+  }
+  .lt-player-orientation--portrait .plyr__controls .top-controllers__body__center .chapter {
+    margin-top: 6px;
+  }
+  .lt-player-orientation--portrait .plyr__controls .top-controllers button {
+    padding: 8px 8px;
+  }
+  .lt-player-orientation--portrait .plyr__controls .top-controllers button img {
+    width: 24px;
+    height: 24px;
+    min-width: 24px;
+    min-height: 24px;
+  }
+}
+@container landscape (width > 479px) {
+  .lt-player-orientation--landscape .plyr__controls .top-controllers {
+    padding: 20px 20px 0;
+  }
+}
+@container landscape (width > 639px) {
+  .lt-player-orientation--landscape .plyr__controls .top-controllers {
+    padding: 20px 40px 0;
+  }
+  .lt-player-orientation--landscape .plyr__controls .top-controllers__body__center .chapter {
+    font-size: 18px;
+  }
+}
+@container landscape (width > 912px) {
+  .lt-player-orientation--landscape .plyr__controls .top-controllers button {
+    padding: 8px 8px;
+  }
+  .lt-player-orientation--landscape .plyr__controls .top-controllers button img {
+    width: 24px;
+    height: 24px;
+    min-width: 24px;
+    min-height: 24px;
+  }
+  .lt-player-orientation--landscape .plyr__controls .top-controllers__body__center .chapter {
+    font-size: 24px;
+  }
+}
+.plyr__progress {
+  z-index: 9;
+}
+.plyr__progress--wrapper {
+  width: 100%;
+  padding: 0 10px;
+  display: none;
+}
+.plyr__progress--wrapper-enable {
+  display: block;
+}
+.plyr__controls .bottom-controller {
+  display: none;
+  justify-content: space-between;
+  align-items: flex-end;
+  padding: 15px 10px;
+  width: 100%;
+  max-width: 100%;
+}
+.plyr__controls .bottom-controller button {
+  color: #fff;
+  background-color: #27282A;
+  padding: 7px 7px;
+  z-index: 10;
+  flex: 0 0 auto;
+}
+.plyr__controls .bottom-controller button:hover {
+  color: #fff;
+  background-color: #404144;
+}
+.plyr__controls .bottom-controller button:active, .plyr__controls .bottom-controller button:focus {
+  color: #fff;
+  background-color: #27282A;
+}
+.plyr__controls .bottom-controller button:focus-visible, .plyr__controls .bottom-controller button:focus {
+  outline: transparent;
+}
+.plyr__controls .bottom-controller button img {
+  width: 16px;
+  height: 16px;
+  min-width: 16px;
+  min-height: 16px;
+}
+.plyr__controls .bottom-controller__left-buttons {
+  margin-right: auto;
+  justify-content: start;
+  flex: 1;
+}
+.plyr__controls .bottom-controller__left-buttons, .plyr__controls .bottom-controller__center-buttons, .plyr__controls .bottom-controller__right-buttons {
+  display: flex;
+  gap: 16px;
+  align-items: flex-end;
+}
+.plyr__controls .bottom-controller__right-buttons {
+  margin-left: auto;
+  justify-content: end;
+  flex: 1;
+}
+.plyr__controls .bottom-controller__right-buttons .plyr__controls_speed-button {
+  width: 30px;
+  height: 30px;
+  background-color: #074566;
+  font-size: 12px;
+  font-weight: 400;
+}
+.plyr__controls .bottom-controller__right-buttons .plyr__controls_speed-button:hover {
+  background-color: #05354e;
+}
+.plyr__controls .bottom-controller__right-buttons .plyr__controls_speed-button:focus, .plyr__controls .bottom-controller__right-buttons .plyr__controls_speed-button:active {
+  background-color: #074566;
+}
+.plyr__controls .bottom-controller__right-buttons .plyr__controls_speed-button span {
+  font-size: 10px;
+}
+.plyr__controls .bottom-controller .skip-backward-seconds,
+.plyr__controls .bottom-controller .skip-forward-seconds {
+  display: none;
+}
+.plyr__controls .bottom-controller__previous-chapter-view-wrapper, .plyr__controls .bottom-controller__next-chapter-view-wrapper {
+  display: flex;
+  gap: 16px;
+  align-items: center;
+}
+.plyr__controls .bottom-controller__previous-chapter-view, .plyr__controls .bottom-controller__next-chapter-view {
+  display: none;
+}
+.plyr__controls .bottom-controller__previous-chapter-view {
+  justify-content: flex-end;
+}
+.plyr__controls .bottom-controller__next-chapter-view {
+  justify-content: flex-start;
+}
+.plyr__controls .bottom-controller__next-chapter-view, .plyr__controls .bottom-controller__previous-chapter-view {
+  display: none;
+  align-items: flex-end;
+  margin-top: 0;
+  margin-bottom: 0;
+  width: 90px;
+  font-size: 14px;
+  font-weight: 300;
+  color: #fff !important;
+}
+.plyr__controls .bottom-controller__background {
+  position: absolute;
+  width: 100%;
+  left: 0;
+  bottom: 0;
+  height: 40%;
+  background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, 0.75)));
+  border-radius: 0 0 0 30px;
+}
+.plyr__controls .bottom-controller__volume_control {
+  display: none;
+}
+.plyr__controls .bottom-controller .mini-player-control {
+  display: none;
+}
+.plyr__controls .bottom-controller__play-button_body {
+  position: relative;
+}
+.plyr__controls .bottom-controller__play-button_body .play-button {
+  color: #27282A;
+  background-color: #D8D846;
+  bottom: -5px;
+}
+.plyr__controls .bottom-controller__play-button_body .play-button:hover {
+  color: #27282A;
+  background-color: #c2c229;
+}
+.plyr__controls .bottom-controller__play-button_body .play-button:active, .plyr__controls .bottom-controller__play-button_body .play-button:focus {
+  color: #27282A;
+  background-color: #D8D846;
+}
+.plyr__controls .bottom-controller__play-button_body .play-button:focus-visible, .plyr__controls .bottom-controller__play-button_body .play-button:focus {
+  outline: transparent;
+}
+.plyr__controls .bottom-controller__current {
+  display: flex;
+  justify-content: space-between;
+  margin-left: -8px;
+  margin-right: -8px;
+}
+.plyr__controls .bottom-controller__current .plyr__time {
+  font-size: 12px;
+  color: #A8ADB0;
+}
+.plyr__controls .bottom-controller .volume-control-enable {
+  position: absolute;
+  display: flex;
+  height: 200px;
+  justify-content: center;
+  align-items: flex-end;
+  background: #fff;
+  z-index: 30;
+}
+.plyr__controls .bottom-controller .volume-control-enable .volume_control__background__area {
+  position: absolute;
+  rotate: 270deg !important;
+  bottom: 80px;
+  max-width: 110px;
+  min-width: 80px;
+  width: 20%;
+}
+.plyr__controls .bottom-controller .volume-control-enable .volume_control__background__area .volume_control__background__area__range {
+  color: #27282A !important;
+  min-width: 128px;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+       appearance: none;
+  background: transparent;
+  cursor: pointer;
+}
+.plyr__controls .bottom-controller .volume-control-enable .volume_control__background__area .volume_control__background__area__range::-webkit-slider-thumb {
+  border-color: #000;
+  background: #fff;
+}
+.plyr__controls .bottom-controller .volume-control-enable .volume_control__background__area .volume_control__background__area__range::-moz-range-thumb {
+  border-color: #000;
+  background: #fff;
+}
+.plyr__controls .bottom-controller .volume-control-enable .volume_control__background__area .volume_control__background__area__range::-ms-thumb {
+  margin-top: 3px;
+  border: 7px solid black;
+  height: 20px;
+  width: 20px;
+  background: #fff;
+  cursor: pointer;
+}
+.plyr__controls .bottom-controller .volume-control-enable .volume_control__background .volume_control__volume-button-close {
+  bottom: 80px;
+  background: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border: none;
+}
+.plyr__controls .bottom-controller-enable {
+  display: flex;
+}
+.plyr .fade-animation-controllers .bottom-controller {
+  opacity: 1 !important;
+  transition-property: opacity, left, top, height;
+  transition-duration: 1s, 3s;
+}
+.plyr .fade-animation-controllers .bottom-controller__background {
+  position: absolute;
+  width: 100%;
+  height: 160px;
+  bottom: 0;
+  right: 0;
+  background: linear-gradient(transparent, rgba(0, 0, 0, 0.75)) !important;
+  background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, 0.75))) !important;
+  opacity: 1 !important;
+  transition-property: opacity, left, top, height;
+  transition-duration: 1s, 3s;
+}
+.plyr .fade-animation-controllers .top-controllers {
+  background: linear-gradient(transparent, rgba(0, 0, 0, 0.75)) !important;
+  background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, 0.75))) !important;
+  opacity: 1 !important;
+  transition-property: opacity, left, top, height;
+  transition-duration: 1s, 3s;
+}
+
+.lt-player-orientation--portrait .plyr__progress--wrapper {
+  padding: 0 16px;
+}
+.lt-player-orientation--portrait .plyr__controls .bottom-controller {
+  padding: 0 16px 20px;
+}
+.lt-player-orientation--portrait .plyr__controls .bottom-controller button {
+  padding: 7px 7px;
+}
+.lt-player-orientation--portrait .plyr__controls .bottom-controller button img {
+  width: 16px;
+  height: 16px;
+  min-width: 16px;
+  min-height: 16px;
+}
+.lt-player-orientation--portrait .plyr__controls .bottom-controller .play-button {
+  padding: 12px;
+}
+.lt-player-orientation--portrait .plyr__controls .bottom-controller__left-buttons {
+  margin-right: auto;
+  flex: 0 0 40px;
+}
+.lt-player-orientation--portrait .plyr__controls .bottom-controller__right-buttons {
+  margin-left: auto;
+  flex: 0 0 40px;
+}
+.lt-player-orientation--portrait .plyr__controls .bottom-controller__center-buttons {
+  justify-content: center;
+  flex: 100;
+  gap: 16px;
+}
+.lt-player-orientation--portrait .plyr__controls .bottom-controller__volume_control {
+  display: flex;
+}
+
+@container portrait (width > 319px) {
+  .lt-player-orientation--portrait .plyr__progress--wrapper {
+    padding: 0 20px;
+  }
+  .lt-player-orientation--portrait .plyr__controls .bottom-controller {
+    padding: 0 20px 28px 20px;
+  }
+  .lt-player-orientation--portrait .plyr__controls .bottom-controller button {
+    padding: 8px 8px;
+  }
+  .lt-player-orientation--portrait .plyr__controls .bottom-controller button img {
+    width: 24px;
+    height: 24px;
+    min-width: 24px;
+    min-height: 24px;
+  }
+  .lt-player-orientation--portrait .plyr__controls .bottom-controller .play-button {
+    padding: 16px;
+  }
+  .lt-player-orientation--portrait .plyr__controls .plyr__controls_speed-button {
+    width: 40px;
+    height: 40px;
+  }
+  .lt-player-orientation--portrait .plyr__controls .plyr__controls_speed-button span {
+    font-size: 14px;
+  }
+}
+@container portrait (width > 374px) {
+  .lt-player-orientation--portrait .plyr__controls .bottom-controller__center-buttons {
+    gap: 32px;
+  }
+}
+@container landscape (width > 479px) {
+  .lt-player-orientation--landscape .plyr__progress--wrapper {
+    padding: 0 20px;
+  }
+  .lt-player-orientation--landscape .plyr__controls .bottom-controller {
+    padding: 25px 20px;
+  }
+  .lt-player-orientation--landscape .plyr__controls .bottom-controller__center-buttons {
+    gap: 20px;
+  }
+  .lt-player-orientation--landscape .plyr__controls .bottom-controller__previous-chapter-view, .lt-player-orientation--landscape .plyr__controls .bottom-controller__next-chapter-view {
+    display: flex;
+  }
+}
+@container landscape (width > 639px) {
+  .lt-player-orientation--landscape .plyr__progress--wrapper {
+    padding: 0 40px;
+  }
+  .lt-player-orientation--landscape .plyr__controls .bottom-controller {
+    padding: 25px 40px;
+  }
+  .lt-player-orientation--landscape .plyr__controls .bottom-controller__left-buttons, .lt-player-orientation--landscape .plyr__controls .bottom-controller__right-buttons {
+    gap: 10px;
+  }
+  .lt-player-orientation--landscape .plyr__controls .bottom-controller__center-buttons {
+    gap: 16px;
+  }
+  .lt-player-orientation--landscape .plyr__controls .bottom-controller__volume_control {
+    display: flex;
+    left: 100px;
+  }
+  .lt-player-orientation--landscape .plyr__controls .bottom-controller .mini-player-control {
+    display: flex;
+  }
+  .lt-player-orientation--landscape .plyr__controls .bottom-controller .skip-backward-seconds,
+  .lt-player-orientation--landscape .plyr__controls .bottom-controller .skip-forward-seconds {
+    display: flex;
+  }
+}
+@container landscape (width > 759px) {}
+@container landscape (width > 912px) {
+  .lt-player-orientation--landscape .plyr__progress--wrapper {
+    padding: 0 40px;
+  }
+  .lt-player-orientation--landscape .plyr__controls .bottom-controller {
+    padding: 28px 40px;
+  }
+  .lt-player-orientation--landscape .plyr__controls .bottom-controller__left-buttons, .lt-player-orientation--landscape .plyr__controls .bottom-controller__right-buttons {
+    gap: 20px;
+  }
+  .lt-player-orientation--landscape .plyr__controls .bottom-controller__center-buttons {
+    gap: 32px;
+  }
+  .lt-player-orientation--landscape .plyr__controls .bottom-controller__next-chapter-view, .lt-player-orientation--landscape .plyr__controls .bottom-controller__previous-chapter-view {
+    font-size: 19px;
+  }
+  .lt-player-orientation--landscape .plyr__controls .bottom-controller button {
+    padding: 8px 8px;
+  }
+  .lt-player-orientation--landscape .plyr__controls .bottom-controller button img {
+    width: 24px;
+    height: 24px;
+    min-width: 24px;
+    min-height: 24px;
+  }
+  .lt-player-orientation--landscape .plyr__controls .bottom-controller .play-button {
+    padding: 16px;
+  }
+}
+@container landscape (width > 1066px) {
+  .lt-player-orientation--landscape .plyr__controls .bottom-controller__previous-chapter-view, .lt-player-orientation--landscape .plyr__controls .bottom-controller__next-chapter-view {
+    display: flex;
+  }
+}
+.plyr .lt-player-mini-player-background {
+  width: 100%;
+  height: 100%;
+}
+.plyr .lt-player-mini-player-observe {
+  min-height: 200px;
+  max-height: 600px;
+  height: auto;
+}
+.plyr .lt-player-mini-enable {
+  position: fixed;
+  z-index: 10000;
+  bottom: 20px;
+  right: 20px;
+  opacity: 1;
+  overflow: unset;
+}
+.plyr .lt-player-mini-enable .plyr__video-embed__container {
+  transform: unset !important;
+  position: unset !important;
+}
+.plyr .lt-player-mini-2 {
+  max-width: 344px;
+  max-height: 194px;
+}
+.plyr .lt-player-mini-1 {
+  max-width: 160px;
+  max-height: 290px;
+}
+.plyr .lt-player-mini-player-background {
+  z-index: 100;
+}
+.plyr .lt-player-mini-player-background .logo {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  background: #cfd1d4;
+}
+.plyr .lt-player-mini-player-controls-enable {
+  opacity: 1 !important;
+  transition-property: opacity, left, top, height;
+  transition-duration: 1s, 3s;
+}
+.plyr .lt-player-mini-player-controls {
+  position: absolute;
+  z-index: 100;
+  width: 100%;
+  height: 100%;
+  bottom: 0;
+  right: 0;
+  opacity: 0;
+  transition-property: opacity, left, top, height;
+  transition-duration: 1s, 3s;
+}
+.plyr .lt-player-mini-player-controls__exit {
+  color: #fff;
+  background-color: #27282A;
+  position: absolute;
+  top: -16px;
+  right: -16px;
+  padding: 5px;
+}
+.plyr .lt-player-mini-player-controls__exit:hover {
+  color: #fff;
+  background-color: #404144;
+}
+.plyr .lt-player-mini-player-controls__exit:active, .plyr .lt-player-mini-player-controls__exit:focus {
+  color: #fff;
+  background-color: #27282A;
+}
+.plyr .lt-player-mini-player-controls__exit:focus-visible, .plyr .lt-player-mini-player-controls__exit:focus {
+  outline: transparent;
+}
+.plyr .lt-player-mini-player-controls__play-button {
+  color: #27282A;
+  background-color: #D8D846;
+  padding: 12px;
+}
+.plyr .lt-player-mini-player-controls__play-button:hover {
+  color: #27282A;
+  background-color: #c2c229;
+}
+.plyr .lt-player-mini-player-controls__play-button:active, .plyr .lt-player-mini-player-controls__play-button:focus {
+  color: #27282A;
+  background-color: #D8D846;
+}
+.plyr .lt-player-mini-player-controls__play-button:focus-visible, .plyr .lt-player-mini-player-controls__play-button:focus {
+  outline: transparent;
+}
+.plyr .lt-player-mini-player-controls__progress__seek {
+  position: absolute;
+  bottom: 0;
+  background: rgba(255, 255, 255, 0.3);
+  border-radius: 0 !important;
+  height: 6px !important;
+  color: transparent !important;
+}
+.plyr .lt-player-mini-player-controls input[type=range]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  border: 0px double transparent !important;
+  height: 0px;
+  width: 0px;
+  border-radius: 20px;
+  background: transparent !important;
+  cursor: pointer;
+  margin-top: 4px;
+  box-shadow: transparent !important;
+}
+.plyr .lt-player-mini-player-controls input[type=range]::-moz-range-thumb {
+  box-shadow: none !important;
+  border: 0px double transparent !important;
+  height: 0px;
+  width: 0px;
+  border-radius: 20px;
+  background: transparent;
+  cursor: pointer;
+}
+.plyr .lt-player-mini-player-controls input[type=range]::-ms-thumb {
+  box-shadow: none !important;
+  border: 0px double transparent !important;
+  height: 0px;
+  width: 0px;
+  border-radius: 20px;
+  background: transparent !important;
+  cursor: pointer;
+}
+.plyr .lt-player-mini-player-controls input[type=range]::-webkit-slider-runnable-track {
+  height: 8px;
+  cursor: pointer;
+  box-shadow: none !important;
+  background: transparent !important;
+  border-radius: 0px;
+  border: 0px solid transparent !important;
+}
+.plyr .lt-player-mini-player-controls input[type=range]:focus::-webkit-slider-runnable-track {
+  background: transparent !important;
+}
+.plyr .lt-player-mini-player-controls input[type=range]::-moz-range-track {
+  height: 8px;
+  cursor: pointer;
+  box-shadow: none;
+  background: transparent !important;
+  border-radius: 0px;
+  border: 0px solid transparent !important;
+}
+.plyr .lt-player-mini-player-controls input[type=range]::-ms-track {
+  height: 8px;
+  cursor: pointer;
+  background: transparent !important;
+  border-color: transparent !important;
+  border-width: 16px 0;
+  color: transparent !important;
+}
+.plyr .lt-player-mini-player-controls input[type=range]::-ms-fill-lower {
+  background: transparent !important;
+  border: 0px solid transparent !important;
+  border-radius: 0px;
+  box-shadow: none;
+}
+.plyr .lt-player-mini-player-controls input[type=range]:focus::-ms-fill-lower {
+  background: transparent !important;
+}
+.plyr .lt-player-mini-player-controls input[type=range]::-ms-fill-upper {
+  background: transparent !important;
+  border: 0px solid transparent !important;
+  border-radius: 0px;
+  box-shadow: none;
+}
+.plyr .lt-player-mini-player-controls input[type=range]:focus::-ms-fill-upper {
+  background: transparent !important;
+}
+
+.lt-player-notification {
+  width: 100%;
+  padding: 20px 20px 28px 20px;
+}
+.lt-player-notification__notification-button-state {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.lt-player-notification__notification-button-state .player-state {
+  opacity: 0;
+  transition: all 0.8s ease-in-out;
+  pointer-events: none;
+  color: #fff;
+  background-color: #27282A;
+  background: rgba(39, 40, 42, 0.5);
+  padding: 16px;
+}
+.lt-player-notification__notification-button-state .player-state:hover {
+  color: #fff;
+  background-color: #404144;
+}
+.lt-player-notification__notification-button-state .player-state:active, .lt-player-notification__notification-button-state .player-state:focus {
+  color: #fff;
+  background-color: #27282A;
+}
+.lt-player-notification__notification-button-state .player-state:focus-visible, .lt-player-notification__notification-button-state .player-state:focus {
+  outline: transparent;
+}
+.lt-player-notification__notification-button-state .active {
+  opacity: 1;
+  transition: all 0.2s ease-in-out;
+}
+.lt-player-notification .lt-player-video-content {
+  text-align: left;
+  display: none;
+  padding: 0;
+  width: 100%;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  align-items: end;
+}
+.lt-player-notification .lt-player-video-content .content__body {
+  z-index: 2;
+  width: 100%;
+}
+.lt-player-notification .lt-player-video-content .poster-title {
+  -webkit-line-clamp: 4;
+  color: #fff !important;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.5;
+  margin: 0;
+}
+.lt-player-notification .lt-player-video-content .poster-paragraph__content {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  word-wrap: break-word;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  font-size: 14px;
+  font-weight: 300;
+  color: #fff !important;
+  margin-bottom: 0;
+  max-height: 50px;
+  transition: max-height 0.3s ease-in-out;
+}
+.lt-player-notification .lt-player-video-content .poster-paragraph .open-content {
+  display: block;
+  transition: max-height 0.3s ease-in-out;
+}
+.lt-player-notification .lt-player-video-content-enable {
+  display: flex;
+}
+.lt-player-notification .poster-paragraph__button {
+  background: none;
+  box-shadow: none;
+  padding: 0;
+  border: none;
+  margin: 0;
+  text-decoration: none;
+  font-size: 12px;
+  color: white;
+  cursor: pointer;
+  position: absolute;
+  bottom: 144px;
+  right: 96px;
+  z-index: 8;
+}
+.lt-player-notification .lt-player-rewind-area,
+.lt-player-notification .lt-player-forward-area {
+  touch-action: inherit !important;
+  width: 50%;
+  height: 100%;
+  z-index: 4;
+  position: absolute;
+  top: 0;
+}
+.lt-player-notification .lt-player-forward-area {
+  right: 0;
+}
+.lt-player-notification .lt-player-rewind-area {
+  left: 0;
+}
+.lt-player-notification .lt-player-rewind,
+.lt-player-notification .lt-player-forward {
+  width: 50%;
+  top: 10%;
+  display: flex;
+  position: absolute;
+  text-align: center;
+  height: unset;
+  bottom: 10%;
+}
+.lt-player-notification .lt-player-rewind__icon-wrapper,
+.lt-player-notification .lt-player-forward__icon-wrapper {
+  display: flex;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.lt-player-notification .lt-player-rewind__icon-wrapper.rotate,
+.lt-player-notification .lt-player-forward__icon-wrapper.rotate {
+  rotate: 180deg;
+}
+.lt-player-notification .lt-player-rewind__icon-wrapper img,
+.lt-player-notification .lt-player-forward__icon-wrapper img {
+  max-width: 20px;
+}
+.lt-player-notification .lt-player-rewind__icon,
+.lt-player-notification .lt-player-forward__icon {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  color: rgb(255, 255, 255);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.lt-player-notification .lt-player-rewind span,
+.lt-player-notification .lt-player-forward span {
+  font-size: 16px;
+  font-weight: 300;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  padding: 0 8px;
+}
+.lt-player-notification .lt-player-rewind {
+  left: 0;
+}
+.lt-player-notification .lt-player-rewind__icon {
+  flex-direction: row-reverse;
+}
+.lt-player-notification .lt-player-rewind__icon__portrait {
+  margin: auto auto auto 45px;
+}
+.lt-player-notification .lt-player-rewind__icon__landscape {
+  margin: auto 60px auto auto;
+}
+.lt-player-notification .lt-player-forward {
+  right: 0;
+}
+.lt-player-notification .lt-player-forward__icon__portrait {
+  margin: auto 45px auto auto;
+}
+.lt-player-notification .lt-player-forward__icon__landscape {
+  margin: auto auto auto 60px;
+}
+.lt-player-notification .lt-player-notify {
+  transition: background 0.8s;
+  opacity: 0;
+}
+.lt-player-notification .animate-in {
+  opacity: 1;
+  display: flex;
+  animation: ripple 1s forwards;
+}
+
+@keyframes ripple {
+  0% {
+    transition: background 0s;
+    opacity: 1;
+  }
+  100% {
+    display: flex;
+    opacity: 0;
+  }
+}
+@keyframes fadeInLeft {
+  0% {
+    opacity: 1;
+    transform: translateX(-20px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+@keyframes fadeInRight {
+  0% {
+    opacity: 1;
+    transform: translateX(0px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateX(-20px);
+  }
+}
+@container portrait (width > 319px) {
+  .lt-player-orientation--portrait .lt-player-notification .lt-player-video-content .poster-title {
+    -webkit-line-clamp: 3;
+    font-size: 21px;
+  }
+  .lt-player-orientation--portrait .lt-player-notification .lt-player-video-content .poster-paragraph__content {
+    font-size: 16px;
+  }
+}
+.lt-player-portrait--desktop.lt-player--portrait .plyr__controls-enable {
+  transition-property: opacity, left, top, height;
+  transition-duration: 1s, 3s;
+}
+
+.plyr .plyr--video, .plyr__controls {
+  touch-action: none !important;
+  pointer-events: auto !important;
+  opacity: 0;
+  height: 100%;
+  width: 100%;
+  background: none !important;
+  display: flex !important;
+  flex-direction: column;
+  position: relative;
+  padding: 0 !important;
+}
+.plyr__controls {
+  touch-action: inherit !important;
+}
+.plyr__controls__mobile-background {
+  touch-action: inherit !important;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+}
+.plyr__controls__mobile-background .lt-player-notification .lt-player-rewind {
+  height: 100%;
+  top: 0;
+}
+.plyr__controls__mobile-background .lt-player-notification .lt-player-rewind__icon__portrait {
+  margin: auto auto auto 2rem;
+}
+.plyr__controls__mobile-background .lt-player-notification .lt-player-forward {
+  height: 100%;
+  top: 0;
+}
+.plyr__controls__mobile-background .lt-player-notification .lt-player-forward__icon__portrait {
+  margin: auto 2rem auto auto;
+}
+.plyr__controls-enable {
+  opacity: 1 !important;
+}
+.plyr__controls-enable-addInfo {
+  opacity: 1 !important;
+}
+
+.plyr--video .plyr__controls {
+  background: none !important;
+}
+
+.plyr .plyr__controls:not(:empty) ~ .plyr__captions {
+  transform: unset !important;
+  color: #fff !important;
+}
+
+.plyr .plyr__controls-enable:not(:empty) ~ .plyr__captions {
+  transform: unset !important;
+}
+
+.plyr .plyr__controls-enable-settings:not(:empty) ~ .plyr__captions {
+  transform: unset !important;
+}
+
+.plyr--video.plyr--hide-controls .plyr__controls {
+  opacity: 0;
+  pointer-events: none;
+  transform: unset !important;
+}
+
+.plyr--video.plyr--hide-controls .plyr__controls-enable-settings .player-lt__modal__mobile-show-modal {
+  opacity: 1 !important;
+  pointer-events: none !important;
+  transform: none !important;
+}
+
+.plyr__time + .plyr__time:before {
+  content: none !important;
+}
+
+.plyr__time + .plyr__time {
+  display: flex !important;
+}
+
+.lt-player-portrate--mobile.lt-player--portrait__xs .lt-player__additional-info-mobile {
+  gap: 0;
+}
+.lt-player-portrate--mobile.lt-player--portrait__xs .lt-player__additional-info-mobile button {
+  padding: 7px 7px;
+}
+.lt-player-portrate--mobile.lt-player--portrait__xs .lt-player__additional-info-mobile button img {
+  width: 16px;
+  height: 16px;
+  min-width: 16px;
+  min-height: 16px;
+}
+
+.lt-player .plyr__controls-enable .lt-player__additional-info-mobile {
+  z-index: 5;
+}
+.lt-player__additional-info {
+  width: 80px;
+  align-items: end;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  gap: 32px;
+  background: transparent;
+  padding-bottom: 25px;
+  z-index: 30;
+}
+.lt-player__additional-info button {
+  color: #27282A;
+  background-color: #fff;
+}
+.lt-player__additional-info button:hover {
+  color: #27282A;
+  background-color: #e6e6e6;
+}
+.lt-player__additional-info button:active, .lt-player__additional-info button:focus {
+  color: #27282A;
+  background-color: #fff;
+}
+.lt-player__additional-info button:focus-visible, .lt-player__additional-info button:focus {
+  outline: transparent;
+}
+.lt-player__additional-info-mobile,
+.lt-player .lt-player__additional-info__is_set_in-side {
+  align-items: end;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  gap: 16px;
+  background: transparent;
+  padding-bottom: 0;
+}
+.lt-player__additional-info-mobile button,
+.lt-player .lt-player__additional-info__is_set_in-side button {
+  color: #27282A;
+  background-color: #fff;
+  background: transparent;
+}
+.lt-player__additional-info-mobile button:hover,
+.lt-player .lt-player__additional-info__is_set_in-side button:hover {
+  color: #27282A;
+  background-color: #e6e6e6;
+}
+.lt-player__additional-info-mobile button:active, .lt-player__additional-info-mobile button:focus,
+.lt-player .lt-player__additional-info__is_set_in-side button:active,
+.lt-player .lt-player__additional-info__is_set_in-side button:focus {
+  color: #27282A;
+  background-color: #fff;
+}
+.lt-player__additional-info-mobile button:focus-visible, .lt-player__additional-info-mobile button:focus,
+.lt-player .lt-player__additional-info__is_set_in-side button:focus-visible,
+.lt-player .lt-player__additional-info__is_set_in-side button:focus {
+  outline: transparent;
+}
+.lt-player__additional-info-mobile button:focus, .lt-player__additional-info-mobile button:hover, .lt-player__additional-info-mobile button:active,
+.lt-player .lt-player__additional-info__is_set_in-side button:focus,
+.lt-player .lt-player__additional-info__is_set_in-side button:hover,
+.lt-player .lt-player__additional-info__is_set_in-side button:active {
+  background-color: unset;
+}
+.lt-player__additional-info-mobile button img,
+.lt-player .lt-player__additional-info__is_set_in-side button img {
+  filter: brightness(0) invert(1);
+}
+
+.lt-player-additional-info {
+  display: none !important;
+}
+
+.lt-player-mobile-add-info-modal {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.lt-state-fullscreen .lt-player__additional-info,
+.lt-state-fullscreen .lt-player__additional-info-mobile {
+  display: none;
+}
+
+.lt-player-mobile-settings-modal .settings-controllers {
+  position: fixed;
+  width: 100%;
+  z-index: 10;
+  left: 0;
+  background: #fff;
+  padding: 0 0 32px 0;
+  bottom: 0;
+  transition: 0.3s;
+}
+.lt-player-mobile-settings-modal .settings-controllers .settings-text {
+  font-size: 16px;
+  font-weight: 300;
+  color: #27282A !important;
+  margin: 0;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable {
+  position: absolute;
+  width: 100%;
+  z-index: 30;
+  left: 0;
+  background: #fff;
+  border-radius: 0 0 0 30px;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  padding: 0 0 24px 0;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__speed-range {
+  padding: 24px 24px 0 24px;
+  align-items: center;
+  color: #000;
+  display: flex;
+  position: relative;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .mobile {
+  display: flex;
+  width: 80% !important;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .speed-range-input-body {
+  color: #000;
+  width: 65%;
+  margin-left: auto;
+  position: relative;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .speed-range-input-body button {
+  color: #27282A;
+  background-color: #D8D846;
+  width: 16%;
+  margin: 0 2px;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .speed-range-input-body .button_active {
+  background-color: #27282A;
+  color: grey;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .speed-range-input-body output {
+  font-size: 16px;
+  font-weight: 600;
+  color: #074566;
+  position: absolute;
+  left: 50%;
+  top: -20px;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-webkit-slider-thumb {
+  border: 7px solid #074566;
+  height: 20px;
+  width: 20px;
+  background: #fff;
+  margin-top: -9.5px;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-moz-range-thumb {
+  color: #fff;
+  box-shadow: none;
+  border: 7px solid #074566;
+  background: #fff;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-ms-thumb {
+  margin-top: 3px;
+  box-shadow: 1px 1px 1px #fff;
+  border: 7px solid #074566;
+  height: 20px;
+  width: 20px;
+  background: #fff;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input {
+  color: #074566;
+  height: 32px;
+  cursor: pointer;
+  width: 100%;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-webkit-slider-runnable-track {
+  color: #074566;
+  background: #074566;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-moz-range-track {
+  color: #074566;
+  background: #074566;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-ms-track {
+  color: #074566;
+  background: #074566;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-moz-range-progress {
+  height: 4px;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__subtitles {
+  display: flex;
+  justify-content: space-between;
+  padding: 16px 24px 0 24px;
+  align-items: center;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__subtitles .subtitles-body__input-switch:checked + .subtitles-body__slider {
+  background-color: #D8D846;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__subtitles .subtitles-body__input-switch:checked + .subtitles-body__slider::before {
+  transform: translateX(26px);
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__subtitles .subtitles-body__switch {
+  z-index: 4;
+  position: relative;
+  display: inline-block;
+  min-width: 60px;
+  height: 34px;
+  margin-left: 10px;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__subtitles .subtitles-body__input-switch {
+  opacity: 0;
+  width: 0;
+  height: 0;
+  accent-color: #D8D846;
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__subtitles .subtitles-body__slider {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #E6E6E6;
+  transition: 0.4s;
+  display: inline-block;
+  margin-bottom: 0 !important;
+  margin-top: 0 !important;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__subtitles .subtitles-body__slider:focus {
+  box-shadow: 0 0 1px #D8D846;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__subtitles .subtitles-body__slider:before {
+  width: 26px;
+  height: 26px;
+  background-color: #fff;
+  position: absolute;
+  content: "";
+  left: 4px;
+  bottom: 4px;
+  transition: 0.4s;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__button-save {
+  padding: 16px 24px 0 24px;
+  color: black;
+  display: flex;
+  justify-content: left;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__button-save .button-save {
+  color: #27282A;
+  background-color: #D8D846;
+  padding: 12px 32px;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__button-save .button-save:hover {
+  color: #27282A;
+  background-color: #c2c229;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__button-save .button-save:active, .lt-player-mobile-settings-modal .settings-controllers-enable__button-save .button-save:focus {
+  color: #27282A;
+  background-color: #D8D846;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__button-save .button-save:focus-visible, .lt-player-mobile-settings-modal .settings-controllers-enable__button-save .button-save:focus {
+  outline: transparent;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__exit-button {
+  padding: 16px;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__exit-button span {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0.2em;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__exit-button span:hover {
+  color: black;
+}
+.lt-player-mobile-settings-modal .settings-controllers-enable__background {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  background: #27282A;
+  opacity: 0.75;
+  z-index: 10;
+}
+
+.plyr__controls .settings-controllers {
+  position: absolute;
+  width: 100%;
+  z-index: 5;
+  left: 0;
+  background: #fff;
+  border-radius: 0 0 0 30px;
+  bottom: 0;
+  opacity: 0;
+}
+.plyr__controls .settings-controllers .settings-text {
+  font-size: 16px;
+  font-weight: 300;
+  color: #27282A !important;
+  margin: 0;
+}
+.plyr__controls .settings-controllers-enable {
+  position: absolute;
+  width: 100%;
+  z-index: 30;
+  left: 0;
+  background: #fff;
+  border-radius: 0 0 0 30px;
+  bottom: 0;
+  opacity: 1;
+  display: flex;
+  flex-direction: column;
+  padding: 0 0 24px 0;
+  border: 1px solid #A8ADB0;
+}
+.plyr__controls .settings-controllers-enable__speed-range {
+  padding: 24px 24px 0 24px;
+  align-items: center;
+  color: #000;
+  display: flex;
+  position: relative;
+}
+.plyr__controls .settings-controllers-enable__speed-range .mobile {
+  display: flex;
+  width: 80% !important;
+}
+.plyr__controls .settings-controllers-enable__speed-range .speed-range-input-body {
+  color: #000;
+  width: 65%;
+  margin-left: auto;
+  position: relative;
+}
+.plyr__controls .settings-controllers-enable__speed-range .speed-range-input-body button {
+  color: #27282A;
+  background-color: #D8D846;
+  width: 16%;
+  margin: 0 2px;
+}
+.plyr__controls .settings-controllers-enable__speed-range .speed-range-input-body .button_active {
+  background-color: #27282A;
+  color: grey;
+}
+.plyr__controls .settings-controllers-enable__speed-range .speed-range-input-body output {
+  font-size: 16px;
+  font-weight: 600;
+  color: #074566;
+  position: absolute;
+  left: 50%;
+  top: -20px;
+}
+.plyr__controls .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-webkit-slider-thumb {
+  border: 7px solid #074566;
+  height: 20px;
+  width: 20px;
+  background: #fff;
+  margin-top: -9.5px;
+}
+.plyr__controls .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-moz-range-thumb {
+  color: #fff;
+  box-shadow: none;
+  border: 7px solid #074566;
+  background: #fff;
+}
+.plyr__controls .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-ms-thumb {
+  margin-top: 3px;
+  box-shadow: 1px 1px 1px #fff;
+  border: 7px solid #074566;
+  height: 20px;
+  width: 20px;
+  background: #fff;
+}
+.plyr__controls .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input {
+  color: #074566;
+  height: 32px;
+  cursor: pointer;
+}
+.plyr__controls .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-webkit-slider-runnable-track {
+  color: #074566;
+  background: #074566;
+}
+.plyr__controls .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-moz-range-track {
+  color: #074566;
+  background: #074566;
+}
+.plyr__controls .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-ms-track {
+  color: #074566;
+  background: #074566;
+}
+.plyr__controls .settings-controllers-enable__speed-range .speed-range-input-body .speed-range-input::-moz-range-progress {
+  height: 4px;
+}
+.plyr__controls .settings-controllers-enable__subtitles {
+  display: flex;
+  justify-content: space-between;
+  padding: 16px 24px 0 24px;
+  align-items: center;
+}
+.plyr__controls .settings-controllers-enable__subtitles .subtitles-body__input-switch:checked + .subtitles-body__slider {
+  background-color: #D8D846;
+}
+.plyr__controls .settings-controllers-enable__subtitles .subtitles-body__input-switch:checked + .subtitles-body__slider::before {
+  transform: translateX(26px);
+}
+.plyr__controls .settings-controllers-enable__subtitles .subtitles-body__switch {
+  z-index: 4;
+  position: relative;
+  display: inline-block;
+  min-width: 60px;
+  height: 34px;
+  margin-left: 10px;
+}
+.plyr__controls .settings-controllers-enable__subtitles .subtitles-body__input-switch {
+  opacity: 0;
+  width: 0;
+  height: 0;
+  accent-color: #D8D846;
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+.plyr__controls .settings-controllers-enable__subtitles .subtitles-body__slider {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #E6E6E6;
+  transition: 0.4s;
+  display: inline-block;
+  margin-bottom: 0 !important;
+  margin-top: 0 !important;
+}
+.plyr__controls .settings-controllers-enable__subtitles .subtitles-body__slider:focus {
+  box-shadow: 0 0 1px #D8D846;
+}
+.plyr__controls .settings-controllers-enable__subtitles .subtitles-body__slider:before {
+  width: 26px;
+  height: 26px;
+  background-color: #fff;
+  position: absolute;
+  content: "";
+  left: 4px;
+  bottom: 4px;
+  transition: 0.4s;
+}
+.plyr__controls .settings-controllers-enable__button-save {
+  padding: 16px 24px 0 24px;
+  color: black;
+  display: flex;
+  justify-content: left;
+}
+.plyr__controls .settings-controllers-enable__button-save .button-save {
+  color: #27282A;
+  background-color: #D8D846;
+  padding: 12px 32px;
+}
+.plyr__controls .settings-controllers-enable__button-save .button-save:hover {
+  color: #27282A;
+  background-color: #c2c229;
+}
+.plyr__controls .settings-controllers-enable__button-save .button-save:active, .plyr__controls .settings-controllers-enable__button-save .button-save:focus {
+  color: #27282A;
+  background-color: #D8D846;
+}
+.plyr__controls .settings-controllers-enable__button-save .button-save:focus-visible, .plyr__controls .settings-controllers-enable__button-save .button-save:focus {
+  outline: transparent;
+}
+.plyr__controls .settings-controllers-enable__exit-button {
+  padding: 16px;
+}
+.plyr__controls .settings-controllers-enable__exit-button span {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0.2em;
+}
+.plyr__controls .settings-controllers-enable__exit-button span:hover {
+  color: black;
+}
+.plyr__controls .settings-controllers-enable__background {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  background: #27282A;
+  opacity: 0.75;
+  z-index: 10;
+}
+
+.lt-player-orientation--landscape .plyr__controls .settings-controllers {
+  transition: none;
+}
+.lt-player-orientation--landscape .plyr__controls .settings-controllers-enable {
+  top: 50%;
+  left: 50%;
+  right: 0;
+  bottom: 0;
+  max-width: 345px;
+  height: -moz-fit-content;
+  height: fit-content;
+  transform: translate(-50%, -50%);
+  transition: none;
+  width: 100%;
+  border-radius: 0;
+  border: none;
+}
+.lt-player-orientation--landscape .plyr__controls .settings-controllers-enable__subtitles {
+  padding: 16px 24px 24px;
+}
+.lt-player-orientation--landscape .plyr__controls .settings-controllers-enable .line-button {
+  display: none;
+}
+
+.lt-player-mobile-share-modal .share-controller .share-inactive {
+  align-items: end;
+  background: rgba(0, 0, 0, 0.3);
+  -webkit-backdrop-filter: blur(14px);
+  backdrop-filter: blur(14px);
+  bottom: 0;
+  color: #fff;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 9999999;
+}
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content {
+  background: #fff;
+  padding: 0 28px 20px;
+  text-align: center;
+  width: 100%;
+}
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-mobile-modal-header {
+  position: sticky;
+  top: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: transparent;
+  padding: 0 16px;
+  border-radius: 15px 15px 0 0;
+}
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .line-button {
+  display: flex;
+  width: 56px;
+  height: 6px;
+  background-color: #E6E6E6;
+  margin: 6px auto 32px;
+  cursor: pointer;
+  visibility: visible;
+}
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-frame {
+  position: relative;
+}
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-frame .player-share-close-button {
+  color: #000;
+  position: absolute;
+  right: -20px;
+  top: -20px;
+}
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-title h3,
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-via h3 {
+  color: #27282A;
+  font-size: 16px;
+  font-weight: 600;
+  margin-top: 0;
+}
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-via {
+  margin-bottom: 25px;
+}
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-link-wrapper {
+  flex-flow: column wrap;
+  gap: 20px;
+  word-break: break-word;
+}
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-link-wrapper .share-controller-url {
+  font-size: 16px;
+  color: #3E4345;
+  font-weight: 300;
+  text-decoration: underline;
+  cursor: pointer;
+  max-width: 90%;
+}
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-link-wrapper .share-controller-link {
+  color: #27282A;
+  background-color: #D8D846;
+  color: #27282A !important;
+  max-width: 142px;
+  width: 100%;
+}
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-link-wrapper .share-controller-link:hover {
+  color: #27282A;
+  background-color: #c2c229;
+}
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-link-wrapper .share-controller-link:active, .lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-link-wrapper .share-controller-link:focus {
+  color: #27282A;
+  background-color: #D8D846;
+}
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-link-wrapper .share-controller-link:focus-visible, .lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-link-wrapper .share-controller-link:focus {
+  outline: transparent;
+}
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-hr {
+  opacity: 0.3;
+  margin: 20px 0;
+}
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-icons {
+  gap: 15px;
+  flex-wrap: wrap;
+}
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-icons div {
+  display: none;
+}
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-icons a {
+  padding: 0;
+}
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-icons a:hover .share-icon__icon {
+  background-color: #D8D846;
+}
+.lt-player-mobile-share-modal .share-controller .share-inactive .share-controller-content .share-controller-icons a .share-icon__icon {
+  width: 32px;
+  height: 32px;
+  max-width: 32px;
+  max-height: 32px;
+  background: #27282A;
+}
+
+.plyr .share-controller .share-inactive {
+  display: none;
+}
+.plyr .share-controller .share-active {
+  align-items: center;
+  background: rgba(0, 0, 0, 0.3);
+  -webkit-backdrop-filter: blur(14px);
+  backdrop-filter: blur(14px);
+  bottom: 0;
+  color: #fff;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 99;
+}
+.plyr .share-controller .share-active .share-controller-content {
+  background: #fff;
+  padding: 0 28px 20px;
+  text-align: center;
+  width: 100%;
+  max-width: 376px;
+}
+.plyr .share-controller .share-active .share-controller-content .line-button {
+  display: flex;
+  width: 56px;
+  height: 6px;
+  background-color: #E6E6E6;
+  margin: 6px auto 32px;
+  cursor: pointer;
+  visibility: hidden;
+}
+.plyr .share-controller .share-active .share-controller-content .share-controller-frame {
+  position: relative;
+}
+.plyr .share-controller .share-active .share-controller-content .share-controller-frame .player-share-close-button {
+  color: #000;
+  position: absolute;
+  right: -20px;
+  top: -20px;
+}
+.plyr .share-controller .share-active .share-controller-content .share-controller-title h3,
+.plyr .share-controller .share-active .share-controller-content .share-controller-via h3 {
+  color: #27282A;
+  font-size: 16px;
+  font-weight: 600;
+  margin-top: 0;
+}
+.plyr .share-controller .share-active .share-controller-content .share-controller-via {
+  margin-bottom: 25px;
+}
+.plyr .share-controller .share-active .share-controller-content .share-controller-link-wrapper {
+  flex-flow: column wrap;
+  gap: 20px;
+  word-break: break-word;
+}
+.plyr .share-controller .share-active .share-controller-content .share-controller-link-wrapper .share-controller-url {
+  font-size: 16px;
+  color: #3E4345;
+  font-weight: 300;
+  text-decoration: underline;
+  cursor: pointer;
+  max-width: 90%;
+}
+.plyr .share-controller .share-active .share-controller-content .share-controller-link-wrapper .share-controller-link {
+  color: #27282A;
+  background-color: #D8D846;
+  color: #27282A !important;
+  max-width: 142px;
+  width: 100%;
+}
+.plyr .share-controller .share-active .share-controller-content .share-controller-link-wrapper .share-controller-link:hover {
+  color: #27282A;
+  background-color: #c2c229;
+}
+.plyr .share-controller .share-active .share-controller-content .share-controller-link-wrapper .share-controller-link:active, .plyr .share-controller .share-active .share-controller-content .share-controller-link-wrapper .share-controller-link:focus {
+  color: #27282A;
+  background-color: #D8D846;
+}
+.plyr .share-controller .share-active .share-controller-content .share-controller-link-wrapper .share-controller-link:focus-visible, .plyr .share-controller .share-active .share-controller-content .share-controller-link-wrapper .share-controller-link:focus {
+  outline: transparent;
+}
+.plyr .share-controller .share-active .share-controller-content .share-controller-hr {
+  opacity: 0.3;
+  margin: 20px 0;
+}
+.plyr .share-controller .share-active .share-controller-content .share-controller-icons {
+  gap: 15px;
+  flex-wrap: wrap;
+}
+.plyr .share-controller .share-active .share-controller-content .share-controller-icons div {
+  display: none;
+}
+.plyr .share-controller .share-active .share-controller-content .share-controller-icons a {
+  padding: 0;
+}
+.plyr .share-controller .share-active .share-controller-content .share-controller-icons a .share-icon__icon {
+  width: 32px;
+  height: 32px;
+  max-width: 32px;
+  max-height: 32px;
+  background: #27282A;
+}
+
+.plyr__caption {
+  display: none;
+}
+.plyr__caption span:empty {
+  display: none;
+}
+
+.lt-player-custom-captions {
+  margin-bottom: 16px;
+}
+.lt-player-custom-captions span {
+  display: flex;
+  justify-content: center;
+  margin: auto;
+  width: 100%;
+  color: #000;
+  background-color: rgba(216, 216, 70, 0.7);
+  font-size: 18px;
+  line-height: 1.5;
+  font-weight: 400;
+  padding: 8px 12px;
+  border-radius: 40px;
+  font-family: "MuseoSans", sans-serif;
+  white-space: unset;
+  -webkit-box-decoration-break: clone;
+          box-decoration-break: clone;
+}
+.lt-player-custom-captions span:empty {
+  padding: 0;
+}
+
+@container portrait (width < 319px) {
+  .lt-player-custom-captions span {
+    font-size: 14px;
+  }
+}
+@keyframes plyr-progress {
+  to {
+    background-position: var(--plyr-progress-loading-size, 25px) 0;
+  }
+}
+@keyframes plyr-popup {
+  0% {
+    opacity: 0.5;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes plyr-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.plyr {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  align-items: center;
+  direction: ltr;
+  display: flex;
+  flex-direction: column;
+  font-family: var(--plyr-font-family, inherit);
+  font-variant-numeric: tabular-nums;
+  font-weight: var(--plyr-font-weight-regular, 400);
+  line-height: var(--plyr-line-height, 1.7);
+  max-width: 100%;
+  min-width: 200px;
+  position: relative;
+  text-shadow: none;
+  transition: box-shadow 0.3s ease;
+  z-index: 0;
+}
+.plyr video,
+.plyr audio,
+.plyr iframe {
+  display: block;
+  height: 100%;
+  width: 100%;
+}
+.plyr button {
+  font: inherit;
+  line-height: inherit;
+  width: auto;
+}
+.plyr:focus {
+  outline: 0;
+}
+
+.plyr--full-ui {
+  box-sizing: border-box;
+}
+.plyr--full-ui *,
+.plyr--full-ui *::after,
+.plyr--full-ui *::before {
+  box-sizing: inherit;
+}
+
+.plyr--full-ui a,
+.plyr--full-ui button,
+.plyr--full-ui input,
+.plyr--full-ui label {
+  touch-action: manipulation;
+}
+
+.plyr__badge {
+  background: var(--plyr-badge-background, hsl(216, 15%, 34%));
+  border-radius: var(--plyr-badge-border-radius, 2px);
+  color: var(--plyr-badge-text-color, #fff);
+  font-size: var(--plyr-font-size-badge, 9px);
+  line-height: 1;
+  padding: 3px 4px;
+}
+
+.plyr--full-ui ::-webkit-media-text-track-container {
+  display: none;
+}
+
+.plyr__captions {
+  animation: plyr-fade-in 0.3s ease;
+  bottom: 0;
+  display: none;
+  font-size: var(--plyr-font-size-small, 13px);
+  left: 0;
+  padding: var(--plyr-control-spacing, 10px);
+  position: absolute;
+  text-align: center;
+  transition: transform 0.4s ease-in-out;
+  width: 100%;
+}
+.plyr__captions span:empty {
+  display: none;
+}
+@media (min-width: 480px) {
+  .plyr__captions {
+    font-size: var(--plyr-font-size-base, 15px);
+    padding: calc(var(--plyr-control-spacing, 10px) * 2);
+  }
+}
+@media (min-width: 768px) {
+  .plyr__captions {
+    font-size: var(--plyr-font-size-large, 18px);
+  }
+}
+
+.plyr--captions-active .plyr__captions {
+  display: block;
+}
+
+.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
+  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
+}
+
+.plyr__caption {
+  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
+  border-radius: 2px;
+  -webkit-box-decoration-break: clone;
+          box-decoration-break: clone;
+  color: var(--plyr-captions-text-color, #fff);
+  line-height: 185%;
+  padding: 0.2em 0.5em;
+  white-space: pre-wrap;
+}
+.plyr__caption div {
+  display: inline;
+}
+
+.plyr__control {
+  background: transparent;
+  border: 0;
+  border-radius: var(--plyr-control-radius, 4px);
+  color: inherit;
+  cursor: pointer;
+  flex-shrink: 0;
+  overflow: visible;
+  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
+  position: relative;
+  transition: all 0.3s ease;
+}
+.plyr__control svg {
+  display: block;
+  fill: currentColor;
+  height: var(--plyr-control-icon-size, 18px);
+  pointer-events: none;
+  width: var(--plyr-control-icon-size, 18px);
+}
+.plyr__control:focus {
+  outline: 0;
+}
+.plyr__control:focus-visible {
+  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
+  outline-offset: 2px;
+}
+
+a.plyr__control {
+  text-decoration: none;
+}
+a.plyr__control::after, a.plyr__control::before {
+  display: none;
+}
+
+.plyr__control:not(.plyr__control--pressed) .icon--pressed,
+.plyr__control.plyr__control--pressed .icon--not-pressed,
+.plyr__control:not(.plyr__control--pressed) .label--pressed,
+.plyr__control.plyr__control--pressed .label--not-pressed {
+  display: none;
+}
+
+.plyr--full-ui ::-webkit-media-controls {
+  display: none;
+}
+
+.plyr__controls {
+  align-items: center;
+  display: flex;
+  justify-content: flex-end;
+  text-align: center;
+}
+.plyr__controls .plyr__progress__container {
+  flex: 1;
+  min-width: 0;
+}
+.plyr__controls .plyr__controls__item {
+  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
+}
+.plyr__controls .plyr__controls__item:first-child {
+  margin-left: 0;
+  margin-right: auto;
+}
+.plyr__controls .plyr__controls__item.plyr__progress__container {
+  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
+}
+.plyr__controls .plyr__controls__item.plyr__time {
+  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
+}
+.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time {
+  padding-left: 0;
+}
+.plyr__controls:empty {
+  display: none;
+}
+
+.plyr [data-plyr=captions],
+.plyr [data-plyr=pip],
+.plyr [data-plyr=airplay],
+.plyr [data-plyr=fullscreen] {
+  display: none;
+}
+
+.plyr--captions-enabled [data-plyr=captions],
+.plyr--pip-supported [data-plyr=pip],
+.plyr--airplay-supported [data-plyr=airplay],
+.plyr--fullscreen-enabled [data-plyr=fullscreen] {
+  display: inline-block;
+}
+
+.plyr__menu {
+  display: flex;
+  position: relative;
+}
+.plyr__menu .plyr__control svg {
+  transition: transform 0.3s ease;
+}
+.plyr__menu .plyr__control[aria-expanded=true] svg {
+  transform: rotate(90deg);
+}
+.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
+  display: none;
+}
+.plyr__menu__container {
+  animation: plyr-popup 0.2s ease;
+  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
+  border-radius: var(--plyr-menu-radius, 8px);
+  bottom: 100%;
+  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
+  color: var(--plyr-menu-color, hsl(216, 15%, 34%));
+  font-size: var(--plyr-font-size-base, 15px);
+  margin-bottom: 10px;
+  position: absolute;
+  right: -3px;
+  text-align: left;
+  white-space: nowrap;
+  z-index: 3;
+}
+.plyr__menu__container > div {
+  overflow: hidden;
+  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.plyr__menu__container::after {
+  border: var(--plyr-menu-arrow-size, 4px) solid transparent;
+  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
+  content: "";
+  height: 0;
+  position: absolute;
+  right: calc(((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7)) - (var(--plyr-menu-arrow-size, 4px) / 2));
+  top: 100%;
+  width: 0;
+}
+.plyr__menu__container [role=menu] {
+  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
+}
+.plyr__menu__container [role=menuitem],
+.plyr__menu__container [role=menuitemradio] {
+  margin-top: 2px;
+}
+.plyr__menu__container [role=menuitem]:first-child,
+.plyr__menu__container [role=menuitemradio]:first-child {
+  margin-top: 0;
+}
+.plyr__menu__container .plyr__control {
+  align-items: center;
+  color: var(--plyr-menu-color, hsl(216, 15%, 34%));
+  display: flex;
+  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
+  padding: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5) calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  width: 100%;
+}
+.plyr__menu__container .plyr__control > span {
+  align-items: inherit;
+  display: flex;
+  width: 100%;
+}
+.plyr__menu__container .plyr__control::after {
+  border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
+  content: "";
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.plyr__menu__container .plyr__control--forward {
+  padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
+}
+.plyr__menu__container .plyr__control--forward::after {
+  border-left-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%));
+  right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px));
+}
+.plyr__menu__container .plyr__control--forward:focus-visible::after, .plyr__menu__container .plyr__control--forward:hover::after {
+  border-left-color: currentColor;
+}
+.plyr__menu__container .plyr__control--back {
+  font-weight: var(--plyr-font-weight-regular, 400);
+  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
+  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
+  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
+  position: relative;
+  width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * 0.7) * 2));
+}
+.plyr__menu__container .plyr__control--back::after {
+  border-right-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%));
+  left: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px));
+}
+.plyr__menu__container .plyr__control--back::before {
+  background: var(--plyr-menu-back-border-color, hsl(216, 15%, 88%));
+  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
+  content: "";
+  height: 1px;
+  left: 0;
+  margin-top: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
+  overflow: hidden;
+  position: absolute;
+  right: 0;
+  top: 100%;
+}
+.plyr__menu__container .plyr__control--back:focus-visible::after, .plyr__menu__container .plyr__control--back:hover::after {
+  border-right-color: currentColor;
+}
+.plyr__menu__container .plyr__control[role=menuitemradio] {
+  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
+}
+.plyr__menu__container .plyr__control[role=menuitemradio]::before, .plyr__menu__container .plyr__control[role=menuitemradio]::after {
+  border-radius: 100%;
+}
+.plyr__menu__container .plyr__control[role=menuitemradio]::before {
+  background: rgba(0, 0, 0, 0.1);
+  content: "";
+  display: block;
+  flex-shrink: 0;
+  height: 16px;
+  margin-right: var(--plyr-control-spacing, 10px);
+  transition: all 0.3s ease;
+  width: 16px;
+}
+.plyr__menu__container .plyr__control[role=menuitemradio]::after {
+  background: #fff;
+  border: 0;
+  height: 6px;
+  left: 12px;
+  opacity: 0;
+  top: 50%;
+  transform: translateY(-50%) scale(0);
+  transition: transform 0.3s ease, opacity 0.3s ease;
+  width: 6px;
+}
+.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
+  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
+}
+.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
+  opacity: 1;
+  transform: translateY(-50%) scale(1);
+}
+.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
+  background: rgba(35, 40, 47, 0.1);
+}
+.plyr__menu__container .plyr__menu__value {
+  align-items: center;
+  display: flex;
+  margin-left: auto;
+  margin-right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) - 2px) * -1);
+  overflow: hidden;
+  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 3.5);
+  pointer-events: none;
+}
+
+.plyr--full-ui input[type=range] {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background: transparent;
+  border: 0;
+  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
+  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
+  display: block;
+  height: calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px));
+  margin: 0;
+  min-width: 0;
+  padding: 0;
+  transition: box-shadow 0.3s ease;
+  width: 100%;
+}
+.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
+  background: transparent;
+  border: 0;
+  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
+  height: var(--plyr-range-track-height, 5px);
+  -webkit-transition: box-shadow 0.3s ease;
+  transition: box-shadow 0.3s ease;
+  -webkit-user-select: none;
+          user-select: none;
+  background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%));
+}
+.plyr--full-ui input[type=range]::-webkit-slider-thumb {
+  background: var(--plyr-range-thumb-background, #fff);
+  border: 0;
+  border-radius: 100%;
+  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
+  height: var(--plyr-range-thumb-height, 13px);
+  position: relative;
+  -webkit-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+  width: var(--plyr-range-thumb-height, 13px);
+  -webkit-appearance: none;
+          appearance: none;
+  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
+}
+.plyr--full-ui input[type=range]::-moz-range-track {
+  background: transparent;
+  border: 0;
+  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
+  height: var(--plyr-range-track-height, 5px);
+  -moz-transition: box-shadow 0.3s ease;
+  transition: box-shadow 0.3s ease;
+  -moz-user-select: none;
+       user-select: none;
+}
+.plyr--full-ui input[type=range]::-moz-range-thumb {
+  background: var(--plyr-range-thumb-background, #fff);
+  border: 0;
+  border-radius: 100%;
+  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
+  height: var(--plyr-range-thumb-height, 13px);
+  position: relative;
+  -moz-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+  width: var(--plyr-range-thumb-height, 13px);
+}
+.plyr--full-ui input[type=range]::-moz-range-progress {
+  background: currentColor;
+  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
+  height: var(--plyr-range-track-height, 5px);
+}
+.plyr--full-ui input[type=range]::-ms-track {
+  background: transparent;
+  border: 0;
+  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
+  height: var(--plyr-range-track-height, 5px);
+  -ms-transition: box-shadow 0.3s ease;
+  transition: box-shadow 0.3s ease;
+  user-select: none;
+  color: transparent;
+}
+.plyr--full-ui input[type=range]::-ms-fill-upper {
+  background: transparent;
+  border: 0;
+  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
+  height: var(--plyr-range-track-height, 5px);
+  -ms-transition: box-shadow 0.3s ease;
+  transition: box-shadow 0.3s ease;
+  user-select: none;
+}
+.plyr--full-ui input[type=range]::-ms-fill-lower {
+  background: transparent;
+  border: 0;
+  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
+  height: var(--plyr-range-track-height, 5px);
+  -ms-transition: box-shadow 0.3s ease;
+  transition: box-shadow 0.3s ease;
+  user-select: none;
+  background: currentColor;
+}
+.plyr--full-ui input[type=range]::-ms-thumb {
+  background: var(--plyr-range-thumb-background, #fff);
+  border: 0;
+  border-radius: 100%;
+  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
+  height: var(--plyr-range-thumb-height, 13px);
+  position: relative;
+  -ms-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+  width: var(--plyr-range-thumb-height, 13px);
+  margin-top: 0;
+}
+.plyr--full-ui input[type=range]::-ms-tooltip {
+  display: none;
+}
+.plyr--full-ui input[type=range]::-moz-focus-outer {
+  border: 0;
+}
+.plyr--full-ui input[type=range]:focus {
+  outline: 0;
+}
+.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
+  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
+  outline-offset: 2px;
+}
+.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
+  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
+  outline-offset: 2px;
+}
+.plyr--full-ui input[type=range]:focus-visible::-ms-track {
+  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
+  outline-offset: 2px;
+}
+
+.plyr__poster {
+  background-color: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));
+  background-position: 50% 50%;
+  background-repeat: no-repeat;
+  background-size: contain;
+  height: 100%;
+  left: 0;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  transition: opacity 0.2s ease;
+  width: 100%;
+  z-index: 1;
+}
+
+.plyr--stopped.plyr__poster-enabled .plyr__poster {
+  opacity: 1;
+}
+
+.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
+  display: none;
+}
+
+.plyr__time {
+  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
+}
+
+.plyr__time + .plyr__time::before {
+  content: "⁄";
+  margin-right: var(--plyr-control-spacing, 10px);
+}
+@media (max-width: 767px) {
+  .plyr__time + .plyr__time {
+    display: none;
+  }
+}
+
+/* stylelint-disable selector-max-compound-selectors */
+.plyr__tooltip {
+  background: var(--plyr-tooltip-background, #fff);
+  border-radius: var(--plyr-tooltip-radius, 5px);
+  bottom: 100%;
+  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
+  color: var(--plyr-tooltip-color, hsl(216, 15%, 34%));
+  font-size: var(--plyr-font-size-small, 13px);
+  font-weight: var(--plyr-font-weight-regular, 400);
+  left: 50%;
+  line-height: 1.3;
+  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
+  opacity: 0;
+  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5);
+  pointer-events: none;
+  position: absolute;
+  transform: translate(-50%, 10px) scale(0.8);
+  transform-origin: 50% 100%;
+  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
+  white-space: nowrap;
+  z-index: 2;
+}
+.plyr__tooltip::before {
+  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
+  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
+  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
+  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
+  content: "";
+  height: 0;
+  left: 50%;
+  position: absolute;
+  transform: translateX(-50%);
+  width: 0;
+  z-index: 2;
+}
+
+.plyr .plyr__control:hover .plyr__tooltip,
+.plyr .plyr__control:focus-visible .plyr__tooltip,
+.plyr__tooltip--visible {
+  opacity: 1;
+  transform: translate(-50%, 0) scale(1);
+}
+
+.plyr .plyr__control:hover .plyr__tooltip {
+  z-index: 3;
+}
+
+.plyr__controls > .plyr__control:first-child .plyr__tooltip,
+.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
+  left: 0;
+  transform: translate(0, 10px) scale(0.8);
+  transform-origin: 0 100%;
+}
+.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
+.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
+  left: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7));
+}
+
+.plyr__controls > .plyr__control:last-child .plyr__tooltip {
+  left: auto;
+  right: 0;
+  transform: translate(0, 10px) scale(0.8);
+  transform-origin: 100% 100%;
+}
+.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
+  left: auto;
+  right: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7));
+  transform: translateX(50%);
+}
+
+.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip,
+.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
+.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
+.plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip,
+.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
+.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip,
+.plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip,
+.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
+  transform: translate(0, 0) scale(1);
+}
+
+.plyr__progress {
+  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
+  margin-right: var(--plyr-range-thumb-height, 13px);
+  position: relative;
+}
+.plyr__progress input[type=range], .plyr__progress__buffer {
+  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
+  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
+  width: calc(100% + var(--plyr-range-thumb-height, 13px));
+}
+.plyr__progress input[type=range] {
+  position: relative;
+  z-index: 2;
+}
+.plyr__progress .plyr__tooltip {
+  left: 0;
+  max-width: 120px;
+  overflow-wrap: break-word;
+}
+
+.plyr__progress__buffer {
+  -webkit-appearance: none; /* stylelint-disable-line */
+  background: transparent;
+  border: 0;
+  border-radius: 100px;
+  height: var(--plyr-range-track-height, 5px);
+  left: 0;
+  margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1);
+  padding: 0;
+  position: absolute;
+  top: 50%;
+}
+.plyr__progress__buffer::-webkit-progress-bar {
+  background: transparent;
+}
+.plyr__progress__buffer::-webkit-progress-value {
+  background: currentColor;
+  border-radius: 100px;
+  min-width: var(--plyr-range-track-height, 5px);
+  -webkit-transition: width 0.2s ease;
+  transition: width 0.2s ease;
+}
+.plyr__progress__buffer::-moz-progress-bar {
+  background: currentColor;
+  border-radius: 100px;
+  min-width: var(--plyr-range-track-height, 5px);
+  -moz-transition: width 0.2s ease;
+  transition: width 0.2s ease;
+}
+.plyr__progress__buffer::-ms-fill {
+  border-radius: 100px;
+  -ms-transition: width 0.2s ease;
+  transition: width 0.2s ease;
+}
+
+.plyr--loading .plyr__progress__buffer {
+  animation: plyr-progress 1s linear infinite;
+  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
+  background-repeat: repeat-x;
+  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
+  color: transparent;
+}
+
+.plyr--video.plyr--loading .plyr__progress__buffer {
+  background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
+}
+
+.plyr--audio.plyr--loading .plyr__progress__buffer {
+  background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
+}
+
+.plyr__progress__marker {
+  background-color: var(--plyr-progress-marker-background, #fff);
+  border-radius: 1px;
+  height: var(--plyr-range-track-height, 5px);
+  position: absolute;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: var(--plyr-progress-marker-width, 3px);
+  z-index: 3;
+}
+
+.plyr__volume {
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+.plyr__volume input[type=range] {
+  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
+  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
+  max-width: 90px;
+  min-width: 60px;
+  position: relative;
+  z-index: 2;
+}
+
+.plyr--audio {
+  display: block;
+}
+
+.plyr--audio .plyr__controls {
+  background: var(--plyr-audio-controls-background, #fff);
+  border-radius: inherit;
+  color: var(--plyr-audio-control-color, hsl(216, 15%, 34%));
+  padding: var(--plyr-control-spacing, 10px);
+}
+
+.plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
+  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
+  color: var(--plyr-audio-control-color-hover, #fff);
+}
+
+.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
+  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
+}
+.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
+  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
+}
+.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
+  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
+}
+.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
+  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
+}
+.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
+  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
+}
+.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
+  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
+}
+
+.plyr--audio .plyr__progress__buffer {
+  color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
+}
+
+.plyr--video {
+  overflow: hidden;
+}
+.plyr--video.plyr--menu-open {
+  overflow: visible;
+}
+
+.plyr__video-wrapper {
+  background: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));
+  border-radius: inherit;
+  height: 100%;
+  margin: auto;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+
+.plyr__video-embed,
+.plyr__video-wrapper--fixed-ratio {
+  aspect-ratio: 16/9;
+}
+@supports not (aspect-ratio: 16/9) {
+  .plyr__video-embed,
+  .plyr__video-wrapper--fixed-ratio {
+    height: 0;
+    padding-bottom: 56.25%;
+    position: relative;
+  }
+}
+
+.plyr__video-embed iframe,
+.plyr__video-wrapper--fixed-ratio video {
+  border: 0;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+
+.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
+  padding-bottom: 240%;
+  position: relative;
+  transform: translateY(-38.28125%);
+}
+
+.plyr--video .plyr__controls {
+  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
+  border-bottom-left-radius: inherit;
+  border-bottom-right-radius: inherit;
+  bottom: 0;
+  color: var(--plyr-video-control-color, #fff);
+  left: 0;
+  padding: calc(var(--plyr-control-spacing, 10px) / 2);
+  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
+  position: absolute;
+  right: 0;
+  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
+  z-index: 3;
+}
+@media (min-width: 480px) {
+  .plyr--video .plyr__controls {
+    padding: var(--plyr-control-spacing, 10px);
+    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
+  }
+}
+
+.plyr--video.plyr--hide-controls .plyr__controls {
+  opacity: 0;
+  pointer-events: none;
+  transform: translateY(100%);
+}
+
+.plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
+  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
+  color: var(--plyr-video-control-color-hover, #fff);
+}
+
+.plyr__control--overlaid {
+  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
+  border: 0;
+  border-radius: 100%;
+  color: var(--plyr-video-control-color, #fff);
+  display: none;
+  left: 50%;
+  opacity: 0.9;
+  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
+  position: absolute;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  transition: 0.3s;
+  z-index: 2;
+}
+.plyr__control--overlaid svg {
+  left: 2px;
+  position: relative;
+}
+.plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
+  opacity: 1;
+}
+
+.plyr--playing .plyr__control--overlaid {
+  opacity: 0;
+  visibility: hidden;
+}
+
+.plyr--full-ui.plyr--video .plyr__control--overlaid {
+  display: block;
+}
+
+.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
+  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
+}
+.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
+  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
+}
+.plyr--full-ui.plyr--video input[type=range]::-ms-track {
+  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
+}
+.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
+  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
+}
+.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
+  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
+}
+.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
+  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
+}
+
+.plyr--video .plyr__progress__buffer {
+  color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
+}
+
+.plyr:-webkit-full-screen {
+  background: #000;
+  border-radius: 0 !important;
+  height: 100%;
+  margin: 0;
+  width: 100%;
+}
+
+.plyr:fullscreen {
+  background: #000;
+  border-radius: 0 !important;
+  height: 100%;
+  margin: 0;
+  width: 100%;
+}
+.plyr:-webkit-full-screen video {
+  height: 100%;
+}
+.plyr:fullscreen video {
+  height: 100%;
+}
+.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
+  display: block;
+}
+.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
+  display: block;
+}
+.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
+  display: none;
+}
+.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
+  display: none;
+}
+.plyr:-webkit-full-screen.plyr--hide-controls {
+  cursor: none;
+}
+.plyr:fullscreen.plyr--hide-controls {
+  cursor: none;
+}
+@media (min-width: 1024px) {
+  .plyr:-webkit-full-screen .plyr__captions {
+    font-size: var(--plyr-font-size-xlarge, 21px);
+  }
+  .plyr:fullscreen .plyr__captions {
+    font-size: var(--plyr-font-size-xlarge, 21px);
+  }
+}
+
+.plyr--fullscreen-fallback {
+  background: #000;
+  border-radius: 0 !important;
+  height: 100%;
+  margin: 0;
+  width: 100%;
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  z-index: 10000000;
+}
+.plyr--fullscreen-fallback video {
+  height: 100%;
+}
+.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
+  display: block;
+}
+.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
+  display: none;
+}
+.plyr--fullscreen-fallback.plyr--hide-controls {
+  cursor: none;
+}
+@media (min-width: 1024px) {
+  .plyr--fullscreen-fallback .plyr__captions {
+    font-size: var(--plyr-font-size-xlarge, 21px);
+  }
+}
+
+.plyr__ads {
+  border-radius: inherit;
+  bottom: 0;
+  cursor: pointer;
+  left: 0;
+  overflow: hidden;
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: -1;
+}
+.plyr__ads > div,
+.plyr__ads > div iframe {
+  height: 100%;
+  position: absolute;
+  width: 100%;
+}
+.plyr__ads::after {
+  background: hsl(216, 15%, 16%);
+  border-radius: 2px;
+  bottom: var(--plyr-control-spacing, 10px);
+  color: #fff;
+  content: attr(data-badge-text);
+  font-size: 11px;
+  padding: 2px 6px;
+  pointer-events: none;
+  position: absolute;
+  right: var(--plyr-control-spacing, 10px);
+  z-index: 3;
+}
+.plyr__ads:empty::after {
+  display: none;
+}
+
+.plyr__cues {
+  background: currentColor;
+  display: block;
+  height: var(--plyr-range-track-height, 5px);
+  left: 0;
+  opacity: 0.8;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 3px;
+  z-index: 3;
+}
+
+.plyr__preview-thumb {
+  background-color: var(--plyr-tooltip-background, #fff);
+  border-radius: var(--plyr-menu-radius, 8px);
+  bottom: 100%;
+  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
+  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
+  opacity: 0;
+  padding: 3px;
+  pointer-events: none;
+  position: absolute;
+  transform: translate(0, 10px) scale(0.8);
+  transform-origin: 50% 100%;
+  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
+  z-index: 2;
+}
+.plyr__preview-thumb--is-shown {
+  opacity: 1;
+  transform: translate(0, 0) scale(1);
+}
+.plyr__preview-thumb::before {
+  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
+  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
+  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
+  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
+  content: "";
+  height: 0;
+  left: calc(50% + var(--preview-arrow-offset));
+  position: absolute;
+  transform: translateX(-50%);
+  width: 0;
+  z-index: 2;
+}
+.plyr__preview-thumb__image-container {
+  background: hsl(216, 15%, 79%);
+  border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
+  overflow: hidden;
+  position: relative;
+  z-index: 0;
+}
+.plyr__preview-thumb__image-container img, .plyr__preview-thumb__image-container::after {
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+.plyr__preview-thumb__image-container::after {
+  border-radius: inherit;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
+  content: "";
+  pointer-events: none;
+}
+.plyr__preview-thumb__image-container img {
+  max-height: none;
+  max-width: none;
+}
+.plyr__preview-thumb__time-container {
+  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
+  border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
+  border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
+  bottom: 0;
+  left: 0;
+  line-height: 1.1;
+  padding: 20px 6px 6px;
+  position: absolute;
+  right: 0;
+  z-index: 3;
+}
+.plyr__preview-thumb__time-container span {
+  color: #fff;
+  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
+}
+
+.plyr__preview-scrubbing {
+  bottom: 0;
+  filter: blur(1px);
+  height: 100%;
+  left: 0;
+  margin: auto;
+  opacity: 0;
+  overflow: hidden;
+  pointer-events: none;
+  position: absolute;
+  right: 0;
+  top: 0;
+  transition: opacity 0.3s ease;
+  width: 100%;
+  z-index: 1;
+}
+.plyr__preview-scrubbing--is-shown {
+  opacity: 1;
+}
+.plyr__preview-scrubbing img {
+  height: 100%;
+  left: 0;
+  max-height: none;
+  max-width: none;
+  -o-object-fit: contain;
+     object-fit: contain;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+
+.plyr--no-transition {
+  transition: none !important;
+}
+
+.plyr__sr-only {
+  clip: rect(1px, 1px, 1px, 1px);
+  overflow: hidden;
+  border: 0 !important;
+  height: 1px !important;
+  padding: 0 !important;
+  position: absolute !important;
+  width: 1px !important;
+}
+
+.plyr [hidden] {
+  display: none !important;
+}
+
+:root {
+  --plyr-color-main: $default_color_player;
+}
+
+/*# sourceMappingURL=lt-player.css.map*/