@font-face {
  font-family: 'roboto-condensed-regular';
  src: url('/RobotoCondensed-Regular.ttf') format('truetype')
}

@font-face {
  font-family: 'roboto-light';
  src: url('/Roboto-Light.ttf') format('truetype')
}

@font-face {
  font-family: 'youtube-icons';
  font-style: normal;
  font-weight: normal;
  src: url('/youtube-icons.ttf') format('truetype')
}
  

body,
html {
  font-family: 'roboto-condensed-regular', arial, sans-serif;
  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,
ul,
li {
  border: 0;
  margin: 0;
  outline: none;
  padding: 0
}

ul {
  list-style: none
}

.active,
:focus {
  outline: 0 solid
}

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

.logo-container {
  background-size: 100%;
  background: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/logo.png) no-repeat;
  float: right;
  height: 41px;
  position: absolute;
  right: 6%;
  top: 7.3%;
  width: 110px
}

.search-mode .logo-container,
.watch-state.no-mode .logo-container,
.no-app-background.logo-container {
  opacity: 0
}

#loader {}

#leanback {
  height: 100%
}

#app-container {
  height: 100%
}

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

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

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

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

#spinner-container {
  position: absolute;
  top: 16em;
  width: 100%
}

.opera #spinner-container {
  top: 20em
}

.carousel-loading-indicator {
  background: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/carousel-loading-indicator.gif);
  background-size: 100%;
  border-radius: 1em;
  height: 11.5em;
  margin: 0 auto;
  opacity: .7;
  overflow: hidden;
  width: 11.5em
}

.fallback-loading-indicator {
  color: #f1f1f1;
  display: none;
  font-size: 1.8em;
  margin: 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
}

.watch-state.browse-mode .feed-icon h2 {
  text-shadow: #000 .05em .05em
}

.watch-state.browse-mode #super-scroller div:nth-child(3) h2,
.watch-state.search-mode .browse-row h2 {
  text-shadow: #000 .04em .04em
}

#super-scroller {
  left: 2em;
  position: absolute;
  top: -1.4em;
  pointer-events: none
}

#scroller-background {
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 6em, rgba(0, 0, 0, 0.0) 32em);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 6em, rgba(0, 0, 0, 0.0) 32em);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 6em, rgba(0, 0, 0, 0.0) 32em);
  height: 100%;
  width: 33em
}

.search-mode #scroller-background,
.watch-state #scroller-background,
.search-mode #super-scroller {
  display: none
}

#super-scroller .feed-icon {
  height: 3.6em;
  white-space: nowrap
}

#super-scroller .icon {
  background: no-repeat center;
  background-size: 50%;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 3em;
  opacity: .4;
  padding-top: 0.9em;
  pointer-events: auto;
  text-align: center;
  text-shadow: #000 0.08em 0.08em;
  vertical-align: middle;
  width: 5.2em
}

.search-mode .browse-row h2,
#super-scroller .feed-icon h2 {
  color: #f1f1f1;
  font-family: 'roboto-light';
  font-size: 1.5em;
  font-weight: normal;
  margin: 0 0 0 1.4em;
  max-width: 20em;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: #000 .06em .06em;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: pre
}

#super-scroller .feed-icon h2 {
  text-transform: none;
  display: none
}

.search-mode .browse-row h2 {
  font-size: 3em;
  left: -0.05em;
  margin: 0
}

#super-scroller.enabled h2 {
  display: inline;
  opacity: .5
}

#super-scroller div:nth-child(3) {
  height: 6em;
  line-height: 6em
}

#super-scroller div:nth-child(3) .icon {
  background-size: 75%;
  cursor: default;
  font-size: 2em;
  opacity: 1;
  padding: 0;
  width: 2.5em
}

#super-scroller .feed-icon .icon:hover {
  opacity: 1
}

#super-scroller div:nth-child(3) h2 {
  display: inline-block;
  font-size: 3em;
  margin-left: 0.6em;
  margin-top: -0.1em;
  opacity: 1
}

#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;
  display: none;
  font-size: 100%;
  left: 0;
  padding: 1em;
  position: absolute;
  bottom: 0;
  width: 70%
}

.debug #debug-watermark {
  display: block
}

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

#debug-console li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

#super-scroller .icon,
#player-controls .item {
  font-family: 'youtube-icons';
  speak: none
}

#super-scroller .icon:before {
  font-size: 1.4em
}

.icon-gear:before {
  content: "\00e000"
}

.icon-clock:before {
  content: "\00e001"
}

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

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

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

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

.icon-subscribe:before {
  content: "\00e006"
}

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

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

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

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

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

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

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

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

.icon-sport:before {
  content: "\00e00f"
}

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

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

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

.icon-cc:before {
  content: "\00e013"
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-player-watchlater:before {
  content: "\00e03c"
}

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

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

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

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

.icon-player-size-small:before {
  content: "\00e041"
}

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

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

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

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

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

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

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

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

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

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

.icon-unsubscribe:before {
  color: #f00;
  content: "\00e006"
}

.icon-like-checked:before {
  color: #2793e6;
  content: "\00e048"
}

.icon-dislike-checked:before {
  color: #2793e6;
  content: "\00e049"
}

#browse {
  display: none;
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0
}

#browse-row {
  left: 9.2em;
  position: absolute;
  top: 17%;
  width: 100%
}

#browse-row.disabled {
  opacity: 0
}

.search-mode #browse-row {
  top: 25%
}

.browse-state #browse,
.browse-mode #browse,
.post-play-mode #browse,
.search-mode #browse {
  display: block
}

.post-play-mode #browse {
  background-color: rgba(0, 0, 0, .6)
}

.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
}

.feed-row {
  height: 30em;
  white-space: nowrap
}

.search-mode .feed-row {
  height: 23em
}

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

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

.browse-row h2 {
  display: none
}

.search-mode .browse-row h2 {
  display: block
}

.action-tile,
.post-play-tile,
.video-tile {
  background-color: #000;
  color: #f1f1f1;
  height: 100%;
  list-style: none;
  overflow: hidden;
  position: absolute;
  top: 3.5em;
  width: 27em
}

.post-play-tile {
  overflow: visible
}

.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-tile .video-tile {
  top: 0
}

.post-play-tile .default-title,
.post-play-tile .next-up-title {
  color: #cccccc
}

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

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

.search-mode .video-tile {
  top: 4em
}

.post-play-tile.active .video-tile,
.post-play-tile.active:hover .video-tile,
.video-tile.active,
.video-tile.active:hover {
  background-color: #f1f1f1
}

.action-tile.active {
  background-color: rgba(255, 255, 255, 0.4)
}

.feed-row .post-play-tile:nth-child(3) .post-play-title {
  display: none
}

.countdown-active .video-tile .video-thumb {
  opacity: .5
}

.item .overlay {
  display: none
}

.video-tile .top {
  height: 50%
}

.video-tile .overlay {
  color: #666;
  display: none;
  font-weight: 300;
  margin: 0.2em 0 0 1.9em;
  overflow: hidden;
  width: 84%
}

.video-tile.active .overlay {
  color: #666
}

.recent-search-tile .overlay {
  display: block
}

.video-tile .details {
  background: no-repeat left top;
  background-size: 16%;
  color: #aaa;
  font-weight: 300;
  height: 50%;
  margin: 1em .6em 1em 1.1em;
  overflow: hidden;
  padding-left: 17%;
  white-space: normal;
  word-break: break-word
}

.video-tile.active .details {
  color: #666
}

.video-tile .details .activity {
  color: #fff;
  font-size: 1.2em;
  line-height: 1.1em;
  overflow: hidden
}

.post-play-tile.active .details .activity,
.video-tile.active .details .activity {
  color: #000
}

.video-tile .bottom {
  height: 50%;
  opacity: .75
}

.video-tile.active .bottom {
  opacity: 1
}

.video-tile .bottom .title {
  font-size: 1.8em;
  height: 17%;
  letter-spacing: -.03em;
  line-height: 1.1em;
  overflow: hidden;
  padding: .6em .6em .8em .6em;
  text-overflow: ellipsis;
  white-space: normal
}

.search-mode .video-tile .bottom .title {
  height: 20%
}

.video-tile .video-thumb {
  background-color: #252525;
  background-position: center;
  background-size: 100%;
  height: 100%;
  opacity: .5
}

.video-tile .video-thumb.preloaded {
  background: no-repeat center;
  background-size: auto;
  background-image: url('/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-playbutton.png')
}

.action-tile .content {
  white-space: normal
}

.video-tile .duration {
  background: rgba(0, 0, 0, .7);
  bottom: 0.4em;
  display: none;
  font-size: 1em;
  padding: 0.2em .35em;
  position: absolute;
  right: .7em;
  text-shadow: #000 1px 1px
}

.post-play-tile.active .video-tile .bottom,
.video-tile.active .bottom {
  color: #222
}

.video-tile.active .video-thumb {
  opacity: 1
}

.action-tile.active .content {
  color: #f1f1f1;
  text-shadow: 1px 1px #444
}

.search-mode .video-tile .duration,
.search-mode .video-tile .overlay {
  display: block
}

.search-mode .video-tile .details {
  display: none
}

.search-mode .video-tile:hover .overlay {
  color: #f1f1f1
}

.action-tile .title {
  font-size: 2.8em;
  margin-left: 0.25em;
  margin-right: 0.25em;
  margin-top: 0.5em;
  text-align: center;
  text-transform: uppercase;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden
}

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

.action-tile .icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 7em;
  margin-top: -0.5em
}

.action-tile .icon.enabled {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-settings-checked.png)
}

.action-tile .icon.disabled {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-settings-unchecked.png)
}

.action-tile .sign-out-user-icon,
.action-tile .sign-in-user-icon {
  background-size: cover;
  height: 7em;
  margin: 3em auto 0 auto;
  width: 7em
}

.action-tile .sign-in-user-icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-default-avatar.png)
}

.action-tile .sign-out-username {
  font-size: 1.7em;
  text-align: center
}

.action-tile .description,
.action-tile .remote-pair-text,
.action-tile .remote-reset-help,
.action-tile .sign-out-help-text,
.action-tile .sign-in-help-text {
  bottom: 0.6em;
  box-sizing: border-box;
  font-size: 1.5em;
  padding: 0 0.7em;
  position: absolute;
  text-align: center;
  white-space: normal;
  width: 100%
}

.action-tile .sign-out-help-text {
  font-size: 2.5em
}

.action-tile .remote-pair-icon {
  background: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/phone-icons.png) no-repeat center;
  background-size: contain;
  height: 11em;
  margin-top: 3.5em
}

.action-tile .remote-reset-phone {
  background: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/phone-portrait.png) no-repeat center;
  background-size: contain;
  height: 14em;
  margin-top: .6em;
  text-align: center
}

.action-tile .remote-count {
  font-size: 5em;
  padding-top: .6em
}

.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
}

.watch-state #browse .row-playing {
  display: inline-block
}

.action-tile .large-action-icon {
  background: no-repeat center;
  background-size: contain;
  height: 9em;
  margin-top: 3em;
  width: 100%
}

.action-tile .search-icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-search-tile.png)
}

.action-tile .clear-search-icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-search-tile-clear.png)
}

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

.action-tile .warning {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-warning.png)
}

#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 #inner-dialog-container {
  color: #aaa;
  font-size: 1.8em;
  padding-top: 0.5em
}

.remote-reset-dialog #inner-dialog-container .connected-list {
  margin: 3em 1.5em 1em;
  position: absolute;
  right: 0;
  text-align: left;
  top: 0
}

.pairing .alternatives {
  padding-top: .5em;
  white-space: nowrap
}

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

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

.pairing .step1,
.pairing .step2 {
  color: #aaa;
  font-weight: 300
}

.pairing .pair-url {
  color: #f1f1f1;
  font-size: .9em;
  font-weight: bold;
  line-height: .9em
}

.pairing .step2 {
  margin-top: 1em
}

.pairing .pair-code {
  color: #f1f1f1;
  font-size: 1.5em;
  font-weight: bold;
  letter-spacing: .05em;
  line-height: 1em;
  white-space: nowrap
}

.pairing .or-box,
.pairing .qr-code,
.pairing .connected-list {
  display: inline-block;
  font-size: 2em;
  margin-left: .5em;
  vertical-align: top
}

#dialog .pairing .or-box {
  color: #aaa;
  font-size: 3.3em;
  font-weight: 300;
  margin: 2.2em 0 0 .3em
}

.pairing .qr-code .scan {
  color: #f1f1f1;
  margin-bottom: .5em
}

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

.remote-reset-dialog .connected-list {
  display: inline-block;
  height: 9em;
  margin-left: 1em;
  margin-top: -1em;
  vertical-align: middle
}

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

.remote-reset-dialog ul.devices,
.pairing ul.devices {
  list-style: none;
  font-size: 70%;
  color: #aaa
}

.remote-reset-dialog ul.devices li,
.pairing ul.devices li {
  padding-left: 1.5em;
  background-size: 1em;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/phone_icon.png);
  overflow: hidden;
  text-overflow: ellipsis;
  width: 11.5em
}

.remote-reset-dialog ul.devices li.connected {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/phone_icon_connected.png);
  color: #f1f1f1
}

#search .pairing {
  margin-top: 2em
}

#search .pairing .search-message {
  display: inline;
  font-size: 2em;
  text-shadow: -1px 1px 2px black;
  white-space: normal;
  vertical-align: top
}

#search .pairing .search-message .title {
  font-size: 1.5em;
  font-weight: 300;
  margin-top: 1.2em
}

#search .pairing .pairing-area {
  padding: 3em 4em
}

#search .pairing .alternatives {
  float: right;
  padding: 0;
  margin: 0 0 0 3em
}

#dialog .pairing .search-message,
#search .pairing .connected-list,
#search .pairing .or-box,
#search .pairing .qr-code,
#search .pairing {
  display: none
}

#search.active .pairing {
  display: block
}

.watch-state.no-mode #search,
.watch-state.title-mode #search,
.watch-state.transport-mode #search {
  display: none
}

.search-mode #search,
.watch-state.search-mode #search {
  display: block
}

#search {
  color: #f1f1f1;
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0
}

#search>.controls {
  background-color: rgba(0, 0, 0, 0.4);
  margin: 0 auto;
  padding: 1em 0 0.2em 0
}

#search-text-box {
  background-color: #f1f1f1;
  background: transparent url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/bg-search-input.png) repeat-x;
  font-size: 1.7em;
  height: 1.5em;
  line-height: 1.5em;
  margin: .5em auto;
  position: relative;
  width: 60%
}

#search-input {
  color: #111;
  background: none;
  border: none;
  height: 1.5em;
  left: 0.6em;
  position: absolute;
  text-transform: uppercase;
  width: 95%
}

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

#search-suggestion {
  color: #999;
  height: 1.5em;
  position: absolute;
  white-space: pre;
  width: 100%
}

#search-suggestion .suggestion-text {
  display: inline-block;
  height: 1.5em;
  line-height: 1.5em;
  max-width: 90%;
  overflow: hidden;
  padding-left: 0.6em;
  text-overflow: ellipsis;
  white-space: nowrap
}

#search-suggestion .suggestion-trigger {
  background: transparent url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/suggestion_trigger_hover.png) no-repeat;
  background-size: contain;
  cursor: pointer;
  display: inline-block;
  height: 1em;
  left: 0.15em;
  position: relative;
  top: 0.3em;
  vertical-align: top;
  width: 1em
}

#search-suggestion.active .suggestion-trigger,
#search-suggestion .suggestion-trigger:hover {
  background: transparent url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/suggestion_trigger.png) no-repeat;
  background-size: contain
}

#search-query {
  color: #111;
  height: 100%;
  overflow: hidden;
  padding: 0 0 0 .6em;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: pre;
  width: 95%
}

#search-input+#search-query {
  position: absolute
}

#search-query-cursor {
  border: 1px solid #666;
  display: inline-block;
  height: 1em;
  margin-bottom: -.16em;
  margin-left: -.1em;
  width: .5em
}

#search.active #search-query-cursor {
  background: #666
}

#search-keyboard {
  font-size: 2em;
  text-align: center
}

.lang-ko #search-keyboard {
  font-size: 1.82em
}

#search-keyboard,
.letter-suggest {
  list-style: none;
  text-shadow: 0 2px 2px #000;
  white-space: nowrap;
  z-index: 1
}

#keyboard-grid {
  display: inline-block;
  overflow: hidden
}

#search-keyboard .letter-tile .delete-icon {
  width: .9em
}

#search-keyboard .letter-tile .language-toggle-icon {
  width: 1.2em
}

#search-keyboard .letter-tile:hover {
  background-color: rgba(153, 153, 153, .4);
  cursor: pointer
}

#search-keyboard .grid-row.active .letter-tile.active,
#search-keyboard .letter-tile.disabled {
  background-color: rgba(153, 153, 153, .85)
}

#search-keyboard .language-toggle-icon {
  background-size: 80%;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-globe.png)
}

#search-keyboard .delete-icon {
  background-size: 80%;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-delete.png)
}

.letter-suggest {
  opacity: 0;
  position: absolute
}

#search.active .letter-suggest.enabled {
  opacity: 1
}

#search-keyboard .letter-tile,
#letter-suggest .letter-tile {
  text-align: center;
  width: .9em
}

.lang-ko #search-keyboard .letter-tile {
  width: 1em
}

#keyboard-grid .letter-tile {
  display: inline-block
}

#letter-suggest .letter-tile {
  background-color: rgba(153, 153, 153, .85);
  height: 1.4em
}

#search-keyboard .letter-tile.disabled,
#letter-suggest .letter-tile {
  color: rgba(0, 0, 0, 0.8);
  text-shadow: none
}

#letter-suggest .active {
  color: #f1f1f1;
  text-shadow: 0 2px 2px #000
}

#transliteration-container {
  display: none
}

#search-keyboard.transliterable #transliteration-container {
  display: block
}

#transliteration.list-content {
  height: 1.2em;
  margin: 0 auto 3px;
  overflow: hidden;
  text-align: center;
  width: 77%
}

#transliteration.list-content>li {
  border-right: 1px solid rgba(255, 255, 255, .2);
  display: inline;
  padding: 0 0.5em;
  position: relative;
  top: -0.1em
}

#transliteration.list-content li.active {
  background-color: rgba(153, 153, 153, .85);
  border-right: 1px solid rgba(153, 153, 153, .85)
}

#transliteration .item:hover {
  background-color: rgba(153, 153, 153, .4);
  cursor: pointer
}

#player {
  height: 100%;
  width: 100%
}

#watch {
  display: none
}

.watch-state #watch {
  display: block
}

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

#player-video {
  height: 100%
}

.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-ypc-module,
.player-actions-container,
.video-ad-status-bar,
.video-annotations,
.html5-watermark,
.video-fallback-content {
  display: none
}

.html5-video-player {
  overflow: visible
}

.html5-video-player .hid {
  display: none
}

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

.html5-video-info-panel-close {
  position: absolute;
  right: 0
}

.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
}

.branding-element,
.advertisement-callout {
  bottom: 15%;
  position: absolute;
  right: 5%
}

#branding-watermark {
  display: none
}

#branding-banner {
  display: none;
  position: relative;
  white-space: nowrap
}

#branding-banner-image,
#branding-banner-overlay {
  bottom: 0;
  position: absolute;
  right: 0
}

#branding-banner-overlay {
  color: #f1f1f1;
  font-size: 2.2em;
  padding: 0.2em;
  text-shadow: 0 0 10px
}

.advertisement-callout {
  background-size: cover;
  background: transparent url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/advertisement-bg.png) 0 0 repeat;
  color: #cfc323;
  font-size: 1.1em;
  padding: 0.7em
}

.advertisement-callout .time-left-label {
  color: #fff
}

#player-controls-container {
  bottom: 3em;
  height: 137px;
  display: none;
  position: absolute;
  width: 100%
}

#watch-title {
  display: none
}

#player-controls-container.active,
.transport-mode #watch-title,
.title-mode #watch-title {
  display: block
}

.player-controls-widget {
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  background-color: #000;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.84) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.84) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.84) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.84) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.52) 0%, rgba(0, 0, 0, 0.84) 100%);
  border-top: none;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.5);
  height: 101px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 515px
}

.player-controls-border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 10px
}

.title-card {
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  background: rgba(0, 0, 0, 0.5);
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  height: 18%;
  display: none;
  position: absolute;
  width: 100%;
  top: 0
}

.title-card.title-card-active {
  display: block
}

.player-meta {
  color: #f1f1f1;
  left: 5%;
  overflow: hidden;
  position: absolute;
  top: 24%;
  white-space: nowrap;
  width: 95%
}

.player-meta .player-video-details {
  font-size: 150%
}

.player-meta .player-video-details>div {
  float: left;
  margin: .2em 1em 0 1.1em
}

.player-video-avatar {
  float: left
}

.player-video-avatar img {
  height: 5.5em;
  width: 5.5em
}

.player-video-title {
  font-size: 2.4em;
  letter-spacing: -.03em;
  margin: -.1em 0 0 2.9em;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 75%
}

.player-controls {
  display: inline-block;
  position: relative;
  text-align: center;
  top: 32px
}

.player-controls div {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 24px;
  margin: 0 1em 0 0;
  opacity: .5;
  text-shadow: 0px 1px 1px #000;
  vertical-align: middle
}

.player-controls div:hover {
  color: #fff;
  opacity: .8
}

.player-controls .icon-player-play,
.player-controls .icon-player-pause {
  font-size: 43px;
  margin: 0 0.5em 0 0;
  padding: 0;
  vertical-align: middle
}

.player-controls .icon-player-pause {
  letter-spacing: 4px
}

.player-controls div.active {
  opacity: 1
}

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

.player-controls .icon-flag {
  margin: 0
}

#transport-closed-captions-button:hover,
#transport-closed-captions-button.active,
#transport-closed-captions-button.highlighted {
  background-position: -350px -28px
}

#transport-closed-captions-button.highlighted {
  opacity: .9
}

#transport-closed-captions-button.highlighted.active {
  opacity: 1
}

#transport-closed-captions-button.highlighted.disabled-button {
  opacity: .2
}

#progress-bar>div {
  background: transparent url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/player-controls.png) no-repeat
}

#progress-bar .player-seek-active {
  background-position: -27px -178px;
  bottom: 0px;
  height: 10px;
  position: absolute
}

#progress-bar .player-seek-buffer {
  background-position: -27px -207px;
  height: 10px;
  position: absolute
}

#progress-bar .player-seek-ad {
  background-position: -27px -270px;
  height: 10px;
  position: absolute;
  width: 50px
}

#progress-bar {
  background-color: rgba(255, 255, 255, 0.1);
  background-position: -27px -237px;
  height: 10px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 515px
}

.player-time-elapsed {
  color: #b9b9b9;
  font-size: 14px;
  left: 16px;
  position: absolute;
  text-align: left;
  top: 20px
}

.player-time-total {
  color: #b9b9b9;
  font-size: 14px;
  position: absolute;
  right: 16px;
  text-align: right;
  top: 20px
}

.button-tooltip {
  color: white;
  font-size: 2em;
  margin-top: -1.6em;
  position: absolute;
  text-shadow: #000 0.08em 0.08em;
  width: 515px
}

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

.watch-state.browse-mode #watch .carousel-loading-indicator {
  display: 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
}

.html5-video-content {
  position: absolute
}

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

.html5-video-player .standard-caption-window {
  position: absolute;
  top: auto !important;
  white-space: normal;
  width: 80%
}

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

.html5-video-player .captions-text {
  position: relative;
  word-wrap: normal
}

.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%)
}

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

#toast .static-toasts {
  left: 0;
  position: absolute;
  top: 0
}

#toast .qr-code-container {
  background-color: #f1f1f1;
  height: 16em;
  overflow: hidden;
  text-align: right;
  visibility: hidden;
  width: 0em;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease;
  -webkit-transition: all .6s ease
}

#toast .qr-code-container>img {
  bottom: 0;
  height: 15em;
  position: absolute;
  right: 0;
  width: 15em
}

#toast .qr-code-container.shown {
  width: 16.7em;
  visibility: visible
}

#toast .rolling-toasts {
  padding-top: .8em;
  position: absolute;
  width: 100%
}

#toast .toast {
  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
}

#toast .toast-container {
  background-color: rgba(27, 25, 26, 0.8);
  border: 1px solid black;
  display: inline-block;
  margin: .2em 0 1em;
  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
}

#toast .toast.toast-roll {
  height: 0em
}

#toast .toast.toast-roll .toast-container {
  opacity: 0
}

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

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

#toast .remote-connect .toast-msg {
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 1.1em 1.1em;
  padding-left: 1.4em
}

#toast .remote-connected {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/remote_connect.png)
}

#toast .remote-disconnected {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/remote_disconnect.png)
}

#toast .android-phone-connected {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-android-phone-connected.png)
}

#toast .android-phone-disconnected {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-android-phone-disconnected.png)
}

#toast .android-tablet-connected {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-android-tablet-connected.png)
}

#toast .android-tablet-disconnected {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-android-tablet-disconnected.png)
}

#toast .ios-phone-connected {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-ios-phone-connected.png)
}

#toast .ios-phone-disconnected {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-ios-phone-disconnected.png)
}

#toast .ios-tablet-connected {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-ios-tablet-connected.png)
}

#toast .ios-tablet-disconnected {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-ios-tablet-disconnected.png)
}

#toast .laptop-connected {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-laptop-connected.png)
}

#toast .laptop-disconnected {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-laptop-disconnected.png)
}

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

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

#toast .volume-muted {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/volume_mute_pressed.png)
}

#toast .volume-low {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/volume_0_pressed.png)
}

#toast .volume-mid {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/volume_1_pressed.png)
}

#toast .volume-high {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/volume_2_pressed.png)
}

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

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

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

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

#dialog.active {
  display: block
}

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

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

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

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

.text-dialog #inner-dialog-container {
  color: #aaa;
  font-size: 1.8em;
  padding-bottom: 1em;
  width: 90%
}

#inner-dialog-container li {
  font-size: .78em
}

#inner-dialog-container .url {
  color: #fff;
  font-size: 1.25em;
  padding-bottom: .8em
}

#inner-dialog-container .flag-claim .url {
  padding-bottom: .5em
}

#inner-dialog-container .reset-help {
  display: block;
  width: 25em
}

#dialog .login-guest-info {
  white-space: nowrap
}

#search .pairing .phone-content,
#dialog .pairing .phone-content,
#dialog .login-instructions {
  background: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/phone-landscape.png) top left no-repeat;
  background-size: contain;
  display: inline-block;
  font-size: 2em;
  font-weight: 300;
  height: 7em;
  margin-top: 1em;
  padding: 1em 2.5em 1em 3.3em;
  white-space: normal;
  width: 11em
}

#dialog .login-instructions {
  list-style-position: inside;
  list-style-type: decimal
}

#dialog .login-instructions li {
  color: #ccc;
  font-size: 1.2em;
  line-height: 1.1em;
  margin-bottom: 0.5em
}

#dialog .login-instructions li>* {
  display: inline-block
}

#dialog .login-instructions h4 {
  display: inline;
  font-weight: 300;
  margin: 0
}

#dialog .login-instructions div {
  color: #fff;
  font-weight: normal
}

#dialog .login-instructions .activate-url {
  font-size: 0.8em
}

#dialog .login-instructions .pairing-code {
  font-size: 1.3em;
  letter-spacing: 0.1em;
  line-height: 1.3em
}

#dialog .qr-code-wrapper {
  display: inline
}

#dialog .login-authenticated-info {
  padding-left: 8em;
  padding-top: 8em
}

#dialog .logout-authenticated-info {
  padding: 2.5em 0
}

#dialog .login-user-icon {
  background-size: cover;
  display: inline-block;
  height: 8em;
  width: 8em
}

#dialog .login-user-info {
  display: inline-block;
  margin-left: 1.7em;
  margin-top: -0.8em
}

#dialog .login-user-info h3 {
  font-size: 2.2em;
  font-weight: normal;
  margin: 0
}

#dialog .login-user-info {
  font-size: 2em;
  font-weight: 300
}

#dialog .loading-info {
  float: right;
  margin: -2.5em 4em 0 0
}

#dialog .spinner {
  height: 10em;
  width: 10em
}

#dialog .spinner .carousel-loading-indicator {
  background-size: contain;
  height: 100%;
  width: 100%
}

#dialog .loading-info .loading-text {
  color: #ccc;
  font-size: 1.5em;
  font-weight: 300;
  margin-top: -0.9em
}

#dialog .buttons {
  font-size: 3em;
  font-weight: 300;
  padding-top: 0.3em
}

#dialog .buttons div {
  background-color: #333;
  color: #000;
  cursor: pointer;
  display: inline-block;
  min-width: 3em;
  padding: 0.1em;
  text-align: center
}

#dialog .buttons div:hover {
  background-color: #666
}

#dialog .buttons div+div {
  margin-left: 0.5em
}

#dialog .buttons .active,
#dialog .buttons .active:hover {
  background-color: #f1f1f1;
  color: #666
}

.scrolling-text {
  font-size: 1.3em;
  height: 15em;
  margin-right: 1.1em;
  margin-top: 1em;
  overflow: hidden
}

.scrolling-text h4 {
  margin: 0;
  padding: 0
}

.scrolling-text>div {
  padding-bottom: 1em
}

#dialog.no-app-background>#dialog-wrapper {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/call-to-cast-yt-logo.jpg);
  background-repeat: no-repeat;
  background-position: 6em 95%
}

.call-to-cast-background {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/call-to-cast-devices.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 50%
}

.call-to-cast-text {
  color: #f1f1f1;
  font-family: 'roboto-light';
  font-weight: normal;
  margin-bottom: 0;
  text-shadow: #000 .06em .06em;
  width: 50%
}

h2.call-to-cast-text {
  font-size: 3em
}

h3.call-to-cast-text {
  font-size: 1.5em
}

.flag-list-container {
  margin-top: .5em
}

.flag-list {
  display: inline-block;
  vertical-align: top
}

.flag-list>div {
  color: #868686;
  cursor: pointer;
  font-size: 1.8em;
  padding: 0.4em;
  width: 12em
}

.cc-list .grid-row>div:hover,
.flag-list>div:hover {
  background-color: #444
}

.cc-list .grid-row div.active,
.cc-list .grid-row div.active:hover,
.flag-list div.active,
.flag-list div.active: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: 0.5em
}

.flag-example {
  background: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/flag.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: 1.4em;
  font-weight: 500;
  padding-top: .2em;
  white-space: normal
}

.flag-claim .url {
  color: #868686;
  display: block;
  font-weight: 300
}

.flag-claim {
  font-size: 1.6em;
  font-weight: 300;
  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 div.title {
  font-size: 3em;
  padding-bottom: .5em
}

.player-error-dialog .player-error {
  color: #aaa;
  font-size: 1.8em
}

#dialog.player-error-dialog .buttons {
  padding-top: 2em
}

#closed-captions-widget {
  font-weight: 300;
  height: 23em;
  margin-top: .5em;
  overflow: hidden
}

#dialog-scrollbar,
.grid-scrollbar {
  height: 70%;
  margin-top: 5em;
  right: 5em
}

#dialog-scrollbar .handle,
.grid-scrollbar .handle {
  height: 5em
}

.cc-list .grid-row .item {
  color: #868686;
  cursor: pointer;
  display: inline-block;
  font-size: 1.8em;
  padding: 0.4em;
  vertical-align: top;
  width: 30%
}

#shiyojo {
  font-size: 1.3em
}

#kenko ul,
#shiyojo ul {
  list-style-type: square;
  margin-left: 2em;
  padding-bottom: 1em
}

#shiyojo ul {
  list-style-type: disc;
  margin-top: 1em
}

#shiyojo .small-print {
  font-size: .8em;
  margin-top: 4.5em
}

#shiyojo .playstation-logo,
#shiyojo .ps3-logo,
#kenko .warning {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/logo-playstation.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: .8em;
  width: 1em
}

#kenko>div {
  margin-bottom: .8em
}

#shiyojo .ps3-logo {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/logo-ps3.png);
  width: 2.7em
}

#kenko .warning {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-warning.png)
}

.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, 0.5)
}

.status-dialog .icon {
  background: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/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: 0.5em;
  vertical-align: middle;
  width: 70%
}

.status-dialog .message {
  color: #ccc;
  font-size: 2em
}

.status-dialog #inner-dialog-container {
  padding-top: 7em
}

.lang-en #search .login-instructions .pairing-code,
.lang-en #dialog .login-instructions .pairing-code {
  display: block
}

.lang-en #search .pairing .phone-content .pair-url,
.lang-en #dialog .pairing .phone-content .pair-url {
  display: block
}

.lang-de #dialog .login-instructions li,
.lang-el #dialog .login-instructions li,
.lang-ko #dialog .login-instructions li,
.lang-ru #dialog .login-instructions li,
.lang-zh #dialog .login-instructions li {
  font-size: 1.1em
}

.lang-ja #dialog .login-instructions li {
  font-size: 1em;
  margin-bottom: 0.1em
}

.lang-ja .pairing .phone-content .step1,
.lang-ja .pairing .phone-content .step2,
.lang-ko .pairing .phone-content .step1,
.lang-ko .pairing .phone-content .step2,
.lang-zh .pairing .phone-content .step1,
.lang-zh .pairing .phone-content .step2 {
  font-size: 0.8em
}

.lang-es .action-tile .title {
  font-size: 1.9em
}

.lang-fr .action-tile .title,
.lang-it .action-tile .title {
  font-size: 2.0em
}

.lang-ja .action-tile .title {
  margin-top: 0.3em
}

.lang-es .action-tile .remote-reset-phone,
.lang-fr .action-tile .remote-reset-phone,
.lang-it .action-tile .remote-reset-phone {
  margin-top: 2em
}

.lang-ja .action-tile .remote-reset-phone {
  margin-top: 1.8em
}

#search-keyboard.lang-jp .item {
  width: 1.2em
}

.lang-ja .search-mode #browse-row {
  top: 28%
}

#search-keyboard.lang-ru .item {
  width: .75em
}

#search-keyboard.lang-ko #keyboard-grid {
  text-align: left
}

.legend {
  bottom: 6%;
  color: #f1f1f1;
  position: absolute;
  right: 5%;
  text-shadow: 2px 2px 4px #000;
  display: none
}

.legend>div {
  display: inline-block;
  margin: 0 0 0 16px;
  cursor: pointer
}

.legend span {
  display: inline-block;
  vertical-align: middle
}

.legend .icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.legend .backspace,
.legend .reversed-back,
.legend .switch-displays {
  display: none
}

.reversed-keys .reversed-back {
  display: inline-block
}

.reversed-keys .back {
  display: none
}

.legend .icon {
  display: block;
  height: 2em;
  width: 2em
}

.legend .title {
  display: block;
  font-size: 0.8em;
  margin-top: .5em;
  text-align: center;
  text-transform: lowercase
}

.legend .more .icon {
  width: 5.5em
}

.desktop .legend,
.ps3 .legend,
.tv .legend,
.wiiu .legend {
  display: inline-block
}

.wiiu .legend {
  font-size: 1.5em
}

.desktop .legend .more .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-desktop-dpad-down.png)
}

.desktop .legend .back .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-desktop-esc.png)
}

.desktop .legend .search .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-desktop-s.png)
}

.desktop .legend .home .icon,
.desktop .legend .delete .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-desktop-g.png)
}

.browse-state .more,
.browse-state.no-mode #legend .back,
.browse-state.no-mode #legend .reversed-back,
.browse-state.no-mode .delete,
.browse-state.no-mode .home,
.search-mode .more,
.search-mode .search,
.search-mode.browse-active .delete,
.search-mode.search-active .home,
.watch-state.no-mode #legend,
.watch-state.title-mode .delete,
.watch-state.transport-mode .delete,
.watch-state.browse-mode .delete,
.watch-state.post-play-mode .delete,
.watch-state.post-play-mode .more,
.wiiu .search-mode.search-active .delete,
#dialog-legend .more,
#dialog-legend .search,
#dialog-legend .home,
#dialog-legend .delete {
  display: none
}

.tv .legend .icon,
.ps3 .legend .icon,
.wiiu .legend .icon {
  display: inline-block;
  height: 1.5em;
  width: 1.5em;
  margin-right: .3em
}

.tv .legend .title,
.ps3 .legend .title,
.wiiu .legend .title {
  display: inline-block;
  font-size: 1em;
  margin-top: 0;
  text-transform: none
}

.ps3 .legend .more .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-ps3-dpad-down.png)
}

.ps3 .legend .back .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-ps3-circle.png)
}

.ps3 .legend .reversed-back .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-ps3-x.png)
}

.ps3 .legend .search .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-ps3-triangle.png)
}

.ps3 .legend .home .icon,
.ps3 .legend .delete .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-ps3-square.png)
}

.ps3 #dialog .logout-authenticated-info {
  padding-top: 0
}

.ps3 .action-tile .platform-container {
  margin: 1em;
  text-align: center
}

.ps3 .action-tile .sign-out-user-icon {
  margin: 1.5em auto 0 auto
}

.ps3 .login-user-info .platform-user-name,
.ps3 .platform-user-name {
  vertical-align: middle
}

.ps3 .login-user-info .platform-user-icon,
.ps3 .platform-user-icon {
  background-size: cover;
  display: inline-block;
  height: 3em;
  vertical-align: middle;
  width: 3em
}

.ps3 #dialog .login-user-info .platform-container>div {
  font-size: 1em
}

.wiiu .legend .more .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-ps3-dpad-down.png)
}

.wiiu .legend .back .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-wiiu-b.png)
}

.wiiu .legend .search .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-wiiu-y.png)
}

.wiiu .legend .home .icon,
.wiiu .legend .delete .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-wiiu-x.png)
}

.wiiusteel .legend .switch-displays {
  display: inline-block
}

.wiiusteel .legend .switch-displays .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-wiiu-minus.png)
}

.wiiusteel .nativeosk .legend .back .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-wiiu-back.png)
}

.wiiusteel .nativeosk.search-mode .legend .backspace {
  display: inline-block
}

.wiiusteel .nativeosk.search-mode .legend .backspace .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-wiiu-b.png)
}

.wiiu .qr-code-wrapper {
  display: none
}

.wiiu .player-controls-widget {
  background: transparent url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/player-background.png) 0 0 repeat-x;
  background-size: cover;
  box-shadow: none
}

.wiiu .player-controls-border {
  border: none
}

.wiiu .advertisement-callout {
  height: 5em;
  width: 18%
}

.wiiu .search-mode #browse-row {
  top: 15%
}

.tv .legend .delete,
.tv .legend .home,
.tv .legend .search {
  display: none
}

.tv .legend .more .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-tv-dpad-down.png)
}

.lg .legend .back {
  cursor: pointer
}

.tv .legend .back .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-tv-back.png)
}

.lg .legend .more .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-lgtv-dpad-more.png) !important
}

.lg .legend .more:hover .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-lgtv-dpad-more-hover.png) !important
}

.lg .legend .back .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-lgtv-back-default.png) !important
}

.lg .legend .back:hover .icon {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-lgtv-back-hover.png) !important
}

body.samsung {
  background-color: transparent !important
}

body.lg {
  background-color: transparent !important;
  background-image: url(https://web.archive.org/web/20130711074930im_/tv:/) !important
}

.limited-graphics .bg,
.eureka .bg {
  background-image: none;
  background-color: #2e2e2e
}

.opera .carousel-loading-indicator,
.lg .carousel-loading-indicator {
  display: none
}

.opera .fallback-loading-indicator,
.lg .fallback-loading-indicator {
  display: block
}

.limited-graphics .video-tile .video-thumb {
  background: no-repeat center;
  background-size: auto;
  opacity: 1
}

.limited-graphics #super-scroller .feed-icon .icon {
  opacity: 1
}

.limited-graphics #super-scroller h2.enabled {
  opacity: 1
}

.limited-graphics .post-play-tile,
.limited-graphics .action-tile,
.limited-graphics .video-tile {
  background-color: #1c1c1c;
  display: inline-block;
  margin-right: 0.8em;
  position: relative;
  vertical-align: top
}

.limited-graphics .post-play-tile .video-tile {
  margin: 0
}

.limited-graphics .post-play-tile .post-play-countdown {
  top: -3em
}

.limited-graphics .search-mode .video-tile {
  top: 0;
  height: 26em
}

.limited-graphics .video-tile .bottom {
  background-color: #252525;
  color: #888;
  opacity: 1
}

.limited-graphics .video-tile .details {
  color: #444
}

.limited-graphics .video-tile .details .activity {
  color: #888
}

.limited-graphics .video-tile.active .bottom,
.limited-graphics .video-tile.active .details .activity {
  background: #f1f1f1;
  color: #000
}

.limited-graphics .video-tile.active .details {
  color: #666
}

.limited-graphics .action-tile.active {
  background: rgba(255, 255, 255, 0.4)
}

.limited-graphics .video-tile.active {
  background-color: #f1f1f1
}

.limited-graphics .hide-background.video-tile .video-thumb {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/icon-playbutton.png) !important;
  background-repeat: no-repeat;
  opacity: 1
}

.limited-graphics .action-tile.active {
  background-color: #aaa
}

.limited-graphics .action-tile.active .content {
  text-shadow: none
}

.limited-graphics .post-play-countdown {
  text-shadow: none
}

.limited-graphics #search-keyboard .grid-row.active .item.active>div,
.limited-graphics #search-keyboard .item.disabled>div,
.limited-graphics .letter-suggest .item {
  background-color: rgba(153, 153, 153, 1)
}

.limited-graphics #search>.controls {
  background-color: #000
}

.limited-graphics #search-keyboard,
.limited-graphics .letter-suggest {
  text-shadow: none
}

.limited-graphics #search-keyboard .disabled,
.limited-graphics #letter-suggest .item {
  color: #000;
  text-shadow: none
}

.limited-graphics #letter-suggest .item.active {
  color: #f1f1f1;
  text-shadow: none
}

.limited-graphics #transliteration.list-content>span {
  border-right-color: #f1f1f1
}

.limited-graphics #transliteration.list-content span.active {
  background-color: rgba(153, 153, 153, 1);
  border-right-color: rgba(153, 153, 153, 1)
}

.limited-graphics #toast .toast-container {
  background-color: rgba(27, 25, 26, 1)
}

.limited-graphics .title-card {
  background: #000
}

.limited-graphics #progress-bar {
  background-color: #222
}

.limited-graphics #super-scroller {
  position: absolute
}

.limited-graphics #super-scroller .icon {
  text-shadow: none
}

.limited-graphics #scroller-background {
  background-color: #1c1c1c;
  width: 7.6em
}

.opera .active,
.opera :focus {
  outline: invert none medium
}

.eureka #browse,
.eureka #player-controls-container,
.eureka #dialog .buttons,
.eureka .legend {
  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
  }
}

.eureka #watch.play #eureka-player-controls {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/player-play.png);
  -webkit-animation: hideAndGrowPlay linear 0.25s 0s 1 normal none
}

.eureka #watch.pause #eureka-player-controls {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/player-pause.png);
  -webkit-animation: showAndShrinkPause linear 0.25s 0s 1 normal none;
  opacity: .7
}

.nav-arrow {
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 80%;
  cursor: pointer;
  display: none;
  height: 6em;
  position: absolute;
  width: 6em
}

.pointer .nav-arrows-enabled .nav-arrow {
  display: block
}

.pointer #up-arrow {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/motion-control-up-button-default.png);
  top: 5%;
  left: 45%
}

.pointer #up-arrow:hover {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/motion-control-up-button-hover.png)
}

.pointer #down-arrow {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/motion-control-down-button-default.png);
  bottom: 5%;
  left: 45%
}

.pointer #down-arrow:hover {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/motion-control-down-button-hover.png)
}

.pointer #left-arrow {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/motion-control-left-button-default.png);
  top: 50%;
  left: 5%
}

.pointer #left-arrow:hover {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/motion-control-left-button-hover.png)
}

.pointer #right-arrow {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/motion-control-right-button-default.png);
  top: 50%;
  right: 5%
}

.pointer #right-arrow:hover {
  background-image: url(/web/20130711074930im_/https://www.youtube.com/s/tv/html5/7b193301/img/motion-control-right-button-hover.png)
}

.pointer .search-mode #up-arrow,
.pointer .search-mode #down-arrow {
  display: none
}

.opera .html5-video-player .captions-text {
  text-shadow: none !important
}

.sony-odm-2012 {
  font-family: arial, sans-serif
}

.sony-odm-2012 .video-tile .bottom .title {
  letter-spacing: .03em
}

.sony-odm-2012 .video-tile .details {
  letter-spacing: .1em;
  font-size: 1.25em
}

.sony-odm-2012 .video-tile .details .activity {
  font-weight: normal;
  font-size: 1em;
  overflow: hidden;
  white-space: normal
}

.sony-odm-2012 .player-controls div {
  color: #aaa;
  opacity: 1;
  padding-right: 3px;
  text-shadow: none
}

.sony-odm-2012 .player-controls div:hover {
  color: #dedede;
  opacity: 1
}

.sony-odm-2012 .player-controls div.active {
  color: #fff
}

.sony-odm-2012 .player-controls div.disabled-button {
  color: #666
}

.sony-odm-2012 #dialog .login-instructions li,
.sony-odm-2012 #dialog .pairing .pair-code {
  font-size: 1em
}

.sony-odm-2012 #dialog .login-instructions .activate-url {
  font-size: 0.7em
}

.sony-odm-2012 #dialog .login-instructions {
  width: 12em
}

.toshiba-mstar #dialog .login-instructions li {
  letter-spacing: -.03em
}

@media screen and (min-width:1920px) {
  .opera .video-stream {
      height: 1080px;
      width: 1920px
  }
  .limited-graphics .video-tile .video-thumb {
      background-color: #000
  }
}

@media screen and (max-width:1279px) {
  .player-controls-widget {
      -moz-transform: scale(.6);
      -ms-transform: scale(.6);
      -o-transform: scale(.6);
      -webkit-transform: scale(.6)
  }
  .logo-container {
      -moz-transform: scale(.8);
      -ms-transform: scale(.8);
      -o-transform: scale(.8);
      -webkit-transform: scale(.8);
      top: 6%
  }
  .ps3 #legend .icon {
      top: 6px
  }
  #search-keyboard .letter-tile,
  #letter-suggest .letter-tile {
      width: .7em
  }
}

@media screen and (max-width:1024px) and (max-height:576px) {
  .advertisement-callout {
      bottom: 14%
  }
  .opera .video-stream {
      height: 576px;
      width: 1024px
  }
  #search-keyboard .letter-tile,
  #letter-suggest .letter-tile {
      width: .7em
  }
  #dialog-wrapper {
      padding-left: 4em;
      padding-right: 4em
  }
  #inner-dialog-container .pairing {
      -moz-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
      -o-transform-origin: 0 50%;
      -webkit-transform-origin: 0 50%;
      -moz-transform: scale(.7);
      -ms-transform: scale(.7);
      -o-transform: scale(.7);
      -webkit-transform: scale(.7)
  }
}

@media screen and (max-width:720px) and (max-height:480px) {
  .flag-claim .metadata {
      width: 53%
  }
  .advertisement-callout {
      bottom: 17%;
      right: 10%
  }
  .opera .video-stream {
      height: 480px;
      width: 720
  }
  #search .pairing .alternatives {
      margin: 0 0 0 1em
  }
  #search-keyboard .letter-tile,
  #letter-suggest .letter-tile {
      width: .8em
  }
  #search .pairing .search-message .title {
      margin-top: 0.7em
  }
  .branding-element {
      -moz-transform: scale(.6);
      -ms-transform: scale(.6);
      -o-transform: scale(.6);
      -webkit-transform: scale(.6)
  }
  #inner-dialog-container .pairing {
      font-size: 0.8em;
      margin-top: 2em
  }
}

@media screen and (max-width:640px) and (max-height:480px) {
  .flag-claim .metadata {
      width: 49%
  }
  .opera .video-stream {
      height: 480px;
      width: 640px
  }
  #search-keyboard .letter-tile,
  #letter-suggest .letter-tile {
      width: .7em
  }
  .branding-element {
      -moz-transform: scale(.6);
      -ms-transform: scale(.6);
      -o-transform: scale(.6);
      -webkit-transform: scale(.6)
  }
  #inner-dialog-container .reset-help {
      display: block;
      width: 27em
  }
}

/*
   FILE ARCHIVED ON 07:49:30 Jul 11, 2013 AND RETRIEVED FROM THE
   INTERNET ARCHIVE ON 00:38:45 Feb 11, 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: 1.158
exclusion.robots: 0.018
exclusion.robots.policy: 0.008
esindex: 0.01
cdx.remote: 646.027
LoadShardBlock: 270.913 (3)
PetaboxLoader3.datanode: 430.877 (4)
load_resource: 272.058
*/