@import url(https://fonts.googleapis.com/css?family=Lato:400,700);@font-face {
  font-family: 'JoeVideoPlayer';
  src: url(data:font/ttf;base64,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) format("truetype"), url(data:font/woff;base64,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) format("woff"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bWV0YWRhdGE+R2VuZXJhdGVkIGJ5IEljb01vb248L21ldGFkYXRhPgo8ZGVmcz4KPGZvbnQgaWQ9IkpvZVZpZGVvUGxheWVyIiBob3Jpei1hZHYteD0iMTAyNCI+Cjxmb250LWZhY2UgdW5pdHMtcGVyLWVtPSIxMDI0IiBhc2NlbnQ9Ijk2MCIgZGVzY2VudD0iLTY0IiAvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iMTAyNCIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeDIwOyIgaG9yaXotYWR2LXg9IjUxMiIgZD0iIiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwMDsiIGdseXBoLW5hbWU9ImFycm93LXJlc2l6ZSIgZD0iTTU0NCA5NjBsMTk0Ljc1Mi0xOTQuNzUyLTU0NC01NDQtMTk0Ljc1MiAxOTQuNzM2di00ODBoNDgwbC0xOTQuNzUyIDE5NC43NTIgNTQ0IDU0NCAxOTQuNzUyLTE5NC43MzZ2NDgweiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDE7IiBnbHlwaC1uYW1lPSJtZW51IiBkPSJNNjQgNzY4aDg5NnYtMTI4aC04OTZ2MTI4ek02NCA1MTJoODk2di0xMjhoLTg5NnYxMjh6TTY0IDI1Nmg4OTZ2LTEyOGgtODk2djEyOHoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTAyOyIgZ2x5cGgtbmFtZT0iZm9yd2FyZCIgZD0iTTUxMiA5NnYzMjBsLTMyMC0zMjB2NzA0bDMyMC0zMjB2MzIwbDM1Mi0zNTJ6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwMzsiIGdseXBoLW5hbWU9ImJhY2t3YXJkIiBkPSJNNTc2IDgwMHYtMzIwbDMyMCAzMjB2LTcwNGwtMzIwIDMyMHYtMzIwbC0zNTIgMzUyeiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDQ7IiBnbHlwaC1uYW1lPSJ5b3V0dWJlIiBkPSJNODMyIDgzMmgtNjQwYy0xMDUuNiAwLTE5Mi04Ni40LTE5Mi0xOTJ2LTM4NGMwLTEwNS42IDg2LjQtMTkyIDE5Mi0xOTJoNjQwYzEwNS42IDAgMTkyIDg2LjQgMTkyIDE5MnYzODRjMCAxMDUuNi04Ni40IDE5Mi0xOTIgMTkyek0zODQgMTkydjUxMmwzMjAtMjU2LTMyMC0yNTZ6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwNTsiIGdseXBoLW5hbWU9InNoYXJlIiBkPSJNMjU2IDMyMGMwIDAgNTguODMyIDE5MiAzODQgMTkydi0xOTJsMzg0IDI1Ni0zODQgMjU2di0xOTJjLTI1NiAwLTM4NC0xNTkuNjgtMzg0LTMyMHpNNzA0IDE5MmgtNTc2djM4NGgxMjUuODcyYzEwLjA5NiAxMS45MiAyMC45MTIgMjMuMzI4IDMyLjQ5NiAzNC4xNzYgNDMuOTY4IDQxLjE4NCA5Ni41NiA3Mi42NTYgMTU2LjExMiA5My44MjRoLTQ0Mi40OHYtNjQwaDgzMnYyNjguNjI0bC0xMjgtODUuMzI4di01NS4yOTZ6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwNjsiIGdseXBoLW5hbWU9InZvbHVtZS1oaWdoIiBob3Jpei1hZHYteD0iMTA4OCIgZD0iTTg5MC4wMzIgMzcuOTY4Yy0xMi4yODggMC0yNC41NiA0LjY4OC0zMy45MzYgMTQuMDY0LTE4Ljc1MiAxOC43NTItMTguNzUyIDQ5LjEzNiAwIDY3Ljg4OCA4Ny42MzIgODcuNjQ4IDEzNS45MDQgMjA0LjE2IDEzNS45MDQgMzI4LjA5NnMtNDguMjcyIDI0MC40NjQtMTM1LjkwNCAzMjguMDk2Yy0xOC43NTIgMTguNzUyLTE4Ljc1MiA0OS4xMzYgMCA2Ny44ODhzNDkuMTM2IDE4LjczNiA2Ny44ODggMGMxMDUuNzc2LTEwNS43NzYgMTY0LjAxNi0yNDYuNCAxNjQuMDE2LTM5NS45ODRzLTU4LjI1Ni0yOTAuMjA4LTE2NC4wMTYtMzk1Ljk4NGMtOS4zNzYtOS4zNzYtMjEuNjQ4LTE0LjA2NC0zMy45MzYtMTQuMDY0ek03MTkuNTM2IDEyOC40NjRjLTEyLjI4OCAwLTI0LjU2IDQuNjg4LTMzLjkzNiAxNC4wNjQtMTguNzUyIDE4Ljc1Mi0xOC43NTIgNDkuMTM2IDAgNjcuODg4IDEzMS4wMDggMTMxLjAwOCAxMzEuMDA4IDM0NC4xNzYgMCA0NzUuMTY4LTE4Ljc1MiAxOC43NTItMTguNzUyIDQ5LjEzNiAwIDY3Ljg4OHM0OS4xMzYgMTguNzM2IDY3Ljg4OCAwYzgxLjYtODEuNTg0IDEyNi41MjgtMTkwLjA4MCAxMjYuNTI4LTMwNS40NzJzLTQ0Ljk0NC0yMjMuODcyLTEyNi41MjgtMzA1LjQ3MmMtOS4zNzYtOS4zNzYtMjEuNjQ4LTE0LjA2NC0zMy45MzYtMTQuMDY0djB6TTU0OS4wMjQgMjE4Ljk3NmMtMTIuMjg4IDAtMjQuNTYgNC42ODgtMzMuOTM2IDE0LjA2NC0xOC43NTIgMTguNzUyLTE4Ljc1MiA0OS4xMzYgMCA2Ny44NzIgODEuMTA0IDgxLjEwNCA4MS4xMDQgMjEzLjA1NiAwIDI5NC4xNi0xOC43NTIgMTguNzUyLTE4Ljc1MiA0OS4xMzYgMCA2Ny44ODhzNDkuMTM2IDE4Ljc1MiA2Ny44ODggMGMxMTguNTI4LTExOC41MjggMTE4LjUyOC0zMTEuMzkyIDAtNDI5LjkyLTkuMzc2LTkuMzc2LTIxLjY0OC0xNC4wNDgtMzMuOTM2LTE0LjA0OHpNNDE2IDBjLTguMzIgMC0xNi41MTIgMy4yNDgtMjIuNjQgOS4zNzZsLTI0Ni42MjQgMjQ2LjYyNGgtMTE0Ljc1MmMtMTcuNjggMC0zMiAxNC4zMi0zMiAzMnYzMjBjMCAxNy42OCAxNC4zMiAzMiAzMiAzMmgxMTQuNzUybDI0Ni42MjQgMjQ2LjYyNGM5LjE1MiA5LjE1MiAyMi45MTIgMTEuODg4IDM0Ljg4IDYuOTQ0czE5Ljc2LTE2LjYyNCAxOS43Ni0yOS41Njh2LTgzMmMwLTEyLjk0NC03Ljc5Mi0yNC42MDgtMTkuNzYtMjkuNTY4LTMuOTUyLTEuNjMyLTguMTEyLTIuNDMyLTEyLjI0LTIuNDMyeiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDc7IiBnbHlwaC1uYW1lPSJwbGF5IiBkPSJNMTkyIDgzMmw2NDAtMzg0LTY0MC0zODR6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwODsiIGdseXBoLW5hbWU9InBsYXk0IiBkPSJNMTkyIDgzMmw2NDAtMzg0LTY0MC0zODR6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwOTsiIGdseXBoLW5hbWU9InBhdXNlIiBkPSJNMTI4IDgzMmgzMjB2LTc2OGgtMzIwek01NzYgODMyaDMyMHYtNzY4aC0zMjB6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwYTsiIGdseXBoLW5hbWU9InZvbHVtZS1tdXRlIiBkPSJNOTYwIDM0MC44NDh2LTg0Ljg0OGgtODQuODQ4bC0xMDcuMTUyIDEwNy4xNTItMTA3LjE1Mi0xMDcuMTUyaC04NC44NDh2ODQuODQ4bDEwNy4xNTIgMTA3LjE1Mi0xMDcuMTUyIDEwNy4xNTJ2ODQuODQ4aDg0Ljg0OGwxMDcuMTUyLTEwNy4xNTIgMTA3LjE1MiAxMDcuMTUyaDg0Ljg0OHYtODQuODQ4bC0xMDcuMTUyLTEwNy4xNTIgMTA3LjE1Mi0xMDcuMTUyek00MTYgMGMtOC4zMiAwLTE2LjUxMiAzLjI0OC0yMi42NCA5LjM3NmwtMjQ2LjYyNCAyNDYuNjI0aC0xMTQuNzUyYy0xNy42OCAwLTMyIDE0LjMyLTMyIDMydjMyMGMwIDE3LjY4IDE0LjMyIDMyIDMyIDMyaDExNC43NTJsMjQ2LjYyNCAyNDYuNjI0YzkuMTUyIDkuMTUyIDIyLjkxMiAxMS44ODggMzQuODggNi45NDRzMTkuNzYtMTYuNjI0IDE5Ljc2LTI5LjU2OHYtODMyYzAtMTIuOTQ0LTcuNzkyLTI0LjYwOC0xOS43Ni0yOS41NjgtMy45NTItMS42MzItOC4xMTItMi40MzItMTIuMjQtMi40MzJ6IiAvPgo8L2ZvbnQ+PC9kZWZzPjwvc3ZnPg==#JoeVideoPlayer) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="JoeVideoPlayer-icon-"], [class*=" JoeVideoPlayer-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'JoeVideoPlayer' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.JoeVideoPlayer-icon-volume-mute:before {
  content: "\E90A"; }

.JoeVideoPlayer-icon-pause:before {
  content: "\E909"; }

.JoeVideoPlayer-icon-play4:before {
  content: "\E908"; }

.JoeVideoPlayer-icon-arrow-resize:before {
  content: "\E900"; }

.JoeVideoPlayer-icon-menu:before {
  content: "\E901"; }

.JoeVideoPlayer-icon-forward:before {
  content: "\E902"; }

.JoeVideoPlayer-icon-backward:before {
  content: "\E903"; }

.JoeVideoPlayer-icon-youtube:before {
  content: "\E904"; }

.JoeVideoPlayer-icon-share:before {
  content: "\E905"; }

.JoeVideoPlayer-icon-volume-high:before {
  content: "\E906"; }

.JoeVideoPlayer-icon-play:before {
  content: "\E907"; }

/* defaults */
/* controls */
/* tooltip */
.YTY-Tooltip {
  font-family: 'Lato', sans-serif;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 6px 12px;
  white-space: nowrap;
  border-radius: 3px;
  background-color: #fff;
  color: #232026;
  text-align: center;
  font-size: 12px;
  line-height: 1.2;
  z-index: 999;
  display: none; }
  .YTY-Tooltip:after {
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0; }

.YTY-wrapper {
  display: grid;
  grid-template-columns: 1fr 300px;
  width: 100%;
  font-family: 'Lato', sans-serif;
  overflow: hidden;
  position: relative; }
  .YTY-wrapper iframe {
    position: absolute;
    height: 100%;
    border: none; }
  .YTY-wrapper .isFullscreen iframe {
    height: 100vh; }
  .YTY-wrapper.YTY-NOPlaylist {
    grid-template-columns: 1fr !important; }
  .YTY-wrapper.YTY-positionbottom {
    grid-template-columns: 1fr; }
    .YTY-wrapper.YTY-positionbottom .YTY-Playlist li {
      position: relative;
      display: inline-block; }
  .YTY-wrapper .YTY-Playlist {
    overflow: auto; }
    .YTY-wrapper .YTY-Playlist ul {
      padding: 0;
      margin: 0;
      list-style: none; }
      .YTY-wrapper .YTY-Playlist ul li {
        position: relative;
        margin: 0;
        display: block;
        padding: 0;
        font-size: 0;
        background-color: #000;
        line-height: normal; }
        .YTY-wrapper .YTY-Playlist ul li .YTY-Thumbnails {
          background-repeat: no-repeat; }
        .YTY-wrapper .YTY-Playlist ul li .YTY-NowPlaying {
          position: absolute;
          bottom: 20px;
          left: 26px;
          font-size: 13px;
          background: #232026;
          color: #e4e8eb;
          padding: 8px 20px;
          border-radius: 4px;
          display: none; }
          .YTY-wrapper .YTY-Playlist ul li .YTY-NowPlaying span {
            margin-right: 8px; }
        .YTY-wrapper .YTY-Playlist ul li .YTY-Overlay {
          background: rgba(0, 0, 0, 0.5);
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          color: #fff;
          padding: 26px 22px;
          cursor: pointer;
          visibility: hidden; }
        .YTY-wrapper .YTY-Playlist ul li:hover:not(.videoIsPlaying) .YTY-Overlay {
          visibility: visible; }
        .YTY-wrapper .YTY-Playlist ul li .YTY-Title {
          font-size: 16px;
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
        .YTY-wrapper .YTY-Playlist ul li .YTY-Channel {
          font-size: 13px;
          margin-top: 5px;
          color: #d6d6d6; }
        .YTY-wrapper .YTY-Playlist ul li.videoIsPlaying .YTY-NowPlaying {
          display: block; }
        .YTY-wrapper .YTY-Playlist ul li img {
          margin: 0; }
  .YTY-wrapper .YTY-MainVideo {
    padding: 0;
    margin: 0;
    line-height: 0;
    position: relative; }
    .YTY-wrapper .YTY-MainVideo .YTY-Controls {
      height: 48px;
      background: #232026;
      color: #fff;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-gap: 20px;
      font-size: 0;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      padding-left: 15px;
      padding-right: 15px;
      transition: bottom 450ms ease; }
      .YTY-wrapper .YTY-MainVideo .YTY-Controls > div {
        vertical-align: middle; }
        .YTY-wrapper .YTY-MainVideo .YTY-Controls > div.YTY-right-col {
          text-align: right; }
      .YTY-wrapper .YTY-MainVideo .YTY-Controls.hideControls {
        bottom: -48px; }
      .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Play,
      .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Pause {
        display: inline-block;
        font-family: 'JoeVideoPlayer';
        font-size: 16px;
        position: relative;
        cursor: pointer;
        padding-left: 10px;
        padding-right: 10px;
        height: 48px;
        line-height: 48px; }
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Play:before,
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Pause:before {
          content: "\E907"; }
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Play:hover .YTY-Tooltip,
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Pause:hover .YTY-Tooltip {
          display: block; }
      .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Pause:before {
        content: "\E909"; }
      .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Timer {
        display: inline-block;
        height: 48px;
        line-height: 48px;
        font-size: 12px;
        position: relative;
        top: -2px; }
      .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-ProgressBar {
        height: 5px;
        background: rgba(255, 255, 255, 0.3);
        position: absolute;
        overflow: hidden;
        cursor: pointer;
        left: 0px;
        right: 0;
        top: -5px;
        transition: all 0.2s ease-in-out; }
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-ProgressBar:hover {
          height: 15px;
          top: -15px; }
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-ProgressBar .YTY-Buffered,
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-ProgressBar .YTY-Progress {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: rgba(255, 255, 255, 0.3);
          width: 30%;
          /* just for design, this should be dynamic */ }
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-ProgressBar .YTY-Progress {
          width: 15%;
          background: #d6d6d6; }
      .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Volume {
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        height: 48px;
        line-height: 48px; }
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Volume .YTY-VolumeIcon,
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Volume .YTY-VolumeMute {
          position: relative;
          display: inline-block;
          font-family: 'JoeVideoPlayer';
          font-size: 16px;
          display: inline-block;
          cursor: pointer; }
          .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Volume .YTY-VolumeIcon:before,
          .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Volume .YTY-VolumeMute:before {
            content: "\E906"; }
          .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Volume .YTY-VolumeIcon:hover .YTY-Tooltip,
          .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Volume .YTY-VolumeMute:hover .YTY-Tooltip {
            display: block; }
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Volume .YTY-VolumeMute:before {
          content: "\E90A"; }
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Volume .YTY-VolumeProgressBar {
          display: inline-block;
          margin-left: 10px;
          width: 0px;
          height: 8px;
          border-radius: 2px;
          background: rgba(255, 255, 255, 0.3);
          position: relative;
          overflow: hidden;
          cursor: pointer;
          position: relative;
          top: -2px;
          transition: width 0.2s ease-in-out; }
          .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Volume .YTY-VolumeProgressBar .YTY-VolumeProgress {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #fff;
            width: 30%;
            /* just for design, this should be dynamic */ }
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Volume:hover .YTY-VolumeProgressBar {
          width: 80px; }
      .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Share,
      .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-FullScreen,
      .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-ShowPlaylist,
      .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Backward,
      .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Forward,
      .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-YouTube {
        display: inline-block;
        display: inline-block;
        font-family: 'JoeVideoPlayer';
        font-size: 16px;
        display: inline-block;
        color: rgba(255, 255, 255, 0.6);
        text-decoration: none;
        position: relative;
        outline: none;
        text-decoration: none;
        padding-left: 10px;
        padding-right: 10px;
        height: 48px;
        line-height: 48px; }
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Share:before,
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-FullScreen:before,
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-ShowPlaylist:before,
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Backward:before,
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Forward:before,
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-YouTube:before {
          content: "\E905"; }
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Share:hover,
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-FullScreen:hover,
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-ShowPlaylist:hover,
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Backward:hover,
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Forward:hover,
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-YouTube:hover {
          color: #fff; }
          .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Share:hover .YTY-Tooltip,
          .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-FullScreen:hover .YTY-Tooltip,
          .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-ShowPlaylist:hover .YTY-Tooltip,
          .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Backward:hover .YTY-Tooltip,
          .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Forward:hover .YTY-Tooltip,
          .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-YouTube:hover .YTY-Tooltip {
            display: block; }
      .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-YouTube:before {
        content: "\E904"; }
      .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Backward:before {
        content: "\E903"; }
      .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-Forward:before {
        content: "\E902"; }
      .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-ShowPlaylist:before {
        content: "\E901"; }
      .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-FullScreen {
        font-size: 14px; }
        .YTY-wrapper .YTY-MainVideo .YTY-Controls .YTY-FullScreen:before {
          content: "\E900"; }

/*
 * Perfect Scrollbar
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto; }

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute; }

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute; }

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent; }

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6; }

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #fff;
  opacity: 0.9; }

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #fff;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute; }

.ps__thumb-y {
  background-color: #fff;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute; }

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #1a1a1a;
  height: 11px; }

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #1a1a1a;
  width: 11px; }

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important; } }

.scrollbar-container {
  position: relative;
  height: 100%; }

/* responsive */
@media only screen and (min-device-width: 768px) and (max-device-width: 1440px) and (-webkit-min-device-pixel-ratio: 2) {
  .YTY-wrapper .YTY-MainVideo .YTY-Controls {
    grid-gap: 0; } }

@media only screen and (min-device-width: 425px) and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .YTY-wrapper {
    width: 100%;
    display: inline-block; }
  .YTY-MainVideo {
    width: 100%;
    display: block;
    min-height: 300px; }
  .YTY-Playlist {
    width: 100%;
    display: block; }
    .YTY-Playlist ul li {
      width: 121px;
      display: inline-block !important; }
  .YTY-wrapper .YTY-MainVideo .YTY-Controls {
    grid-gap: 0; } }

@media only screen and (min-device-width: 325px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) {
  .YTY-wrapper {
    width: 100%;
    display: inline-block; }
  .YTY-MainVideo {
    width: 100%;
    display: block;
    min-height: 300px; }
  .YTY-Playlist {
    width: 100%;
    display: block; }
    .YTY-Playlist ul li {
      width: 150px;
      display: inline-block !important; }
  .YTY-wrapper .YTY-MainVideo .YTY-Controls {
    grid-gap: 0; } }

/*# sourceMappingURL=youtube-player.view.css.map*/