.icon-bug_report:before {
  content: "\00e900"
}

.icon-youtube-unlimited-logo:before {
  content: "\00e67a"
}

.icon-settings-stats-android:before {
  content: "\00e67c"
}

.icon-settings-about-android:before {
  content: "\00e67b"
}

.icon-mr_meh_android:before {
  content: "\00e677"
}

.icon-cast_off:before {
  content: "\00e675"
}

.icon-cast_on:before {
  content: "\00e676"
}

.icon-settings-signin-android:before {
  content: "\00e678"
}

.icon-settings-signout-android:before {
  content: "\00e679"
}

.icon-roku-back:before {
  content: "\00e674"
}

.icon-hats-happy:before {
  content: "\00e66f"
}

.icon-hats-neutral:before {
  content: "\00e670"
}

.icon-hats-sad:before {
  content: "\00e671"
}

.icon-hats-very-happy:before {
  content: "\00e672"
}

.icon-hats-very-sad:before {
  content: "\00e673"
}

.icon-search-keyboard:before {
  content: "\00e66e"
}

.icon-multiaudio:before {
  content: "\00e62d"
}

.icon-settings-check:before {
  content: "\00e66d"
}

.icon-settings-uncheck:before {
  content: "\00e659"
}

.icon-popular:before {
  content: "\00e66c"
}

.icon-airplane:before {
  content: "\00e600"
}

.icon-back:before {
  content: "\00e601"
}

.icon-check:before {
  content: "\00e602"
}

.icon-chevron-single:before {
  content: "\00e603"
}

.icon-delete:before {
  content: "\00e604"
}

.icon-desktop-arrowkeys:before {
  content: "\00e605"
}

.icon-desktop-delete:before {
  content: "\00e606"
}

.icon-desktop-esc:before {
  content: "\00e607"
}

.icon-desktop-g:before {
  content: "\00e608"
}

.icon-desktop-s:before {
  content: "\00e609"
}

.icon-dislike:before {
  content: "\00e60a"
}

.icon-double-chevron-right:before {
  content: "\00e60b"
}

.icon-edit:before {
  content: "\00e60c"
}

.icon-education:before {
  content: "\00e60d"
}

.icon-ellipsis:before {
  content: "\00e60e"
}

.icon-entertainment:before {
  content: "\00e60f"
}

.icon-exit:before {
  content: "\00e610"
}

.icon-film:before {
  content: "\00e611"
}

.icon-flag:before {
  content: "\00e612"
}

.icon-gaming:before {
  content: "\00e613"
}

.icon-guide-history:before {
  content: "\00e614"
}

.icon-guide-my-subs:before {
  content: "\00e615"
}

.icon-guide-purchases:before {
  content: "\00e616"
}

.icon-guide-social:before {
  content: "\00e617"
}

.icon-guide-what-to-watch:before {
  content: "\00e618"
}

.icon-home:before {
  content: "\00e619"
}

.icon-hourglass:before {
  content: "\00e61a"
}

.icon-key-delete:before {
  content: "\00e61b"
}

.icon-key-globe:before {
  content: "\00e61c"
}

.icon-key-space-sm:before {
  content: "\00e61d"
}

.icon-key-space:before {
  content: "\00e61e"
}

.icon-like:before {
  content: "\00e61f"
}

.icon-lips:before {
  content: "\00e620"
}

.icon-logo-lozenge:before {
  content: "\00e621"
}

.icon-lol:before {
  content: "\00e622"
}

.icon-lozenge:before {
  content: "\00e623"
}

.icon-mix:before {
  content: "\00e624"
}

.icon-music:before {
  content: "\00e625"
}

.icon-news:before {
  content: "\00e626"
}

.icon-people:before {
  content: "\00e627"
}

.icon-pets:before {
  content: "\00e628"
}

.icon-player-3d:before {
  content: "\00e629"
}

.icon-player-annotations:before {
  content: "\00e62a"
}

.icon-player-closedcaptions:before {
  content: "\00e62b"
}

.icon-player-ff:before {
  content: "\00e62c"
}

.icon-player-HD-circle:before {
  content: "\00e651"
}

.icon-player-HD:before {
  content: "\00e62e"
}

.icon-player-info:before {
  content: "\00e62f"
}

.icon-player-instantreplay:before {
  content: "\00e630"
}

.icon-player-less:before {
  content: "\00e631"
}

.icon-player-more:before {
  content: "\00e632"
}

.icon-player-mute:before {
  content: "\00e633"
}

.icon-player-next:before {
  content: "\00e634"
}

.icon-player-pause:before {
  content: "\00e635"
}

.icon-player-play:before {
  content: "\00e636"
}

.icon-player-prev:before {
  content: "\00e637"
}

.icon-player-replay:before {
  content: "\00e638"
}

.icon-player-rew:before {
  content: "\00e639"
}

.icon-player-settings:before {
  content: "\00e63a"
}

.icon-player-share:before {
  content: "\00e63b"
}

.icon-player-size-fullscreen:before {
  content: "\00e63c"
}

.icon-player-size-medium:before {
  content: "\00e63d"
}

.icon-player-size-minimize:before {
  content: "\00e63e"
}

.icon-player-stop:before {
  content: "\00e63f"
}

.icon-player-subtitles:before {
  content: "\00e640"
}

.icon-player-volume-45:before {
  content: "\00e641"
}

.icon-player-volume-48:before {
  content: "\00e642"
}

.icon-playlist:before {
  content: "\00e643"
}

.icon-playstation-circle:before {
  content: "\00e644"
}

.icon-playstation-square:before {
  content: "\00e645"
}

.icon-playstation-triangle:before {
  content: "\00e646"
}

.icon-playstation-x:before {
  content: "\00e647"
}

.icon-privacy-link:before {
  content: "\00e648"
}

.icon-privacy-locked:before {
  content: "\00e649"
}

.icon-privacy-public:before {
  content: "\00e64a"
}

.icon-related:before {
  content: "\00e64b"
}

.icon-remoteque:before {
  content: "\00e64c"
}

.icon-reward:before {
  content: "\00e64d"
}

.icon-rocket:before {
  content: "\00e64e"
}

.icon-search-clear:before {
  content: "\00e64f"
}

.icon-search:before {
  content: "\00e650"
}

.icon-settings-clear-cookies:before {
  content: "\00e652"
}

.icon-settings-clear-history:before {
  content: "\00e653"
}

.icon-settings-feedback:before {
  content: "\00e654"
}

.icon-settings-help:before {
  content: "\00e655"
}

.icon-settings-pair:before {
  content: "\00e656"
}

.icon-settings-phone:before {
  content: "\00e657"
}

.icon-settings-term:before {
  content: "\00e658"
}

.icon-speechbubble:before {
  content: "\00e65a"
}

.icon-sports:before {
  content: "\00e65b"
}

.icon-star:before {
  content: "\00e65c"
}

.icon-trash:before {
  content: "\00e65d"
}

.icon-trends:before {
  content: "\00e65e"
}

.icon-tv-dpad:before {
  content: "\00e65f"
}

.icon-upload-arrow:before {
  content: "\00e660"
}

.icon-upload:before {
  content: "\00e661"
}

.icon-watch-later:before {
  content: "\00e662"
}

.icon-wii-1:before {
  content: "\00e663"
}

.icon-wii-2:before {
  content: "\00e664"
}

.icon-wii-A:before {
  content: "\00e665"
}

.icon-wii-B:before {
  content: "\00e666"
}

.icon-wii-minus:before {
  content: "\00e667"
}

.icon-wii-plus:before {
  content: "\00e668"
}

.icon-wii-x:before {
  content: "\00e669"
}

.icon-wii-y:before {
  content: "\00e66a"
}

.icon-youtube-logo:before {
  content: "\00e66b"
}

@font-face {
  font-family: 'Cutive Mono';
  src: url('/assets/fonts/CutiveMono-Regular.woff') format('woff');
}

@font-face {
  font-family: 'PT Mono';
  src: url('/assets/fonts/PTM55FT.woff') format('woff');
}

@font-face {
  font-family: 'PT Serif Caption';
  src: url('/assets/fonts/PT_Serif-Caption-Web-Regular.woff') format('woff');
}

@font-face {
  font-family: 'PT Sans Caption';
  src: url('/assets/fonts/PT_Sans-Caption-Web-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Handlee';
  src: url('/assets/fonts/Handlee-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Dancing Script';
  src: url('/assets/fonts/DancingScript-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Marcellus SC';
  src: url('/assets/fonts/MarcellusSC-Regular.woff') format('woff');
}

body,
html {
  font-size: 100%;
  height: 100%;
  margin: auto;
  overflow: hidden;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

input {
  font: inherit;
  margin: 0;
  padding: 0
}

body {
  background-color: #1c1a1a
}

p {
  border: 0;
  margin: 0;
  outline: none;
  padding: 0
}

.strong {
  font-weight: bold
}

.focused,
:focus {
  outline: 0 solid
}

.hidden {
  display: none !important
}

.invisible {
  visibility: hidden
}

.device-plugin {
  height: 0;
  margin: 0;
  position: absolute;
  visibility: hidden;
  width: 0
}

#leanback {
  height: 100%
}

#app-markup {
  background-size: 100% 100%;
  height: 100%
}

#background {
  background-size: 100% 100%;
  bottom: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  right: 0;
  top: 0
}

.limited-memory.sets-ui #app-markup {
  background-color: #283337
}

#app-markup.watch-state {
  background-color: #000 !important
}

.wiiu #app-markup.watch-state {
  background-image: none !important
}

#playstation-buttons {
  display: none;
  position: absolute
}

#spinner {
  position: absolute;
  top: 17.17em;
  width: 100%
}

.browse-state .loading-indicator {
  display: none
}

.browse-state .fallback-loading-indicator {
  display: block
}

.opera #spinner {
  top: 20em
}

.loading-indicator {
  height: 5.33em;
  margin: 0 auto;
  position: relative;
  width: 5.33em
}

.dot {
  background-color: #cbcbcb;
  border-radius: 50%;
  height: 1.17em;
  position: absolute;
  width: 1.17em
}

@-webkit-keyframes fade1 {
  0%,
  100% {
      opacity: 0
  }
  50% {
      opacity: 1
  }
}

@-webkit-keyframes fade2 {
  0%,
  100% {
      opacity: .25
  }
  37.5% {
      opacity: 1
  }
  87.5% {
      opacity: 0
  }
}

@-webkit-keyframes fade3 {
  0%,
  100% {
      opacity: .5
  }
  25% {
      opacity: 1
  }
  75% {
      opacity: 0
  }
}

@-webkit-keyframes fade4 {
  0%,
  100% {
      opacity: .75
  }
  12.5% {
      opacity: 1
  }
  62.5% {
      opacity: 0
  }
}

@-webkit-keyframes fade5 {
  0%,
  100% {
      opacity: 1
  }
  50% {
      opacity: 0
  }
}

@-webkit-keyframes fade6 {
  0%,
  100% {
      opacity: .75
  }
  37.5% {
      opacity: 0
  }
  87.5% {
      opacity: 1
  }
}

@-webkit-keyframes fade7 {
  0%,
  100% {
      opacity: .5
  }
  25% {
      opacity: 0
  }
  75% {
      opacity: 1
  }
}

@-webkit-keyframes fade8 {
  0%,
  100% {
      opacity: .25
  }
  12.5% {
      opacity: 0
  }
  62.5% {
      opacity: 1
  }
}

@-o-keyframes fade1 {
  0%,
  100% {
      opacity: 0
  }
  50% {
      opacity: 1
  }
}

@-o-keyframes fade2 {
  0%,
  100% {
      opacity: .25
  }
  37.5% {
      opacity: 1
  }
  87.5% {
      opacity: 0
  }
}

@-o-keyframes fade3 {
  0%,
  100% {
      opacity: .5
  }
  25% {
      opacity: 1
  }
  75% {
      opacity: 0
  }
}

@-o-keyframes fade4 {
  0%,
  100% {
      opacity: .75
  }
  12.5% {
      opacity: 1
  }
  62.5% {
      opacity: 0
  }
}

@-o-keyframes fade5 {
  0%,
  100% {
      opacity: 1
  }
  50% {
      opacity: 0
  }
}

@-o-keyframes fade6 {
  0%,
  100% {
      opacity: .75
  }
  37.5% {
      opacity: 0
  }
  87.5% {
      opacity: 1
  }
}

@-o-keyframes fade7 {
  0%,
  100% {
      opacity: .5
  }
  25% {
      opacity: 0
  }
  75% {
      opacity: 1
  }
}

@-o-keyframes fade8 {
  0%,
  100% {
      opacity: .25
  }
  12.5% {
      opacity: 0
  }
  62.5% {
      opacity: 1
  }
}

@keyframes fade1 {
  0%,
  100% {
      opacity: 0
  }
  50% {
      opacity: 1
  }
}

@keyframes fade2 {
  0%,
  100% {
      opacity: .25
  }
  37.5% {
      opacity: 1
  }
  87.5% {
      opacity: 0
  }
}

@keyframes fade3 {
  0%,
  100% {
      opacity: .5
  }
  25% {
      opacity: 1
  }
  75% {
      opacity: 0
  }
}

@keyframes fade4 {
  0%,
  100% {
      opacity: .75
  }
  12.5% {
      opacity: 1
  }
  62.5% {
      opacity: 0
  }
}

@keyframes fade5 {
  0%,
  100% {
      opacity: 1
  }
  50% {
      opacity: 0
  }
}

@keyframes fade6 {
  0%,
  100% {
      opacity: .75
  }
  37.5% {
      opacity: 0
  }
  87.5% {
      opacity: 1
  }
}

@keyframes fade7 {
  0%,
  100% {
      opacity: .5
  }
  25% {
      opacity: 0
  }
  75% {
      opacity: 1
  }
}

@keyframes fade8 {
  0%,
  100% {
      opacity: .25
  }
  12.5% {
      opacity: 0
  }
  62.5% {
      opacity: 1
  }
}

#dot1 {
  -o-animation: fade8 .72s infinite ease;
  -webkit-animation: fade8 .72s infinite ease;
  animation: fade8 .72s infinite ease;
  left: 0;
  top: 2.09em
}

#dot2 {
  -o-animation: fade7 .72s infinite ease;
  -webkit-animation: fade7 .72s infinite ease;
  animation: fade7 .72s infinite ease;
  left: .61em;
  top: .61em
}

#dot3 {
  -o-animation: fade6 .72s infinite ease;
  -webkit-animation: fade6 .72s infinite ease;
  animation: fade6 .72s infinite ease;
  left: 2.09em;
  top: 0
}

#dot4 {
  -o-animation: fade5 .72s infinite ease;
  -webkit-animation: fade5 .72s infinite ease;
  animation: fade5 .72s infinite ease;
  right: .61em;
  top: .61em
}

#dot5 {
  -o-animation: fade4 .72s infinite ease;
  -webkit-animation: fade4 .72s infinite ease;
  animation: fade4 .72s infinite ease;
  right: 0;
  top: 2.09em
}

#dot6 {
  -o-animation: fade3 .72s infinite ease;
  -webkit-animation: fade3 .72s infinite ease;
  animation: fade3 .72s infinite ease;
  bottom: .61em;
  right: .61em
}

#dot7 {
  -o-animation: fade2 .72s infinite ease;
  -webkit-animation: fade2 .72s infinite ease;
  animation: fade2 .72s infinite ease;
  bottom: 0;
  left: 2.09em
}

#dot8 {
  -o-animation: fade1 .72s infinite ease;
  -webkit-animation: fade1 .72s infinite ease;
  animation: fade1 .72s infinite ease;
  bottom: .61em;
  left: .61em
}

.fallback-loading-indicator {
  color: #f1f1f1;
  display: none;
  font-size: 1.8em;
  margin: 2px auto 0 auto;
  text-align: center
}

.scrollbar {
  background-color: rgba(255, 255, 255, .1);
  height: 100%;
  position: absolute;
  top: 0;
  width: .1em
}

.scrollbar .handle {
  background-color: #f1f1f1;
  position: absolute;
  width: .1em
}

.application-message {
  color: #f1f1f1;
  font-size: 1.8em;
  position: absolute;
  text-align: center;
  text-shadow: #000 .04em .04em;
  top: 50%;
  width: 100%
}

.debug-watermark {
  background-color: rgba(235, 49, 3, 0.7);
  color: #0e0202;
  font-size: 100%;
  left: 0;
  padding: 1em;
  position: absolute;
  bottom: 0;
  width: 70%
}

.debug-console {
  background: rgba(0, 0, 0, .9);
  color: #fff;
  height: 95%;
  overflow: hidden;
  padding: 1em;
  position: absolute;
  right: 0;
  top: 0;
  width: 40em;
  z-index: 1
}

#player-controls .button,
#player-controls .toggle-button {
  font-family: 'youtube-icons';
  speak: none
}

.fps {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: center;
  padding-top: 0.3em;
  width: 5em;
  height: 1.7em;
  background-color: #0f0;
  z-index: 100
}

#html5-player-messages {
  display: none
}

#button-list>.icon-player-more:before {
  content: "\00e632"
}

.icon-player-play.toggle-selected:before {
  content: "\00e635"
}

#loader {
  z-index: 1000
}

.sliding-highlighter,
.pivot-sliding-highlighter,
.subs-sliding-highlighter {
  background: #fff;
  box-shadow: 0 0 60px rgba(153, 153, 153, .3);
  display: none;
  height: 26em;
  position: absolute;
  width: 24em
}

.subs-horizontal-list.channel-selected .subs-sliding-highlighter {
  background: transparent;
  border-radius: 50%;
  border: 0.9em #fff solid;
  box-shadow: .083em .083em .75em .167em #000 inset;
  height: 12.5em;
  margin: 0;
  margin-top: .3em;
  pointer-events: none;
  width: 12.5em
}

#settings-items .sliding-highlighter {
  height: 26.2em;
  width: 24.2em
}

.horizontal-list.focused .sliding-highlighter,
.subs-horizontal-list.focused .subs-sliding-highlighter,
.video-uploads.focused .sliding-highlighter,
#settings-items.focused .sliding-highlighter {
  display: block
}

.subs-horizontal-list .channel-tile {
  width: 14em
}

.subs-horizontal-list .channel-tile .channel-top {
  background: none;
  border-radius: 50%;
  height: 13em;
  margin-left: 0.6em;
  margin-top: 0.9em;
  overflow: hidden;
  width: 13em
}

.subs-horizontal-list .channel-tile .video-thumb {
  border-radius: 50%
}

.subs-horizontal-list .channel-selected .shelf-title {
  visibility: hidden
}

.subs-horizontal-list .tile.focused.selected .channel-bottom .title {
  color: #fff !important
}

.subs-horizontal-list .channel-bottom .title {
  color: #666 !important
}

.limited-animation .subs-horizontal-list .tile.focused.selected .title {
  color: #212121 !important
}

.video-uploads .sliding-highlighter {
  height: 20em;
  width: 18em
}

.carousel .item:hover {
  background-color: #5a5a5a;
  cursor: pointer
}

.feed-title.preview {
  color: #f1f1f1;
  font-size: 1.3em;
  height: 1.3em;
  opacity: .7;
  padding-bottom: .6em;
  padding-left: 1.9em
}

.feed-title .unread-count {
  background-color: rgba(187, 0, 0, .9);
  font-size: .6em;
  margin-left: .5em;
  padding: .05em .3em;
  position: relative;
  top: -0.265em
}

.prev-feed {
  height: 3.6em;
  left: 4%;
  position: absolute;
  top: 5%
}

.next-feed {
  height: 2em;
  left: 4%;
  position: absolute;
  top: 84%
}

.tile {
  color: #666;
  height: 26em;
  overflow: hidden;
  position: absolute;
  width: 24em
}

.limited-animation .subs-horizontal-list .tile {
  height: 20em
}

.tile-focus-target {
  height: 0;
  width: 0
}

.tile-top {
  background-color: #000;
  height: 50%;
  width: 100%
}

.channel-top {
  height: 62%;
  margin: 5.25% 16%;
  width: 68%
}

.channel-top .video-thumb,
.tile-top .video-thumb {
  background-color: #252525;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100%
}

.play-all-tile .tile-top,
.play-all-tile .screen {
  height: 18em;
  margin: 1.5em 3em 0em 3em;
  text-align: center;
  width: 18em
}

.play-all-tile .video-thumb {
  background-size: cover
}

.play-all-tile .screen {
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  position: absolute;
  top: 0
}

.play-all-tile .play-all-icon {
  color: white;
  font-family: 'youtube-icons';
  font-size: 5em;
  margin-top: 38%
}

.browse-header-avatar.preloaded,
.tile-top .video-thumb.preloaded,
.channel-tile .video-thumb.preloaded {
  background: no-repeat center;
  background-color: #252525;
  background-image: url('/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/icon-playbutton.png');
  background-size: auto
}

.post-play-title {
  font-size: 1.4em;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  text-shadow: #000 .08em .08em;
  top: -1.8em;
  width: 15.5em
}

.post-play-countdown {
  display: none
}

.countdown-active .post-play-countdown {
  color: #fff;
  display: block;
  font-size: 5em;
  position: relative;
  text-align: center;
  text-shadow: #000 .06em .06em;
  top: 14%
}

.limited-animation .play-all-tile.focused,
.limited-animation .playlist-tile.focused,
.playlist-tile.focused:hover,
.limited-animation .video-tile.focused,
.video-tile.focused:hover {
  background-color: #f1f1f1
}

.item .overlay {
  display: none
}

.playlist-tile .overlay,
.video-tile .overlay {
  background: #000;
  display: block;
  height: 53%;
  margin-left: 56%;
  margin-top: -57.5%;
  opacity: .8;
  width: 45%
}

.playlist-tile.focused .overlay,
.video-tile.focused .overlay {
  color: #f1f1f1
}

.playlist-tile .overlay .strong {
  font-size: 1.75em;
  font-weight: normal
}

.playlist-tile .overlay .count,
.video-tile .overlay .count {
  font-size: 1.5em;
  line-height: 1.2em;
  padding-top: 1.7em;
  text-align: center
}

.playlist-tile .overlay .icon,
.video-tile .overlay .icon {
  font-family: 'youtube-icons';
  font-size: 3em;
  height: 50%;
  overflow: hidden;
  padding: .2em;
  text-align: center
}

.tile-bottom {
  height: 50%;
  padding: .25em 0 0 1em;
  width: 23em
}

.video-tile .tile-bottom {
  height: 45%;
  padding-top: 1.27em
}

.channel-bottom {
  height: 25%;
  margin-top: 2.65em;
  width: 100%
}

.channel-bottom .title,
.tile-bottom .title {
  color: #999;
  font-size: 1.7em;
  height: 2.45em;
  line-height: 1.25em;
  margin: .6em .6em 0 0;
  overflow: hidden;
  text-align: left;
  white-space: normal
}

.video-tile .title {
  margin: 0 0.6em 0 0
}

.channel-bottom .title {
  height: 1.2em;
  margin: 0;
  padding: 0 .6em;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap
}

.tile.selected.focused .tile-bottom {
  color: #222
}

.tile.selected.focused .channel-bottom .details,
.tile.selected.focused .tile-bottom .details {
  color: #999
}

.tile.selected.focused .channel-bottom .title,
.tile.selected.focused .tile-bottom .title {
  color: #444
}

.channel-tile .channel-top .decoration {
  margin-top: -19%;
  text-align: right;
  width: 97%
}

.video-tile .tile-top .decoration {
  margin-top: -2em;
  text-align: right;
  width: 97.3%
}

.tile-top .duration,
.tile-top .is-watched {
  background: rgba(0, 0, 0, .7);
  border-radius: 0.1em;
  color: #fff;
  display: inline-block;
  font-size: 1.4em;
  padding: 0em .1em;
  text-transform: uppercase
}

.tile-top .is-watched {
  left: 0.4em;
  position: absolute
}

.play-all-tile .tile-top .duration {
  background: none;
  font-size: 3em;
  text-transform: none
}

.play-all-tile .duration-container {
  margin-top: 6.2em
}

.play-all-tile .minutes {
  font-size: .66em;
  line-height: .5em
}

.play-all-tile .tile-bottom .title,
.play-all-tile .tile-bottom .subtitle {
  color: #666 !important;
  font-size: 1.6em;
  height: initial;
  margin-right: .66em;
  margin-top: 0em;
  text-align: center
}

.play-all-tile .tile-bottom {
  margin-top: 1.0em
}

.play-all-tile.focused .tile-bottom .title,
.play-all-tile.focused .tile-bottom .subtitle {
  color: #000 !important
}

.playlist-tile:hover,
.video-tile:hover {
  background-color: #222
}

.channel-tile .details,
.playlist-tile .details,
.video-tile .details {
  color: #999;
  font-size: 1.3em;
  font-weight: 300;
  overflow: hidden;
  padding: 0;
  white-space: normal;
  word-break: break-all
}

.channel-tile .details {
  text-align: center
}

.playlist-tile .details,
.video-tile .details {
  margin: .7em 0em 0em
}

.custom-playlist-image-tile .tile-top .video-thumb {
  background-position: left;
  background-repeat: no-repeat;
  background-size: 56.25%
}

.playlist-tile.focused .details,
.video-tile.focused .details {
  color: #666
}

.playlist-tile .details .by,
.video-tile .details .by {
  height: 1.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.playlist-tile .details .views,
.video-tile .details .views {
  display: inline-block;
  padding-right: 1.5em
}

.playlist-tile .details .views:empty,
.video-tile .details .views:empty {
  display: none
}

.action-tile {
  border: 2px rgba(255, 255, 255, 0.1) solid;
  color: #fff;
  height: 26em;
  overflow: visible
}

.limited-animation .action-tile.focused,
.limited-animation .channel-tile.focused {
  background-color: #fff
}

.action-tile.focused,
.channel-tile.focused {
  color: #222
}

.action-tile .content {
  height: 26em;
  white-space: normal
}

.video-tile .live-start-time {
  display: inline-block;
  vertical-align: middle
}

.tile-top .count-overlay {
  background: rgba(0, 0, 0, 0.75);
  font-size: 1.4em;
  height: 100%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 30%
}

.tile-top .count-overlay .video-count {
  display: block;
  font-size: 2.2em;
  font-weight: bold;
  line-height: .8em;
  margin-top: 1.6em
}

.action-tile .title {
  font-size: 2.4em;
  height: 27%;
  overflow: hidden;
  padding-top: 0.5em;
  text-align: center;
  text-transform: uppercase;
  white-space: normal
}

.action-tile .long-title {
  font-size: 2em;
  text-align: center;
  white-space: normal
}

.action-tile .description,
.action-tile .remote-pair-text,
.action-tile .remote-reset-help {
  color: #fff;
  font-size: 1.4em;
  opacity: 0;
  padding: 0.5em;
  text-align: center;
  white-space: normal
}

.action-tile.focused .description,
.action-tile.focused .remote-pair-text,
.action-tile.focused .remote-reset-help,
.action-tile.focused .sign-out-username {
  opacity: 1
}

.action-tile .sign-out-username {
  font-size: 1.7em;
  margin: 1em auto;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80%
}

.action-tile .remote-count {
  font-size: .4em;
  position: absolute;
  top: 40%;
  width: 100%
}

.action-tile .remote-standing {
  display: inline-block;
  font-size: 1.4em;
  margin: .2em auto;
  padding: .8em .4em .1em
}

.action-tile .remote-reset-help {
  height: 2.7em
}

.action-tile .status {
  font-size: 2em;
  text-align: center
}

.row-playing {
  display: none
}

.action-tile .large-action-icon {
  font-family: 'youtube-icons';
  font-size: 11em;
  margin-top: 0;
  text-align: center;
  width: 100%
}

.action-tile .sign-out-user-icon {
  background-size: cover;
  border-radius: 20em;
  height: 9em;
  margin: 0 auto;
  width: 9em
}

.action-tile .search-tile .description {
  font-size: 1.4em;
  margin-top: 2em;
  position: inherit;
  text-align: center
}

.large-action-icon.icon-guide-history {
  font-size: 8em;
  margin-top: 0.2em
}

.toggle-tile .icon {
  margin-top: 0
}

.toggle-tile .content .title {
  height: 21%
}

.toggle-tile .label {
  font-size: 1.8em;
  max-height: 13%;
  text-align: center;
  width: 100%
}

.tile.selected .icon-search-clear {
  color: #222
}

.show-overlay {
  background: #000;
  display: block;
  height: 15%;
  margin-top: -15%;
  opacity: 0.8;
  text-align: center;
  width: 100%
}

.show-text {
  color: #fff;
  font-size: 1.5em;
  font-weight: 400;
  padding-top: 0.68em
}

.yto-show .tile-bottom>.details {
  margin-top: 0.1em
}

.yto-show .tile-bottom>.title {
  height: initial;
  max-height: 2.45em
}

#dialog.remote-reset-dialog>.title {
  font-size: 3em;
  padding-bottom: .5em
}

#dialog.remote-reset-dialog .buttons {
  bottom: .5em;
  position: absolute
}

#dialog.remote-reset-dialog {
  left: 0;
  position: absolute;
  white-space: normal
}

.remote-reset-dialog #dialog-view {
  color: #aaa;
  font-size: 1.8em;
  padding-top: 0.5em
}

.connection-instructions {
  padding-top: .5em;
  font-size: 2em
}

.text-dialog .connection-instructions {
  font-size: 1.3em
}

.browse-sets-state .login-dialog {
  margin-top: 5em
}

#search .pairing .pairing-content>*,
#dialog .pairing .pairing-content>* {
  display: inline-block
}

#search .pairing .pairing-content .step2,
#dialog .pairing .pairing-content .step2 {
  display: block
}

#search .dial-upsell .connection-steps .no-dial-connect-step1,
#search .manual-connect .connection-steps .with-dial-connect-step1 {
  display: none
}

.connection-instructions .step1,
.connection-instructions .step2,
.qr-code .scan,
.pairing .connected-header,
.remote-reset-dialog .connected-header {
  color: #aaa;
  font-size: .7em
}

.connection-instructions .pair-url,
.connection-instructions .pair-code {
  color: #f1f1f1
}

.connection-instructions .step2 {
  margin-top: 2em
}

.pairing .qr-code,
.pairing .connected-list {
  display: inline-block;
  margin-left: 1em;
  vertical-align: top
}

.pairing .dial-upsell {
  color: #aaa;
  display: inline-block;
  font-size: 95%;
  overflow: hidden;
  padding-left: 2em;
  padding-top: 0.8em;
  text-align: initial;
  vertical-align: top;
  white-space: normal;
  width: 16em
}

.pairing .cast-icon {
  background: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/cast_disconnected_blue.png) no-repeat center;
  background-size: contain;
  display: inline-block;
  height: 1em;
  margin: .1em .3em;
  vertical-align: middle;
  width: 1em
}

.pairing .qr-code .scan {
  margin-bottom: .5em;
  white-space: normal;
  width: 5em
}

.pairing .qr-code img {
  height: 5.1em;
  width: 5.1em
}

.pairing .icon-settings-pair,
.login-dialog .icon-settings-pair {
  background-image: none;
  display: inline-block;
  font: 5em 'youtube-icons';
  height: 1em;
  margin-top: .1em;
  width: 1.4em
}

.remote-reset-dialog .connected-header,
.pairing .connected-header {
  margin-bottom: .3em
}

.remote-reset-dialog .devices,
.pairing .devices {
  font-size: 1.5em;
  color: #f1f1f1
}

.remote-reset-dialog .devices>div,
.pairing .devices>div {
  display: block;
  height: 1.5em;
  line-height: 1.5em;
  overflow: hidden;
  padding-left: 1.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 11.5em
}

.remote-reset-dialog .devices .connected:before {
  background-position: 0 100%
}

.remote-reset-dialog .devices .connected {
  color: #f1f1f1
}

#search {
  bottom: 0;
  color: #f1f1f1;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0
}

.watch-state #search {
  left: 0
}

#search>.controls {
  left: 8em;
  margin-right: 18em;
  position: absolute;
  right: 2.5em;
  text-align: left;
  top: 2.5em
}

#search-input {
  background-color: #e1e1e1;
  font-size: 1.6em;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative
}

#search-input input {
  background: none;
  border: none;
  color: #111;
  height: 100%;
  padding-left: .5em;
  width: 100%
}

#search-input:disabled {
  color: #111
}

#search-input span {
  color: #111;
  height: 100%;
  overflow: hidden;
  padding-left: .5em;
  padding-top: .3em;
  position: absolute;
  text-overflow: ellipsis;
  white-space: pre;
  width: 95%
}

#search-input.text-input-placeholder span {
  color: #a9a9a9
}

#search-suggestions {
  display: inline-block;
  font-size: 1.2em;
  left: 0;
  overflow: hidden;
  position: relative;
  width: 100%
}

.search-state #spinner {
  top: 26em
}

#suggest-list {
  overflow: hidden
}

#suggest-list>div {
  border-radius: 1px;
  color: #e1e1e1;
  display: inline-block;
  padding: .2em .5em
}

#search-keyboard {
  font-size: 1em;
  text-align: left;
  width: 65%
}

#search-suggestions,
#search-keyboard,
#letter-suggest {
  white-space: nowrap
}

#search-keyboard,
#letter-suggest {
  z-index: 1
}

#keyboard-grid {
  display: inline-block;
  font-size: 1.6em;
  margin: 0 auto;
  overflow: hidden;
  text-align: left
}

#keyboard-grid,
#keyboard-spacebar {
  color: #a3a3a3
}

#keyboard-grid .button {
  border-radius: 1px;
  display: inline-block;
  margin: .3em .6em .3em 0;
  padding: 0 .1em;
  text-align: center;
  text-transform: uppercase;
  width: 1em;
  vertical-align: top
}

#keyboard-grid .list {
  text-align: left;
  text-shadow: none
}

#search-keyboard #keyboard-grid .icon-key-delete.button {
  font-family: 'youtube-icons';
  font-size: .7em;
  line-height: 1.2em;
  margin-left: 2.25em;
  padding: .25em;
  width: 2.25em
}

#keyboard-spacebar {
  border-radius: 1px;
  display: inline-block;
  font-family: 'youtube-icons';
  font-size: 1.44em;
  margin: .1em 7em 0 2.1em;
  padding: .1em;
  text-align: left
}

#search-keyboard #keyboard-grid .clear-query-tile.button {
  font-size: .7em;
  margin-left: 2.25em;
  padding: .25em;
  text-transform: uppercase;
  width: auto
}

#keyboard-grid .icon-key-globe {
  font-family: 'youtube-icons';
  margin: .25em 0 .25em 1.6em;
  padding: .1em;
  width: 1.2em
}

#search-keyboard .button.focused {
  background-color: #e1e1e1;
  color: #212121
}

#letter-suggest {
  font-size: 1.6em;
  position: fixed;
  text-align: center;
  width: 1.2em
}

.letter-suggest-visible #keyboard-grid .list.selected .button.selected:not(.focused) {
  background-color: rgba(153, 153, 153, .85);
  color: #000;
  text-shadow: none
}

#keyboard-grid .button.numbers-toggle-tile {
  font-size: .75em;
  padding: .22em;
  margin: .25em 0 0 2.1em;
  width: auto
}

#search .pairing .icon-settings-pair {
  display: none
}

#search .search-message {
  display: inline-block;
  margin-left: 2em;
  margin-top: 1.5em;
  vertical-align: top;
  white-space: normal;
  width: 50%
}

#search .search-pairing {
  background-color: rgba(0, 0, 0, .3);
  bottom: 0;
  display: inline-block;
  left: 5em;
  padding: 2em 2.5em 4em;
  position: absolute;
  text-align: left;
  text-shadow: -1px 1px 2px black;
  width: 100%
}

.limited-animation #search .search-pairing {
  background-color: #000
}

#search .search-pairing .search-img {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/pair_promo.png);
  background-size: cover;
  display: inline-block;
  height: 11em;
  width: 11em
}

#search .search-pairing .title {
  font-size: 1.9em
}

#search .search-pairing .connection-instructions {
  font-size: 1.6em
}

#search .search-pairing .dial-upsell-content {
  color: #aaa
}

#search .search-pairing .manual-connect-content .connection-steps {
  padding: 0
}

#search .search-pairing .manual-connect-content .connection-steps .pair-code,
#search .search-pairing .manual-connect-content .connection-steps .pair-url {
  display: block
}

#search .search-pairing .manual-connect-content .connection-steps .step2 {
  margin-top: 1em
}

#search .search-pairing .manual-connect-content .connection-steps .label,
#search .search-pairing .manual-connect .dial-upsell-content,
#search .search-pairing .dial-upsell .manual-connect-content {
  display: none
}

#search .pairing .no-dial-connect-step1,
#search .pairing .no-dial-connect-step2 {
  display: inline-block
}

#search .pairing .no-dial-connect-step2 {
  margin-left: 2em
}

#search .pairing .connection-steps {
  text-align: left
}

#search .pairing .connected-list,
#search .pairing .qr-code-wrapper {
  display: none
}

#search.hide-input .search-pairing {
  margin-top: 8em
}

#letter-suggest div {
  background-color: rgba(153, 153, 153, .85);
  color: rgba(0, 0, 0, .8);
  height: 1.4em;
  text-shadow: none
}

#letter-suggest .focused {
  color: #f1f1f1
}

#suggest-list>div.focused {
  background-color: #fefefe;
  color: #212121
}

#search>.horizontal-list>.content {
  text-align: left
}

.limited-animation.sets-ui #search>.horizontal-list>.content {
  margin-left: -21.8em;
  width: 126em
}

#search>.horizontal-list,
#search-shelves {
  left: 7.5em;
  height: inherit;
  position: absolute;
  right: 0;
  top: 38%;
  -o-transform: translateY(7.5em);
  -webkit-transform: translateY(7.5em);
  transform: translateY(7.5em);
  -o-transition: opacity .25s -o-transform .25s;
  -webkit-transition: opacity .25s, -webkit-transform .25s;
  transition: opacity .25s, transform .25s;
  width: initial
}

#search.input-collapsed>.horizontal-list {
  -o-transform: none !important;
  -webkit-transform: none !important;
  transform: none !important
}

#search-keyboard {
  -o-transition: opacity .25s -o-transform .25s;
  -webkit-transition: opacity .25s, -webkit-transform .25s;
  transition: opacity .25s, transform .25s;
  transform-origin: top
}

#search-keyboard.hidden {
  display: block !important;
  opacity: 0;
  -o-transform: scaleY(.5);
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

#search-action.button {
  background-color: inherit;
  border: 2px rgba(255, 255, 255, 0.1) solid;
  height: 10em;
  margin-top: 3.5em;
  width: 18em
}

#search-action.button.focused {
  background-color: #e1e1e1;
  color: #212121
}

#search-action.button:hover {
  background-color: #222
}

#search-action.button .label {
  font-size: 1.2em;
  padding-top: 2.5em
}

#search-action.button span {
  display: block;
  text-align: center
}

#search-action.button .subtitle {
  font-size: 1.9em
}

#search #search-text-entry {
  height: 2.4em
}

#search #search-suggestions,
#search #search-text-entry {
  background-color: rgba(0, 0, 0, 0);
  padding-top: .25em;
  -o-transform-origin: top;
  -webkit-transform-origin: top;
  transform-origin: top;
  -o-transition: opacity .25s -o-transform .25s;
  -webkit-transition: opacity .25s, -webkit-transform .25s;
  transition: opacity .25s, transform .25s
}

.limited-animation #search>.horizontal-list,
.limited-animation #search #search-suggestions,
.limited-animation #search #search-text-entry,
.limited-animation #search #search-keyboard {
  -o-transition: none;
  -webkit-transition: none;
  transition: none
}

#search-text-entry {
  padding-bottom: .4em
}

#search-text-entry,
#text-box-background {
  height: 3em
}

#keyboard-icon {
  display: none;
  font-family: 'youtube-icons';
  font-size: 1.2em;
  padding-bottom: .4em;
  text-align: center;
  vertical-align: bottom;
  width: 2em
}

.input-collapsed #keyboard-icon {
  display: inline-block
}

#search-text-entry .suggestions-container {
  white-space: nowrap;
  overflow: hidden;
  height: 2.4em
}

#search.input-collapsed #search-shelves {
  -o-transform: translateY(7em);
  -webkit-transform: translateY(7em);
  transform: translateY(7em)
}

#search-shelves .no-content-message {
  display: none
}

#search-shelves .title {
  margin-bottom: 0.4em;
  text-align: left
}

#search-shelves {
  top: 5%;
  -o-transform: translateY(20.5em);
  -webkit-transform: translateY(20.5em);
  transform: translateY(20.5em);
  -o-transition: opacity .25s -o-transform .25s;
  -webkit-transition: opacity .25s, -webkit-transform .25s;
  transition: opacity .25s, transform .25s
}

#voice-search {
  background-color: rgba(0, 0, 0, .5);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.fresca-slate {
  height: 100%;
  width: 100%
}

.fresca-image {
  background-size: cover;
  height: 100%;
  opacity: .2;
  position: absolute;
  width: 100%
}

.fresca-message,
.fresca-timeleft {
  color: #fff;
  font-size: 2em;
  position: relative;
  text-align: center
}

.fresca-message {
  padding-top: 21%
}

.watch-state #watch {
  display: block;
  height: 100%;
  width: 100%
}

.wiiu #watch {
  background-color: #000;
  height: 100%
}

#player-facade {
  height: 100%;
  position: absolute;
  width: 100%
}

#player-video {
  height: 100%
}

#watch,
.dialog-focused .standard-caption-window,
#caption-window-99,
.countdowntimer,
.ytp-cued-icon,
.ytp-fallback,
.html5-context-menu,
.html5-dialog-holder,
.html5-endscreen,
.html5-info-bar,
.html5-modal-panel,
.html5-player-chrome,
.html5-show-video-info-template,
.html5-storyboard,
.html5-text-button,
.html5-video-player .hid,
.html5-ypc-module,
.player-actions-container,
.video-ad-status-bar,
.video-annotations,
.html5-watermark,
.video-fallback-content,
.video-ads,
.title-card.hidden {
  display: none
}

.html5-video-player {
  overflow: visible
}

.html5-video-info-panel {
  background-color: rgba(0, 0, 0, .7);
  color: #f1f1f1;
  margin: 20%;
  position: absolute;
  top: 0;
  z-index: 1
}

.html5-video-info-panel-close {
  display: none
}

.html5-video-info-panel-content>div>div {
  display: inline-block;
  font-weight: bold;
  padding: 0 .5em;
  text-align: right;
  width: 10em
}

.post-play .html5-video-info-panel-content {
  display: none
}

.ad-video {
  width: 100%;
  height: 100%
}

.ad-showing .video-ads {
  display: block;
  overflow: hidden
}

.ad-interrupting.tag-pool-enabled .html5-main-video {
  position: absolute;
  left: -1px;
  top: -1px;
  overflow: hidden;
  width: 1px !important;
  height: 1px !important
}

.html5-video-player .video-stream {
  position: absolute;
  top: 0;
  left: 0;
  display: block
}

.opera .video-stream {
  height: 720px;
  width: 1280px
}

.advertisement-info,
.skip-ad-button {
  position: absolute;
  top: 9.5em
}

.advertisement-info {
  left: 12.5%;
  text-align: left;
  width: 30%;
  overflow: hidden
}

.advertisement-info-top {
  height: 3em
}

.advertisement-avatar {
  width: 3em;
  height: 3em;
  display: inline-block;
  margin-right: .4em;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain
}

.advertisement-info-details {
  display: inline-block;
  vertical-align: top;
  width: 79%
}

.advertisement-title,
.advertisement-advertiser,
.third-party {
  color: #fff;
  text-shadow: 2px 1px #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.third-party {
  position: absolute;
  bottom: 0
}

.advertisement-title {
  font-size: 1.4em;
  line-height: 1em;
  height: 1.1em
}

.advertisement-advertiser {
  font-size: 1.1em;
  line-height: 1.3em;
  height: 1.4em
}

.skip-ad-button {
  right: 12.5%;
  border-radius: .15em;
  background-color: rgba(0, 0, 0, .4);
  padding: .6em
}

.canskip.mdx-skip.skip-ad-button {
  height: 4.0em;
  width: 18em
}

.canskip.mdx-skip .skip-button-text {
  font-size: 1.1em;
  height: 3em;
  left: 2.0em;
  line-height: 1.5em;
  position: absolute;
  top: .7em;
  width: 75%
}

#transport-controls.ad-active .player-controls #button-list div.skip-ad-button .label,
.skip-ad-button .label {
  font-size: 1.1em;
  padding: 0 1.4em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: .12em;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  color: #e1e1e1
}

.skip-ad-button.canskip.mdx-skip .label {
  height: 3.7em
}

#transport-controls.ad-active .player-controls #button-list div.skip-ad-button.canskip:hover .label,
.skip-ad-button.canskip:hover .label {
  background-color: #fff;
  color: #212121;
  border-radius: .12em
}

#transport-controls.ad-active .player-controls #button-list div.skip-ad-button.canskip.focused .label,
.skip-ad-button.canskip.focused .label {
  background-color: #e1e1e1;
  color: #212121;
  border-radius: .12em
}

.skip-ad-button .skip-symbol {
  display: none;
  font-family: 'youtube-icons'
}

.skip-ad-button.canskip .skip-symbol.icon-player-next {
  display: inline;
  font-size: 1.3em;
  margin-left: .5em;
  vertical-align: middle
}

.exp-newMdxSkipButtonCast .canskip.mdx-skip.skip-ad-button .skip-symbol.icon-cast_on {
  display: inline;
  font-size: 2.5em;
  position: absolute;
  right: .7em;
  text-align: right;
  top: .5em;
  width: 25%
}

.exp-newMdxSkipButtonPair .canskip.mdx-skip.skip-ad-button .skip-symbol.icon-settings-pair {
  display: inline;
  font-size: 4em;
  position: absolute;
  right: .4em;
  text-align: right;
  top: .3em;
  width: 25%
}

.canskip.mdx-skip.skip-ad-button .skip-symbol.icon-player-next {
  display: none
}

#player-controls {
  text-align: center
}

#bottom-half {
  bottom: 0;
  height: 50%;
  position: absolute;
  width: 100%
}

#transport-controls {
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
  bottom: 0;
  height: 100%;
  position: absolute;
  -o-transition: -o-transform .25s, opacity .25s;
  -webkit-transition: -webkit-transform .25s, opacity .25s;
  transition: transform .25s, opacity .25s;
  width: 100%
}

#transport-controls.hidden {
  display: block !important;
  opacity: 0;
  pointer-events: none
}

.limited-animation #transport-controls.hidden {
  display: none !important
}

#transport-controls,
#transport-controls.focused {
  display: block
}

.player-controls-widget {
  border: 0;
  margin-top: 8.4em
}

.fresh-transport-controls.seeking-forward .seeking-icon.icon-player-rew:before {
  content: "\00e62c"
}

.seeking-icon {
  bottom: 3em;
  color: #fff;
  display: none;
  position: absolute;
  left: 0;
  margin: 0 auto;
  right: 0
}

.seeking-icon span {
  display: none
}

.fresh-watch #bottom-half {
  height: 55%
}

.fresh-watch.watch-seeking .seeking-icon {
  display: block
}

.fresh-watch .title-card {
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, .75), transparent);
  background: -o-linear-gradient(top, rgba(0, 0, 0, .75), transparent);
  background: linear-gradient(to bottom, rgba(0, 0, 0, .75), transparent);
  height: 35.9%
}

#transport-controls.fresh-transport-controls {
  padding-top: 2em;
  background: -webkit-linear-gradient(bottom, #000, transparent);
  background: -o-linear-gradient(bottom, #000, transparent);
  background: linear-gradient(to top, #000, transparent);
  bottom: -1em;
  overflow: hidden
}

.fresh-watch .player-video-title {
  color: rgba(255, 255, 255, 1);
  font-size: 1.936em
}

.fresh-watch .player-meta .player-video-details {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.455em
}

.fresh-watch .pivot-shelf-list {
  margin-top: 13.8em;
  padding-left: 3.871em
}

.fresh-watch .pivot-shelf-list.focused {
  height: 20.5em
}

#fresh-rows-container {
  border: 0;
  color: #fff;
  margin-top: 7.7em
}

.fresh-transport-controls .more-row,
.fresh-transport-controls .main-row {
  margin-left: 5%;
  width: 95%
}

.fresh-transport-controls .button span,
.fresh-transport-controls .toggle-button span {
  display: none;
  font-family: 'roboto-regular';
  color: rgba(255, 255, 255, 1)
}

.fresh-transport-controls .button.disabled:hover,
.fresh-transport-controls .toggle-button.disabled:hover {
  background-color: transparent
}

.fresh-transport-controls .button.disabled,
.fresh-transport-controls .toggle-button.disabled {
  opacity: .45
}

.fresh-transport-controls .button.focused,
.fresh-transport-controls .toggle-button.focused,
.fresh-transport-controls .button:hover,
.fresh-transport-controls .toggle-button:hover {
  background-color: rgba(255, 255, 255, .5);
  color: #fff
}

.fresh-transport-controls .button,
.fresh-transport-controls .toggle-button,
.seeking-icon {
  border-radius: 4px;
  font-family: 'youtube-icons';
  font-size: 1.4em;
  height: 1em;
  padding: .55em;
  speak: none;
  text-align: center;
  width: 1em
}

.fresh-transport-controls .button,
.fresh-transport-controls .toggle-button {
  color: rgba(255, 255, 255, .7);
  cursor: pointer;
  display: inline-block;
  position: relative
}

.fresh-transport-controls #transport-more-button:before {
  display: inline-block;
  left: 19%;
  position: absolute;
  top: -9%
}

.fresh-transport-controls #transport-more-button {
  font-size: 2em;
  height: .7em;
  margin-right: 1.452em;
  padding: .385em;
  width: .7em
}

.fresh-transport-controls #transport-more-button span {
  color: #fff;
  display: inline-block;
  font-size: .485em;
  left: 4.5em;
  position: absolute;
  text-align: left;
  top: 1em;
  width: 15em
}

.fresh-transport-controls #transport-more-button.top-row-active span {
  display: none
}

.fresh-transport-controls #transport-more-options-list {
  display: inline-block
}

.fresh-transport-controls .progress-bar {
  display: inline-block;
  height: 3em;
  left: 0;
  padding: 0;
  position: relative;
  top: 0;
  width: 76.55%
}

.fresh-transport-controls.live-playback #play-pause-button {
  margin-right: 1em
}

.fresh-transport-controls.live-playback .progress-bar {
  width: 77.55%
}

.fresh-transport-controls.live-playback .live-indicator {
  display: inline-block;
  left: 0;
  margin-left: 1em;
  position: relative;
  top: 0
}

.fresh-transport-controls #play-pause-button {
  z-index: 1
}

.fresh-transport-controls #play-pause-button span {
  position: absolute;
  right: 0.1em;
  top: 2.5em
}

.fresh-transport-controls #player-time-elapsed,
.fresh-transport-controls .player-time-total {
  color: rgba(255, 255, 255, 1);
  display: inline-block;
  font-size: 1.3em;
  position: relative;
  text-align: center;
  top: 0;
  width: 8%
}

.fresh-transport-controls .more-row {
  margin-bottom: 5px
}

.fresh-transport-controls .more-row .button,
.fresh-transport-controls .more-row .toggle-button {
  margin-right: 2.075em;
  vertical-align: top
}

.fresh-transport-controls .icon-like.toggle-selected,
.fresh-transport-controls .icon-dislike.toggle-selected,
.fresh-transport-controls .icon-player-closedcaptions.toggle-selected {
  color: #2793e6
}

.fresh-transport-controls .icon-logo-lozenge.toggle-selected {
  color: #f00
}

.fresh-transport-controls .more-row .button span,
.fresh-transport-controls .more-row .toggle-button span {
  font-size: .692em;
  left: -3.45em;
  position: relative;
  top: -4.4em;
  width: 8.3em
}

.fresh-transport-controls .more-row .button.focused span,
.fresh-transport-controls .more-row .toggle-button.focused span,
.fresh-transport-controls .more-row .button:hover span,
.fresh-transport-controls .more-row .toggle-button:hover span {
  display: block
}

.fresh-transport-controls .progress-bar {
  z-index: 1
}

.fresh-transport-controls .progress-bar .progress-bar-line div {
  height: .242em
}

.fresh-transport-controls .progress-bar .progress-bar-line .progress-bar-background {
  background-color: rgba(255, 255, 255, 0.45)
}

.fresh-transport-controls .progress-bar .progress-bar-line .progress-bar-loaded {
  background-color: #fff
}

.fresh-transport-controls .progress-bar .progress-bar-line .progress-bar-played {
  background-color: #df2323
}

.fresh-transport-controls .progress-bar.ad-active .progress-bar-played {
  background-color: #e7bd00
}

.ypc-playback .fresh-transport-controls .progress-bar-line .progress-bar-played {
  background-color: #2793e6
}

.fresh-watch .ad-point-separator,
.fresh-transport-controls .progress-bar .progress-bar-disc,
.fresh-transport-controls.ad-active #player-time-elapsed,
.fresh-transport-controls.ad-active .player-time-total {
  display: none
}

.fresh-transport-controls.ad-active .progress-bar {
  padding-left: 1em;
  width: 88%
}

.fresh-transport-controls.ad-active .more-row,
.fresh-watch.watch-seeking .more-row {
  visibility: hidden
}

.fresh-watch .skip-ad-button,
.fresh-watch .advertisement-info {
  top: 8.3em
}

.fresh-watch .advertisement-info {
  left: 5%
}

.fresh-watch .advertisement-info .advertisement-info-top {
  height: 3.065em;
  position: relative
}

.fresh-watch .skip-ad-button {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  padding: 0;
  right: 6%;
  z-index: 1
}

.fresh-watch .skip-ad-button .label {
  color: #fff;
  font-size: 1.13em;
  height: 2.57em;
  line-height: 2.57em;
  padding: 0 1.3em
}

.fresh-watch .skip-ad-button .skip-symbol {
  font-size: 1.1em
}

.fresh-watch .skip-ad-button.canskip:hover,
.fresh-watch .skip-ad-button.canskip.focused {
  background-color: rgba(255, 255, 255, .5)
}

.fresh-watch .skip-ad-button.canskip:hover .label,
.fresh-watch .skip-ad-button.canskip.focused .label {
  background: none;
  color: #fff
}

.fresh-watch .advertisement-info {
  color: #fff
}

.fresh-watch .advertisement-info .advertisement-advertiser {
  font-size: 100%;
  height: 1.4em;
  line-height: 1.3em
}

.fresh-watch .advertisement-info .advertisement-advertiser>span {
  vertical-align: bottom
}

.fresh-watch .advertisement-info .advertisement-advertiser,
.fresh-watch .advertisement-info .advertisement-title,
.fresh-watch .advertisement-info .third-party {
  overflow: hidden;
  text-shadow: none;
  text-overflow: ellipsis;
  white-space: nowrap
}

.fresh-watch .advertisement-info .third-party {
  bottom: 0;
  position: absolute;
  vertical-align: top;
  width: 79%
}

.fresh-watch .advertisement-info .third-party>span {
  vertical-align: middle
}

.fresh-watch .advertisement-info .advertisement-title {
  font-size: 1.35em;
  font-weight: bold;
  line-height: 1em;
  height: 1.1em;
  padding-bottom: 1%;
  text-shadow: none
}

.fresh-watch .advertisement-info .remaining-duration,
.fresh-watch .advertisement-info .ad-by {
  font-size: 1.13em
}

.fresh-watch .advertisement-info .remaining-duration {
  padding: 0 2%
}

.fresh-watch .advertisement-info .advertisement-avatar {
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  display: inline-block;
  height: 3.065em;
  margin-right: 1.4em;
  width: 3.065em
}

.title-card {
  background: -o-linear-gradient(top, rgba(0, 0, 0, .9), rgba(0, 0, 0, .8), transparent);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, .9), rgba(0, 0, 0, .8), transparent);
  background: linear-gradient(to bottom, rgba(0, 0, 0, .9), rgba(0, 0, 0, .8), transparent);
  display: block;
  height: 25%;
  position: absolute;
  top: 0;
  -o-transition: -o-transform .25s, opacity .25s;
  -webkit-transition: -webkit-transform .25s, opacity .25s;
  transition: transform .25s, opacity .25s;
  width: 100%
}

.ypc-playback .title-card {
  height: 30%
}

.title-card.hidden {
  display: block !important;
  opacity: 0
}

.limited-animation .title-card.hidden {
  display: none !important
}

.selected-title .views {
  margin-top: -.6em
}

.player-meta {
  color: #f1f1f1;
  margin: 2.6em 0 0 3.5em;
  position: relative;
  white-space: nowrap;
  width: 90%
}

.player-meta .user-details {
  height: 4em;
  overflow: hidden;
  position: absolute;
  right: 0%;
  text-align: right;
  width: 14.4em
}

.player-meta .user-details>div {
  display: inline-block;
  vertical-align: top
}

.player-meta .user-details .avatar {
  background-size: cover;
  height: 4em;
  width: 4em
}

.player-meta .user-details .message {
  height: 4em;
  line-height: 1.33em;
  margin-right: .5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  width: 9em
}

.player-meta .player-video-text {
  display: inline-block;
  padding-left: 1.5em;
  width: 90%
}

.player-meta .player-video-details {
  font-size: 1.5em;
  white-space: initial
}

.player-meta .player-video-details>div {
  margin: .2em 1em 0 0;
  vertical-align: top
}

.player-meta .player-video-details .username {
  max-width: 45%;
  overflow: hidden;
  text-overflow: ellipsis
}

.player-meta .player-video-details .set-context {
  max-width: 45%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.player-meta .player-video-details .set-context,
.player-meta .player-video-details .set-context-position,
.player-meta .player-video-details .uploaded-date,
.player-meta .player-video-details .view-count,
.player-meta .player-video-details .username {
  display: inline-block
}

.player-video-avatar {
  background-size: contain;
  border-radius: 50%;
  display: inline-block;
  height: 5.5em;
  vertical-align: top;
  width: 5.5em
}

.player-video-title {
  font-size: 2.4em;
  margin: -.1em 0 0 0;
  overflow: hidden;
  text-overflow: ellipsis
}

.watch-title-tray.with-user-details .player-video-title {
  margin-right: 6em
}

.quality-status {
  display: none;
  padding-top: .2em
}

.title-tray-inflated .quality-status {
  display: inline-block
}

.ypc-preview {
  display: none
}

.ypc-playback .ypc-preview {
  display: block
}

.player-controls #button-list .focused,
.player-controls #button-list div:hover {
  -webkit-border-radius: .05em;
  border-radius: .05em;
  color: #000
}

.player-controls #button-list .focused {
  background-color: #fff
}

.player-controls #button-list div:hover {
  background-color: #9d9495
}

.player-controls #button-list .button,
.player-controls #button-list .toggle-button {
  display: inline-block;
  font-size: 1.4em;
  height: 1.3em;
  margin: 1em 1em;
  padding-bottom: .4em;
  padding-top: .8em;
  top: 0;
  width: 2.3em
}

.player-controls #button-list .button span,
.player-controls #button-list .toggle-button span {
  font-family: 'roboto-regular';
  font-size: .7em;
  left: -10%;
  margin: .5em 0 0;
  width: 120%;
  height: 120%
}

.player-controls #button-list .button.spacer,
.player-controls #button-list .disabled.toggle-button.icon-bug_report {
  visibility: hidden;
  cursor: auto
}

.toggle-button.icon-bug_report {
  visibility: visible
}

#transport-controls.focused .player-controls #button-list div {
  color: #fff
}

#transport-controls.focused .player-controls #button-list .focused {
  color: #222
}

.player-controls #button-list div {
  color: #aaa;
  cursor: pointer;
  vertical-align: middle
}

#transport-controls.ad-active .player-controls #button-list div.disabled {
  visibility: hidden
}

#transport-controls.ad-active .player-controls #button-list div.skip-ad-button.disabled {
  visibility: visible;
  opacity: 1
}

.player-controls #button-list div.disabled:hover {
  background-color: transparent;
  color: #fff
}

.player-controls #button-list div.focused {
  opacity: 1
}

.player-controls #button-list div.disabled {
  opacity: .2
}

.player-controls #button-list .icon-player-closedcaptions.toggle-selected,
.player-controls #button-list .icon-like.toggle-selected,
.player-controls #button-list .icon-dislike.toggle-selected {
  color: #2793e6 !important
}

.player-controls #button-list .icon-logo-lozenge.toggle-selected {
  color: #f00 !important
}

#transport-controls .player-controls #button-list div.icon-player-more,
#transport-controls .player-controls #button-list div.icon-player-less {
  color: #858585
}

.player-controls .toggle-button span,
.player-controls .button span,
.player-controls .toggle-button.disabled span,
.player-controls .button.disabled span {
  display: block;
  margin-top: 1em;
  color: #fff;
  font-size: .75em;
  padding: 0;
  position: relative;
  text-align: center;
  top: 1em;
  visibility: hidden;
  width: 100%
}

.player-controls .toggle-button.focused span,
.player-controls div:hover.toggle-button span,
.player-controls .button.focused span,
.player-controls div:hover.button span {
  visibility: visible
}

.player-seekbar {
  position: relative
}

.progress-bar {
  height: 4em;
  left: 11%;
  position: absolute;
  top: -9em;
  width: 75%;
  padding: 0 1.5%
}

.progress-bar .progress-bar-playhead,
.progress-bar .progress-bar-line {
  top: 2.5em
}

.progress-bar .progress-bar-line {
  position: relative;
  width: 100%
}

.progress-bar .progress-bar-line div {
  height: 2px;
  position: absolute
}

.progress-bar .progress-bar-playhead {
  height: 2px;
  position: relative;
  width: 100%
}

.progress-bar .progress-bar-line .progress-bar-background {
  width: 100%;
  background-color: #5b5b5b
}

.progress-bar .progress-bar-line .progress-bar-played {
  background-color: #e32c29
}

.progress-bar .progress-bar-line .progress-bar-loaded {
  background-color: #999
}

.ypc-playback .progress-bar-line .progress-bar-played {
  background-color: #2793e6
}

.progress-bar .progress-bar-disc {
  background-color: #ccc;
  border-radius: 50%;
  height: .6em;
  margin: -.25em 0 0 -.25em;
  position: absolute;
  width: .6em
}

.progress-bar .cue-range-markers {
  height: 100%;
  position: absolute;
  width: 100%
}

.progress-bar-disc {
  pointer-events: none
}

.ad-active .progress-bar .cue-range-markers {
  visibility: hidden
}

.progress-bar .cue-range-markers .cue-range-marker {
  background-color: rgba(255, 255, 255, 0);
  height: 2px;
  margin: 0 0 0 -.1em;
  position: absolute;
  width: .2em
}

.progress-bar .cue-range-markers .ytp-ad-progress-marker {
  background-color: #e6bc27
}

.progress-bar.ad-active .progress-bar-played {
  background-color: #d6cb23
}

#player-time-elapsed,
.player-time-total,
.live-indicator {
  color: rgba(255, 255, 255, .75);
  font-size: 1.2em;
  position: absolute;
  top: -6em;
  width: 12%
}

.limited-graphics #player-time-elapsed,
.limited-graphics .player-time-total {
  color: #fff
}

#player-time-elapsed {
  left: 0;
  text-align: right
}

.player-time-total,
.live-indicator {
  right: 0;
  text-align: left
}

#transport-controls.ad-active #player-time-elapsed,
#transport-controls.ad-active .player-time-total {
  display: none
}

.live-indicator {
  display: none;
  font-size: 1.3em;
  position: absolute;
  top: -5.6em;
  width: 11.7%
}

.live-playback .live-indicator {
  display: block
}

.live-playback .player-time-total,
.live-playback .elapsed-time,
.fresh-transport-controls.live-playback .player-time-total,
.fresh-transport-controls.live-playback #player-time-elapsed {
  display: none
}

.live-playback .progress-bar-disc {
  background-color: #e62117
}

#watch .loading-indicator {
  top: 30%
}

#transport-spacer:hover {
  background: none
}

.html5-video-controls {
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 2em;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease;
  -webkit-transition: all .6s ease;
  transition: all .6s ease
}

.ytp-player-content {
  position: absolute;
  bottom: 0;
  height: 0;
  left: 0;
  right: 0
}

.html5-video-content {
  position: absolute
}

.browse-sets-state #player,
.search-state #player {
  display: none
}

.caption-window {
  position: absolute;
  pointer-events: none
}

.standard-caption-window {
  position: absolute;
  white-space: normal;
  width: 80%
}

.caption-window-transform {
  display: inline-block;
  line-height: 1.32em
}

.html5-video-player .captions-text {
  position: relative
}

.html5-video-player .caption-row {
  padding-bottom: 5px;
  padding-top: 5px
}

.anchor-point-1 {
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

.anchor-point-2 {
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0)
}

.anchor-point-3 {
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.anchor-point-4 {
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.anchor-point-5 {
  -moz-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  -o-transform: translate(-100%, -50%);
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%)
}

.anchor-point-6 {
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%)
}

.anchor-point-7 {
  -moz-transform: translate(-50%, -100%);
  -ms-transform: translate(-50%, -100%);
  -o-transform: translate(-50%, -100%);
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%)
}

.anchor-point-8 {
  -moz-transform: translate(-100%, -100%);
  -ms-transform: translate(-100%, -100%);
  -o-transform: translate(-100%, -100%);
  -webkit-transform: translate(-100%, -100%);
  transform: translate(-100%, -100%)
}

.anchor-point-0,
.anchor-point-1,
.anchor-point-2 {
  padding-top: 3em
}

.watch.transport-showing .anchor-point-0,
.watch.transport-showing .anchor-point-1,
.watch.transport-showing .anchor-point-2 {
  padding-top: 9em
}

.anchor-point-0,
.anchor-point-3,
.anchor-point-6 {
  padding-left: 3em
}

.anchor-point-2,
.anchor-point-5,
.anchor-point-8 {
  padding-right: 3em
}

.anchor-point-6,
.anchor-point-7,
.anchor-point-8,
.eureka .watch.transport-showing .anchor-point-6,
.eureka .watch.transport-showing .anchor-point-7,
.eureka .watch.transport-showing .anchor-point-8 {
  padding-bottom: 3em
}

.watch.transport-showing .anchor-point-6,
.watch.transport-showing .anchor-point-7,
.watch.transport-showing .anchor-point-8 {
  padding-bottom: 15em
}

.watch.pivot-focused .anchor-point-6 {
  padding-bottom: 17.5em
}

.watch.pivot-focused .anchor-point-7,
.watch.pivot-focused .anchor-point-8 {
  padding-bottom: 16em
}

.watch .ytp-fresca-module,
.search-focused .watch.message .ytp-fresca-module {
  display: none
}

.watch.message .ytp-fresca-module {
  background-color: rgba(0, 0, 0, .5);
  color: #fff;
  display: block;
  font-size: 2em;
  padding-left: 1.5em;
  position: absolute;
  top: 30%;
  width: 100%
}

.watch.message .ytp-fresca-show-countdown {
  padding-bottom: 1.3em
}

.ytp-fresca-countdown {
  font-size: 1.4em
}

.pivot-shelf-list {
  margin-top: 12.5em;
  padding-left: 7em;
  -o-transition: -o-transform .25s, opacity .25s;
  -webkit-transition: -webkit-transform .25s, opacity .25s;
  transition: transform .25s, opacity .25s;
  -webkit-transform: translateZ(0);
  -o-transform: translateY(10em);
  -webkit-transform: translateY(10em);
  transform: translateY(10em)
}

.pivot-shelf-list.hidden {
  display: block !important;
  opacity: 0
}

.limited-animation .pivot-shelf-list.hidden,
.forced-limited-animation.pivot-shelf-list.hidden {
  display: none !important
}

.pivot-shelf-list.animate-in {
  -o-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.pivot-shelf-list>.carousel {
  opacity: .5;
  -o-transition: opacity .25s;
  -webkit-transition: opacity .25s;
  transition: opacity .25s
}

.limited-memory .pivot-shelf-list {
  opacity: 1
}

.pivot-shelf-list .title-container {
  color: #fff
}

.pivot-shelf .tile-title .author,
.pivot-shelf .tile-title .view {
  color: #e1e1e1
}

.pivot-shelf-list.focused,
.post-play .pivot-shelf-list {
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
  height: 17.5em;
  margin-top: 2.5em;
  padding-top: 10em;
  -o-transform: translateY(-7.5em);
  -webkit-transform: translateY(-7.5em);
  transform: translateY(-7.5em)
}

.post-play .pivot-shelf {
  opacity: .5
}

.post-play .pivot-shelf-list.focused .pivot-shelf,
.pivot-shelf-list.focused>.carousel {
  opacity: 1
}

.pivot-shelf-list .focused.list {
  height: 0
}

.pivot-shelf-list .no-content-message {
  display: none
}

.pivot-shelf-list.forced-limited-animation,
.limited-animation .pivot-shelf-list,
.limited-animation .pivot-shelf-list>.carousel {
  -o-transition: none;
  -webkit-transition: none;
  transition: none
}

.pivot-shelf-list.forced-limited-animation .placeholder-tile,
.limited-animation .pivot-shelf-list .placeholder-tile {
  height: 7.83em;
  width: 14em
}

#pivot-post-play .pivot-video-tile,
#pivot-post-play .placeholder-tile {
  height: 10.625em;
  width: 18.5em
}

#pivot-post-play .tile-top {
  height: 10.625em
}

.limited-animation #pivot-post-play .tile-top,
#pivot-post-play.forced-limited-animation .tile-top {
  height: 9.825em;
  width: 17.7em
}

.pivot-video-tile,
.pivot-channel-tile {
  height: 7.83em;
  width: 14em
}

.forced-limited-animation .pivot-video-tile,
.forced-limited-animation .auto-play-tile,
.forced-limited-animation .pivot-channel-tile,
.pivot-shelf-list.forced-limited-animation .placeholder-tile,
#pivot-post-play.forced-limited-animation .placeholder-tile,
.limited-animation .pivot-video-tile,
.limited-animation .auto-play-tile,
.limited-animation .pivot-channel-tile,
.limited-animation #pivot-post-play .placeholder-tile,
.limited-animation .pivot-shelf-list .placeholder-tile {
  background: none;
  display: inline-block;
  margin-right: .5em;
  position: relative;
  vertical-align: bottom
}

.forced-limited-animation .pivot-channel-tile,
.limited-animation .pivot-channel-tile {
  border-radius: 100%;
  width: 10.625em
}

.forced-limited-animation .pivot-video-tile.focused,
.forced-limited-animation .auto-play-tile.focused .pivot-video-tile,
.limited-animation .pivot-video-tile.focused,
.limited-animation .auto-play-tile.focused .pivot-video-tile {
  background-color: #fff
}

.pivot-video-tile .tile-top {
  height: 7.83em
}

.forced-limited-animation .pivot-video-tile .tile-top,
.limited-animation .pivot-video-tile .tile-top {
  background-color: inherit;
  height: 7.03em;
  padding: .4em;
  width: 13.2em
}

.forced-limited-animation .pivot-video-tile.focused .tile-top,
.limited-animation .pivot-video-tile.focused .tile-top {
  background-color: #fff
}

.pivot-video-tile .tile-overlay {
  background-color: rgba(0, 0, 0, .5);
  color: #fff;
  display: none;
  height: 100%;
  margin-top: -7.83em;
  text-align: center;
  width: 100%
}

.forced-limited-animation .pivot-video-tile .tile-overlay,
.limited-animation .pivot-video-tile .tile-overlay {
  margin-top: -7.03em
}

#pivot-post-play .pivot-video-tile .tile-overlay {
  margin-top: -10.625em
}

.limited-animation #pivot-post-play .pivot-video-tile .tile-overlay,
#pivot-post-play.forced-limited-animation .pivot-video-tile .tile-overlay {
  margin-top: -9.875em
}

.pivot-video-tile.has-overlay .tile-overlay {
  display: block
}

#pivot-post-play .pivot-video-tile.has-overlay .tile-overlay {
  opacity: 0
}

#pivot-post-play.focused .pivot-video-tile.has-overlay .tile-overlay {
  opacity: 1
}

.post-play .pivot-shelf-list .pivot-video-tile.has-overlay .label {
  display: none
}

.post-play .pivot-shelf-list .pivot-video-tile.has-overlay .icon-player-play {
  font-size: 4em
}

.post-play .pivot-shelf-list .pivot-video-tile.has-overlay .icon-player-play:before {
  content: "\00e638"
}

.pivot-video-tile .tile-overlay .icon {
  font-family: 'youtube-icons';
  font-size: 3em;
  padding-top: .5em
}

.pivot-video-tile .tile-overlay .label {
  font-size: 1.2em
}

#pivot-post-play .pivot-video-tile .tile-overlay {
  color: #e1e1e1
}

#pivot-post-play .pivot-video-tile .tile-overlay .icon {
  font-size: 4.5em;
  padding-bottom: .15em;
  padding-top: .4em
}

#pivot-post-play .pivot-video-tile .tile-overlay .label,
#pivot-post-play .pivot-video-tile .tile-overlay .icon {
  opacity: 0;
  -o-transition: opacity .25s;
  -webkit-transition: opacity .25s;
  transition: opacity .25s
}

#pivot-post-play.focused .pivot-video-tile .tile-overlay .label,
#pivot-post-play.focused .pivot-video-tile .tile-overlay .icon {
  opacity: 1
}

.limited-animation #pivot-post-play .pivot-video-tile .tile-overlay .label,
.limited-animation #pivot-post-play .pivot-video-tile .tile-overlay .icon,
#pivot-post-play.forced-limited-animation .pivot-video-tile .tile-overlay .label,
#pivot-post-play.forced-limited-animation .pivot-video-tile .tile-overlay .icon {
  -o-transition: none;
  -webkit-transition: none;
  transition: none
}

.pivot-video-tile .video-thumb {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100%;
  width: 100%
}

.pivot-video-tile .decoration {
  margin-top: -2.1em;
  text-align: right
}

.pivot-video-tile .duration {
  background-color: rgba(0, 0, 0, .7);
  font-size: 1em;
  font-weight: bold;
  padding: .5em
}

.auto-play-tile {
  background: none;
  height: 10.625em;
  overflow: visible;
  width: 18.5em
}

.forced-limited-animation .auto-play-tile,
.limited-animation .auto-play-tile {
  height: 10.625em;
  width: 18.5em
}

.auto-play-tile .post-play-countdown {
  display: block;
  font-size: 1.8em;
  margin-left: 10.8em;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  text-align: left;
  text-shadow: none;
  top: 0;
  width: 17.5em
}

.auto-play-tile.countdown-active .post-play-countdown {
  opacity: 1;
  pointer-events: inherit
}

.auto-play-tile .details,
.auto-play-tile .title {
  color: #fff;
  opacity: 0;
  pointer-events: none
}

.auto-play-tile.focused .details,
.auto-play-tile.focused .title {
  opacity: 1;
  pointer-events: inherit
}

.auto-play-tile .title {
  font-size: 1.4em;
  margin-left: 14em;
  max-height: 2.5em;
  overflow: hidden;
  position: absolute;
  top: 2.2em;
  width: 20em
}

.auto-play-tile .details {
  font-size: 1.1em;
  margin-left: 17.8em;
  position: absolute;
  top: 6em;
  width: 37em
}

.auto-play-tile .details,
.auto-play-tile .title,
.auto-play-tile .post-play-countdown {
  -o-transition: opacity .25s;
  -webkit-transition: opacity .25s;
  transition: opacity .25s
}

.auto-play-tile .details .views {
  padding-left: 0.7em
}

.limited-animation .auto-play-tile .details,
.limited-animation .auto-play-tile .title,
.limited-animation .auto-play-tile .post-play-countdown {
  -o-transition: opacity none;
  -webkit-transition: none;
  transition: none
}

#pivot-post-play .auto-play-tile .pivot-video-tile {
  padding-left: 0;
  padding-top: 0
}

#pivot-post-play #post-play-list .no-content-message {
  display: none
}

.forced-limited-animation .pivot-horizontal-list,
.limited-animation .pivot-horizontal-list {
  margin-left: -15em
}

.pivot-horizontal-list.focused .pivot-sliding-highlighter,
.post-play #post-play-list.focused .pivot-sliding-highlighter {
  display: block
}

.pivot-horizontal-list .pivot-sliding-highlighter,
.post-play .pivot-sliding-highlighter {
  background: transparent;
  border: .5em #fff solid;
  box-shadow: .083em .083em .75em .167em #000 inset;
  height: 7.5em;
  margin-left: -.4em;
  margin-top: -.4em;
  pointer-events: none;
  width: 13.8em
}

.pivot-shelf {
  position: absolute;
  width: 0
}

.forced-limited-animation .pivot-shelf,
.limited-animation .pivot-shelf {
  opacity: .5;
  position: relative
}

.forced-limited-animation .pivot-shelf.focused,
.limited-animation .pivot-shelf.focused {
  opacity: 1
}

.limited-memory.limited-animation .pivot-shelf {
  opacity: 1
}

.pivot-shelf .title-container {
  margin-bottom: 1em;
  visibility: hidden;
  white-space: nowrap
}

.pivot-shelf .title-container .icon {
  font-family: 'youtube-icons';
  vertical-align: middle
}

.pivot-shelf .tile-title span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis
}

.pivot-shelf.focused .title-container {
  visibility: visible
}

.pivot-shelf .tile-title,
.pivot-shelf .shelf-title {
  margin-bottom: .3em
}

.pivot-shelf .tile-title {
  height: 1.7em
}

.pivot-shelf .tile-title .title {
  font-size: 1.3em;
  max-width: 30em
}

.pivot-shelf .tile-title .author,
.pivot-shelf .tile-title .view {
  margin-left: .3em;
  max-width: 20em
}

.pivot-shelf .tile-title .author,
.pivot-sliding-highlighter .select,
.subs-sliding-highlighter .select {
  display: none
}

.pivot-shelf.has-author .tile-title .author {
  display: inline-block
}

.forced-limited-animation .pivot-horizontal-list .list,
.limited-animation .pivot-horizontal-list .list {
  width: 98em
}

.forced-limited-animation .postplay-horizontal-list .list,
.limited-animation .postplay-horizontal-list .list {
  margin-left: -13.4em;
  width: 98em
}

.forced-limited-animation .pivot-channel-tile.focused .tile-top,
.limited-animation .pivot-channel-tile.focused .tile-top {
  background-color: #fff
}

.forced-limited-animation .pivot-channel-tile .tile-top,
.limited-animation .pivot-channel-tile .tile-top {
  height: 6.83em;
  padding: .4em;
  width: 6.83em
}

.pivot-channel-tile .tile-top {
  background: none;
  border-radius: 50%;
  height: 7.83em;
  margin: 0 auto;
  overflow: hidden;
  width: 7.83em
}

.pivot-channel-tile .video-thumb {
  border-radius: 50%
}

.pivot-shelf .pivot-horizontal-list.channel-selected .pivot-sliding-highlighter {
  border-radius: 50%;
  height: 7.5em;
  margin-left: -.3em;
  margin-top: -.3em;
  -moz-transform: translateX(3.2em);
  -o-transform: translateX(3.2em);
  -webkit-transform: translateX(3.2em);
  transform: translateX(3.2em);
  width: 7.5em
}

.pivot-shelf.channel-selected .shelf-title {
  visibility: hidden
}

.pivot-footer {
  height: 9em
}

.pivot-button-list {
  padding-top: 4em
}

.pivot-button-list .icon-button {
  display: inline-block;
  padding: .5em 1em
}

.pivot-button-list .icon-button .icon {
  font-family: 'youtube-icons';
  margin-right: .3em
}

.pivot-footer.focused .pivot-button-list .icon-button.selected {
  background-color: #fff
}

.pivot-button-list .icon-button span {
  color: #fff;
  font-size: 1.5em
}

.pivot-footer.focused .pivot-button-list .icon-button.selected span {
  color: #000
}

#pivot-post-play {
  padding-left: 6em;
  padding-top: 10em
}

.limited-animation #pivot-post-play,
#pivot-post-play.forced-limited-animation {
  padding-left: 0
}

#pivot-post-play #post-play-list {
  font-size: 1.1em;
  margin-left: .1em
}

.forced-limited-animation .auto-play-tile,
.limited-animation .auto-play-tile {
  padding-left: 0;
  vertical-align: bottom
}

#pivot-post-play.forced-limited-animation .pivot-video-tile,
.limited-animation #pivot-post-play .pivot-video-tile {
  vertical-align: bottom
}

.forced-limited-animation .auto-play-tile .pivot-video-tile,
.limited-animation .auto-play-tile .pivot-video-tile {
  display: block;
  position: absolute
}

#pivot-post-play .pivot-sliding-highlighter {
  border-width: .5em;
  height: 9.9em;
  margin-top: 0;
  width: 18.4em
}

#pivot-post-play.mdx {
  height: 100%;
  left: 0;
  padding: 0;
  top: 0;
  width: 100%
}

#mdx-autoplay-interstitial {
  background-color: #121212;
  height: 100%;
  width: 100%
}

#mdx-autoplay-interstitial .background {
  background-position: center;
  background-size: cover;
  height: 100%;
  width: 100%
}

#mdx-autoplay-interstitial .gradient {
  background: -ms-linear-gradient(rgba(0, 0, 0, 0.56), rgba(0, 0, 0, 0.9));
  background: -o-linear-gradient(rgba(0, 0, 0, 0.56), rgba(0, 0, 0, 0.9));
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.56), rgba(0, 0, 0, 0.9));
  background: linear-gradient(rgba(0, 0, 0, 0.56), rgba(0, 0, 0, 0.9));
  height: 100%;
  width: 100%
}

#mdx-autoplay-interstitial .content {
  color: #fff;
  left: 31%;
  position: absolute;
  top: 33%;
  white-space: nowrap;
  width: 66%
}

#mdx-autoplay-interstitial .creator {
  background-position: center center;
  background-size: cover;
  border-radius: 2.13em;
  display: inline-block;
  height: 4.25em;
  margin-right: 1em;
  margin-top: 3.3em;
  vertical-align: top;
  width: 4.25em
}

#mdx-autoplay-interstitial .content-container {
  display: inline-block;
  max-width: 90%
}

#mdx-autoplay-interstitial .up-next-title {
  font-size: 1.6em
}

#mdx-autoplay-interstitial .up-next-countdown {
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.5);
  display: inline-block;
  font-size: 1.4em;
  height: 1em;
  padding: .1em .15em .2em .15em;
  text-align: center;
  width: 1em
}

#mdx-autoplay-interstitial .title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  font-size: 2.33em;
  line-height: 1.2em;
  max-height: 2.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  width: 75%
}

#mdx-autoplay-interstitial .details {
  font-size: 1.17em;
  margin-top: .3em
}

#mdx-autoplay-interstitial .details div {
  display: inline-block;
  margin-right: 1em
}

#mdx-autoplay-interstitial .instructions {
  color: #aaa;
  font-size: 1.17em;
  margin-top: 2em
}

.storyboard {
  bottom: 14.5em;
  left: 50%;
  position: absolute;
  width: 84em
}

.storyboard-thumbnail {
  border: none;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35);
  display: inline-block;
  height: 5.87em;
  margin-left: 0.42em;
  margin-right: 0.42em;
  width: 10.42em
}

.storyboard-thumbnail-image {
  height: 100%
}

#storyboard-thumbnail-list {
  display: inline-block;
  left: -50%;
  position: relative
}

.storyboard-thumbnail.no-model {
  box-shadow: none
}

.storyboard-thumbnail.selected {
  border: 4px solid #fff;
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75);
  height: 7.83em;
  width: 13.96em
}

.storyboard-current-playback-time {
  color: rgba(255, 255, 255, 1);
  font-family: 'roboto-regular';
  font-size: 1.33em;
  left: -50%;
  margin-bottom: 0.42em;
  position: relative;
  text-align: center
}

.loki-video-source {
  color: #fff;
  font-size: 1.5em;
  left: 5.0em;
  position: absolute;
  top: 2.6em
}

.loki-title-card {
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .6) 80%, transparent 100%);
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .6) 80%, transparent 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .6) 80%, transparent 100%);
  bottom: 0;
  display: block;
  height: 25%;
  position: absolute;
  width: 100%
}

.loki-title-card .loki-metadata {
  color: #f1f1f1;
  height: 100%;
  margin-bottom: 2.6em;
  margin-left: 8.0em;
  overflow: hidden;
  white-space: nowrap;
  width: 100%
}

.loki-metadata #loki-progress-bar {
  display: block;
  height: 2.0em;
  left: 8.0em;
  padding: 0;
  position: absolute;
  top: -4.0em;
  width: 80%
}

#loki-progress-bar .progress-bar-playhead {
  display: none
}

.loki-metadata .loki-video-avatar {
  background-size: contain;
  display: inline-block;
  height: 8.0em;
  width: 8.0em
}

.loki-metadata .loki-video-text {
  display: inline-block;
  height: 100%;
  margin: 0 5.0em 0 3.5em;
  width: 80%
}

.loki-video-text .loki-video-title {
  font-size: 2.4em;
  margin-top: -.1em;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%
}

.loki-video-text .loki-channel-name {
  font-size: 1.5em;
  margin-top: .4em;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%
}

.loki-video-text .loki-video-description {
  line-height: 1.4em;
  margin-top: .4em;
  max-height: 4.2em;
  overflow: hidden;
  white-space: normal;
  width: 80%
}

.toaster {
  color: #aaa;
  font-size: 133%;
  position: absolute;
  top: 0;
  width: 100%
}

.toaster .list {
  margin-top: .8em;
  position: absolute;
  width: 100%
}

.toaster .toast {
  min-height: 3.5em;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease;
  -webkit-transition: all .6s ease;
  transition: all .6s ease
}

.toaster .toast-container {
  background-color: rgba(27, 25, 26, 0.8);
  border: 1px solid black;
  display: inline-block;
  margin: .2em 0 1em;
  max-width: 60%;
  opacity: 1;
  padding: .5em 1em .6em;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.toaster .toast.toast-removing .toast-container {
  opacity: 0
}

.toaster .toast-container>div {
  display: inline-block;
  vertical-align: middle
}

.toaster .toast-icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.1em 1.1em;
  height: 1.2em;
  width: 1.2em
}

.device-toast .toast-container {
  padding: 0.7em
}

.toaster .device-toast .toast-msg {
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 1.1em 1.1em;
  padding-left: 0.8em
}

.toaster .avatar {
  height: 2.6em;
  width: 2.6em
}

.toaster .avatar>div {
  background-position: center;
  background-size: cover;
  height: inherit;
  width: inherit
}

.toaster .video-image>div {
  background-position: center;
  background-size: cover;
  height: 100%;
  width: 100%
}

.toast .update-playlist-toast {
  bottom: 0;
  max-width: 14em;
  padding: 0.8em;
  position: fixed;
  right: 0;
  text-align: left
}

.update-playlist-toast .overlay {
  background: #000;
  height: 55%;
  margin-left: 56%;
  margin-top: -55%;
  opacity: .8;
  width: 44%
}

.update-playlist-toast .video-count {
  font-size: 2.3em;
  font-weight: normal;
  line-height: 1.2em;
  padding-top: 0.8em;
  text-align: center
}

.update-playlist-toast .icon-playlist {
  font-family: 'youtube-icons';
  font-size: 2.2em;
  height: 50%;
  overflow: hidden;
  padding: .2em;
  text-align: center
}

.update-playlist-toast .avatar {
  padding: 0.3em
}

.update-playlist-toast .contrast-container {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0.4em
}

.update-playlist-toast .tile-top {
  height: 7.7em;
  width: 14em
}

.update-playlist-toast .toast-msg {
  font-size: 85%;
  padding-left: 0.6em
}

.update-playlist-toast .truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 13.2em
}

.update-playlist-toast .toast-msg.avatar {
  height: 2.1em;
  width: 10em;
  overflow: hidden
}

.update-playlist-toast .toast-msg.truncate {
  white-space: normal
}

.update-playlist-toast .toast-icon.no-user-avatar {
  background-image: none
}

.update-playlist-toast .toast-msg.no-user-avatar {
  font-size: 85%;
  margin-left: -2.2em
}

.update-playlist-toast .wrapper>div {
  display: inline-block;
  vertical-align: middle
}

.toaster .toast-icon {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/dial-sprite.png);
  background-size: 100%;
  max-width: 100%
}

.toast-icon.avatar {
  background-image: none
}

.toaster .android-phone-connected {
  background-position: 0 0%
}

.toaster .android-phone-disconnected {
  background-position: 0 10.14%
}

.toaster .android-tablet-connected {
  background-position: 0 20.29%
}

.toaster .android-tablet-disconnected {
  background-position: 0 30.43%
}

.toaster .ios-phone-connected {
  background-position: 0 40.58%
}

.toaster .ios-phone-disconnected {
  background-position: 0 50.72%
}

.toaster .ios-tablet-connected {
  background-position: 0 60.87%
}

.toaster .ios-tablet-disconnected {
  background-position: 0 71.0%
}

.toaster .laptop-connected {
  background-position: 0 81.16%
}

.toaster .laptop-disconnected {
  background-position: 0 91.3%
}

.toaster .remote-connected {
  background-position: 0 100%;
  background-size: 233.33%
}

.toaster .remote-disconnected {
  background-position: 0 100%;
  background-size: 233.33%
}

.toaster .toast-progress {
  border: 1px solid #aaa;
  width: 10em
}

.toaster .toast-progress .progress {
  background-color: #666;
  height: 1em
}

.toaster .volume-muted {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/volume_mute_pressed.png)
}

.toaster .volume-low {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/volume_0_pressed.png)
}

.toaster .volume-mid {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/volume_1_pressed.png)
}

.toaster .volume-high {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/volume_2_pressed.png)
}

.toaster .volume-toast .toast-msg {
  text-align: right;
  width: 1.2em
}

.toaster .volume-toast .toast-container {
  -moz-transition-delay: .3s;
  -ms-transition-delay: .3s;
  -o-transition-delay: .3s;
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}

.toaster .volume-toast.toast-removing .toast-container {
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

.toast-large-icon {
  display: inline-block;
  font-family: 'youtube-icons';
  font-size: 4em;
  height: 1.6em;
  line-height: 1.6em;
  text-align: center;
  width: 30%
}

.error-toast .toast-content {
  display: inline-block;
  width: 68%
}

.error-toast .help-message {
  color: #fff;
  font-size: 1.1em
}

.error-toast .toast-container,
.unlimited-welcome-toast .toast-container {
  box-shadow: 0em 0em .6em .02em #000;
  height: 6.5em;
  margin: 0em;
  padding-right: 1em;
  padding: 0;
  position: fixed;
  right: 0;
  text-align: left;
  top: 0;
  width: 24.5em;
  transform: translateX(0);
  opacity: 1;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease;
  -webkit-transition: all .6s ease;
  transition: all .6s ease
}

.error-toast.toast-displaying .toast-container,
.unlimited-welcome-toast.toast-displaying .toast-container {
  opacity: 0;
  transform: translateX(18em)
}

.limited-animation .error-toast .toast-container,
.limited-animation .unlimited-welcome-toast .toast-container {
  opacity: 1;
  -o-transition: none;
  -webkit-transition: none;
  transition: none;
  transform: none
}

.unlimited-toast-messages {
  position: absolute;
  padding-top: 2.1em;
  padding-left: 1.3em;
  width: 12em
}

.unlimited-toast-msg-top {
  color: #ddd;
  line-height: 1.0em
}

.unlimited-toast-msg-bottom {
  padding-top: 0.5em;
  font-size: 0.7em
}

.unlimited-toast-background {
  background-size: 100%;
  background-position: left;
  background-repeat: no-repeat;
  height: 100%;
  width: 9em
}

.unlimited-toast-logo {
  background-size: 100%;
  background-repeat: no-repeat;
  height: 100%
}

#dialog {
  color: #fff;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

#error-markup #dialog {
  display: block
}

#dialog.focused {
  display: block
}

#dialog-wrapper {
  background-color: #000;
  height: 30em;
  margin-top: 11.1em;
  padding: 1.3em 6em;
  position: relative
}

#dialog.browse-sets #dialog-wrapper {
  background-color: rgba(32, 32, 32, .5);
  height: 100%;
  margin-top: 0;
  padding: 1.3em 10%
}

#dialog .dialog-contents {
  background: no-repeat 90% 30%
}

#dialog.browse-sets .dialog-contents .icon-simple-dialog {
  color: #fff
}

#dialog .dialog-contents .dialog-large-icon {
  display: none
}

#dialog.browse-sets .dialog-contents .dialog-large-icon {
  display: inline-block;
  font-family: 'youtube-icons';
  font-size: 10em;
  height: 2.5em;
  line-height: 2.5em;
  text-align: center;
  width: 35%
}

#dialog.browse-sets .icon-simple-dialog .icon-dialog-content .extra-info {
  color: rgba(255, 255, 255, .75);
  display: block;
  font-family: monospace;
  font-size: 1.5em;
  line-height: 1.4em;
  padding-top: .8em
}

#dialog.browse-sets .icon-simple-dialog .icon-dialog-content .label {
  display: block;
  font-size: 1.8em;
  line-height: 1.1em;
  padding-top: 6.45em
}

#dialog .dialog-contents .header .title {
  font-size: 2.5em
}

#dialog.browse-sets.browse-sets-titled-dialog .dialog-contents .header {
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  height: 3.4em;
  margin: 0 1.5em
}

#dialog.browse-sets.browse-sets-titled-dialog .dialog-contents .header .title {
  color: rgba(255, 255, 255, .5);
  display: block;
  font-size: 1.3em;
  font-weight: 300;
  height: 3em;
  line-height: 3em
}

#dialog.browse-sets .buttons {
  font-size: 1.8em;
  margin-right: 2%;
  margin-top: .8em;
  text-align: right
}

#dialog.browse-sets .connection-steps {
  padding: 0
}

#dialog.browse-sets.exit .dialog-contents .header .title {
  display: block;
  padding: 1em 6.5em 3em 6.5em
}

#dialog.browse-sets .dialog-contents {
  background-color: #000;
  height: 80%;
  margin-top: 5%
}

#dialog.browse-sets.closed-captions .dialog-contents {
  height: 75%
}

#dialog.browse-sets .dialog-cancel-button {
  text-align: center
}

.video-overview .dialog-contents {
  font-size: 2em
}

#dialog.qr-dialog .dialog-contents {
  color: #ccc;
  font-size: 1.1em;
  overflow: hidden;
  padding-top: 4em
}

#dialog.qr-dialog .dialog-contents .header .title {
  color: #fff;
  font-size: 2em
}

#dialog .box {
  padding-top: 1.5em
}

#dialog.qr-dialog a {
  color: #fff;
  display: block;
  font-size: 1.5em
}

#dialog.qr-dialog .qr {
  height: 7em;
  margin: .2em 0;
  width: 7em;
  background-size: 100%
}

#dialog.qr-dialog .dialog-icon {
  display: block;
  background-size: 12em
}

#dialog.help .dialog-icon {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/icon-help.png)
}

#dialog.feedback .dialog-icon {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/icon-feedback.png)
}

#dialog.system-error .dialog-icon {
  font-family: 'youtube-icons';
  font-size: 10em;
  margin-right: 0;
  padding-right: .5em;
  padding-top: .5em;
  text-align: right;
  width: 2em
}

#dialog.system-error .dialog-icon:before {
  content: "\00e656"
}

#dialog.qr-dialog.browse-sets .dialog-icon {
  display: none
}

#dialog .text-dialog {
  bottom: 1.5em;
  left: 0;
  padding: 2em 20em 0 6em;
  position: absolute;
  white-space: normal
}

#dialog.text-dialog .dialog-contents .header .title {
  font-size: 3em;
  padding-bottom: .5em
}

.text-dialog #dialog-view {
  color: #aaa;
  padding-bottom: 1em;
  width: 90%
}

.text-dialog #dialog-view .dialog-contents {
  font-size: 1.8em
}

#dialog.browse-sets .icon-dialog-content {
  display: inline-block;
  height: 25em;
  vertical-align: top;
  width: 60%
}

#dialog-view .url {
  color: #fff;
  font-size: 1.25em;
  padding-bottom: .8em
}

#dialog-view .flag-claim .url {
  padding-bottom: .5em
}

#dialog-view .reset-help {
  display: block;
  width: 25em
}

#dialog.browse-sets .tos-dialog .icon-dialog-content {
  padding-top: 9em
}

#dialog.browse-sets .tos-dialog .icon-dialog-content .subtitle {
  color: #aaa
}

#dialog.browse-sets .tos-dialog .icon-dialog-content .url {
  font-size: 2em
}

#dialog.browse-sets.qr-dialog .dialog-contents {
  padding-top: 0
}

#dialog.browse-sets.qr-dialog .icon-dialog-content .link {
  margin-top: 5em;
  padding-top: 0
}

#dialog.browse-sets.qr-dialog .icon-dialog-content .qr-code-wrapper {
  margin-top: 2em
}

#dialog.browse-sets.qr-dialog .icon-dialog-content .qr-code-wrapper .qr {
  border: .2em rgba(255, 255, 255, .1) solid;
  padding: .5em
}

#dialog .signed-out-dialog {
  font-size: 1.8em
}

.connection-error,
.connection-steps {
  display: inline-block;
  font-weight: 300;
  padding: 0 1em 1em 2em;
  white-space: normal
}

.connection-error {
  vertical-align: top
}

.connection-error div {
  margin-bottom: 1em
}

#dialog .sets-login-dialog .body-text {
  display: inline-block;
  height: 25em;
  vertical-align: top;
  width: 50%
}

#dialog .sets-login-dialog .body-text .connection-instructions {
  font-size: 1.9em;
  margin-top: 3.5em
}

#dialog .sets-login-dialog .standard-message,
#dialog .sets-login-dialog .like-dislike-message,
#dialog .sets-login-dialog .subscribe-message,
#dialog .sets-login-dialog .upload-message,
#dialog .sets-login-dialog .player-message {
  display: none
}

#dialog.standard-login .sets-login-dialog .standard-message,
#dialog.like-dislike-login .sets-login-dialog .like-dislike-message,
#dialog.subscribe-login .sets-login-dialog .subscribe-message,
#dialog.upload-login .sets-login-dialog .upload-message,
#dialog.player-login .sets-login-dialog .player-message {
  display: block
}

#dialog .pairing .qr-code-wrapper {
  display: inline-block;
  vertical-align: top
}

#dialog .manual-connect-content .connection-steps {
  padding: 0
}

#dialog .manual-connect-content .connection-steps .label {
  color: #aaa;
  font-size: .7em;
  margin-top: 1em
}

#dialog .manual-connect-content .connection-steps .step1,
#dialog .manual-connect-content .connection-steps .step2 {
  margin-top: .7em
}

#dialog .manual-connect-content .connection-steps .pair-url,
#dialog .manual-connect-content .connection-steps .pair-code {
  margin-left: .3em
}

#dialog.browse-sets .manual-connect-content .connection-steps .label {
  font-size: 1.3em
}

#dialog.browse-sets .manual-connect-content .connection-steps .step1,
#dialog.browse-sets .manual-connect-content .connection-steps .step2 {
  display: inline-block;
  font-size: 1.3em
}

#dialog.browse-sets .manual-connect-content .connection-steps .pair-url,
#dialog.browse-sets .manual-connect-content .connection-steps .pair-code {
  display: inline-block;
  font-size: 1.3em;
  margin-left: .3em
}

#dialog.browse-sets .pairing .connection-instructions {
  font-size: 1em;
  padding-top: 10em
}

#dialog .manual-connect .dial-upsell-content {
  display: none
}

#dialog .dial-upsell .manual-connect-content .connection-steps .no-dial-connect-step1,
#dialog .manual-connect .manual-connect-content .connection-steps .with-dial-connect-step1 {
  display: none
}

#dialog .manual-connect .manual-connect-content .connection-steps {
  font-size: 1.5em
}

#dialog .manual-connect .manual-connect-content .connection-steps .label {
  display: none
}

#dialog.browse-sets .dial-upsell .dial-upsell-content {
  font-size: 1.8em;
  white-space: normal;
  width: 80%
}

#dialog.browse-sets .dial-upsell .dial-upsell-content .cast-icon {
  height: 1.3em;
  margin: 0;
  width: 1.5em
}

#dialog.browse-sets .dial-upsell .manual-connect-content {
  color: #aaa;
  font-size: 1.4em;
  line-height: 1em
}

#dialog.browse-sets .remote-reset-dialog .connected-list .connected-header {
  color: #fff;
  font-size: 1.5em;
  margin-top: 6em
}

#dialog.browse-sets .remote-reset-dialog .connected-list .devices {
  display: inline-block;
  font-size: 1em
}

#dialog.browse-sets .remote-reset-dialog .connected-list .devices>div {
  display: inline-block;
  font-size: 1em;
  padding-left: 0;
  padding-right: 1.5em;
  width: 10em
}

#dialog.browse-sets .remote-reset-dialog .reset-help {
  font-size: 1.5em;
  margin-top: 1em
}

#dialog .logout-authenticated-info {
  padding: 2.5em 0
}

#dialog .login-user-icon {
  background-size: cover;
  display: inline-block;
  height: 4em;
  margin: 2em 2em 0 0;
  width: 4em
}

#dialog.browse-sets .login-user-icon {
  margin: 0 15%;
  border-radius: 20em
}

#dialog .login-user-info {
  display: inline-block;
  margin-left: 1.7em;
  margin-top: -.8em;
  font-size: 2em;
  font-weight: 300;
  width: 82%
}

#dialog .login-user-info h3 {
  font-size: 2.2em;
  font-weight: normal;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

#dialog.browse-sets .logout-authenticated-info {
  padding: 0
}

#dialog.browse-sets .login-user-info {
  height: 13em;
  margin: 0;
  width: 100%
}

#dialog.browse-sets .login-user-info .display-name,
#dialog.browse-sets .login-user-info .platform-container {
  display: none
}

#dialog.browse-sets .login-user-info .signed-in-message {
  display: inline-block;
  width: 50%
}

#dialog.browse-sets .login-user-info .signed-in-label .strong {
  color: #fff;
  font-size: 2.5em;
  overflow: hidden;
  text-overflow: ellipsis
}

#dialog.browse-sets .login-user-info .signed-in-label {
  color: #aaa;
  font-size: .5em;
  margin-top: 10em
}

#dialog.browse-sets .login-user-info .sign-out-label {
  margin-top: 1em
}

#dialog .spinner {
  height: 10em;
  width: 10em
}

#dialog .spinner .loading-indicator {
  background-size: contain;
  height: 100%;
  width: 100%
}

#dialog .buttons {
  font-size: 3em;
  font-weight: 300;
  padding-top: .3em
}

#dialog .buttons>div {
  background-color: #333;
  color: #000;
  cursor: pointer;
  display: inline-block;
  min-width: 2.4em;
  padding: 0 .3em;
  text-align: center
}

#dialog.browse-sets .buttons .button {
  background-color: #000;
  color: rgba(255, 255, 255, .5);
  min-width: 3em;
  padding: .2em .8em
}

#dialog.browse-sets .buttons .focused,
#dialog.browse-sets .buttons .button.focused:hover {
  background-color: #f1f1f1;
  color: #666
}

#dialog .buttons .button:hover,
#dialog.browse-sets .buttons .button:hover {
  background-color: #666
}

#dialog .buttons div {
  margin-left: .5em
}

#dialog .buttons .focused,
#dialog .buttons .focused:hover {
  background-color: #f1f1f1;
  color: #666
}

#dialog .ps4-logout-dialog .logout-prompt {
  font-size: 1.7em
}

#dialog .logout-prompt {
  margin-top: 6em
}

.scrolling-text {
  font-size: 1.3em;
  height: 15em;
  margin-right: 1.1em;
  margin-top: 1em;
  overflow: hidden
}

.scrolling-text-content {
  font-family: monospace;
  font-size: .8em;
  white-space: pre
}

.flag-list-container {
  margin-top: .5em
}

.flag-list .button {
  color: #868686;
  cursor: pointer;
  display: inline-block;
  font-size: 1.8em;
  padding: .4em;
  vertical-align: top
}

.flag-list .button {
  width: 12em
}

.flag-list .button:hover {
  background-color: #444
}

.flag-list .button.focused,
.flag-list .button.focused:hover {
  background-color: #fff;
  color: #676767
}

#flag-widget {
  font-weight: 300
}

.flag-video {
  color: #676767;
  font-size: 1.8em;
  font-weight: 300;
  padding-top: 1em;
  width: 47%
}

.flag-video .url {
  color: #fff;
  display: block;
  font-size: 1.6em;
  padding-top: .5em
}

.flag-example {
  background: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/report.png) no-repeat 0 0;
  background-size: contain;
  display: inline-block;
  height: 57%;
  position: absolute;
  right: 18%;
  top: 9%;
  width: 23%
}

.flag-claim .metadata {
  display: block;
  font-size: 1em;
  font-weight: 500;
  padding-top: .2em;
  white-space: normal
}

.flag-claim .url {
  color: #868686;
  display: block;
  font-weight: 300
}

.flag-claim {
  color: #676767;
  font-size: 1.6em;
  font-weight: 300;
  margin: 1em 0 0 2em;
  white-space: nowrap
}

.flag-claim .copyright-infringment {
  display: inline-block;
  white-space: normal;
  width: 50%
}

.flag-claim .privacy-invasion {
  display: inline-block;
  margin-left: 4%;
  vertical-align: top;
  white-space: normal;
  width: 40%
}

.flag-claim .email {
  color: #868686
}

.flag-claim .subtitle {
  font-size: 1.2em;
  font-weight: 500
}

.player-error-dialog.player-error {
  color: #aaa;
  font-size: 1.8em;
  padding: 1em 0 8em 0em
}

#dialog .scrollbar {
  height: 55%;
  margin-top: 8em;
  right: 5em
}

#dialog .scrollbar .handle {
  height: 10%
}

.paid-channel-info {
  font-size: 1.4em;
  padding-top: 1em
}

.paid-channel-info .channel-url {
  font-weight: bold
}

.status-dialog #dialog-wrapper {
  background-color: rgba(0, 0, 0, .5)
}

.status-dialog .icon {
  background: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/pairing-promo-combo.png) center center no-repeat;
  background-size: contain;
  display: inline-block;
  height: 11em;
  vertical-align: middle;
  width: 25%
}

.status-dialog .info {
  display: inline-block;
  padding-left: .5em;
  vertical-align: middle;
  width: 70%
}

.status-dialog .message {
  color: #ccc;
  font-size: 2em
}

.status-dialog #dialog-view {
  padding-top: 7em
}

.dialog-focused #legend {
  bottom: 17%;
  right: 16%
}

#legend.legend-for-dialog-closedCaptionsDialog {
  bottom: 17%;
  right: 12%
}

.xboxone #legend.legend-for-dialog-closedCaptionsDialog,
.xbox360 #legend.legend-for-dialog-closedCaptionsDialog {
  bottom: 15%;
  right: 28%
}

#dialog.confirm-cookies .dialog-contents .header .title {
  font-size: 3em
}

#dialog.confirm-cookies #dialog-view {
  color: #aaa;
  font-size: 1.8em;
  height: 8em;
  padding-top: .9em
}

.single-pane-selector {
  padding-bottom: 1em;
  padding-top: 1em;
  white-space: nowrap
}

.single-pane-selector .list {
  display: inline-block;
  margin-right: .5em;
  padding-left: .5em;
  padding-right: .5em;
  vertical-align: top;
  width: 94%
}

.single-pane-selector .button .label {
  width: 90%
}

.single-pane-selector .check-button.previously-selected .icon-check {
  display: inline-block
}

.split-pane-selector {
  border-bottom: .1em solid rgba(255, 255, 255, .2);
  padding-bottom: 1em;
  padding-top: 1em;
  white-space: nowrap
}

.check-button .icon-check {
  display: none;
  font-family: youtube-icons
}

.single-pane-selector .labeled-value,
.split-pane-selector .labeled-value {
  color: #868686;
  font-size: 1.4em;
  height: 2.8em;
  line-height: 1.5em;
  overflow: hidden;
  padding: 0 1em;
  white-space: normal
}

.single-pane-selector .labeled-value .value,
.split-pane-selector .labeled-value .value {
  color: #666;
  display: block;
  font-size: .7em;
  line-height: 1.4em
}

.single-pane-selector .button,
.split-pane-selector .button {
  color: #868686;
  cursor: pointer;
  font-size: 1.4em;
  height: 2.8em;
  line-height: 2.8em;
  overflow: hidden;
  padding: 0 .4em;
  white-space: normal
}

.single-pane-selector .button .label,
.split-pane-selector .button .label {
  display: inline-block;
  line-height: 1.3em;
  vertical-align: middle
}

.single-pane-selector .subtitled-button,
.split-pane-selector .subtitled-button {
  line-height: 1.5em
}

.single-pane-selector .button.no-model,
.split-pane-selector .button.no-model {
  visibility: hidden
}

.split-pane-selector .list {
  display: inline-block;
  vertical-align: top;
  width: 47%
}

.split-pane-selector .list.left {
  border-right: .1em solid rgba(255, 255, 255, .2);
  margin-right: .5em;
  padding-right: .5em
}

.single-pane-selector .button:hover,
.single-pane-selector .list:not(.focused) .button.selected,
.split-pane-selector .button:hover,
.split-pane-selector .list:not(.focused) .button.selected {
  background-color: #444;
  color: #fff
}

.single-pane-selector .button.focused,
.single-pane-selector .button.focused:hover,
.split-pane-selector .button.focused,
.split-pane-selector .button.focused:hover {
  background-color: #fff;
  color: black
}

.single-pane-selector .subtitled-button span.subtitle,
.split-pane-selector .subtitled-button span.subtitle {
  color: #666;
  display: block;
  font-size: .7em;
  line-height: 1.4em
}

.color-button .preview {
  border-width: 2px;
  border-color: #000;
  border-style: solid;
  color: #868686;
  display: inline-block;
  height: 1em;
  margin: 0 .2em .2em .2em;
  vertical-align: middle;
  width: 1em
}

.color-button .preview.rounded {
  border-radius: 50%
}

.preview.black {
  background-color: #000;
  border-width: 1px;
  border-color: #fff;
  border-style: solid
}

.preview.red {
  background-color: #f00
}

.preview.magenta {
  background-color: #f0f
}

.preview.blue {
  background-color: #00f
}

.preview.cyan {
  background-color: #0ff
}

.preview.green {
  background-color: #0f0
}

.preview.yellow {
  background-color: #ff0
}

.preview.white {
  background-color: #fff
}

.debug-dialog {
  font-size: .9em
}

.debug-dialog span.label {
  font-weight: bold
}

#dialog.browse-sets .video-upload-dialog-contents {
  display: inline-block;
  font-size: 1.6em;
  margin: 1em 3% 0 3%;
  text-align: left;
  vertical-align: top;
  width: 55%
}

#dialog.browse-sets .modify-video .video-upload-dialog-contents {
  margin-top: 2em;
  text-align: center
}

.video-upload-status .video-url {
  color: #2793e6
}

.delete-video {
  padding-bottom: 6em
}

.modify-video .list .button {
  background-position: 50% 20%;
  background-repeat: no-repeat;
  background-size: 60% 60%;
  color: #848484;
  display: inline-block;
  height: 8em;
  margin-right: 1em;
  text-align: center;
  width: 8em
}

.modify-video .list .button.focused {
  background-color: #fff;
  color: #282828
}

.modify-video .list .button span {
  display: block;
  font-size: 1.2em;
  margin: 4.6em .5em .5em .5em;
  overflow: hidden;
  white-space: nowrap
}

.modify-video .modify-edit-button {
  background-image: url('/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/edit_tile_light.png')
}

.modify-video .modify-edit-button.focused {
  background-image: url('/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/edit_tile_dark.png')
}

.modify-video .modify-delete-button {
  background-image: url('/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/trash_tile_light.png')
}

.modify-video .modify-delete-button.focused {
  background-image: url('/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/trash_tile_dark.png')
}

.delete-video-dialog .video-tile .details,
.modify-video .video-tile .details {
  margin-top: -.1em
}

.browse-sets #modify-list .button {
  height: 7.5em;
  margin-right: .9em;
  width: 7.5em
}

.browse-sets #modify-list .button span {
  font-size: 1.1em;
  margin-top: 5.2em
}

.delete-video-dialog {
  margin-bottom: 14em
}

.browse-sets .delete-video-dialog {
  margin-bottom: 1em
}

.video-processing,
.video-upload-error {
  font-size: 1.5em
}

.video-upload-error .error-container {
  color: #aaa;
  margin-top: 1em
}

#dialog .buttons .upload-terms,
#dialog .buttons .upload-terms:hover {
  background-color: #000;
  color: #555;
  display: block;
  font-size: .6em;
  margin-left: 1.5em;
  text-align: left
}

.upload-progress {
  margin-bottom: 1em;
  width: 100%
}

.upload-progress-value {
  text-align: left;
  width: 100%
}

.upload-progress span {
  margin-left: -1em;
  position: relative;
  width: 4em
}

.upload-progress .upload-progress-bar {
  background-color: #aaa;
  width: 100%
}

.upload-progress .upload-progress-bar .completed {
  background-color: #2793e6;
  height: 1em
}

.privacy-button {
  background: .4em 50% no-repeat;
  background-size: 1.5em;
  cursor: pointer;
  position: relative
}

.privacy-button .checkbox {
  background-position: 100%;
  background-size: 2em;
  height: 2em;
  left: 85%;
  position: absolute;
  top: 0;
  width: 2em
}

.privacy-button.checked .checkbox {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/icon-privacy-check-light.png)
}

.privacy-button.focused.checked .checkbox {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/icon-privacy-check-dark.png)
}

.privacy-button .label .name {
  background-position: 0 .5em;
  background-size: 2em;
  line-height: 1.5em;
  text-indent: 1.8em
}

.privacy-button .description {
  font-size: .6em;
  line-height: .8em;
  padding-left: 2.9em
}

.privacy-button .name {
  font-size: 1em;
  line-height: 1.2em;
  padding-left: 1.7em
}

.private-state,
.video-tile .private {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/icon-privacy-private-light.png)
}

.private-state.focused {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/icon-privacy-private-dark.png)
}

.public-state,
.video-tile .public {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/icon-privacy-public-light.png)
}

.public-state.focused {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/icon-privacy-public-dark.png)
}

.unlisted-state,
.video-tile .unlisted {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/icon-privacy-unlisted-light.png)
}

.unlisted-state.focused {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/icon-privacy-unlisted-dark.png)
}

.video-tile .private,
.video-tile .public,
.video-tile .unlisted {
  background-position: left;
  background-repeat: no-repeat;
  background-size: 1.5em;
  min-height: 1.5em;
  min-width: 1.5em;
  padding-left: 1.5em
}

.video-privacy .button,
.video-overview .button {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  margin: .1em 0;
  overflow: hidden;
  padding: .1em .5em;
  vertical-align: top;
  white-space: nowrap;
  width: 65%
}

.video-privacy .button {
  width: 85%
}

.video-overview .label.button {
  width: 20%
}

.video-privacy .button.focused,
.video-privacy .button:not(.disabled):hover,
.video-overview .button.focused,
.video-overview .button:not(.disabled):hover {
  background-color: #fff;
  color: #676767
}

#dialog.browse-sets .video-uploads {
  margin: 3em 1em 2em
}

#dialog.browse-sets .video-uploads .carousel {
  overflow: hidden
}

#dialog.browse-sets .video-uploads .carousel .video-tile .details {
  text-align: left
}

.video-overview .title-button {
  line-height: 1em;
  white-space: normal
}

#dialog.browse-sets .video-overview .title-button .label {
  display: inline-block;
  line-height: 2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 95%
}

.video-overview .channel-button {
  background-position: .35em 50%;
  background-repeat: no-repeat;
  background-size: 1.5em;
  line-height: 2em;
  overflow: hidden;
  text-indent: 1.8em;
  text-overflow: ellipsis
}

.video-uploads .carousel {
  height: 20em;
  position: relative;
  white-space: nowrap
}

.video-tile-container {
  display: inline-block;
  margin-top: 1.7em;
  text-align: right;
  width: 35%
}

.video-tile-container .video-tile {
  border: .1em rgba(255, 255, 255, .2) solid;
  display: inline-block;
  height: 22em;
  position: static;
  text-align: left;
  width: 20em
}

.video-tile-container .video-tile .tile-top {
  height: 51%
}

.video-tile-container .video-tile .tile-bottom .details {
  height: inherit
}

.video-uploads .carousel .video-tile {
  height: 20em;
  width: 18em
}

.video-uploads .video-tile .decoration {
  top: 7em
}

.video-tile-container .video-tile .tile-bottom,
.video-uploads .video-tile .tile-bottom {
  height: 50%;
  width: initial
}

.video-tile-container .video-tile .tile-bottom .title {
  margin-top: .15em
}

.dialog.closed-captions #dialog-wrapper {
  margin-top: 5em
}

#dialog.closed-captions-language-only #dialog-wrapper {
  padding: 1.6em 26%
}

#dialog.closed-captions-language-only #options-list {
  display: none
}

.simple-dialog {
  margin: 3em;
  font-size: 1.6em
}

.purchase-item-icon {
  background-size: cover;
  display: inline-block;
  height: 14em;
  margin: 12% 7%;
  width: 14em
}

.purchase-item-infos {
  display: inline-block;
  font-weight: bold;
  line-height: 220%;
  margin: 11% 2%;
  vertical-align: top
}

.purchase-item-info-content {
  display: inline-block;
  vertical-align: top;
  width: 16em
}

.purchase-item-info-title {
  color: #bbb;
  display: inline-block;
  vertical-align: top;
  width: 9em
}

.lang-ja_JP .connection-instructions .step1,
.lang-ja_JP .connection-instructions .step2,
.lang-ko_KR .connection-instructions .step1,
.lang-ko_KR .connection-instructions .step2,
.lang-zh_CN .connection-instructions .step1,
.lang-zh_CN .connection-instructions .step2,
.lang-zh_HK .connection-instructions .step1,
.lang-zh_HK .connection-instructions .step2,
.lang-zh_TW .connection-instructions .step1,
.lang-zh_TW .connection-instructions .step2 {
  font-size: .8em
}

.lang-de_DE .action-tile .content .title,
.lang-el_GR .action-tile .content .title,
.lang-es_ES .action-tile .content .title,
.lang-es_MX .action-tile .content .title,
.lang-fr_FR .action-tile .content .title,
.lang-fr_CA .action-tile .content .title,
.lang-ko_KR .action-tile .content .title,
.lang-nl_NL .action-tile .content .title,
.lang-pl_PL .action-tile .content .title,
.lang-pt_BR .action-tile .content .title,
.lang-pt_PT .action-tile .content .title,
.lang-ru_RU .action-tile .content .title,
.lang-uk_UA .action-tile .content .title {
  font-size: 2em
}

.lang-it_IT .action-tile .content .title {
  font-size: 1.8em
}

.lang-es_ES .action-tile .improve-yt-tile .title,
.lang-fr_CA .action-tile .history-tile .title,
.lang-da_DK .action-tile .history-tile .title,
.lang-fr_FR .action-tile .history-tile .title,
.lang-de_DE .action-tile .terms-tile .title,
.lang-fr_CA .action-tile .terms-tile .title,
.lang-fr_FR .action-tile .terms-tile .title {
  font-size: 1.7em
}

.lang-es_ES .action-tile .videoinfo-tile .title,
.lang-es_MX .action-tile .videoinfo-tile .title,
.lang-fr_CA .action-tile .videoinfo-tile .title,
.lang-fr_FR .action-tile .videoinfo-tile .title,
.lang-pt_BR .action-tile .videoinfo-tile .title {
  font-size: 1.5em;
  white-space: normal
}

.lang-de_DE .action-tile .videoinfo-tile .title {
  font-size: 1.45em;
  padding-left: .5em;
  padding-right: .5em;
  white-space: normal
}

.lang-es_ES .action-tile .videoinfo-tile .label,
.lang-es_MX .action-tile .videoinfo-tile .label,
.lang-fr_CA .action-tile .videoinfo-tile .label,
.lang-fr_FR .action-tile .videoinfo-tile .label,
.lang-pt_BR .action-tile .videoinfo-tile .label {
  padding-top: .6em
}

.lang-de_DE .action-tile .videoinfo-tile .label {
  font-size: 1.6em;
  padding-top: .7em
}

.lang-ja_JP .action-tile .terms-tile .title {
  font-size: 2em
}

.lang-ja_JP #keyboard-grid {
  font-size: 1.4em
}

.lang-ja_JP #search-suggestions {
  font-size: 1em
}

.lang-ja_JP #keyboard-spacebar {
  margin-left: 5.5em
}

.lang-ko_KR #search-keyboard {
  font-size: 1.6em;
  margin-top: -.9em
}

.lang-ko_KR #letter-suggest .button {
  width: 1em
}

.lang-ko_KR #keyboard-grid,
.lang-ru_RU #keyboard-grid,
.lang-uk_UA #keyboard-grid {
  margin-top: 0.3em
}

.lang-ko_KR #keyboard-grid.lang-ko .numbers-toggle-tile.button,
.lang-ru_RU #keyboard-grid.lang-ru .numbers-toggle-tile.button,
.lang-uk_UA #keyboard-grid.lang-ua .numbers-toggle-tile.button {
  font-size: 0.75em
}

.lang-ko_KR #keyboard-grid .button,
.lang-ru_RU #keyboard-grid .button,
.lang-uk_UA #keyboard-grid .button {
  height: 1.2em;
  line-height: 1.1em;
  margin-top: 0.6em
}

.lang-ko_KR #letter-suggest .button,
.lang-ru_RU #letter-suggest .button,
.lang-uk_UA #letter-suggest .button {
  height: 1.2em;
  line-height: 1.1em;
  width: 1.2em
}

.lang-ko_KR .search-state #spinner,
.lang-ru_RU .search-state #spinner,
.lang-uk_UA .search-state #spinner,
.lang-ja_JP .search-state #spinner {
  top: 25em
}

.lang-ko_KR .search-state .application-message,
.lang-ru_RU .search-state .application-message,
.lang-uk_UA .search-state .application-message,
.lang-ja_JP .search-state .application-message {
  top: 55%
}

.lang-ru_RU #keyboard-grid.lang-ru .button,
.lang-uk_UA #keyboard-grid.lang-ua .button,
.lang-ko_KR #keyboard-grid,
.lang-ko_KR #letter-suggest,
.lang-ko_KR #keyboard-spacebar {
  font-size: 1em
}

.lang-ru_RU #keyboard-spacebar,
.lang-uk_UA #keyboard-spacebar {
  margin-left: 4.2em
}

.lang-de_DE .countdown-ad-callout .time-left-label,
.lang-de_DE .countdown-ad-callout .skip-time-label {
  font-size: 1.1em
}

.lang-cs_CZ .action-tile .description,
.lang-de_DE .action-tile .description,
.lang-hi_IN .action-tile .description,
.lang-pl_PL .action-tile .description,
.lang-pt_BR .action-tile .description,
.lang-pt_PT .action-tile .description,
.lang-ru_RU .action-tile .description,
.lang-uk_UA .action-tile .description {
  font-size: 1.3em
}

.lang-de_DE .guide-button.footer .guide-button-title {
  width: 27.81em
}

.lang-de_DE .guide-user-name {
  width: 13.5em
}

.lang-nl_NL .guide-button.disabled .guide-button-title,
.lang-de_DE .guide-button.disabled .guide-button-title,
.lang-fr_FR .guide-button.disabled .guide-button-title,
.lang-pt_PT .guide-button.disabled .guide-button-title {
  width: 13em
}

.lang-tr_TR #search #keyboard-grid .button.clear-query-tile,
.lang-tr_TR .action-tile .title,
.lang-tr_TR .guide-button-icon,
.lang-tr_TR #keyboard-grid .button,
.lang-tr_TR .tile-top .badge,
.lang-tr_TR .tile-top .duration,
.lang-tr_TR .tile-top .is-watched,
.lang-tr_TR .title-card .badges span {
  text-transform: none
}

.voice-command {
  display: none
}

.engaged .voice-command {
  background-color: rgba(22, 22, 22, .7);
  color: #5dc21e;
  display: block;
  font-size: 1em
}

.engaged .horizontal-list .carousel .voice-command {
  display: none
}

.engaged .horizontal-list.focused .carousel .voice-command {
  display: block
}

.engaged .pivot-video-tile .voice-command,
.engaged .pivot-channel-tile .voice-command {
  display: none
}

.engaged .pivot-video-tile.speakable .voice-command,
.engaged .pivot-channel-tile.speakable .voice-command {
  display: block
}

.engaged .pivot-channel-tile.speakable {
  overflow: visible
}

.engaged .pivot-channel-tile.speakable .voice-command {
  margin-left: 7.4em;
  width: 7em
}

.engaged .video-tile .voice-command,
.engaged .pivot-video-tile .voice-command,
.engaged .pivot-channel-tile .voice-command,
.engaged .playlist-tile .voice-command,
.engaged .channel-tile .voice-command {
  bottom: 50%;
  font-size: 1.5em;
  margin-top: -2.17em;
  padding: .5em .9em;
  opacity: 0.999
}

.engaged .play-all-tile .voice-command {
  font-size: 1.6em
}

.engaged .video-tile.disabled .voice-command,
.engaged .pivot-video-tile.disabled .voice-command,
.engaged .pivot-channel-tile.disabled .voice-command {
  display: none
}

.engagement-indicator {
  bottom: 0.8em;
  display: none;
  font-size: 1.5em;
  left: 1.8em;
  position: absolute;
  width: 16em
}

.engaged .engagement-indicator {
  background-color: transparent;
  color: #5dc21e;
  display: block
}

.engagement-indicator .icon {
  background: no-repeat center;
  display: inline-block;
  height: 2em;
  vertical-align: middle;
  width: 2em
}

.engagement-indicator .stop-listening {
  padding: .5em
}

.engagement-indicator .stop-listening .icon {
  background-image: url('/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/icon-xboxone-engaged.png')
}

.engagement-indicator .text {
  text-align: center
}

.engagement-indicator .title {
  display: inline-block;
  font-size: 0.9em
}

.browse-sets-state.engaged .engagement-indicator,
.browse-state.engaged .engagement-indicator,
.post-play-state.engaged .engagement-indicator,
.post-play-state.engaged .engagement-indicator,
.settings-state.engaged .engagement-indicator,
.search-state.engaged .engagement-indicator {
  display: block
}

.watch-state.engaged .engagement-indicator {
  display: block;
  height: 3em;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  right: 0;
  text-align: center;
  top: 20%
}

.watch-focused .engagement-indicator .stop-listening {
  background-color: rgba(22, 22, 22, .7)
}

.sliding-highlighter .select,
.engaged .legend-item,
.engaged #dialog .speakable.button,
.engaged .context-menu .speakable.button,
.engaged .speakable.action-tile .title,
.engaged .modify-video .speakable,
.engaged .modify-video .speakable.focused {
  color: #5dc21e
}

.voice-footer {
  background-color: rgba(22, 22, 22, .7);
  bottom: 0;
  color: #5dc21e;
  font-size: 1.5em;
  height: 2.3em;
  padding: 0.6em 0 0.6em 0;
  position: absolute;
  text-align: center;
  width: 100%
}

.voice-footer .list {
  font-size: 0.65em;
  margin: auto;
  margin-top: -1.3em;
  padding-top: 1em;
  width: 29em
}

.voice-footer .component {
  display: inline-block;
  padding-right: 1em
}

.engaged .voice-footer {
  color: #5dc21e
}

.engaged .player-controls .button span,
.engaged .player-controls .toggle-button span,
.engaged .fresh-transport-controls .button span,
.engaged .fresh-transport-controls .toggle-button span {
  color: #5dc21e;
  display: block
}

.engaged .player-controls .button.disabled span,
.engaged .player-controls .toggle-button.disabled span,
.engaged .fresh-transport-controls .button.disabled span,
.engaged .fresh-transport-controls .toggle-button.disabled span {
  display: none
}

.engaged #transport-controls.ad-active .player-controls #button-list div.skip-ad-button.canskip .label,
.engaged .skip-ad-button.canskip .label {
  color: #5dc21e
}

.engaged .player-controls-widget {
  margin-top: 7.4em
}

.engaged .player-controls .voice-command.transport {
  top: 1em
}

.engaged .pivot-footer.focused .pivot-button-list .icon-button.selected span,
.engaged .pivot-footer.focused .pivot-button-list .icon-button span {
  color: #5dc21e
}

.legend {
  bottom: 5.5%;
  color: #f1f1f1;
  position: absolute;
  right: 5.5%;
  text-shadow: 2px 2px 4px #000;
  display: none;
  background: -webkit-radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0));
  background: -o-radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0));
  background: -moz-radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0));
  background: radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0))
}

.limited-memory .legend {
  background: none
}

.legend-item {
  cursor: pointer;
  display: none;
  margin: 0 0 0 .5em
}

.legend-item span {
  vertical-align: middle
}

.legend-item .icon {
  background-size: 100%;
  display: block;
  height: 2.5em;
  margin: auto;
  max-width: 100%;
  text-align: center;
  width: 2.5em
}

.legend-item .title {
  display: block;
  font-size: 1.1em;
  margin-top: 0;
  text-align: center;
  text-transform: none
}

#legend.back .back,
#legend.back-to-top .back-to-top,
#legend.close-guide .close-guide,
#legend.delete .delete,
#legend.exit .exit,
#legend.guide .guide,
#legend.search .search,
#legend.space .space,
#legend.voice-search .voice-search,
#legend.home .home,
#legend.modify .modify,
#legend.next .next,
#legend.search .search,
#legend.space .space,
#legend.toggle-video-info .toggle-video-info,
.reversed-keys #legend.back .reversed-back {
  display: inline-block
}

.reversed-keys #legend.back .back {
  display: none
}

.desktop .legend,
.game-console .legend,
.tv .legend {
  display: inline-block
}

.wiiu .legend {
  font-size: 1.2em
}

.desktop .legend-item .icon {
  background-image: url(/assets/legend-sprite-desktop.png);
}


.game-console.sony .legend-item .icon {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/legend-sprite-ps3.png)
}

.roku #legend .legend-item .icon {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/legend-sprite-roku.png)
}

.skip-ad-callout .icon,
.tv .legend-item .icon {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/legend-sprite-tv.png)
}

.wiiu .legend-item .icon {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/legend-sprite-wiiu.png)
}

.wiiu #user-info-background {
  -webkit-transform: translateZ(0)
}

.wiiu #search .horizontal-list {
  top: 30%;
  -webkit-transform: none;
  transform: none
}

.wiiu .search-state #spinner {
  top: 20em
}

.xboxone .legend-item .icon {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/legend-sprite-xboxone.png)
}

.xbox360 .legend-item .icon {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/legend-sprite-xbox360.png)
}

.xbox360 #dialog .login-user-icon {
  -webkit-transform: rotateZ(0deg)
}

.desktop .legend-item.back .icon,
.desktop .legend-item.back-to-top .icon,
.desktop .legend-item.exit .icon {
  background-position: 0 47.4%;
  background-size: 240%
}

.desktop .legend-item.search .icon,
.desktop .legend-item.voice-search .icon {
  background-position: 0 100%;
  background-size: 240%
}

.desktop .legend-item.next .icon {
  background-position: 92% 4%;
  background-size: 350%
}

.desktop .legend-item.close-guide .icon,
.desktop .legend-item.guide .icon,
.desktop .legend-item.home .icon,
.desktop .legend-item.toggle-video-info .icon,
.desktop .legend-item.space .icon {
  background-position: 0 73.7%;
  background-size: 240%
}

.desktop .skip-ad-callout .icon {
  background-position: 31% 67.5%;
  background-size: 520%;
  width: 6.6em
}

.game-console.sony .legend-item .icon,
.tv .legend-item .icon,
.wiiu .legend-item .icon {
  background-repeat: no-repeat;
  height: 1.5em;
  position: relative;
  bottom: .5em;
  width: 1.5em
}

.game-console.microsoft .legend-item {
  margin-left: 1.4em
}

.game-console.microsoft .legend-item.back .icon,
.game-console.microsoft .legend-item.back-to-top .icon,
.game-console.microsoft .legend-item.exit .icon,
.game-console.microsoft .legend-item.reversed-back .icon {
  background-position: 0 20%
}

.game-console.microsoft .legend-item.search .icon,
.game-console.microsoft .legend-item.space .icon,
.game-console.microsoft .legend-item.voice-search .icon {
  background-position: 0 60%
}

.game-console.microsoft .legend-item.next .icon {
  background-position: 0 100%
}

.game-console.microsoft .legend-item.close-guide .icon,
.game-console.microsoft .legend-item.delete .icon,
.game-console.microsoft .legend-item.guide .icon,
.game-console.microsoft .legend-item.home .icon,
.game-console.microsoft .legend-item.toggle-video-info .icon,
.game-console.microsoft .legend-item.modify .icon {
  background-position: 0 40%
}

.roku #legend .legend-item.back .icon,
.roku #legend .legend-item.back-to-top .icon,
.roku #legend .legend-item.exit .icon {
  background-position: 0 105%
}

.game-console.sony .legend-item.back .icon,
.game-console.sony .legend-item.back-to-top .icon,
.game-console.sony .legend-item.exit .icon {
  background-position: 0 0%
}

.game-console.sony .legend-item.reversed-back .icon,
.reversed-keys.game-console.sony .legend-item.back-to-top .icon {
  background-position: 0 88.5%
}

.game-console.sony .legend-item.search .icon,
.game-console.sony .legend-item.space .icon,
.game-console.sony .legend-item.voice-search .icon {
  background-position: 0 77.5%
}

.game-console.sony .legend-item.next .icon {
  background-position: 0 99%
}

.game-console.sony .legend-item.close-guide .icon,
.game-console.sony .legend-item.delete .icon,
.game-console.sony .legend-item.guide .icon,
.game-console.sony .legend-item.toggle-video-info .icon,
.game-console.sony .legend-item.home .icon {
  background-position: 0 66.5%
}

.game-console.sony #dialog .logout-authenticated-info,
.game-console.microsoft #dialog .logout-authenticated-info {
  padding-top: 0
}

.game-console.sony .action-tile .platform-container,
.game-console.microsoft .action-tile .platform-container {
  margin: 1em;
  text-align: center
}

.game-console.sony .login-user-info .platform-user-name,
.game-console.sony .platform-user-name,
.game-console.microsoft .login-user-info .platform-user-name,
.game-console.microsoft .platform-user-name {
  vertical-align: middle
}

.game-console.sony .login-user-info .platform-user-icon,
.game-console.sony .platform-user-icon,
.game-console.microsoft .platform-user-icon,
.game-console.microsoft .login-user-info .platform-user-icon {
  background-size: cover;
  display: inline-block;
  height: 3em;
  vertical-align: middle;
  width: 3em
}

.game-console.sony #dialog .login-user-info .platform-container>div,
.game-console.microsoft #dialog .login-user-info .platform-container>div {
  font-size: 1em
}

.wiiu .advertisement-callout,
.wiiu .advertisement-info,
.wiiu #leanback-player-container,
.wiiu .skip-ad-button,
.wiiu .title-card,
.wiiu .watch-state #background,
.wiiu .toaster {
  -h5vcc-target-screen: screen-all
}

.wiiu .watch-state #background {
  background-image: none !important;
  background-color: #000;
  display: block !important
}

.wiiu .legend-item.back .icon,
.wiiu .legend-item.back-to-top .icon,
.wiiu .legend-item.exit .icon {
  background-position: 0 25%
}

.wiiu .legend-item.next .icon {
  background-position: 0 100%
}

.wiiu .legend-item.search .icon {
  background-position: 0 75%
}

.wiiu .legend-item.close-guide .icon,
.wiiu .legend-item.delete .icon,
.wiiu .legend-item.guide .icon,
.wiiu .legend-item.toggle-video-info .icon,
.wiiu .legend-item.home .icon {
  background-position: 0 48.7%
}

.wiiu .qr-code-wrapper {
  display: none
}

.wiiu #search .search-pairing {
  display: none
}

.wiiu #search-suggestions {
  font-size: 1.6em;
  height: 1.6em
}

.wiiu .search-state .application-message {
  top: 35%
}

.lg .legend-item.back,
.lg .legend-item.back-to-top,
.lg .legend-item.exit {
  cursor: pointer
}

.tv .legend-item.back .icon,
.tv .legend-item.back-to-top .icon,
.tv .legend-item.exit .icon {
  background-position: 0% 0%
}

.lg .legend-item.back .icon,
.lg .legend-item.back-to-top .icon,
.lg .legend-item.exit .icon {
  opacity: 0.8
}

.lg .legend-item.back:hover .icon,
.lg .legend-item.back-to-top:hover .icon,
.lg .legend-item.exit:hover .icon {
  opacity: 1
}

.tv .legend-item.search .icon,
.tv .legend-item.space .icon,
.tv .legend-item.voice-space .icon {
  background-position: 0% 48%
}

.tv .legend-item.close-guide .icon,
.tv .legend-item.delete .icon,
.tv .legend-item.guide .icon,
.tv .legend-item.home .icon {
  background-position: 0% 100%
}

body.samsung {
  background-color: transparent !important
}

body.limited-memory {
  background-color: #111
}

.limited-memory .bg,
.eureka .bg {
  background-image: none;
  background-color: #2e2e2e
}

.limited-animation .loading-indicator,
.opera .loading-indicator,
.lg .loading-indicator {
  display: none
}

.limited-animation .fallback-loading-indicator,
.opera .fallback-loading-indicator,
.lg .fallback-loading-indicator {
  display: block
}

.limited-animation .play-all-tile .video-thumb,
.limited-animation .video-tile .video-thumb {
  opacity: 1
}

.limited-memory .video-tile .video-thumb {
  background-size: cover
}

.limited-animation .play-all-tile .video-thumb.preloaded,
.limited-memory .video-tile .video-thumb.preloaded,
.limited-memory .channel-tile .video-thumb.preloaded {
  background-size: auto
}

.roku.limited-memory .video-tile .video-thumb {
  background-size: 100%;
  opacity: 1
}

.limited-animation.playlist-tile .count-overlay {
  background-color: #000
}

.search .placeholder-tile,
.settings .placeholder-tile,
.limited-animation .browse-content .list .placeholder-tile {
  height: 24em;
  width: 20.75em
}

.guide .placeholder-tile {
  width: 100%;
  height: 2em
}

.limited-animation .action-tile,
.limited-animation .channel-tile,
.limited-animation .play-all-tile,
.limited-animation .playlist-tile,
.limited-animation .video-tile,
.limited-animation .browse-content .list .placeholder-tile,
.search .placeholder-tile,
.settings .placeholder-tile,
.shelf .placeholder-tile {
  display: inline-block;
  margin-right: 1.1em;
  position: relative;
  vertical-align: top
}

.limited-animation .shelves {
  margin-top: 2.5%
}

.limited-animation .playlist-tile .overlay,
.limited-animation .video-tile .overlay,
.limited-memory .playlist-tile .overlay,
.limited-memory .video-tile .overlay {
  opacity: 1
}

.limited-animation .hide-background.video-tile .video-thumb {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/icon-playbutton.png) !important;
  background-repeat: no-repeat;
  opacity: 1
}

.limited-animation .action-tile.focused .content {
  text-shadow: none
}

.limited-animation .post-play-countdown {
  text-shadow: none
}

.limited-animation #keyboard-grid .button.disabled,
.limited-animation #keyboard-grid .button.focused,
.limited-animation #letter-suggest .button {
  background-color: rgba(153, 153, 153, 1)
}

.limited-animation #search #text-box-background,
.limited-animation #search #search-text-entry {
  background-color: #000
}

.limited-animation #search-keyboard,
.limited-animation #letter-suggest {
  text-shadow: none
}

.limited-animation #search-keyboard .disabled,
.limited-animation #letter-suggest .button {
  color: #000;
  text-shadow: none
}

.limited-animation #letter-suggest .button.focused,
.limited-animation #search-keyboard .button.focused {
  background-color: #e1e1e1;
  color: #212121
}

.limited-animation .toaster .toast-container {
  background-color: rgba(27, 25, 26, 1)
}

.limited-animation .title-card,
.limited-memory.limited-animation.sets-ui .title-card {
  background: #000;
  height: 20%
}

.opera .focused,
.opera :focus {
  outline: invert none medium
}

.eureka #browse-sets,
.eureka #dialog .buttons,
.eureka .legend,
.eureka #transport-controls {
  display: none
}

#eureka-player-controls-container {
  display: none;
  position: absolute;
  top: 17em;
  width: 100%
}

.eureka #eureka-player-controls-container {
  display: block
}

.eureka .loading #eureka-player-controls-container {
  opacity: 0
}

#eureka-player-controls {
  background-size: 100%;
  border-radius: 1em;
  height: 11.5em;
  margin: 0 auto;
  overflow: hidden;
  width: 11.5em
}

.eureka #eureka-player-controls {
  opacity: 0
}

@-webkit-keyframes showAndShrinkPause {
  from {
      -webkit-transform: scale(1.5);
      opacity: 0
  }
  to {
      opacity: .7
  }
}

@-webkit-keyframes hideAndGrowPlay {
  from {
      opacity: .7
  }
  to {
      -webkit-transform: scale(1.5);
      opacity: 0
  }
}

@keyframes showAndShrinkPause {
  from {
      transform: scale(1.5);
      opacity: 0
  }
  to {
      opacity: .7
  }
}

@keyframes hideAndGrowPlay {
  from {
      opacity: .7
  }
  to {
      transform: scale(1.5);
      opacity: 0
  }
}

.eureka #watch.play #eureka-player-controls {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/player-play.png);
  -webkit-animation: hideAndGrowPlay linear 0.25s 0s 1 normal none;
  animation: hideAndGrowPlay linear 0.25s 0s 1 normal none
}

.eureka #watch.pause #eureka-player-controls {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/player-pause.png);
  -webkit-animation: showAndShrinkPause linear 0.25s 0s 1 normal none;
  animation: showAndShrinkPause linear 0.25s 0s 1 normal none;
  opacity: .7
}

.xboxone .action-tile,
.xboxone .legend-item.back,
.xboxone .legend-item.back-to-top,
.xboxone .legend-item.delete,
.xboxone .legend-item.exit,
.xboxone .legend-item.home,
.xboxone .legend-item.modify,
.xboxone .legend-item.reversed-back,
.xboxone .legend-item.search,
.xboxone .legend-item.voice-search,
.xboxone .player-controls div,
.xboxone .auto-play-tile,
.xboxone .video-stream,
.xboxone .video-tile,
.xboxone .browse-search-bar,
.xboxone #guide.focused .guide-button,
.xboxone #player-controls .item,
.xboxone #snap-buttons>div {
  -h5vcc-gesturable: gesture-clickable
}

.xboxone #browse-sets {
  -h5vcc-gesturable: gesture-scroll-both
}

.xboxone #guide.focused .carousel {
  -h5vcc-gesturable: gesture-scroll-vertical
}

.xboxone .settings-shelf {
  -h5vcc-gesturable: gesture-scroll-horizontal
}

.xboxone #keyboard-grid .button:hover {
  background: none;
  cursor: default
}

.search-hint {
  display: none
}

.xboxone .search-hint,
.xbox360 .search-hint {
  color: #6b6b6b;
  display: block;
  font-size: 1.4em;
  line-height: 2em
}

.context-menu-defocuser {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.context-menu-list {
  background-color: #000;
  height: initial;
  left: 50%;
  padding-top: 2.5em;
  position: relative;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 30%
}

.context-menu-list .button {
  -h5vcc-gesturable: gesture-clickable;
  border: #000 solid;
  border-width: 0.5em 1em 0.5em 1em;
  color: #e1e1e1;
  cursor: pointer;
  font-family: roboto-regular;
  font-size: 1.5em;
  height: auto;
  line-height: 2.5em;
  margin: 0;
  text-align: left;
  text-indent: 1em;
  -webkit-transition-duration: 200ms;
  -webkit-transition-property: background-color, color;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 200ms;
  transition-property: background-color, color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.context-menu-list .button:before {
  font-family: youtube-icons;
  padding-right: 1em
}

.context-menu-list .button.icon-platform-switch-users {
  background: #1f1f1f url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/app-prod.css) no-repeat;
  background-position: 0.5em center;
  background-size: 2em 2em;
  border: solid #1f1f1f;
  border-width: 2em 1em 2em 1em;
  height: initial;
  line-height: initial;
  margin-top: 1em;
  padding: 0.5em 0 0.5em 3em;
  text-indent: 0
}

.context-menu-list .button.focused {
  background-color: #e1e1e1;
  color: #000
}

.call-to-cast-text {
  color: #f1f1f1;
  font-weight: normal;
  text-shadow: #000 .06em .06em;
  width: 38%
}

h2.call-to-cast-text {
  font-size: 3.2em;
  margin-bottom: 0.3em;
  margin-top: 0;
  padding-top: 1.5em
}

h3.call-to-cast-text {
  font-size: 1.7em
}

.call-to-cast .end-screen {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.call-to-cast .end-screen .call-to-cast-text {
  color: #fff;
  width: 40%
}

.call-to-cast .end-screen .call-to-cast-text em {
  color: #0090ff;
  font-style: normal
}

.call-to-cast .end-screen h2.call-to-cast-text {
  margin-bottom: 0.5em;
  padding-top: 2em
}

.call-to-cast .end-screen h3.call-to-cast-text {
  line-height: 1.5em
}

.call-to-cast .end-screen.left .call-to-cast-text {
  margin-left: 5%
}

.call-to-cast .end-screen.right .call-to-cast-text {
  margin-left: 50%
}

.call-to-cast .end-screen .yt-logo,
.call-to-cast .end-screen .yt-kids-logo {
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 8%;
  height: 13.88%;
  position: fixed;
  width: 100%
}

.call-to-cast .end-screen.left .yt-logo,
.call-to-cast .end-screen.left .yt-kids-logo {
  background-position: left center;
  left: 4%
}

.call-to-cast .end-screen.right .yt-logo,
.call-to-cast .end-screen.right .yt-kids-logo {
  background-position: right center;
  right: 4%
}

.call-to-cast .end-screen .yt-kids-logo {
  height: 20%
}

.call-to-cast .end-screen.kids-promo h2.call-to-cast-text {
  width: 80%
}

.call-to-cast .THEME-k.end-screen h3.call-to-cast-text {
  font-size: 3em;
  line-height: 1.4em;
  margin-top: 0;
  padding-top: 10%;
  padding-left: 5%;
  width: 45%
}

.call-to-cast .THEME-g.end-screen h3.call-to-cast-text {
  font-size: 2.2em;
  padding-top: 0%;
  width: 100%
}

.call-to-cast .THEME-up.end-screen h3.call-to-cast-text {
  font-size: 2.2em;
  margin-left: 0%;
  padding-top: 17em;
  text-align: center;
  width: 100%
}

.call-to-cast .THEME-m.end-screen h2.call-to-cast-text {
  font-size: 2.2em;
  margin-bottom: 0;
  text-align: center;
  width: 100%
}

.call-to-cast .THEME-m.end-screen h3.call-to-cast-text {
  margin-top: 0;
  text-align: center;
  width: 100%
}

.call-to-cast .THEME-m.end-screen.music-ready .call-to-cast-logo {
  background: no-repeat center bottom;
  height: 60%
}

.call-to-cast .THEME-m.end-screen.music-ready h2.call-to-cast-text {
  padding-top: 10%
}

.call-to-cast .THEME-m.end-screen.music-party {
  height: 100%
}

.call-to-cast .THEME-m.end-screen.music-party .call-to-cast-logo {
  background: no-repeat center bottom;
  height: 55%
}

.call-to-cast .THEME-m.end-screen.music-party .footer {
  background: no-repeat center top;
  height: 10%
}

.call-to-cast div {
  -moz-transition: opacity 1s ease-out;
  -ms-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  -webkit-transition: opacity 1s ease-out;
  opacity: 1;
  transition: opacity 1s ease-out
}

.call-to-cast div.transparent {
  opacity: 0
}

.snap-controls {
  height: 90%;
  padding: .5em;
  position: relative
}

.snapped.blurred #snap-buttons,
.snapped.blurred #unsupported-mode,
.snapped.blurred #ad-callout,
.snapped.blurred .logo-container,
.snapped.blurred .title-card,
.snapped.blurred .up-next {
  opacity: .25 !important
}

.snapped #dialog,
.snapped #guide,
.snapped #search,
.snapped #settings,
.snapped #title-tray,
.snapped #transport-controls,
.snapped .ad-showing .video-ads,
.snapped .advertisement-info,
.snapped .application-message,
.snapped .browse,
.snapped .browse-sets,
.snapped.browse-sets-state .title-card,
.snapped .caption-window,
.snapped .countdown-ad-callout,
.snapped .html5-video-info-panel,
.snapped .legend,
.snapped .player-video-avatar,
.snapped .quality-status,
.snapped.search-state .title-card,
.snapped.settings-state .title-card,
.snapped .skip-ad-button,
.snapped .skip-ad-callout,
.snapped .toaster,
.snapped .ypc-preview,
.snapped.dialog-focused #snap-progress-bar,
.snapped.dialog-focused #watch {
  display: none !important
}

.snapped .advertisement-tooltip {
  color: #a0a0a0;
  font-size: .4em;
  left: 0;
  top: 0
}

.snapped .advertisement-tooltip .remaining_duration {
  color: #717171
}

.snapped #ad-callout {
  left: 5%;
  top: 18%
}

.snapped .debug-watermark {
  font-size: .2em;
  width: 100%
}

#app-markup.snapped {
  background-color: #231f20
}

.snapped #background {
  display: none
}

.snapped {
  font-size: 2em
}

.snapped.watch-state #watch {
  height: 0
}

.snapped.watch-state .logo-container {
  opacity: inherit
}

.snap-controls .logo-container {
  display: inherit;
  font-family: 'youtube-icons';
  font-size: .46em;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 5%
}

.snapped .ad-video,
.snapped .ad-created .video-stream {
  height: 270px !important;
  width: 480px !important
}

.snapped .video-stream,
.snapped .html5-video-content {
  -webkit-transform: scale(.9) !important;
  transform: scale(.9) !important;
  max-height: 5.6em;
  top: 4.4em !important
}

.snapped .html5-video-controls {
  top: 9.8em !important
}

.snapped .player-video-title {
  color: #a0a0a0;
  font-size: .7em;
  line-height: 1.1em;
  margin: 0;
  max-height: 2.2em;
  white-space: normal;
  width: 12em
}

.snapped .player-meta {
  left: 0;
  margin: 0;
  position: inherit;
  top: 0;
  width: initial
}

.snapped .player-meta .player-video-text {
  padding-left: 0;
  width: 100%
}

.snapped .player-meta .player-video-details {
  color: #717171;
  font-size: .5em;
  line-height: 1.1em
}

.snapped .player-meta .player-video-details>div {
  margin-left: 0;
  margin-top: .4em;
  max-width: initial
}

.snapped .player-meta .player-video-details .set-context,
.snapped .player-meta .player-video-details .set-context-position,
.snapped .player-meta .player-video-details .uploaded-date,
.snapped .player-meta .player-video-details .username {
  display: block
}

.snapped .player-meta .player-video-details .badge {
  margin-top: .3em
}

.snapped .player-video-details .uploaded-date,
.snapped .player-video-details .set-context,
.snapped .player-video-details .view-count {
  font-size: .9em;
  margin-top: 0
}

.watch-state.snapped #snap-progress-bar {
  display: block
}

#snap-progress-bar {
  background-position: top left;
  display: none;
  height: .1em;
  left: 0;
  margin-top: 9.25em;
  padding: 0;
  position: relative;
  top: 0;
  width: 100%
}

#snap-progress-bar .progress-bar-disc,
#snap-progress-bar .progress-bar-playhead {
  display: none
}

#snap-progress-bar div {
  height: 5px;
  top: 0
}

.snapped .title-card {
  background: none;
  border: none;
  height: initial;
  padding-top: .3em;
  position: inherit
}

#unsupported-mode {
  color: #fff;
  font-size: .9em;
  line-height: 1.2em;
  padding: 80% 1em 0;
  width: 8em
}

.snapped .loading-indicator {
  height: 5em;
  width: 5em
}

.snapped #spinner {
  top: 19%;
  -o-transform: scale(.5);
  -webkit-transform: scale(.5);
  transform: scale(.5)
}

.engaged.snapped .engagement-indicator {
  display: inline-block;
  font-size: .6em !important;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 4.2em !important
}

.engaged.snapped .engagement-indicator .stop-listening {
  background: transparent
}

.snap-controls #snap-buttons {
  bottom: 0;
  position: absolute
}

.snap-controls #snap-buttons .focused,
.snap-controls #snap-buttons :hover {
  -webkit-border-radius: .15em;
  border-radius: .15em;
  background-color: #fff;
  color: #000
}

.snap-controls #snap-buttons .button,
.snap-controls #snap-buttons .toggle-button {
  display: inline-block;
  font-size: .8em;
  height: 1em;
  margin-left: .5em;
  padding: 1em;
  position: relative;
  text-align: center;
  top: 0;
  width: 1em
}

.snap-controls #snap-buttons div {
  color: #fff;
  cursor: pointer;
  vertical-align: middle
}

.snap-controls #snap-buttons div.disabled:hover {
  background-color: transparent;
  color: #fff
}

.snap-controls #snap-buttons div.focused {
  opacity: 1
}

.snap-controls #snap-buttons div.disabled {
  opacity: .2
}

.snap-controls .speakable span,
.snap-controls .disabled span {
  display: none
}

.engaged .snap-controls .speakable:not(.disabled) span {
  color: #5dc21e;
  display: block;
  font-size: .6em;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: -1.5em;
  width: 100%;
  word-break: break-all
}

.snap-controls .icon-player-play {
  font-family: 'youtube-icons'
}

.snap-controls .icon-mute,
.snap-controls .icon-fullscreen {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 3em
}

.snap-controls .icon-mute,
.snap-controls .icon-mute.disabled {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/button-unmute-active.png)
}

.snap-controls .icon-mute.focused,
.snap-controls .icon-mute:hover:not(.disabled) {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/button-unmute-onhover-active.png)
}

  .snap-controls .icon-mute.toggle-selected {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/button-mute-active.png)
}

.snap-controls .icon-mute.toggle-selected.focused,
.snap-controls .icon-mute.toggle-selected:hover {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/button-mute-onhover-active.png)
}

.snap-controls .icon-fullscreen {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/button-fullscreen-active.png)
}

.snap-controls .icon-fullscreen.focused,
.snap-controls .icon-fullscreen:hover {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/button-fullscreen-onhover-active.png)
}

.up-next {
  height: 3em;
  padding-top: 1em
}

.up-next div {
  color: #a0a0a0;
  font-size: .6em
}

.up-next .video-title {
  height: 1.2em;
  line-height: 1.2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.up-next .video-thumb {
  background: no-repeat center/100%;
  display: inline-block;
  height: 100%;
  margin-top: .2em;
  max-height: 2.5em;
  vertical-align: top;
  width: 5em
}

.up-next .video-thumb.preloaded {
  background: no-repeat center;
  background-color: #252525;
  background-image: url('/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/icon-playbutton.png');
  background-size: auto
}

.snapped .fresca-message {
  font-size: .6em;
  padding-top: 27%
}

#browse-sets {
  background-color: #222;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0
}

#browse-sets.no-background,
.limited-memory #browse-sets {
  background-color: rgba(0, 0, 0, 0)
}

.browse-search-bar {
  background-color: rgba(153, 153, 153, .2);
  cursor: pointer;
  height: 3em;
  left: 8em;
  margin-right: 18em;
  position: absolute;
  right: 2.5em;
  top: 2.5em
}

.limited-animation .browse-search-bar {
  background-color: #4f575a
}

.browse-search-bar.focused,
.browse-search-bar:hover {
  background: #fff
}

.browse-search-bar .icon {
  color: rgba(255, 255, 255, .4);
  display: block;
  font-family: 'youtube-icons';
  font-size: 1.8em;
  margin: 0;
  padding: .35em 0 0 .5em;
  text-align: left
}

.limited-animation .browse-search-bar .icon {
  color: #e1e1e1
}

.youtube-logo-top {
  height: 3.4em;
  position: absolute;
  right: 9.5em;
  top: 2.3em;
  width: 8.4em;
  font-family: 'youtube-icons'
}

#browse-sets.has-header-content .youtube-logo-top {
  display: none
}

#browse-sets.has-header-content .topics-header .youtube-logo-top {
  display: block
}

.youtube-logo:before {
  color: rgba(153, 153, 153, .5);
  display: block;
  font-size: 3.4em
}

.youtube-unlimited-logo:before {
  color: rgba(153, 153, 153, .5);
  display: none;
  font-size: 3.4em
}

#browse-sets .youtube-unlimited-logo:before,
#search .youtube-unlimited-logo:before {
  position: relative;
  right: .5em
}

.unlimited .youtube-logo:before {
  display: none
}

.unlimited .youtube-unlimited-logo:before {
  display: block
}

.limited-animation .youtube-unlimited-logo:before,
.limited-animation .youtube-logo:before {
  color: #4f575a
}

.browse-search-bar.focused .icon,
.browse-search-bar:hover .icon {
  color: #444
}

#platform-user-icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 4em;
  position: absolute;
  right: 3em;
  top: 2em;
  width: 4em
}

.has-header-content #platform-user-icon {
  display: none
}

.has-header-content.has-topics-header #platform-user-icon {
  display: block
}

#channel-header {
  background-position: 0 -8em;
  background-size: cover;
  height: 60%;
  position: relative
}

.limited-memory.limited-animation #channel-header {
  background-position: 6em 0;
  background-repeat: no-repeat;
  background-size: contain
}

.no-background #channel-header {
  background-image: none !important
}

.browse-sets #channel-header.collapsed {
  -o-transform: translateY(-27%);
  -webkit-transform: translateY(-27%);
  transform: translateY(-27%)
}

.limited-memory .browse-sets #channel-header.collapsed {
  top: -7em;
  -o-transform: none;
  -webkit-transform: none;
  transform: none
}

#channel-header .title {
  color: #e1e1e1;
  display: inline-block;
  font-size: 2.25em;
  margin-bottom: -.23em;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-transform-origin: left;
  -webkit-transform-origin: left;
  transform-origin: left;
  white-space: nowrap;
  width: 23.7em
}

#channel-header.one-button .title {
  width: 18.7em
}

#channel-header.two-buttons .title {
  width: 14em
}

#channel-header.collapsed .title {
  overflow: visible;
  -o-transform: scale(.8, .8) translateY(-5em) translateX(-1.5em);
  -webkit-transform: scale(.8, .8) translateY(-5em) translateX(-1.5em);
  transform: scale(.8, .8) translateY(-5em) translateX(-1.5em)
}

.browse-header-gradient {
  background: -o-linear-gradient(top, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0) 15%, rgba(34, 34, 34, 1) 100%);
  background: -webkit-linear-gradient(top, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0) 15%, rgba(34, 34, 34, 1) 100%);
  background: linear-gradient(to bottom, rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0) 15%, rgba(34, 34, 34, 1) 100%);
  height: 100%;
  width: 100%
}

.limited-memory .browse-header-gradient {
  display: none
}

.no-background .browse-header-gradient {
  visibility: hidden
}

.browse-header-metadata {
  left: 8em;
  position: absolute;
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.limited-memory.limited-animation .browse-header-metadata {
  top: 11.6em
}

.limited-memory.limited-animation #channel-header.collapsed .browse-header-metadata {
  font-size: inherit;
  left: 8em;
  top: 11em
}

.limited-memory.limited-animation #channel-header.collapsed .browse-header-metadata .browse-header-avatar {
  height: 4em;
  margin-right: 1em;
  width: 4em
}

.browse-header-avatar {
  background-size: contain;
  border-radius: 50%;
  display: inline-block;
  height: 5em;
  margin-right: 1.3em;
  -o-transform-origin: left;
  -webkit-transform-origin: left;
  transform-origin: left;
  width: 5em
}

#channel-header.collapsed .browse-header-avatar {
  -o-transform: scale(.61, .61) translateY(-13.5em);
  -webkit-transform: scale(.61, .61) translateY(-13.5em);
  transform: scale(.61, .61) translateY(-13.5em)
}

#channel-header.collapsed .browse-header-button-bar {
  -o-transform: translateY(-7.25em);
  -webkit-transform: translateY(-7.25em);
  transform: translateY(-7.25em)
}

.limited-memory #channel-header.collapsed .browse-header-button-bar {
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
  top: 10.6em
}

.browse-header-button-bar {
  background: rgba(0, 0, 0, .4);
  border-radius: .15em;
  font-size: 1.1em;
  height: 2.4em;
  margin-bottom: -.59em;
  padding: .59em;
  position: absolute;
  right: 3.5em
}

.limited-memory .browse-header-button-bar {
  background: #1f2426
}

.limited-memory.limited-animation .browse-header-button-bar {
  top: 13em
}

.browse-header-button-bar,
.browse-header-metadata {
  bottom: 3.9em
}

.browse-header-button-bar .button {
  border-radius: .12em;
  color: #e1e1e1;
  cursor: default;
  display: inline-block;
  height: 2.4em;
  min-width: 8.2em;
  overflow: hidden;
  padding-right: 1em;
  white-space: nowrap
}

.browse-header-button-bar .button span {
  line-height: 2.4em;
  vertical-align: middle
}

.browse-header-button-bar .button.focused,
.browse-header-button-bar .button.focused:hover {
  background: #e1e1e1;
  color: #212121
}

.browse-header-button-bar .button:hover {
  background-color: #666
}

.browse-header-button-bar .button .icon {
  display: inline-block;
  font-family: 'youtube-icons';
  height: 2.4em;
  margin: 0 1em 0 1em
}

.browse-header-subscribe .icon:before {
  font-size: 2em
}

.browse-header-subscribe.toggle-selected .icon:before {
  content: "\00e602";
  font-size: 1em
}

.browse-header-subscribe.toggle-selected.focused {
  color: #ce292d
}

.browse-header-subscribe.disabled {
  opacity: 0.3
}

.limited-memory .browse-header-subscribe.disabled {
  color: #585c5d;
  opacity: 1
}

.browse-content {
  height: 80%;
  left: 8em;
  position: absolute;
  top: 14.5%;
  width: 100%
}

.browse-sets.collapsed .browse-content {
  -o-transform: translateY(44%);
  -webkit-transform: translateY(44%);
  transform: translateY(44%)
}

.limited-memory .browse-sets.collapsed .browse-content {
  top: 20em;
  -o-transform: none;
  -webkit-transform: none;
  transform: none
}

.browse-sets.has-topics-header .browse-content {
  top: 10%
}

.browse-sets.has-topics-header.collapsed .browse-content {
  -ms-transform: translateY(19%);
  -o-transform: translateY(19%);
  -webkit-transform: translateY(19%);
  transform: translateY(19%)
}

.limited-memory .browse-sets.has-topics-header.collapsed .browse-content {
  top: 10.7em;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none
}

.has-topics-header #platform-user-icon {
  -moz-transform: translateY(-6em);
  -ms-transform: translateY(-6em);
  -o-transform: translateY(-6em);
  -webkit-transform: translateY(-6em);
  transform: translateY(-6em);
  -moz-transition: -moz-transform .25s;
  -ms-transition: -ms-transform .25s;
  -o-transition: -o-transform .25s;
  -webkit-transition: -webkit-transform .25s;
  transition: transform .25s
}

.has-topics-header.collapsed #platform-user-icon {
  -ms-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none
}

.browse-sets.has-topics-header .shelf .title .annotation {
  display: none
}

.channel-tile .video-thumb {
  background-color: transparent;
  border: none;
  border-radius: 50%
}

#channel-header,
.browse-header-avatar,
.browse-header-button-bar,
.browse-content,
#channel-header .title {
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -ms-transition: -ms-transform .25s;
  -o-transition: -o-transform .25s;
  -webkit-transition: -webkit-transform .25s;
  transition: transform .25s
}

.browse-header-button-bar {
  -ms-transition: opacity .25s -ms-transform .25s;
  -o-transition: opacity .25s -o-transform .25s;
  -webkit-transition: opacity .25s, -webkit-transform .25s;
  transition: opacity .25s, transform .25s
}

.limited-animation #channel-header,
.limited-animation .browse-header-avatar,
.limited-animation #channel-header.collapsed .browse-header-avatar,
.limited-animation .browse-content,
.limited-animation .browse-header-button-bar,
.limited-animation #channel-header .title,
.limited-animation .browse-content .shelves,
.limited-animation .browse-header-metadata,
.limited-animation .shelf #content-container,
.limited-animation .shelves>.title,
.limited-animation .shelf>.title,
.limited-animation .horizontal-list>.content,
.limited-animation .horizontal-list,
.limited-animation .shelves .carousel,
.limited-animation #topics-header,
.limited-animation #platform-user-icon {
  -ms-transition: all 0;
  -o-transition: all 0;
  -webkit-transition: none;
  transition: none;
  -ms-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none
}

.limited-animation #channel-header.collapsed .browse-header-metadata {
  font-size: .6em;
  left: 13.25em;
  top: 17.75em
}

.limited-animation #channel-header.collapsed .browse-header-metadata .title {
  font-size: 3em
}

.limited-memory #channel-header.collapsed .browse-header-metadata .title {
  font-size: 1.8em
}

.limited-animation .browse-content .list {
  margin-left: -9.5em;
  width: 126em
}

.limited-animation .browse-content .shelf>.title {
  margin-left: 6em
}

.limited-memory.sets-ui .action-tile:not(.focused),
.limited-memory.sets-ui .channel-tile:not(.focused),
.limited-memory.sets-ui .playlist-tile:not(.focused),
.limited-memory.sets-ui .video-tile:not(.focused),
.roku.limited-animation.sets-ui .action-tile:hover:not(.focused),
.roku.limited-animation.sets-ui .channel-tile:hover:not(.focused),
.roku.limited-animation.sets-ui .playlist-tile:hover:not(.focused),
.roku.limited-animation.sets-ui .video-tile:hover:not(.focused) {
  background-color: #212121
}

.limited-animation.sets-ui .action-tile:hover:not(.focused),
.limited-animation.sets-ui .channel-tile:hover:not(.focused),
.limited-animation.sets-ui .playlist-tile:hover:not(.focused),
.limited-animation.sets-ui .video-tile:hover:not(.focused) {
  background-color: #414141
}

.browse-content .shelves {
  margin-left: 0em;
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.browse-content .shelves>.no-content-message,
.browse-content .horizontal-list>.no-content-message {
  margin-left: -8em
}

.shelves>.no-content-message,
.horizontal-list>.no-content-message,
.subs-horizontal-list>.no-content-message {
  display: none;
  position: absolute;
  top: 8em;
  width: 100%
}

.shelves.no-content>.no-content-message,
.horizontal-list.no-content>.no-content-message {
  display: block
}

.shelves>.no-content-message .text,
.horizontal-list>.no-content-message .text {
  color: #f1f1f1;
  font-size: 1.8em;
  text-align: center;
  text-shadow: #000 .04em .04em
}

.shelf {
  width: 100%
}

.limited-animation .shelf {
  margin-bottom: 1.8em
}

.carousel .shelf {
  position: absolute
}

.shelf #content-container {
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.shelves>.title,
.shelf>.title {
  color: #999;
  font-size: 1.6em;
  margin-bottom: 1.0em;
  margin-top: .2em;
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  white-space: nowrap
}

.shelves>.title,
.shelf.selected>.title {
  color: #fff
}

.shelf>.title .annotation {
  color: #777;
  font-size: 70%;
  margin-left: .5em
}

.shelf.selected>.title .annotation {
  color: #ddd
}

.horizontal-list.no-model,
.shelf.no-model,
.survey-shelf.no-model {
  display: none
}

.shelf>.icon {
  display: none
}

.horizontal-list>.content {
  font-size: 79%;
  height: 26em;
  opacity: 1;
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  /*margin-top: 10%; */
}

.horizontal-list.focused>.content {
  opacity: 1
}

.horizontal-list,
.shelves .carousel,
.browse-header-metadata {
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.limited-memory .shelves .list .video-tile.first .video-thumb,
.limited-memory .shelves .list .channel-tile.first .video-thumb,
.limited-memory.sets-ui #search .horizontal-list .list .video-tile.first .video-thumb,
.limited-memory.sets-ui #search .horizontal-list .list .channel-tile.first .video-thumb {
  background: none !important
}

.survey-shelf {
  position: absolute
}

.survey-shelf>.title {
  color: #fff;
  display: inline-block;
  font-size: 1.6em;
  margin-bottom: 1.0em;
  margin-top: 0.2em
}

.survey-shelf .action-tile .content>.title {
  display: none
}

.survey-shelf .horizontal-list>.content {
  font-size: 79%;
  height: 26em
}

.survey-shelf .description {
  color: #fff;
  visibility: visible
}

.survey-shelf .button {
  display: inline-block;
  margin-bottom: 1em;
  margin-left: 2em
}

.survey-shelf .sliding-highlighter {
  height: 8em;
  width: 8em
}

.survey-shelf .action-tile {
  border: 0;
  height: 8em;
  width: 8em
}

.survey-shelf .action-tile .content {
  display: inline-block;
  height: 8em;
  width: 8em
}

.survey-shelf .action-tile .description {
  color: #777;
  font-size: 1.2em;
  opacity: 1;
  white-space: nowrap
}

.survey-shelf .action-tile .large-action-icon {
  background-color: transparent;
  font-size: 5em;
  margin-top: .26em;
  padding-right: .2em
}

.survey-shelf .action-tile.selected .large-action-icon {
  color: #fff
}

.survey-shelf .action-tile.focused .large-action-icon {
  color: #222
}

.survey-shelf .button.focused {
  background-color: #fff;
  border-radius: .1em;
  color: #222
}

.survey-shelf .button {
  color: #777;
  padding: .3em
}

.limited-animation .survey-shelf {
  margin-bottom: 5em;
  position: relative
}

.limited-animation .survey-shelf>.title {
  margin-left: 6em
}

.limited-animation .survey-shelf .horizontal-list {
  margin-left: 17.5em
}

#topics-header {
  height: 5em;
  left: 8em;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -ms-transition: -ms-transform .25s;
  -o-transition: -o-transform .25s;
  -webkit-transition: -webkit-transform .25s;
  transition: transform .25s
}

#topics-list {
  margin-top: 8em
}

.limited-animation #topics-list {
  margin-left: -13em;
  width: 95em
}

#topics-header .browse-search-bar {
  left: 0
}

#topics-header.collapsed {
  -ms-transform: translateY(-120%);
  -o-transform: translateY(-120%);
  -webkit-transform: translateY(-120%);
  transform: translateY(-120%)
}

.topic-tile {
  height: 2.6em;
  width: 12.9em;
  color: #999;
  text-align: center;
  vertical-align: middle;
  background-color: #28292b;
  padding-top: 0.2em
}

.limited-animation #topics-list .placeholder-tile {
  display: inline-block;
  margin-right: 0.5em;
  position: relative;
  width: 12.9em
}

.limited-animation .topic-tile {
  display: inline-block;
  margin-right: 0.5em;
  position: relative
}

.topic-tile .title {
  font-size: 1.3em;
  line-height: 1.9em;
  height: 2em;
  width: 9.9em
}

.topic-tile.selected {
  background-color: #e12c26;
  color: #fff;
  overflow: visible
}

.topic-tile.focused {
  box-shadow: 0 4px 10px 8px rgba(0, 0, 0, 0.4)
}

.topic-tile.focused .title {
  outline: 0.2em solid #fff
}

.cobalt .topic-tile.focused .title {
  border: 0.2em solid #fff;
  margin: -0.2em;
  outline: 0
}

.topic-tile.selected .pointer {
  border-left: .7em solid transparent;
  border-right: .7em solid transparent;
  border-top-color: #e12c26;
  border-top-style: solid;
  border-top-width: .8em;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  width: 0
}

.topic-tile.selected.focused div.pointer {
  border-top-color: #fff
}

.topic-tile.selected.animation {
  background-color: #b42764
}

.topic-tile.selected.animation .pointer {
  border-top-color: #b42764
}

.topic-tile.selected.beauty {
  background-color: #f06292
}

.topic-tile.selected.beauty .pointer {
  border-top-color: #f06292
}

.topic-tile.selected.comedy {
  background-color: #5b3558
}

.topic-tile.selected.comedy .pointer {
  border-top-color: #5b3558
}

.topic-tile.selected.entertainment {
  background-color: #3f51b5
}

.topic-tile.selected.entertainment .pointer {
  border-top-color: #3f51b5
}

.topic-tile.selected.family {
  background-color: #1fccc0
}

.topic-tile.selected.family .pointer {
  border-top-color: #1fccc0
}

.topic-tile.selected.fitness {
  background-color: #9575cd
}

.topic-tile.selected.fitness .pointer {
  border-top-color: #9575cd
}

.topic-tile.selected.food {
  background-color: #d84315
}

.topic-tile.selected.food .pointer {
  border-top-color: #d84315
}

.topic-tile.selected.gaming {
  background-color: #fd883f
}

.topic-tile.selected.gaming .pointer {
  border-top-color: #fd883f
}

.topic-tile.selected.music {
  background-color: #11a9cc
}

.topic-tile.selected.music .pointer {
  border-top-color: #11a9cc
}

.topic-tile.selected.news {
  background-color: #fcc440
}

.topic-tile.selected.news .pointer {
  border-top-color: #fcc440
}

.topic-tile.selected.sports {
  background-color: #0d904f
}

.topic-tile.selected.sports .pointer {
  border-top-color: #0d904f
}

.topic-tile.selected.technology {
  background-color: #01ac84
}

.topic-tile.selected.technology .pointer {
  border-top-color: #01ac84
}

#guide {
  box-shadow: .1em 0 1em 0em black;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  -o-transform: translateX(-23em);
  -webkit-transform: translateX(-23em) translateZ(0);
  transform: translateX(-23em) translateZ(0);
  -o-transition: -o-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
  transition: transform 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
  width: 28em
}

.limited-memory.limited-animation #guide {
  box-shadow: none;
  pointer-events: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none
}

.limited-memory #guide.focused {
  border-right: none;
  pointer-events: auto
}

#guide.focused {
  -o-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

#guide:hover {
  background-color: rgba(255, 255, 255, .2)
}

.limited-animation #guide:hover {
  background: none
}

.limited-animation #guide,
.limited-animation #guide #user-info-background,
.limited-animation .guide-carousel-background {
  -o-transition: none;
  -webkit-transition: none;
  transition: none
}

.guide-carousel-background {
  background-color: rgba(0, 0, 0, .2);
  height: 100%;
  left: 0em;
  position: absolute;
  top: 0em;
  width: 100%;
  -o-transition: background-color 400ms;
  -webkit-transition: background-color 400ms;
  transition: background-color 400ms
}

.limited-animation .guide-carousel-background,
.limited-animation #guide #user-info-background {
  background-color: #1f2426
}

.limited-animation #guide:hover .guide-carousel-background,
.limited-animation #guide:hover #user-info-background {
  background-color: #384145
}

.limited-animation.limited-memory .guide-carousel-background,
.limited-animation.limited-memory #guide #user-info-background {
  background-color: #df2323
}

.limited-memory .guide-carousel-background,
.limited-memory #guide #user-info-background,
#guide .list {
  display: none
}

.limited-memory #guide.focused .guide-carousel-background,
.limited-memory #guide.focused.logged-in #user-info-background,
#guide.focused .list {
  display: block
}

.logged-in .guide-carousel-background {
  top: 8.5em
}

#guide.focused .guide-carousel-background,
#guide.focused:hover .guide-carousel-background {
  background-color: #df2323
}

.collapsed-guide,
#guide.focused .collapsed-guide {
  display: none
}

.collapsed-guide-icons {
  color: #85888a;
  font-size: 1.6em;
  left: 15em;
  opacity: 1;
  position: absolute;
  top: 7.5em
}

.collapsed-guide-icon {
  font-family: 'youtube-icons';
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
  width: 2em
}

#guide .collapsed-guide-icons {
  -o-transition: opacity 150ms 450ms;
  -webkit-transition: opacity 150ms 450ms;
  transition: opacity 150ms 450ms
}

.limited-memory .collapsed-guide-icons {
  left: 1em
}

.limited-animation #guide .collapsed-guide-icons {
  -o-transition: none;
  -webkit-transition: none;
  transition: none
}

#guide.focused .collapsed-guide-icons {
  opacity: 0;
  -o-transition: none;
  -webkit-transition: none;
  transition: none
}

#guide .collapsed-guide-icon.icon-guide-my-subs {
  display: none
}

#guide.logged-in .collapsed-guide-icon.icon-guide-my-subs {
  display: block
}

#guide.logged-in .collapsed-guide-icon.icon-popular {
  display: none
}

.collapsed-guide-icon.icon-music {
  font-size: .925em;
  padding-left: .0375em
}

.limited-memory .collapsed-guide {
  background-color: #1f2426;
  border-right: .2em solid #111;
  display: block;
  height: 100%;
  left: 0;
  pointer-events: auto;
  width: 6em
}

#error-message {
  display: none
}

#guide.error.focused #error-message {
  color: #fff;
  display: block;
  font-size: 2em;
  padding: 2em;
  position: absolute;
  text-align: center;
  top: 12em
}

#guide .sliding-highlighter {
  box-shadow: none;
  display: none;
  width: 100%;
  height: 4.2em;
  opacity: 0
}

#guide.focused .sliding-highlighter {
  opacity: 1
}

#guide.focused .sliding-highlighter {
  display: block
}

#guide.focused #user-info-background {
  visibility: visible
}

#guide #user-info-background {
  background-color: rgba(0, 0, 0, .2);
  -o-transition: background-color 400ms;
  -webkit-transition: background-color 400ms;
  transition: background-color 400ms
}

#guide.focused #user-info-background,
#guide.focused:hover #user-info-background {
  background-color: #931717
}

.logged-in #user-info-background {
  display: block
}

#guide.focused .guide-user-text {
  visibility: visible
}

#guide.focused .guide-user-name {
  overflow: hidden;
  text-overflow: ellipsis
}

#guide .carousel,
#guide .list,
#guide .sliding-highlighter {
  color: #fff;
  margin-top: 2em
}

#guide.logged-in .carousel,
#guide.logged-in .list,
#guide.logged-in .sliding-highlighter {
  margin-top: 1em
}

#guide .carousel.hidden {
  display: block !important;
  visibility: hidden
}

#guide .list {
  position: relative
}

.carousel .guide-button {
  position: absolute
}

.list .guide-button {
  margin-bottom: .1em
}

.guide-button {
  font-size: 1.6em;
  height: 1.83em;
  overflow: hidden;
  padding: .5em .27em .3em 2.9em;
  white-space: nowrap
}

.guide-button:hover {
  background: #900;
  cursor: pointer;
  padding-right: 1.78em
}

.guide-button.selected:hover {
  background: transparent
}

.guide-button.disabled:hover {
  background: transparent;
  cursor: inherit;
  padding-right: inherit
}

.guide-button.disabled {
  padding-left: 2.1em;
  text-transform: uppercase
}

.guide-button.disabled.footer {
  text-transform: none
}

.guide-button-icon {
  color: #ef9191;
  display: inline-block;
  font-family: 'youtube-icons';
  font-size: 1.2em;
  margin-top: .2em;
  text-align: center;
  width: 1.8em
}

.guide-button-icon .image.preloaded {
  background-color: #252525
}

.guide-button.disabled .guide-button-icon {
  display: none
}

.guide-user-text,
.guide-button-title {
  color: #fbdada;
  display: inline-block;
  line-height: 1.7em;
  overflow: hidden;
  padding-left: .5em;
  text-overflow: ellipsis;
  vertical-align: top
}

.guide-button.disabled .guide-button-title {
  color: #ef9191
}

.guide-user-text {
  visibility: hidden;
  margin-left: -0.4em;
  position: relative;
  top: 30%;
  text-overflow: ellipsis;
  width: 9.5em
}

.guide-button-title {
  width: 11em
}

.engaged .guide-button-title {
  width: 8em
}

.guide-button.footer .guide-button-title {
  font-size: 75%;
  padding-top: .8em;
  width: 21.15em
}

.guide-button-icon .image,
#guide-user-avatar {
  background: no-repeat center;
  background-size: 100%;
  height: 1em;
  width: 1em
}

.guide-button-icon .image {
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #ef9191;
  margin: 0 .4em 0 .4em
}

.xbox360 .guide-button-icon .image,
.xboxone .guide-button-icon .image {
  border-radius: initial
}

.guide-button.focused .guide-button-icon .image {
  box-shadow: none
}

.guide-button .image {
  display: none
}

.guide-button.has-image .image {
  display: block
}

#guide-user-avatar {
  border-radius: 50%;
  box-shadow: 0 0 0 .05em rgba(239, 145, 145, .4), 0 0 .05em #ef9191;
  display: inline-block;
  font-size: 2.31em;
  margin: .2em .2em .2em .4em
}

#guide-user-avatar,
.guide-user-text,
.guide-button-icon,
.guide-button-title {
  -o-transition: color 50ms;
  -webkit-transition: color 50ms;
  transition: color 50ms;
  transition-delay: 25ms
}

.no-transition .guide-button .guide-button-icon,
.no-transition .guide-button .guide-button-title,
.limited-animation .guide-button .guide-button-icon,
.limited-animation .guide-button .guide-button-title,
.limited-animation #guide-user-avatar,
.limited-animation .guide-user-text {
  -o-transition: none;
  -webkit-transition: none;
  transition: none
}

.guide-button.focused .guide-button-icon,
.guide-button.focused .guide-button-title {
  color: #df2323
}

.limited-animation .guide-button.focused {
  background-color: #fff
}

.user-info-container {
  height: 2.6em;
  padding: 1.1em 0em 0em 1.8em;
  font-size: 1.6em;
  white-space: nowrap
}

#user-info-background {
  display: none;
  height: 8.53em;
  position: relative;
  width: inherit;
  z-index: 1
}

.sliding-highlighter .select {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  height: 2.9em;
  min-width: 3.5em;
  padding: 1.3em 0.6em 0em 0.6em;
  position: absolute;
  right: 0;
  text-align: center
}

.engaged .guide .sliding-highlighter .select {
  display: block
}

.unlimited .guide-user-text {
  line-height: 1.0em
}

.guide-user-unlimited {
  font-size: 0.8em;
  color: #a88;
  text-transform: uppercase
}

#settings {
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  left: 0
}

.settings-shelf {
  height: 24em;
  left: 4.5em;
  margin-left: 3.5em;
  margin-top: 1em;
  position: absolute;
  top: 19%;
  width: 100%
}

.settings-title {
  color: #fff;
  font-size: 1.2em;
  line-height: 3em;
  white-space: nowrap
}

.limited-animation .settings .content .list {
  width: 130em
}

.limited-animation #settings-items {
  margin-left: -17em
}

.settings-horizontal-list>.content {
  font-size: 79%
}

.settings-horizontal-list>.no-content-message {
  display: none
}

.pointer-overlay {
  display: block
}

.pointer-overlay .nav-arrow {
  background-image: url(/web/20160228021433im_/http://www.youtube.com/s/tv/html5/c96c1c11/img/motion-control-sprite.png);
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
  display: none;
  height: 5em;
  opacity: .5;
  position: absolute;
  width: 5em
}

.pointer-overlay.enabled .nav-arrow {
  display: block
}

.pointer-overlay .nav-arrow:hover {
  opacity: 1
}

.pointer-overlay .up-arrow {
  background-position: 0 100%;
  left: 45%;
  top: 18%
}

.pointer-overlay .down-arrow {
  background-position: 0 0%;
  bottom: 11%;
  left: 45%
}

.pointer-overlay .left-arrow {
  background-position: 0 33.3%;
  top: 50%;
  left: 5%
}

.settings-focused .pointer-overlay .left-arrow,
.browse-sets-state .pointer-overlay .left-arrow,
.search-state .pointer-overlay .left-arrow {
  left: 7%
}

.pointer-overlay .right-arrow {
  background-position: 0 66.7%;
  top: 50%;
  right: 5%
}

.pointer-overlay.no-up-arrow .up-arrow,
.post-play-state .pointer-overlay .up-arrow,
.post-play-state .pointer-overlay .down-arrow {
  display: none
}

.watch-state .pointer-overlay .down-arrow {
  bottom: 2%
}

.search-state.guide-focused .pointer-overlay .up-arrow {
  top: 20%
}

@media screen and (aspect-ratio:5/4) {
  #dialog.browse-sets #dialog-wrapper {
      padding: 1.3em 2em
  }
  .flag-list-container.flag-options-dialog {
      font-size: .875em
  }
}

@media screen and (max-aspect-ratio:4/3) {
  .player-controls #button-list {
      font-size: .875em
  }
  #transport-controls.ad-active .player-controls-widget .player-controls #button-list {
      font-size: 1em
  }
  .fresh-transport-controls .progress-bar {
      width: 70%
  }
  .fresh-transport-controls #player-time-elapsed,
  .fresh-transport-controls .player-time-total {
      font-size: 1.1em;
      width: 10%
  }
}

@media screen and (aspect-ratio:4/3) {
  #channel-header .title {
      width: 18.3em
  }
  #channel-header.one-button .title {
      width: 13.2em
  }
  #channel-header.two-buttons .title {
      width: 8.5em
  }
  .sets-ui .flag-list.grid {
      font-size: 0.8em
  }
  .flag-claim {
      font-size: 1.4em
  }
  #search .search-pairing {
      font-size: 0.7em
  }
  .sets-ui .debug-dialog {
      font-size: 0.8em
  }
  .voice-footer .list {
      padding-top: 0;
      width: 16em
  }
}

@media screen and (min-width:3840px) {
  .player-controls {
      top: 21px
  }
}

@media screen and (min-width:1919px) {
  .opera .video-stream {
      height: 1080px;
      width: 1920px
  }
  .watch-video-tile,
  .watch-list .button {
      padding: 10px
  }
}

@media screen and (min-width:640px) and (max-width:1024px) and (max-height:576px) {
  .countdown-ad-callout {
      font-size: 1.3em;
      right: 10%
  }
  .opera .video-stream {
      height: 576px;
      width: 1024px
  }
  #keyboard-grid .button {
      width: .7em
  }
  #dialog-wrapper {
      padding-left: 4em;
      padding-right: 4em
  }
  .pairing {
      -moz-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
      -o-transform-origin: 0 50%;
      -webkit-transform-origin: 0 50%;
      transform-origin: 0 50%;
      -moz-transform: scale(.7);
      -ms-transform: scale(.7);
      -o-transform: scale(.7);
      -webkit-transform: scale(.7);
      transform: scale(.7)
  }
  .browse-sets #channel-header.collapsed {
      -o-transform: translateY(-19%);
      -webkit-transform: translateY(-19%);
      transform: translateY(-19%)
  }
}

@media screen and (max-width:720px) and (max-height:480px) {
  .countdown-ad-callout {
      font-size: .9em;
      right: 5%
  }
  .skip-ad-callout {
      right: 3%
  }
  .opera .video-stream {
      height: 480px;
      width: 720px
  }
  #search .pairing .alternatives {
      margin: 0 0 0 1em
  }
  #keyboard-grid .button {
      width: .8em
  }
  #search .pairing .search-message .title {
      margin-top: 0.7em
  }
  #dialog-view .pairing {
      font-size: 0.8em;
      margin-top: 2em
  }
  .watch-list .list {
      margin-left: -4em
  }
}

@media screen and (max-width:640px) and (max-height:480px) {
  .opera .video-stream {
      height: 480px;
      width: 640px
  }
  #keyboard-grid .button {
      width: .7em
  }
  #dialog-view .reset-help {
      display: block;
      width: 27em
  }
  .watch-video-tile,
  .watch-list .button {
      padding: 4px
  }
  .browse-header-metadata {
      bottom: 3.9em
  }
  .browse-sets #channel-header.collapsed {
      -o-transform: translateY(-27%);
      -webkit-transform: translateY(-27%);
      transform: translateY(-27%)
  }
  .voice-footer .list {
      font-size: .6em;
      margin-left: 35%;
      width: 35%
  }
  .engaged .engagement-indicator {
      display: inline-block;
      font-size: 1.3em;
      height: 3em;
      margin-bottom: 1.5em
  }
  .engaged .engagement-indicator .title {
      display: inline-block
  }
  .engagement-indicator .stop-listening .icon {
      display: inline-block;
      height: 3em;
      left: 0px;
      top: 0px;
      width: 15%
  }
}

@media screen and (min-height:1080px) and (max-width:1440px) {
  .video-tile-container {
      -moz-transform: scale(.7);
      -ms-transform: scale(.7);
      -o-transform: scale(.7);
      -webkit-transform: scale(.7);
      transform: scale(.7);
      -moz-transform-origin: top right;
      -ms-transform-origin: top right;
      -o-transform-origin: top right;
      -webkit-transform-origin: top right;
      transform-origin: top right
  }
  .player-controls #button-list .button,
  .player-controls #button-list .toggle-button {
      margin-right: .2em;
      margin-left: .2em
  }
  .fresh-transport-controls .progress-bar {
      width: 59%
  }
  .fresh-transport-controls #player-time-elapsed,
  .fresh-transport-controls .player-time-total {
      font-size: 1em;
      width: 14%
  }
  .fresh-transport-controls .button,
  .fresh-transport-controls .toggle-button {
      font-size: 1.1em
  }
  .fresh-transport-controls #transport-more-button {
      font-size: 1.7em
  }
  #dialog-wrapper {
      padding: 1.3em 3em
  }
  .dialog-contents {
      font-size: 95%
  }
  #dialog-wrapper .connection-steps {
      padding: 0
  }
  #dialog-wrapper .pairing .qr-code,
  #dialog-wrapper .pairing .connected-list {
      margin: .2em
  }
  .voice-footer .list {
      font-size: 0.65em;
      padding-left: 22em;
      padding-right: 18em;
      padding-top: 1.3em
  }
}

.sets-ui .carousel .item:hover,
.sets-ui .carousel .channel-tile:hover {
  background-color: rgba(255, 255, 255, .1) !important
}

.sets-ui .tile .channel-bottom>.title,
.sets-ui .tile .tile-bottom>.title {
  color: #e1e1e1
}

.sets-ui .tile .channel-bottom>.details,
.sets-ui .tile .tile-bottom>.details {
  color: #646464
}

.sets-ui .tile.focused.selected .channel-bottom>.title,
.sets-ui .tile.focused.selected .tile-bottom>.title {
  color: #212121
}

.sets-ui .tile.focused.selected .channel-bottom>.details,
.sets-ui .tile.focused.selected .tile-bottom>.details,
.sets-ui .tile.focused.selected .tile-bottom>.yto-top-badge,
.sets-ui .tile.focused.selected .tile-bottom>.yto-bottom-badge .badge-subtitle2 {
  color: #646464
}

.sets-ui #transport-controls .player-controls #button-list div.icon-player-more,
.sets-ui #transport-controls .player-controls #button-list div.icon-player-less {
  color: #fff
}

.sets-ui #transport-controls .player-controls #button-list div.icon-player-more.focused,
.sets-ui #transport-controls .player-controls #button-list div.icon-player-less.focused {
  color: #222
}

.sets-ui .settings-title {
  font-size: 1.5em
}

.sets-ui .action-tile .title {
  font-size: 2.4em;
  margin-left: .1em;
  margin-right: .1em
}

.sets-ui .flag-list.grid {
  margin: 3.25em
}

.sets-ui .flag-list .list {
  text-align: left
}

.sets-ui .flag-list .button {
  width: 14em;
  text-align: center
}

.sets-ui .flag-example {
  top: 20%
}

.sets-ui .flag-video {
  margin-left: 2em;
  text-align: left
}

.sets-ui .flag-claim .privacy-invasion {
  margin: auto;
  width: 50%
}

.sets-ui .authentication-error-dialog,
.sets-ui .delete-video-error,
.sets-ui .missing-channel-error,
.sets-ui .server-unavailable,
.sets-ui .network-error-dialog {
  margin-top: 1em
}

.sets-ui .eureka-authorization-dialog .icon,
.sets-ui .eureka-player-error-dialog .icon {
  margin-left: 3em
}

.sets-ui .eureka-authorization-dialog .info,
.sets-ui .eureka-player-error-dialog .info {
  width: 50%
}

.sets-ui .debug-dialog {
  padding: 0 1em;
  text-align: left
}

.sets-ui .text-dialog #dialog-view {
  width: auto
}

.sets-ui #dialog .platform-container {
  font-size: .6em;
  margin-bottom: .5em
}

.sets-ui .paid-channel-dialog {
  margin: 1em
}

.sets-ui #dialog .connection-instructions .icon-settings-pair {
  display: none
}

.sets-ui .closed-captions-dialog {
  text-align: left;
  padding-left: 1em
}

.sets-ui .delete-video-error,
.sets-ui .video-edit-error,
.sets-ui .video-processing,
.sets-ui .video-upload-error {
  margin: 3em;
  font-size: 1.6em
}

.limited-animation.sets-ui .title-card {
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8), transparent);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8), transparent);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.8), transparent)
}

.limited-animation.sets-ui #search #text-box-background,
.limited-animation.sets-ui #search #search-text-entry {
  background-color: rgba(0, 0, 0, 0)
}

.sets-ui .scrolling-text {
  text-align: left;
  padding-left: 1em;
  height: 20em
}

.sets-ui #dialog .scrollbar {
  right: 11em
}

.sets-ui #dialog-view .reset-help {
  width: 20em
}

.sets-ui #dialog.remote-reset-dialog .buttons {
  position: inherit
}

.sets-ui #dialog.remote-reset-dialog .reset-help {
  height: 11em;
  padding-left: 1em;
  text-align: left
}

.sets-ui #dialog.remote-reset-dialog .connected-list {
  margin-right: 2em
}

.badge-title {
  border-radius: 0.125em;
  display: inline-block;
  background: #ebebeb;
  color: #fff
}

.badge-subtitle,
.badge-subtitle2 {
  display: inline-block;
  margin-left: 0.2em
}

.yto-top-badge {
  font-size: 1.3em;
  margin-bottom: 0.5em;
  margin: -0.4em 0 0.5em 0;
  white-space: nowrap
}

.yto-bottom-badge {
  bottom: 0.5em;
  font-size: 1.3em;
  height: 1.5em;
  left: 0.54em;
  overflow: hidden;
  padding-top: 0.2em;
  position: absolute;
  white-space: nowrap;
  width: 94%
}

.yto-top-badge .badge-title {
  background: inherit;
  color: inherit
}

.video-tile.focused .yto-top-badge .badge-title {
  background: #ebebeb
}

.yto-grey .badge-title,
.yto-red .badge-title {
  padding: 0.17em .3em
}

.yto-top .badge-title {
  margin-left: -0.25em;
  padding: 0.17em .3em
}

.yto-red .badge-title {
  background: #e62117
}

.yto-grey .badge-subtitle,
.yto-red .badge-subtitle {
  color: #d0021b
}

.yto-grey .badge-title {
  color: #646464
}

.live .badge-title {
  background-color: rgba(230, 33, 23, .8);
  border-radius: 0.1em;
  font-size: 1.4em;
  padding: 0em .1em;
  text-transform: uppercase
}

.upcoming .badge-title {
  background-color: rgba(0, 0, 0, .7);
  border-radius: 0.1em;
  font-size: 1.4em;
  padding: 0em .1em;
  text-transform: uppercase
}

.video-metadata-badge {
  margin-right: 0.63em;
  display: inline-block
}

.video-metadata-badge .badge-title {
  background: transparent;
  border: .1em #646464 solid;
  color: #646464;
  font-size: 1.3em;
  padding: 0.11em
}

.video-metadata-badge-list {
  display: inline-block;
  position: absolute;
  bottom: 1.7em;
  right: 0em
}

.watch-hd .badge-title {
  background: #f1f1f1;
  color: #414141;
  display: inherit;
  font-size: .6em;
  font-weight: bold;
  padding: .125em .5em
}

.watch-ad,
.watch-live {
  display: inline-block
}

.watch-live .badge-title {
  background-color: rgba(230, 33, 23, .8);
  border-radius: .08em;
  font-size: .9em;
  padding: 0 .5em;
  text-transform: uppercase;
  vertical-align: middle
}

.watch-ad .badge-title {
  background-color: #e6bc27;
  padding: .05em .25em;
  text-shadow: none;
  font-size: .9em;
  text-transform: capitalize
}

.fresh-watch .watch-ad .badge-title {
  background-color: #e7bd00;
  font-size: .85em;
  font-weight: bold;
  padding: 1px 7px
}

/*
   FILE ARCHIVED ON 02:14:33 Feb 28, 2016 AND RETRIEVED FROM THE
   INTERNET ARCHIVE ON 17:05:18 Jan 22, 2025.
   JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

   ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
   SECTION 108(a)(3)).
*/

/*
playback timings (ms):
captures_list: 0.755
exclusion.robots: 0.023
exclusion.robots.policy: 0.011
esindex: 0.017
cdx.remote: 52.069
LoadShardBlock: 830.081 (3)
PetaboxLoader3.datanode: 846.794 (4)
load_resource: 166.241
PetaboxLoader3.resolve: 123.479
*/