body,
h1, h2, h3, h4,
p,
ul, ol, li,
table,
table th,
table td,
pre,
blockquote,
form,
button
{
  text-align: left;
  margin: 0;
  padding: 0;
  font-weight: normal;
}
li
{
  list-style-type: none;
}
table
{
  border-collapse: collapse;
  border-spacing: 0;
}
table th,
table td
{
  vertical-align: top;
}
a img
{
  border: none;
}
hr
{
  margin: 0.875em 0 1.125em 0;
  padding: 0;
  border: none;
  height: 1px;
  background: rgb(201,208,208);
}
button
{
  border: none;
  background: none;
  cursor: pointer;
  -webkit-appearance: none;
}
button::-moz-focus-inner
{
  padding: 0 !important;
  border: 0 none !important;
}
::selection
{
  background: rgb(200,216,244);
}
*, *:before, *:after
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div.preferences:after,
div.preferences ul:after,
div.submit:after,
ul.actions:before,
ul.actions:after,
ul.channels a:after,
ul.videos:after,
ul.videos li a:after,
ul.results li:after,
div.field ul.artworks:after,
div.field ul.artworks li:after,
div.field ul.thumbnails:after,
div.field ul.thumbnails li:after,
section:after,
div.home.general ul.organizations:after,
ul.tabpanels li:after,
ul.toggles:after
{
  content: '';
  display: block;
  clear: both;
}
.hidden,
div.expandable.collapsed
{
  display: none !important;
}
body, input, button, textarea
{
  font: 14px/1.29 'Lucida Grande', verdana, sans-serif;
  -webkit-text-size-adjust: 100%;
  color: #333;
}
div.player video::cue
{
  font-family: 'Lucida Grande', verdana, sans-serif;
}
code,
tt,
p.copyable
{
  font-family: 'Monaco' ,'Menlo', 'Courier New', monospace;
  font-size: 95%;
}
html.ios input[type=text], 
html.ios input[type=email], 
html.ios textarea,
html.ios form div.selection div.value
{
  font-size: 16px;
}
body
{
  background: rgb(228, 232, 240);
  background-image: linear-gradient(rgba(0,0,0,0.05), rgba(0,0,0,0));
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 50%;
}
.column
{
  margin: 0 auto;
  max-width: 1024px;
}
.top_banner
{
  position: relative;
  background: black;
}
.top_banner > div
{
  display: flex;
  padding: 0 0 0 1.8em;
}
.top_banner > div > div
{
  flex: 1;
  padding: 1em 0;
}
.top_banner p
{
  font-size: 86%;
}
.top_banner p,
.top_banner a
{
  color: white;
}
.top_banner form
{
  display: block;
}
.top_banner form button
{
  width: 5.2em;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 30% auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100%25' height='100%25' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:1.41421%3B'%3E%3Crect x='0' y='0' width='16' height='16' style='fill:none%3B'/%3E%3Cpath d='M8%2C16c4.389%2C0 8%2C-3.611 8%2C-8c0%2C-4.389 -3.611%2C-8 -8%2C-8c-4.389%2C0 -8%2C3.611 -8%2C8c0%2C4.389 3.611%2C8 8%2C8Zm-1.5%2C-8l-4%2C-4l1.5%2C-1.5l4%2C4l4%2C-4l1.5%2C1.5l-4%2C4l4%2C4l-1.5%2C1.5l-4%2C-4l-4%2C4l-1.5%2C-1.5l4%2C-4Z' style='fill:%23fff%3Bfill-rule:nonzero%3B'/%3E%3C/svg%3E");
}
.top_banner form button span
{
  display: none;
}
.top_banner a,
.top_banner form button
{
  opacity: 0.95;
}
.top_banner a:hover,
.top_banner form button:hover
{
  opacity: 1;
}
.top_banner a:active,
.top_banner form button:active
{
  opacity: 0.8;
}
@media (max-width: 640px) {
  .top_banner > div
  {
    padding: 0 0 0 0.8em;
  }
  .top_banner > div > div
  {
    flex: 1;
    padding: 0.8em 0;
  }
  .top_banner form button
  {
    width: 3.2em;
    background-size: 50% auto;
  }
}
#top
{
  position: relative;
  z-index: 9;
  background-color: rgb(238,242,246);
  background-image: linear-gradient(rgba(0,0,0,0.05), rgba(0,0,0,0)), linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.05));
  background-position: left top, left bottom;
  background-repeat: no-repeat;
  background-size: 100% 5px, 100% 2px;
  line-height: 1;
  max-height: 3em;
}
#top ul
{
  display: flex;
}
#top li.home
{
  flex: 1 1 auto;
  min-width: 25%;
}
#top li.home h1
{
  font-size: 100%;
}
#top a,
#top label
{
  display: block;
  height: 3em;
  padding: 1em 1.2em 0 1.2em;
  text-decoration: none;
  color: rgba(0,0,0,0.4);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
#top li.home a,
#top li:first-child a
{
  padding-left: 1.8em;
}
#top li.home a,
#top li:last-child a
{
  padding-right: 1.8em;
}
#top li.home a
{
  display: inline-block;
}
#top li.channels a:before,
#top li.search a:before,
#top li.profile a:before
{
  display: inline-block;
  height: 1em;
  width: 1.5em;
  margin: 0 .5em 0 0;
  vertical-align: bottom;
  opacity: 0.4;
}
/* Don’t set a width and height attribute on the root element of these SVG images. */
#top li.channels a:before
{
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 14'%3E%3Cpath d='M19.685 3.97L19 4.018V12H4.708l.107 1.53 15.463-1.081zM2 2h14.681l.031-.589L1.233.6.788 9.089 2 9.152z'/%3E%3Cpath d='M3 3h15v8H3z'/%3E%3C/svg%3E");
}
#top li.search a:before
{
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 14'%3E%3Cpath d='M17.983 11.551l-3.11-3.111c-.036-.036-.076-.063-.114-.093a5.115 5.115 0 0 0 .833-2.801A5.144 5.144 0 0 0 10.447.401a5.145 5.145 0 1 0-.002 10.289 5.123 5.123 0 0 0 2.802-.833c.03.039.057.078.092.114l3.109 3.111a1.082 1.082 0 0 0 1.533 0 1.082 1.082 0 0 0 .002-1.531m-7.537-2.485a3.525 3.525 0 0 1-3.521-3.521 3.525 3.525 0 0 1 3.521-3.521c1.94 0 3.521 1.58 3.521 3.521a3.526 3.526 0 0 1-3.521 3.521'/%3E%3C/svg%3E");
}
#top li.profile a:before
{
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 14'%3E%3Cpath d='M11.244 13h6.152c0-.645.055-1.204-.237-1.803-.499-1.075-1.883-1.304-2.882-1.733-.58-.251-2.212-.629-2.212-1.285 0-.892.328-1.518.587-2.358C13.21 4.01 13.094.955 10.5.954S7.79 4.01 8.348 5.82c.259.84.587 1.467.587 2.358 0 .656-1.632 1.034-2.212 1.285-.998.429-2.383.658-2.882 1.733-.292.6-.237 1.159-.237 1.804h6.173'/%3E%3C/svg%3E");
}
#top a:hover,
#top label:hover
{
  background-color: rgba(0,0,0,0.04);
  background-image: linear-gradient(rgba(255,255,255,0.1), rgba(255,255,255,0));
  color: rgba(0,0,0,0.6);
}
#top a:hover:before
{
  opacity: 0.6 !important;
}
#top a:active,
#top label:active
{
  background-color: rgba(0,0,0,0.06);
  color: rgba(0,0,0,0.8);
}
#top a:active:before
{
  opacity: 0.8 !important;
}
@media (max-width: 640px) {
  #top a,
  #top label
  {
    padding: 1em 0.8em 0 0.8em !important;
  }
  #top li.locales a,
  #top li.locales label
  {
    padding: 1em 1em 0 1em !important;
  }
}
@media (max-width: 560px) {
  #top a span
  {
    display: none;
  }
  #top a:before
  {
    margin: 0 0.1em !important;
  }
}
#top li.locales
{
  overflow: hidden;
  height: 3em;
}
#top li.locales.expanded
{
  height: auto;
  background: white;
  box-shadow: 0 3px 18px rgba(0,0,0,0.2);
}
#top li.locales form
{
  display: flex;
  flex-direction: column;
}
#top li.locales input
{
  display: none;
}
#top li.locales label
{
  text-align: center;
}
#top li.locales:not(.expanded) label.current
{
  order: 1;
}
#top li.locales:not(.expanded) label:not(.current)
{
  order: 2;
}
#top li.locales.expanded label.current
{
  color: black;
}
#sub
{
  border-bottom: 1px solid rgb(238,242,246);
}
#sub ul
{
  display: flex;
}
#sub li
{
  position: relative;
}
#sub li a,
#sub li button
{
  display: block;
  padding: 1em;
  color: rgba(0,0,0,0.3);
  text-decoration: none;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#sub li.current a,
#sub li.current button
{
  color: rgba(0,0,0,0.8);
  cursor: default;
}
#sub li:not(.current) a:hover,
#sub li button:hover
{
  text-decoration: underline;
}
#sub li:active:not(.current) a,
#sub li:active button
{
  color: rgba(0,0,0,0.4);
}
#sub > button
{
  display: none;
}
@media (min-width: 640px) {
  #sub li:first-child a,
  #sub li:first-child button
  {
    padding-left: 1.8em;
  }
  #sub li a.separate_after:after
  {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgb(238,242,246);
  }
}
@media (max-width: 640px) {
  #sub
  {
    position: relative;
  }
  #sub > button
  {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 3em;
    height: 3em;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1h14v3H1zM1 6h14v3H1zM1 11h14v3H1z'/%3E%3C/svg%3E") 50% 50% no-repeat;
    background-size: 16px;
    opacity: 0.4;
  }
  #sub > button:active
  {
    opacity: 0.6;
  }
  #sub ul
  {
    flex-direction: column;
  }
  #sub:not(.open) li:not(.current)
  {
    display: none;
  }
  #sub li a,
  #sub li button
  {
    width: 100%;
    padding-left: 3em;
  }
  #sub li:not(.current) a:hover,
  #sub li button:hover
  {
    text-decoration: none;
    color: rgba(0,0,0,0.4);
  }
  #sub li:not(.current) a:active,
  #sub li button:active
  {
    text-decoration: none;
    background-color: rgba(0,0,0,0.04);
  }
  #sub.open li + li a:before,
  #sub.open li + li button:before
  {
    z-index: 0;
    content: '';
    display: block;
    position: absolute;
    left: 3em;
    right: 0;
    top: 0;
    height: 1px;
    background: rgb(238,242,246);
  }
  #sub.open li a.separate_after:after
  {
    z-index: 1;
    content: '';
    display: block;
    position: absolute;
    left: 3em;
    right: 0;
    bottom: -1px;
    height: 1px;
    background: rgb(201,208,208);
  }
  #sub.open li:not(.current):active a:before,
  #sub.open li:not(.current):active button:before,
  #sub.open li:not(.current):active + li a:before,
  #sub.open li:not(.current):active + li button:before
  {
    display: none;
  }
  #sub.nocurrent
  {
    display: none;
  }
}
html.touch #top a,
html.touch #sub a,
html.touch #sub button
{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-transform: translate3d(0,0,0);
}
#top,
#sub,
div.player,
ul.tabs li label
{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
div.box
{
  background: #fff;
}
html.desktop div.box
{
  border-radius: 0 0 3px 3px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
div.box section
{
  padding: 1.8em;
}
@media (max-width: 640px) {
  div.box section
  {
    padding: 0.8em;
  }
}
section p a,
.legal li a,
h2 a,
div.sidebar nav a[href],
form.inline button
{
  color: hsl(35, 100%, 50%);
  text-decoration: none;
  cursor: pointer;
}
div.sidebar nav a:not([href])
{
  font-weight: bold;
}
section p a:hover,
.legal li a:hover,
h2 a:hover,
div.sidebar nav a[href]:hover,
form.inline button:hover
{
  text-decoration: underline;
}
section p a:active,
.legal li a:active,
h2 a:active,
div.sidebar nav a[href]:active,
form.inline button:active
{
  color: hsl(35, 100%, 46%);
}
div.player
{
  position: relative;
  width: 100%;
  margin: 0 0 1.29em 0;
}
div.player.audio
{
  height: 16em;
}
html.touch div.player.audio,
html.touch div.player.audio div.screen,
html.touch div.player.audio div.screen audio
{
  height: auto;
  min-height: 3em;
  background: none;
}
html.touch div.player.audio div.screen,
html.touch div.player.audio div.screen audio
{
  position: static;
}
html.touch div.player.audio div.license_icons
{
  display: none;
}
div.player:not(.audio)
{
  height: 0;
  padding-bottom: 56.25%;  /* Default 16:9 aspect ratio */
}

/* On the video page, the bottom padding is set inline based on the video aspect ratio. This overrides the default bottom padding set above so that the aspect ratio of the video player can match the aspect ratio of the video. To make sure the entire video still fits within the viewport, we set a fixed aspect ratio for “portrait” and “traditional” size classes. There’s no need to do this for the “wide” size class, as that should always fit within the current layout. */
@media (min-aspect-ratio: 2/3) {
  /* The viewport is wider than 2:3 portrait, so we set the player aspect ratio to 4:3 for the “portrait” and “traditional” size classes. */
  div.player.video.portrait,
  div.player.video.traditional
  {
    padding-bottom: 75% !important;
  }
}
@media (min-aspect-ratio: 1/1) {
  /* The viewport is wider than square, so we set the player aspect ratio to 16:9 for the “portrait” and “traditional” size classes. */
  div.player.video.portrait,
  div.player.video.traditional
  {
    padding-bottom: 56.25% !important;
  }
}

body.embedded div.player
{
  padding-bottom: 0 !important;
}
body:not(.embedded) div.player:not(.fullscreen).minimal
{
  margin: 0 0 3.29em 0 !important;
}
@media (max-width: 414px) {
  body:not(.embedded) div.player:not(.fullscreen).minimal
  {
    margin: 0 0 1em 0 !important;
  }
}
div.player
{
  -webkit-font-smoothing: antialiased;
}
body.embedded
{
  overflow: hidden;
}
body.embedded div.player,
div.player div.screen,
div.player audio,
div.player video
{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
div.player.fullscreen
{
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
div.player:fullscreen
{
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
div.player:-ms-fullscreen
{
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 10px !important;
}
div.player audio,
div.player video
{
  outline: none;
}

div.player.custom div.overlay
{
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6em;
  height: 6em;
  margin: -4em 0 0 -3em;
  pointer-events: none;
}
div.player.custom div.overlay div.play
{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100%25' height='100%25' viewBox='0 0 48 48' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Ccircle cx='24' cy='24' r='24' style='fill:rgb%28245%2C245%2C245%29%3Bfill-opacity:0.9%3B'/%3E%3Cpath d='M12%2C38L20%2C38L20%2C10L12%2C10L12%2C38ZM28%2C10L28%2C38L36%2C38L36%2C10L28%2C10Z' style='fill:rgb%2826%2C26%2C26%29%3Bfill-opacity:0.6%3Bfill-rule:nonzero%3B'/%3E%3C/svg%3E") 50% 50% no-repeat;
  background-size: contain;
  opacity: 0.95;
}
div.player.custom:not(.launched) div.overlay div.play,
div.player.custom.ended div.overlay div.play,
div.player.custom.playing div.overlay div.play
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100%25' height='100%25' viewBox='0 0 48 48' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Ccircle cx='24' cy='24' r='24' style='fill:rgb%28245%2C245%2C245%29%3Bfill-opacity:0.9%3B'/%3E%3Cpath d='M16%2C10L16%2C38L38%2C24L16%2C10Z' style='fill:rgb%2828%2C28%2C28%29%3Bfill-opacity:0.6%3Bfill-rule:nonzero%3B'/%3E%3C/svg%3E");
}
div.player.custom:not(.launched):not(.popover_open) div.screen:hover + div.overlay div.play,
div.player.custom.ended:not(.popover_open) div.screen:hover + div.overlay div.play
{
  opacity: 1;
}
div.player.custom.launched:not(.ended) div.overlay div.play
{
  opacity: 0
}
div.player.custom.launched.fade-overlay div.overlay div.play
{
  animation: fade 0.3s ease-out;
}
@keyframes fade {
  from { opacity: 0.8; transform: scale(1) }
  to { opacity: 0; transform: scale(1.2) }
}
div.player.custom:not(.launched):not(.popover_open) div.screen:active + div.overlay div.play,
div.player.custom.ended:not(.popover_open) div.screen:active + div.overlay div.play
{
  opacity: 0.8;
}

div.indicator
{
  display: none;
  position: relative;
  transform-origin: center;
  animation: 2s linear infinite progress-rotate;
}
div.player div.overlay div.indicator
{
  position: absolute;
  left: -10px;
  right: -10px;
  top: -10px;
  bottom: -10px;
}
ul.items + div.indicator
{
  margin: 0.5em auto 0 auto;
  width: 3em;
  height: 3em;
}
div.player.custom.loading div.overlay div.indicator,
body.loading ul.items + div.indicator
{
  display: block;
}
@keyframes progress-rotate {
  100% {
    transform: rotate(360deg);
  }
}
div.indicator svg circle
{
  fill: none;
  stroke: hsl(35, 100%, 50%);
  stroke-width: 3;
  animation: 1.5s ease-in-out infinite progress-dash;
  stroke-linecap: round;
}
@keyframes progress-dash {
  0% {
    stroke-dasharray: 8, 120;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 96, 32;
    stroke-dashoffset: -40;
  }
  100% {
    stroke-dasharray: 8, 120;
    stroke-dashoffset: -128;
  }
}

div.screen > div.message
{
  display: flex;
  align-items: center;
  color: rgb(238,242,246);
  z-index: 9;
  padding: 0.5em 2em;
}
div.screen > div.message p
{
  font-size: 150%;
}
div.license_icons
{
  z-index: 3;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.2em;
}
div.license_icons svg
{
  width: 1em;
  height: 1em;
  margin: 1px;
}
div.license_icons svg circle
{ 
  fill: rgba(0,0,0,0.3);
}
div.license_icons svg path
{ 
  fill: rgba(255,255,255,0.9);
}

div.player > div.waveform
{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 2em;
  pointer-events: none;
  background: linear-gradient(hsl(210, 25%, 90%), hsl(210, 25%, 95%), hsl(210, 25%, 90%));
  box-shadow: inset 0 0 1px hsl(0, 0%, 75%);
}
div.player > div.waveform > div
{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  mask-size: 100% 95%;
  mask-position: 0 50%;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 95%;
  -webkit-mask-position: 0 50%;
  -webkit-mask-repeat: no-repeat;
  background: linear-gradient(hsl(0, 0%, 25%), hsl(0, 0%, 0%), hsl(0, 0%, 25%));
}
div.player > div.waveform > div > div
{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: hsl(35, 100%, 50%);
}
div.player > div.controls
{
  z-index: 3;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
div.player.minimal > div.controls
{
  bottom: -2em;
}
div.player > div.controls,
div.player > div.popover > div > div
{
  background: rgba(32,32,32,0.8);
  color: rgba(255,255,255,0.8);
}
div.player.hide_controls > div.controls,
div.player.hide_controls > div.title
{
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
div.player:not(.hide_controls) > div.controls,
div.player:not(.hide_controls) > div.title
{
  opacity: 1;
  transition: opacity 0.1s ease-in;
}
div.player div.controls > div.bar
{
  display: flex;
  align-items: center;
  width: 100%;
}
div.player div.controls > div.bar > div.spacer
{
  width: 100%;
}
div.player div.controls > div.bar > div > span
{
  display: block;
  font-size: 80%;
  white-space: nowrap;
}
div.player div.controls button
{
  display: block;
  width: 2.75em;
  height: 2.25em;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: auto 1.75em;
  opacity: 0.9;
}
div.player div.controls div.play button
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
}
div.player.playing div.controls div.play button
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'/%3E%3C/svg%3E");
}
div.player div.controls div.replay button
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M12%2C5V1L7%2C6l5%2C5V7c3.31%2C0%2C6%2C2.69%2C6%2C6s-2.69%2C6-6%2C6s-6-2.69-6-6H4c0%2C4.42%2C3.58%2C8%2C8%2C8s8-3.58%2C8-8S16.42%2C5%2C12%2C5z'/%3E%3Cg%3E%3Cpath d='M9.56%2C13.49h0.45c0.21%2C0%2C0.37-0.05%2C0.48-0.16s0.16-0.25%2C0.16-0.43c0-0.08-0.01-0.15-0.04-0.22s-0.06-0.12-0.11-0.17 s-0.11-0.09-0.18-0.11s-0.16-0.04-0.25-0.04c-0.08%2C0-0.15%2C0.01-0.22%2C0.03s-0.13%2C0.05-0.18%2C0.1s-0.09%2C0.09-0.12%2C0.15 s-0.05%2C0.13-0.05%2C0.2H8.65c0-0.18%2C0.04-0.34%2C0.11-0.48s0.17-0.27%2C0.3-0.37s0.27-0.18%2C0.44-0.23s0.35-0.08%2C0.54-0.08 c0.21%2C0%2C0.41%2C0.03%2C0.59%2C0.08s0.33%2C0.13%2C0.46%2C0.23s0.23%2C0.23%2C0.3%2C0.38s0.11%2C0.33%2C0.11%2C0.53c0%2C0.09-0.01%2C0.18-0.04%2C0.27 s-0.07%2C0.17-0.13%2C0.25s-0.12%2C0.15-0.2%2C0.22s-0.17%2C0.12-0.28%2C0.17c0.24%2C0.09%2C0.42%2C0.21%2C0.54%2C0.39s0.18%2C0.38%2C0.18%2C0.61 c0%2C0.2-0.04%2C0.38-0.12%2C0.53s-0.18%2C0.29-0.32%2C0.39s-0.29%2C0.19-0.48%2C0.24s-0.38%2C0.08-0.6%2C0.08c-0.18%2C0-0.36-0.02-0.53-0.07 s-0.33-0.12-0.46-0.23s-0.25-0.23-0.33-0.38s-0.12-0.34-0.12-0.55h0.85c0%2C0.08%2C0.02%2C0.15%2C0.05%2C0.22s0.07%2C0.12%2C0.13%2C0.17 s0.12%2C0.09%2C0.2%2C0.11s0.16%2C0.04%2C0.25%2C0.04c0.1%2C0%2C0.19-0.01%2C0.27-0.04s0.15-0.07%2C0.2-0.12s0.1-0.11%2C0.13-0.18s0.04-0.15%2C0.04-0.24 c0-0.11-0.02-0.21-0.05-0.29s-0.08-0.15-0.14-0.2s-0.13-0.09-0.22-0.11s-0.18-0.04-0.29-0.04H9.56V13.49z'/%3E%3Cpath d='M15.3%2C14.24c0%2C0.32-0.03%2C0.6-0.1%2C0.82s-0.17%2C0.42-0.29%2C0.57s-0.28%2C0.26-0.45%2C0.33s-0.37%2C0.1-0.59%2C0.1 s-0.41-0.03-0.59-0.1s-0.33-0.18-0.46-0.33s-0.23-0.34-0.3-0.57s-0.11-0.5-0.11-0.82V13.5c0-0.32%2C0.03-0.6%2C0.1-0.82 s0.17-0.42%2C0.29-0.57s0.28-0.26%2C0.45-0.33s0.37-0.1%2C0.59-0.1s0.41%2C0.03%2C0.59%2C0.1s0.33%2C0.18%2C0.46%2C0.33s0.23%2C0.34%2C0.3%2C0.57 s0.11%2C0.5%2C0.11%2C0.82V14.24z M14.45%2C13.38c0-0.19-0.01-0.35-0.04-0.48c-0.03-0.13-0.07-0.23-0.12-0.31s-0.11-0.14-0.19-0.17 s-0.16-0.05-0.25-0.05s-0.18%2C0.02-0.25%2C0.05s-0.14%2C0.09-0.19%2C0.17s-0.09%2C0.18-0.12%2C0.31s-0.04%2C0.29-0.04%2C0.48v0.97 c0%2C0.19%2C0.01%2C0.35%2C0.04%2C0.48s0.07%2C0.24%2C0.12%2C0.32s0.11%2C0.14%2C0.19%2C0.17s0.16%2C0.05%2C0.25%2C0.05s0.18-0.02%2C0.25-0.05 s0.14-0.09%2C0.19-0.17s0.09-0.19%2C0.11-0.32c0.03-0.13%2C0.04-0.29%2C0.04-0.48V13.38z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
div.player div.controls div.forward button
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cg%3E%3Crect fill='none' height='24' width='24'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M18%2C13c0%2C3.31-2.69%2C6-6%2C6s-6-2.69-6-6s2.69-6%2C6-6v4l5-5l-5-5v4c-4.42%2C0-8%2C3.58-8%2C8c0%2C4.42%2C3.58%2C8%2C8%2C8s8-3.58%2C8-8H18z'/%3E%3Cpath d='M10.06%2C15.38c-0.29%2C0-0.62-0.17-0.62-0.54H8.59c0%2C0.97%2C0.9%2C1.23%2C1.45%2C1.23c0.87%2C0%2C1.51-0.46%2C1.51-1.25 c0-0.66-0.45-0.9-0.71-1c0.11-0.05%2C0.65-0.32%2C0.65-0.92c0-0.21-0.05-1.22-1.44-1.22c-0.62%2C0-1.4%2C0.35-1.4%2C1.16h0.85 c0-0.34%2C0.31-0.48%2C0.57-0.48c0.59%2C0%2C0.58%2C0.5%2C0.58%2C0.54c0%2C0.52-0.41%2C0.59-0.63%2C0.59H9.56v0.66h0.45c0.65%2C0%2C0.7%2C0.42%2C0.7%2C0.64 C10.71%2C15.11%2C10.5%2C15.38%2C10.06%2C15.38z'/%3E%3Cpath d='M13.85%2C11.68c-0.14%2C0-1.44-0.08-1.44%2C1.82v0.74c0%2C1.9%2C1.31%2C1.82%2C1.44%2C1.82c0.14%2C0%2C1.44%2C0.09%2C1.44-1.82V13.5 C15.3%2C11.59%2C13.99%2C11.68%2C13.85%2C11.68z M14.45%2C14.35c0%2C0.77-0.21%2C1.03-0.59%2C1.03c-0.38%2C0-0.6-0.26-0.6-1.03v-0.97 c0-0.75%2C0.22-1.01%2C0.59-1.01c0.38%2C0%2C0.6%2C0.26%2C0.6%2C1.01V14.35z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
div.player div.controls div.restart button
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Crect x='6' y='6' width='2' height='12' style='fill:white%3Bfill-rule:nonzero%3B'/%3E%3Cpath d='M10%2C18L18.5%2C12L10%2C6L10%2C18Z' style='fill:white%3Bfill-rule:nonzero%3B'/%3E%3C/svg%3E");
}
div.player div.controls div.now button
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Crect x='16' y='6' width='2' height='12' style='fill:white%3B'/%3E%3Cpath d='M6%2C18L14.5%2C12L6%2C6L6%2C18Z' style='fill:white%3Bfill-rule:nonzero%3B'/%3E%3C/svg%3E");
}
div.player div.controls div.mute button
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E");
}
div.player.muted div.controls div.mute button
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z'/%3E%3C/svg%3E");
}
div.player div.controls div.picture_in_picture button
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 11h-8v6h8v-6zm4 8V4.98C23 3.88 22.1 3 21 3H3c-1.1 0-2 .88-2 1.98V19c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2zm-2 .02H3V4.97h18v14.05z'/%3E%3C/svg%3E");
}
div.player div.controls div.airplay button
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Crect fill='none' height='24' width='24'/%3E%3Cg%3E%3Cpolygon points='6%2C22 18%2C22 12%2C16'/%3E%3Cpath d='M21%2C3H3C1.9%2C3%2C1%2C3.9%2C1%2C5v12c0%2C1.1%2C0.9%2C2%2C2%2C2h4v-2H3V5h18v12h-4v2h4c1.1%2C0%2C2-0.9%2C2-2V5C23%2C3.9%2C22.1%2C3%2C21%2C3z'/%3E%3C/g%3E%3C/svg%3E");
}
div.player div.controls div.fullscreen button
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z'/%3E%3C/svg%3E");
}
div.player.fullscreen div.controls div.fullscreen button
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z'/%3E%3C/svg%3E");
}
div.player div.controls div.text_tracks button
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM4 12h4v2H4v-2zm10 6H4v-2h10v2zm6 0h-4v-2h4v2zm0-4H10v-2h10v2z'/%3E%3C/svg%3E");
}
body:not(.keyboard_focus) div.player div.controls button:focus
{
  outline: none;
}
div.player div.controls button:hover,
div.player div.controls div.open > button
{
  opacity: 1;
}
div.player div.controls button:active,
div.player div.controls div.open > button:active
{
  opacity: 0.8;
}
div.player div.controls div.progress
{
  position: absolute;
  top: -1em;
  left: 0;
  right: 0;
}
div.player div.controls div.progress > div
{
  position: relative;
  width: 100%;
  height: 1em;
}
div.player.metadata_loaded div.controls div.progress > div,
body.scrubbing
{
  cursor: pointer !important;
}
div.player div.controls div.progress > div > div
{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: rgba(224,224,224,0.3);
  transition: height 0.1s ease-in;
}
div.player div.controls div.progress:hover > div > div,
body.scrubbing div.player div.controls div.progress > div > div
{
  height: 4px;
}
div.player:not(.metadata_loaded) div.controls div.progress > div > div
{
  background: repeating-linear-gradient(-45deg, rgba(224,224,224,0.2), rgba(224,224,224,0.2) 6px, rgba(224,224,224,0.4) 6px, rgba(224,224,224,0.4) 13px);
  animation: slide 1s linear infinite;
}
@keyframes slide {
  from { background-position: 0 0; }
  to { background-position: 18px 0; }
}
div.player div.controls div.progress > div > div > div
{
  position: relative;
  background: hsl(35, 100%, 50%);
  width: 0;
  height: 100%;
}
div.player:not(.metadata_loaded) div.controls div.progress > div > div > div
{
  background: rgba(255,255,255,0.4);
}
div.player.metadata_loaded div.controls div.progress > div > div > div:after
{
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 12px;
  height: 12px;
  margin: -6px -6px 0 0;
  border-radius: 9px;
  background: rgb(248,147,0);
  box-shadow: 0 1px 4px rgba(0,0,0,0.4);
  transform: scale(0.5);
  opacity: 0;
  transition: 0.1s ease-out;
}
div.player div.controls div.progress:hover > div > div > div:after,
body.scrubbing div.player div.controls div.progress > div > div > div:after
{
  transform: scale(1);
  opacity: 1;
}
div.player div.controls div.time,
div.player div.controls div.speed
{
  padding: 0 0.5em;
}
div.player:not(.live) div.controls div.time,
div.player div.controls div.speed
{
  cursor: pointer;
}
div.player:not(.metadata_loaded) div.controls div.time,
div.player:not(.metadata_loaded) div.controls div.speed
{
  opacity: 0.2;
}
div.player.metadata_loaded div.controls div.time,
div.player.metadata_loaded div.controls div.speed
{
  opacity: 1;
  transition: opacity 0.1s ease-in;
}
div.player div.popover
{
  z-index: 3;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
div.player div.popover > div
{
  position: absolute;
  right: 1em;
  top: 1em;
  bottom: 3em;
}
div.player div.popover > div > div
{
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 8em;
  max-height: 100%;
  overflow-y: scroll;
  border: 1px solid rgba(224,224,224,0.3);
  border-radius: 3px;
  background-clip: padding-box;
}
div.player div.popover label span
{
  position: relative;
  display: block;
  padding: .2em .8em;
  white-space: nowrap;
  cursor: pointer;
  line-height: 1;
}
div.player div.popover label:first-child span
{
  padding-top: .8em;
}
div.player div.popover label:last-child span
{
  padding-bottom: .8em;
}
div.player div.popover label input
{
  position: absolute;
  left: -2em;
}
div.player div.popover label input + span:before
{
  content: '✓';
  display: inline-block;
  margin: 0 0.5em 0 0;
  visibility: hidden;
}
div.player div.popover label input:checked + span:before
{
  visibility: visible;
}
div.player div.popover label input:active + span,
div.player div.popover label input:checked + span
{
  color: rgb(255,255,255);
}
body.keyboard_focus div.player div.popover label input:focus + span
{
  outline: auto 2px Highlight;
  outline: auto 5px -webkit-focus-ring-color;
}
body.embedded div.title
{
  z-index: 4;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding: .4em .8em 1.6em .8em;
  background: linear-gradient(rgba(32,32,32,0.4), rgba(32,32,32,0));
}
body.embedded div.title h1,
body.embedded div.title h2
{
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: rgba(255,255,255,1);
  text-shadow: 0 0 1px rgba(0,0,0,0.8), 0 1px 2px rgba(0,0,0,0.4);
}
body.embedded div.title h1
{
  font-size: 150%;
}
body.embedded div.title h2
{
  font-size: 100%;
}
body.embedded div.title a
{
  text-decoration: none;
}
body.embedded div.title a:hover h1
{
  text-decoration: underline;
}
/* Moving the subtitles up a bit when the controls are shown in Safari. */
html.safari div.player:not(.hide_controls) video::-webkit-media-controls
{
  font-size: inherit;
}
html.safari div.player:not(.hide_controls) video::-webkit-media-text-track-container
{
  font-size: inherit;
  margin-bottom: 2em;
}
/* Moving the subtitles up a bit when the controls are shown in Chrome. */
html.chrome div.player:not(.hide_controls) video::-webkit-media-text-track-container
{
  top: -2em;
}
div.player video::cue
{
  text-shadow: 0 0 1px rgba(0,0,0,0.8);
}
hgroup.title
{
  margin: 0 0 1.29em 0;
}
hgroup.title h1
{
  font-size: 150%;
}
hgroup.title h2
{
  font-size: 100%;
  color: rgb(116, 120, 123);
}
div.video hgroup.title,
div.help_page hgroup.title,
div.main
{
  float: left;
  width: 66%;
}
div.main
{
  padding: 0 0.9em 0 0;
}

.formatted p,
.formatted h1,
.formatted h2,
.formatted h3,
.formatted h4,
.formatted h5,
.formatted h6,
.formatted ul,
.formatted ol,
.formatted pre,
.formatted blockquote
{
  margin: 0 0 1.29em 0;
}
.formatted *:last-child
{
  margin-bottom: 0;
}
.formatted.trix-content h1,
.formatted h2,
.formatted h3,
.formatted h4,
.formatted h5,
.formatted h6
{
  font-size: 100%;
  font-weight: bold;
}
div.help_page .formatted h2
{
  margin: 1.29em 0;
  font-size: 120%;
  font-weight: normal;
}
div.help_page .formatted h3 code
{
  color: rgb(116, 120, 123);
}
div.help_page .formatted p.copyable
{
  display: block;
}
.formatted ul,
.formatted ol
{
  margin-left: 3em;
  margin-right: 3em;
}
.formatted ul li
{
  list-style-type: disc;
}
.formatted ol li
{
  list-style-type: decimal;
}
.formatted pre
{
  padding: 0.5em 1em;
  background: rgba(238,242,246,0.5);
  color: rgb(150,157,164);
  border: 1px solid rgba(213,220,220,0.5);
  overflow: auto;
}
.formatted blockquote
{
  margin-left: 1.8em;
  margin-right: 1.8em;
  padding: 0 0 0 0.8em;
  border-left: 0.4em solid rgb(213,220,220);
}
.formatted a
{
  color: rgb(0,147,248);
  text-decoration: underline;
}
.formatted a:active
{
  color: rgb(0,122,231);
}
div.sidebar
{
  float: right;
  width: 34%;
  padding: 0 0 0 0.9em;
}
div.sidebar.secondary
{
  clear: right;
}
div.sidebar,
div.metadata,
ul.videos.list a
{
  color: rgb(150,157,164);
}
section.channel div.metadata,
section.history div.metadata
{
  margin: 1.29em 0;
}
div.sidebar h2
{
  margin: 1.29em 0;
  font-size: 100%;
}
div.sidebar h2:first-child
{
  margin-top: 0;
}
div.sidebar p,
div.sidebar ul,
div.sidebar form.delete button,
div.metadata p,
ul.attachments div.metadata,
ul.access_tokens div.metadata,
footer,
div#impersonate
{
  font-size: 86%;
  line-height: 1.5;
}
div.sidebar p,
div.sidebar ul,
div.sidebar form.delete button
{
  margin-bottom: 0.75em;
}
div.sidebar li + li
{
  margin-top: 0.25em;
}
div.sidebar > div.organization
{
  margin: 0.5em 0;
}
p.copyable,
div.help
{
  padding: 0.5em 1em;
  background: rgba(238,242,246,0.5);
  color: rgb(150,157,164);
  border: 1px solid rgba(213,220,220,0.5);
}
p.copyable
{
  display: inline-block;
  max-width: 100%;
  font-size: 86% !important;
  word-wrap: break-word;
}
div.token
{
  margin: 1em auto;
  text-align: center;
}
div.sidebar p.copyable
{
  width: 100%;
  font-size: 11px !important;
}
p.copyable span
{
  display: block;
}
div.panels ul.toggles
{
  margin: 0;
  padding: 0;
}
div.panels ul.toggles li button
{
  float: left;
  position: relative;
  display: block;
  border: 1px solid transparent;
  color: rgb(192,201,208);
}
div.panels ul.toggles li button:hover
{
  color: rgb(171,180,187);
}
div.panels ul.toggles li.current button
{
  color: rgb(116, 120, 123);
}
div.panels ul.toggles li button:active
{
  color: rgb(150,157,164);
}
div.panels ul.toggles li button div.icon
{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
div.panels ul.toggles li button div.icon + div
{
  padding: 0.2em 0.8em 0.2em 2em;
}
div.panels ul.toggles li button svg
{
  height: 100%;
  fill: rgb(192,201,208);
}
div.panels ul.toggles li button:hover svg
{
  fill: rgb(171,180,187);
}
div.panels ul.toggles li.current button svg
{
  fill: rgb(116, 120, 123);
}
div.panels ul.toggles li button:active svg
{
  fill: rgb(150,157,164);
}
div.panels > div
{
  display: none;
  margin: 0.2em 0 1em 0;
}
div.panels > div.current
{
  display: block;
}
div.panels > div label
{
  display: block;
  margin: 0.5em 0 0 0;
  font-size: 86%;
  line-height: 1.5;
}
div.panels > div p.copyable
{
  margin: 0;
}
@media (max-width: 640px) {
  div.video hgroup.title,
  div.help_page hgroup.title,
  div.main,
  div.sidebar
  {
    float: none;
    width: 100%;
    padding: 0;
  }
  div.main > div.formatted
  {
    margin: 0 0 1em 0;
  }
  div.sidebar > div.organization
  {
    display: none;
  }
  div.sidebar.metadata > p
  {
    margin: 0;
  }
  div.sidebar > div.panels
  {
    margin: -0.5em 0 0.5em 0;
  }
  div.help_page div.sidebar.secondary
  {
    margin-top: 1em;
  }
}
@media (min-width: 641px) {
  div.sidebar div.panels > div p.copyable
  {
    width: 100%;
  }
}
ul.actions
{
  margin: 1.29em -0.4em;
}
ul.actions.secondary
{
  margin: 0 -0.4em;
  font-size: 71%;
}
ul.actions.joined
{
  margin-left: 0;
  margin-right: 0;
}
ul.actions li
{
  float: left;
  display: block;
  padding: 0.4em;
}
ul.actions.joined li
{
  min-width: 6em;
  padding-left: 0;
  padding-right: 0;
}
ul.actions.joined li + li
{
  padding-left: 1px;
}
ul.pagination
{
  margin-bottom: 0;
  text-align: center;
}
ul.pagination li
{
  float: none;
  display: inline-block;
}
ul.actions li a,
ul.actions li button,
ul.actions li > span,
div#upload_field.artwork label,
div#upload_field.thumbnail label
{
  display: block;
  padding: 5px 12px 6px 12px;
  line-height: 1;
  text-align: center;
}
@media (min-width: 641px) {
  ul.actions li a,
  ul.actions li button,
  div#upload_field.artwork label,
  div#upload_field.thumbnail label
  {
    min-width: 6em;
  }
}
ul.actions li > span
{
  padding-left: 6px;
  padding-right: 6px;
  color: rgb(150,157,164);
}
ul.actions li a,
ul.actions li button,
div#upload_field.artwork label,
div#upload_field.thumbnail label
{
  border-radius: 3px;
  background-color: rgb(229,235,240);
  color: #fff;
  text-decoration: none;
}
ul.actions.joined li a,
ul.actions.joined li button
{
  border-radius: 0;
}
ul.actions.joined li:first-child a,
ul.actions.joined li:first-child button
{
  border-radius: 3px 0 0 3px;
}
ul.actions.joined li:last-child a,
ul.actions.joined li:last-child button
{
  border-radius: 0 3px 3px 0;
}
ul.actions:not(.secondary) li a[href],
ul.actions:not(.secondary) li button,
div#upload_field.artwork label,
div#upload_field.thumbnail label
{
  background-color: rgb(192,201,208);
  text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
}
ul.actions.secondary li a[href],
ul.actions.secondary li button
{
  color: rgb(160,168,175);
  text-shadow: none;
}
ul.actions.secondary li.podcast a[href]
{
  background-color: hsl(35, 100%, 85%);
  color: hsl(35, 100%, 46%);
}
ul.actions li a[href]:hover,
ul.actions li button:hover,
div#upload_field.artwork label:hover,
div#upload_field.thumbnail label:hover
{
  background-color: rgb(171,180,187);
  color: #fff;
}
ul.actions.secondary li.podcast a[href]:hover
{
  background-color: hsl(35, 100%, 50%);
  color: #fff;
}
ul.actions li a[href]:active,
ul.actions li button:active,
div#upload_field.artwork label:active,
div#upload_field.thumbnail label:active
{
  background-color: rgb(160,168,175);
  color: #fff;
}
ul.actions.secondary li.podcast a[href]:active
{
  background-color: hsl(35, 100%, 46%);
  color: #fff;
}
ul.actions li button.accept
{
  background-color: rgb(64, 208, 84);
}
ul.actions li button.accept:hover
{
  background-color: rgb(49, 201, 70);
}
ul.actions li button.accept:active
{
  background-color: rgb(42, 197, 61);
}
ul.actions li button.reject
{
  background-color: rgb(217, 65, 86);
}
ul.actions li button.reject:hover
{
  background-color: rgb(209, 50, 72);
}
ul.actions li button.reject:active
{
  background-color: rgb(205, 42, 63);
}
ul.actions li a span.short,
ul.actions li button span.short
{
  display: none;
}
ul.actions li a span.long,
ul.actions li button span.long
{
  display: block;
}
@media (max-width: 480px) {
  ul.actions li a span.short,
  ul.actions li button span.short
  {
    display: block;
  }
  ul.actions li a span.long,
  ul.actions li button span.long
  {
    display: none;
  }
}
@media (max-width: 414px) {
  ul.actions li,
  ul.actions li a,
  ul.actions li button
  {
    width: 100%;
  }
  ul.pagination li
  {
    float: left;
    display: block;
  }
  ul.actions.double li
  {
    width: 50%;
  }
  ul.actions.double li:nth-child(3)
  {
    width: 100%;
  }
  ul.actions.triple li
  {
    width: 33.3%;
  }
  ul.actions.quad li
  {
    width: 25%;
  }
}
div.submit button,
div.submit a.cancel,
div#upload_field.video label,
div.search button[type=submit],
div.cues_editor li button
{
  display: block;
  margin: 0;
  padding: 0.645em 1.8em;
  border-radius: 3px;
  background-color: rgb(0,85,197);
  background-image: linear-gradient(rgba(255,255,255,0.08), rgba(255,255,255,0));
  color: rgb(248,248,248);
  text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
  text-align: center;
  text-decoration: none;
}
button:disabled
{
  cursor: default;
  opacity: 0.25;
}
div.search button[type=submit],
div#upload_field.video label
{
  display: inline-block;
}
div.cues_editor li button
{
  padding: 5px 12px 6px 12px;
  line-height: 1;
}
div.submit button:not(:disabled):hover,
div.submit a.cancel:hover,
div#upload_field.video label:hover,
div.search button[type=submit]:not(:disabled):hover,
div.cues_editor li button:not(:disabled):hover
{
  background-color: rgb(0,96,217);
  color: rgb(255,255,255);
}
div.submit button:not(:disabled):active,
div.submit a.cancel:active,
div#upload_field.video label:active,
div.search button[type=submit]:not(:disabled):active,
div.cues_editor li button:not(:disabled):active
{
  background: rgb(0,75,176);
  color: rgb(240,240,240);
  box-shadow: inset 0 0 16px rgba(0,0,0,0.24);
}
div.submit a.cancel
{
  text-shadow: none;
  background-color: rgb(192,201,208);
}
div.submit a.cancel:hover
{
  background-color: rgb(171,180,187);
}
div.submit a.cancel:active
{
  background-color: rgb(160,168,175);
}
div.submit button.dangerous
{
  background-color: rgb(197,5,0);
}
div.submit button.dangerous:hover
{
  background-color: rgb(171,0,0);
}
div.submit button.dangerous:active
{
  background-color: rgb(160,0,0);
}
div.submit
{
  margin: 0;
  padding: 0.64em 0;
}
div.submit > *
{
  float: left;
  margin: 0.64em 1.29em 0 0 !important;
}
@media (max-width: 414px) {
  div.submit > *,
  div#upload_field.video label
  {
    display: block;
    width: 100%;
  }
}
div#upload_field.video
{
  padding: 1.935em 0;
  border-radius: 1px;
  background: rgb(238,242,242);
  text-align: center;
}
div#upload_field.artwork,
div#upload_field.thumbnail
{
  display: inline-block;
  padding: 0.5em 0;
}

div#upload_field label
{
  position: relative;
}
div#upload_field label input[type=file]
{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
}
div#upload_field.video label
{
  min-width: 50%;
}
@media (max-width: 640px) {
  div#upload_field.video
  {
    padding: 0;
    background: none;
  }
  div#upload_field.video label
  {
    width: 100%;
  }
}
div#upload_status
{
  color: rgb(150,157,164);
}
div#upload_status p,
div#upload_status p + p
{
  margin: 0.645em 0;
}
div#upload_status progress
{
  display: block;
  width: 100%;
  margin: 0;
}
html.webkit div#upload_status progress,
html.firefox div#upload_status progress
{
  height: 0.645em;
  border: none;
  border-radius: 99px;
  background-color: rgb(238,242,242);
  background-image: linear-gradient(rgba(0,0,0,0.08), rgba(0,0,0,0));
  -webkit-appearance: none;
}
html.webkit progress::-webkit-progress-bar
{
  border-radius: 99px;
  background-color: rgb(238,242,242);
  background-image: linear-gradient(rgba(0,0,0,0.08), rgba(0,0,0,0));
}
html.webkit progress::-webkit-progress-value
{
  min-width: 0.645em;
  border-radius: 99px;
  background-color: hsl(35, 100%, 50%);
  background-image: linear-gradient(rgba(255,255,255,0.08), rgba(255,255,255,0));
  transition: width 0.4s;
}
html.firefox progress::-moz-progress-bar
{
  min-width: 0.645em;
  border-radius: 99px;
  background-color: hsl(35, 100%, 50%);
  background-image: linear-gradient(rgba(255,255,255,0.08), rgba(255,255,255,0));
  transition: width 0.4s;
}
p.invalid,
p.invalid a,
div.field.invalid > label,
div.field.invalid > div.label
{
  color: #c00 !important;
  font-weight: bold;
}
div.field + p.invalid
{
  margin: 1em 0 0 0;
}
form h2
{
  margin: 0 0 1.29em 0;
  font-size: 100%;
  font-weight: bold;
}
form div:not([style]) + h2
{
  margin: 2em 0 1.29em 0;
}
form input[type=text],
form input[type=email],
form textarea,
div.cues_editor input[type=number],
div.cues_editor textarea,
form div.selection div.value
{
  margin: 0;
  padding: 4px;
  border: 1px solid rgb(201,208,208);
  border-radius: 1px;
  -webkit-appearance: none;
}
form input[type=text],
form input[type=email],
form textarea,
div.cues_editor textarea,
form div.selection div.value
{
  width: 100%;
}
form div.selection div.value
{
  position: relative;
  background: #fafcff;
}
form div.field.short input[type=text],
form div.field.short input[type=email]
{
  width: 60%;
}
form textarea
{
  height: 8.6em;
  max-width: 100%;
}
form select
{
  min-width: 8em;
}
form div.field > label,
form div.field > div.label
{
  display: block;
  color: rgb(141,147,143);
}
form div.field + div.field
{
  margin-top: 1.29em;
}
form div.field div.field + div.field
{
  margin-top: 0;
}
.help:not(.formatted)
{
  font-size: 86%;
  line-height: 1.5;
}
p.help.regular,
p.help.big
{
  margin: 1em 0 0 0;
  font-size: 100%;
  line-height: inherit;
  text-align: center;
  color: rgb(150,157,164);
}
p.help.regular + p.help.regular
{
  margin-top: 0.5em;
}
p.help.big
{
  margin: 1em 0;
  font-size: 125%;
}
form p.help
{
  margin: 0;
  color: rgb(150,157,164);
}
form p.help a
{
  color: rgb(150,157,164);
  text-decoration: underline;
}
form p.help a:hover
{
  color: rgb(132,138,143);
}
form p.help a:active
{
  color: rgb(116,120,123);
}
form p.help a.toggle.expanded
{
  color: rgb(116,120,123);
}
form p.help a.toggle.expanded:hover
{
  color: rgb(132,138,143);
}
form p.help a.toggle.expanded:active
{
  color: rgb(150,157,164);
}
form p.help span.license_icons
{
  position: relative;
  top: 0.1em;
}
form p.help span.license_icons svg
{
  width: 1em;
  height: 1em;
  margin: 0 1px;
}
form p.help span.license_icons svg path
{
  fill: rgb(150,157,164);
}
form div.help
{
  margin: 0.5em 0;
}
form div.help p
{
  margin: 0.5em 0;
}
form div.help p.example
{
  margin: 0.75em 1em;
  color: rgb(171,180,187);
}
form div.help p:first-child
{
  margin-top: 0;
}
form div.help p:last-child
{
  margin-bottom: 0;
}
form div.field div.no-thumbnail
{
  margin: 4px 0;
  width: 8em;
  height: 4.5em;
  border: 3px dashed #ddd;
  border-radius: 4px;
  text-align: center;
}
form div.field div.no-thumbnail span
{
  display: inline-block;
  margin-top: 1.5em;
  color: #ccc;
}
div.options,
div.selection ul,
ul.attachments,
ul.access_tokens
{
  margin: 0.4em 0;
}
div.selection li,
ul.attachments li,
ul.access_tokens li
{
  margin: 0.6em 0;
}
div.options label,
div.selection li > div
{
  display: block;
  position: relative;
  margin: 0.2em 0;
}
div.options label.disabled
{
  color: rgb(141,147,143);
}
div.options label input[type=checkbox],
div.options label input[type=radio]
{
  position: relative;
  top: -1px;
}
div.options label span.code
{
  font-size: 79%;
  color: #111;
}
div.selection li a,
ul.attachments li a,
ul.access_tokens li p
{
  color: #333;
  text-decoration: none;
}
ul.attachments li a
{
  color: #555;
}
div.selection li a:hover,
ul.attachments li a:hover
{
  text-decoration: underline;
}
div.selection button.delete,
ul.attachments button.delete,
ul.access_tokens button.delete,
ul.comments button.delete
{
  float: right;
}
div.selection li label
{
  margin: 0 0.5em 0 0;
}
@media (max-width: 414px) {
  div.selection li label
  {
    display: block;
  }
}
ul.access_tokens p span
{
  margin: 0 0.125em 0 0;
  padding: 0.125em 0.25em;
  background: rgba(238,242,246,0.5);
  color: rgb(150,157,164);
  border: 1px solid rgba(213,220,220,0.5);
}
div.autocomplete div.options
{
  margin: 0;
}
div.autocomplete ul
{
  padding: 0.4em 0 0 0;
}
div.autocomplete button
{
  display: block;
  width: 100%;
  padding: 0.35em 0.25em;
  border-bottom: 1px solid #eee;
}
div.autocomplete button:hover
{
  background: #eee;
}
div.autocomplete button:active
{
  background: #ddd;
}
div.profiles li span
{
  color: rgb(141,147,143);
}
div.options p.help
{
  margin: -0.2em 0 0.8em 0;
}
div.options p.help strong
{
  font-weight: normal;
  margin: 0 -0.125em;
  padding: 0 0.125em;
  color: rgb(132,138,143);
  background: hsl(35, 100%, 95%);
}
form.delete button,
button.delete
{
  color: #c00;
}
form.delete button:hover
{
  text-decoration: underline;
}
form.delete button:active
{
  color: #a00;
}
form.inline,
form.inline button
{
  font-size: inherit;
  display: inline-block;
}
button.delete
{
  position: relative;
  display: inline-block;
  width: 1em;
  height: 1em;
}
button.delete span,
button.clear span
{
  display: none;
}
button.delete:before
{
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: -5px 0 0 -8px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
button.clear
{
  background: no-repeat center/1em;
}
button.delete:before,
button.clear
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3Cpath d='M6.5 8l-4-4L4 2.5l4 4 4-4L13.5 4l-4 4 4 4-1.5 1.5-4-4-4 4L2.5 12l4-4z' fill='rgb%28192%2C201%2C208%29' fill-rule='nonzero'/%3E%3C/svg%3E");
}
button.delete:hover:before,
button.clear:hover
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3Cpath d='M8 16c4.389 0 8-3.611 8-8 0-4.389-3.611-8-8-8-4.389 0-8 3.611-8 8 0 4.389 3.611 8 8 8zM6.5 8l-4-4L4 2.5l4 4 4-4L13.5 4l-4 4 4 4-1.5 1.5-4-4-4 4L2.5 12l4-4z' fill='%23c00' fill-rule='nonzero'/%3E%3C/svg%3E");
}
button.delete:active:before,
button.clear:active
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3Cpath d='M8 16c4.389 0 8-3.611 8-8 0-4.389-3.611-8-8-8-4.389 0-8 3.611-8 8 0 4.389 3.611 8 8 8zM6.5 8l-4-4L4 2.5l4 4 4-4L13.5 4l-4 4 4 4-1.5 1.5-4-4-4 4L2.5 12l4-4z' fill='%23a00' fill-rule='nonzero'/%3E%3C/svg%3E");
}
div.preferences ul
{
  display: inline-block;
  float: right;
  margin: -0.4em 0 0 0;
  padding: 0;
  color: rgba(0,0,0,0.3);
}
div.preferences ul + ul
{
  margin-right: 1em;
}
div.preferences li
{
  display: inline-block;
}
div.preferences a
{
  float: right;
  display: block;
  padding: 0.4em;
  color: rgb(0,0,0);
  text-decoration: none;
  line-height: 1;
  opacity: 0.3;
}
div.preferences li.current a
{
  opacity: 0.8;
}
div.preferences li:not(.current) a:hover
{
  opacity: 0.4;
}
div.preferences li:not(.current) a:active
{
  opacity: 0.6;
}
div.preferences a.thumbnails:before,
div.preferences a.list:before
{
  content: '';
  display: inline-block;
  vertical-align: bottom;
  width: 1em;
  height: 1em;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
div.preferences a.thumbnails:before
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-291 427.9 16 16'%3E%3Ctitle%3Eview_as_thumbnails%3C/title%3E%3Cpath d='M-291 429.9h7v5h-7zM-282 429.9h7v5h-7zM-291 436.9h7v5h-7zM-282 436.9h7v5h-7z'/%3E%3C/svg%3E");
}
div.preferences a.list:before
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-291 427.9 16 16'%3E%3Cpath d='M-291 429.9h4v3h-4zM-291 434.4h4v3h-4zM-291 438.9h4v3h-4zM-285 438.9h10v3h-10zM-285 434.4h10v2.5h-10zM-285 429.9h10v3h-10z'/%3E%3C/svg%3E");
}
div.preferences a.thumbnails span,
div.preferences a.list span
{
  margin: 0 0 0 0.5em;
}
div.preferences input[type=search]
{
  width: 150px;
}
div.preferences a span.short
{
    display: none;
}
div.preferences a span.long
{
    display: block;
}
@media (max-width: 670px) {
  div.preferences a span.short
  {
      display: block;
  }
  div.preferences a span.long
  {
      display: none;
  }
}
ul.videos
{
  margin: 0 -1.8em;
  padding: 0 1.4em 1.29em 1.4em;
}
div.field ul.artworks,
div.field ul.thumbnails
{
  margin: 0 -1.8em;
  padding: 0 1.4em;
}
ul.videos.thumbnails li,
div.field ul.artworks li,
div.field ul.thumbnails li
{
  float: left;
  position: relative;
  width: 33.33%;
  padding: 0.4em;
}
@media (min-width: 1921px) {
  ul.videos.thumbnails li
  {
    width: 25%;
  }
}
@media (max-width: 640px) {
  ul.videos,
  div.field ul.artworks,
  div.field ul.thumbnails
  {
    margin: 0 -0.8em;
    padding: 0 0.4em;
  }
  ul.videos.thumbnails li,
  div.field ul.thumbnails li
  {
    width: 50%;
  }
}
@media (max-width: 414px) {
  ul.videos.thumbnails li,
  div.field ul.artworks li,
  div.field ul.thumbnails li
  {
    width: 100%;
  }
}
ul.videos.thumbnails li > div:first-child,
ul.videos.list li a > div:first-child,
ul.channels a > div:last-child li,
ul.results li.audio a > div:last-child > div > div,
ul.results li.video a > div:last-child > div > div,
div.field ul.artworks li > label,
div.field ul.thumbnails li > label
{
  background-color: #000;
  background: linear-gradient(hsl(210, 25%, 20%), hsl(210, 25%, 0%));
  overflow: hidden;
}
ul.videos.thumbnails li.audio > div:first-child,
ul.videos.list li.audio a > div:first-child,
ul.channels a > div:last-child li.audio,
ul.results li.audio a > div:last-child > div > div
{
  background: linear-gradient(hsl(210, 25%, 90%), hsl(210, 25%, 95%), hsl(210, 25%, 90%));
  box-shadow: inset 0 0 1px hsl(0, 0%, 75%);
}
ul.videos.thumbnails li > div:first-child,
ul.channels a > div:last-child ul,
ul.results li.audio a > div:last-child > div,
ul.results li.video a > div:last-child > div,
div.field ul.artworks li > label,
div.field ul.thumbnails li > label
{
  position: relative;
  width: 100%;
  padding: 0 0 56.25% 0;
  font-size: 86%;
}
div.field ul.artworks li > label
{
  padding: 0 0 100% 0;
}
ul.channels a > div:last-child li,
ul.results li.audio a > div:last-child > div > div,
ul.results li.video a > div:last-child > div > div
{
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
ul.videos.thumbnails li a,
ul.videos.list li a > div:first-child > div,
ul.channels a > div:last-child li div,
ul.results li.audio a > div:last-child > div > div > div,
ul.results li.video a > div:last-child > div > div > div,
div.field ul.artworks li > label > span,
div.field ul.thumbnails li > label > span
{
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  text-decoration: none;
}
ul.channels a > div:last-child li.video div
{
  background-size: cover;
}
ul.videos.thumbnails li.audio a,
ul.videos.list li.audio a > div:first-child > div,
ul.channels a > div:last-child li.audio div,
ul.results li.audio a > div:last-child > div > div > div,
ul.results li.video a > div:last-child > div > div > div
{
  background-size: 100% 100%;
}
ul.videos.thumbnails li:active,
ul.videos.list li a:active > div:first-child > div,
ul.results li.audio a:active > div:last-child > div > div,
ul.results li.video a:active > div:last-child > div > div
{
  filter: brightness(95%);
}
ul.videos.thumbnails div,
ul.channels a > div:last-child p
{
  color: white;
  text-shadow: 0 0 1px rgb(0,0,0), 0 0 0.25em rgba(0,0,0,0.5);
  font-weight: bold;
}
ul.videos.thumbnails div
{
  padding: 0.4em 0.6em;
}
ul.videos.thumbnails a div:first-child
{
  z-index: 1;
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: 1px;
}
ul.videos.thumbnails a div:first-child:before
{
  z-index: -1;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -2em;
  bottom: 0;
  background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0.3), rgba(0,0,0,0.6));
}
ul.videos.thumbnails a div:last-child,
ul.channels a > div:last-child p
{
  position: absolute;
  left: 1px;
  top: 1px;
}
ul.channels a > div:last-child p
{
  padding: 0.4em 0.8em;
}
div.field ul.artworks li > label,
div.field ul.thumbnails li > label
{
  display: block;
  position: relative;
  overflow: visible;
}
html:not(.touch) div.field ul.artworks li > label span,
html:not(.touch) div.field ul.thumbnails li > label span
{
  opacity: 0.925;
}
html:not(.touch) div.field ul.artworks li > label:hover span,
html:not(.touch) div.field ul.thumbnails li > label:hover span
{
  opacity: 1;
}
html:not(.touch) div.field ul.artworks li > label:active span,
html:not(.touch) div.field ul.thumbnails li > label:active span,
html.touch div.field ul.thumbnails li > label:active span
{
  opacity: 0.85;
}
div.field ul.artworks li > label input,
div.field ul.thumbnails li > label input
{
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
div.field ul.artworks li > label input + span,
div.field ul.thumbnails li > label input + span
{
  position: absolute;
  display: none;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border: 3px solid #666;
}
div.field ul.artworks li > label input:checked + span,
div.field ul.thumbnails li > label input:checked + span
{
  display: block;
}
div.field ul.artworks li > label button.delete,
div.field ul.thumbnails li > label button.delete
{
  position: absolute;
  right: 4px;
  top: 1px;
}
ul.videos.list
{
  padding-left: 0;
  padding-right: 0;
}
ul.videos.list a
{
  display: block;
  padding: 0.4em 1.4em;
  text-decoration: none;
  font-size: 86%;
  line-height: 1.5;
}
@media (max-width: 640px) {
  ul.videos.list a
  {
    padding: 0.4em;
  }
}
ul.videos.list a > div:first-child
{
  float: left;
  position: relative;
  width: 5.33em;
  height: 3em;
  margin: 0 0.8em 0 0;
}
ul.videos.list a > div:not(:first-child)
{
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
ul.videos.list a:hover
{
  color: #222;
  background-color: rgb(238,242,246);
}
ul.videos.list a:active
{
  color: #000;
  background-color: rgb(231,234,237);
}
ul.videos.list a div.title
{
  color: #000;
}
ul.channels
{
  margin: -0.645em 0 0 0;
}
ul.channels a
{
  display: block;
  padding: 1.29em 0;
  color: #333;
}
ul.channels h2
{
  color: #555;
}
ul.channels a:hover h2
{
  text-decoration: underline;
}
ul.channels a:active
{
  color: #111;
}
ul.channels a:active h2
{
  color: #333;
}
ul.channels p.description
{
  margin-top: 0.645em;
}
ul.channels a > div:first-child
{
  width: 80%;
  padding: 0 0 0 2em;
  float: right;
}
ul.channels a > div:last-child
{
  position: relative;
  width: 20%;
  float: left;
}
ul.channels a > div:last-child ul
{
  transform: scale(0.95);
}
ul.channels a:hover > div:last-child ul
{
  transform: scale(1);
  transition: transform 0.1s ease-in;
}
ul.channels a:hover > div:last-child li
{
  transition: transform 0.1s ease-in;
}
ul.channels a > div:last-child li:nth-of-type(1)
{
  z-index: 3;
  transform: rotate3d(0, 0, 1, 0deg)
}
ul.channels a:hover > div:last-child li:nth-of-type(1)
{
  transform: rotate3d(0, 0, 1, 1deg)
}
ul.channels a > div:last-child li:nth-of-type(2)
{
  z-index: 2;
  left: 10px;
  top: 10px;
  transform: rotate3d(0, 0, 1, -1.5deg)
}
ul.channels a:hover > div:last-child li:nth-of-type(2)
{
  transform: rotate3d(0, 0, 1, -3deg)
}
ul.channels a > div:last-child li:nth-of-type(3)
{
  z-index: 1;
  left: -10px;
  top: -10px;
  transform: rotate3d(0, 0, 1, 2deg)
}
ul.channels a:hover > div:last-child li:nth-of-type(3)
{
  transform: rotate3d(0, 0, 1, 4deg)
}
ul.channels a > div:last-child p
{
  z-index: 4;
  font-weight: bold;
}
ul.channels a > div:last-child li
{
  box-shadow: 0 0 1px rgba(0,0,0,0.25), 0 0.25em 0.75em rgba(0,0,0,0.5) !important;
}
@media (max-width: 414px) {
  ul.channels
  {
    margin: 0;
  }
  ul.channels a
  {
    padding: 0;
  }
  ul.channels li + li a
  {
    margin-top: 1.29em;
  }
  ul.channels a > div:first-child
  {
    width: 100%;
    padding: 0;
    float: right;
  }
  ul.channels a > div:last-child
  {
    display: none;
  }
}
div.logo
{
  width: 100%;
  height: 4em;
  margin: 0 0 0.75em 0;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
div.logo > span
{
  display: none;
}

div.search
{
  margin: 0 0 1.29em 0;
}
div.search + hr
{
  margin-top: 2.58em;
}
div.search form
{
  display: flex;
  justify-content: center;
  align-items: center;
}
div.search form div:first-of-type
{
  flex: 1 1 auto;
  position: relative;
  max-width: 32em;
}
div.search form div:last-of-type
{
  margin-left: 1em;
}
div.search input
{
  padding: 4px 2em 4px 0.5em;
}
div.search button[type=submit]
{
  padding-top: 5px;
  padding-bottom: 5px;
}
button.clear
{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1.75em;
}
div.search input:not(:valid) + button.clear
{
  display: none;
}
@media (max-width: 440px) {
  div.search form div:last-of-type
  {
    display: none;
  }
}

p.results
{
  margin: 1em 0;
  font-size: 86%;
  line-height: 1.5;
  color: rgb(150,157,164);
}
div.no-results
{
  margin: 1.29em 0;
}
div.no-results p + p
{
  margin-top: 1em;
}

ul.results a
{
  display: block;
  float: left;
  width: 100%;
  color: #333;
  text-decoration: none;
}
ul.results li + li a
{
  margin-top : 1.29em;
}
ul.results h2
{
  color: #555;
  font-size: 100%;
  font-weight: bold;
}
ul.results a:hover h2
{
  text-decoration: underline;
}
ul.results a:active
{
  color: #111;
}
ul.results a:active h2
{
  color: #333;
}
ul.results div.metadata
{
  margin: 0.125em 0;
}
ul.results div.metadata p
{
  font-size: 86%;
}
ul.results a > div:first-child
{
  width: 80%;
}
ul.results li.audio a > div:first-child,
ul.results li.video a > div:first-child
{
  padding: 0 0 0 1em;
  float: right;
}
ul.results li.audio a > div:last-child,
ul.results li.video a > div:last-child
{
  position: relative;
  width: 20%;
  float: left;
}
ul.results em
{
  display: inline-block;
  margin-left: -2px;
  margin-right: -2px;
  font-style: normal;
  background-color: rgba(96,224,128,0.5);
  padding: 0 2px;
  color: #000;
  border-radius: 2px;
}
@media (max-width: 414px) {
  ul.results li.channel a > div:first-child
  {
    width: auto;
  }
}
div.box section.banner
{
  padding: 0;
  background-position: 50% 50%;
  background-size: cover;
  background-color: hsl(210, 25%, 80%);
}
section.banner div.column
{
  padding: 1.8em 1.8em 1.8em 1.8em;
  background-image: linear-gradient(to right, rgba(0,0,0,0.2), rgba(0,0,0,0) 60%);
  box-shadow: inset 0 0 6em rgba(0,0,0,0.2);
  text-shadow: 0 2px 8px rgba(0,0,0,0.6), 0 0 1px rgba(0,0,0,0.4);
}
section.banner div.column,
section.banner div.column hgroup.title h2
{
  color: #fff;
}
section.banner img.avatar
{
  display: block;
  width: 6em;
  height: 6em;
  margin: 0 0 1.29em;
}
section.banner a
{
  color: #fff;
  text-decoration: none;
}
section.banner a:hover
{
  text-decoration: underline !important;
}
section.banner a:active
{
  color: #eee !important
}
div.home section.banner
{
  position: relative;
  min-height: 12em;
  padding: 0 0 25% 0;
  -webkit-font-smoothing: antialiased;
}
div.home section.banner div.column
{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
div.home section.banner div.column > div
{
  position: relative;
  height: 100%;
}
div.home section.banner hgroup h1
{
  font-size: 200%;
  line-height: 1;
}
div.home section.banner hgroup h2
{
  font-size: 150%;
}
div.home section.banner div.search
{
  display: inline-block;
  margin: 2.58em 0 0 0;
  padding: 8px 10px;
  background: rgba(255,255,255,0.7);
  border-radius: 3px;
}
div.home section.banner div.search input[type=text]
{
  width: 16em;
  margin-right: 10px;
}
div.home section.banner a
{
  position: absolute;
  right: 0;
  bottom: 0;
}
div.home.general section.banner
{
  position: relative;
  min-height: 32em;
}
@media (max-width: 640px) {
  div.home.general section.banner
  {
    min-height: 24em;
  }
}
@media (max-width: 414px) {
  div.home.general section.banner
  {
    min-height: 16em;
  }
}
div.home.general section.banner video
{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 25%;
  background: black;
}
div.home.general section.banner div.column
{
  z-index: 1;
  box-shadow: inset 0 0 8em rgba(0,0,0,0.2);
}
div.home.general section.banner button.pause
{
  z-index: 2;
  position: absolute;
  right: 0.25em;
  bottom: 0.25em;
  width: 2em;
  height: 2em;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
div.home.general section.banner button.pause
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'/%3E%3C/svg%3E");
}
div.home.general section.banner.paused button.pause
{
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
}
div.home.general section.banner button.pause
{
  opacity: 0;
}
div.home.general section.banner.paused button.pause,
div.home.general section.banner:hover button.pause
{
  opacity: 0.6;
}
div.home.general section.banner button.pause:hover
{
  opacity: 1;
}
div.home.general section.banner button.pause:active
{
  opacity: 0.8;
}
div.home.general section.banner ul
{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
div.home.general section.banner ul li
{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 52.5%;
  font-size: 125%;
  opacity: 0;
  transition: opacity 0.6s ease-out 0.4s;
}
div.home.general section.banner ul li.previous
{
  z-index: 1;
  transition: opacity 0.6s ease-in 0s;
}
div.home.general section.banner ul li.current
{
  z-index: 2;
  opacity: 1;
}
div.home.general ul.organizations
{
  margin: 0 -0.8em 1.29em -0.8em;
}
div.home.general ul.organizations li
{
  float: left;
  width: 20%;
  padding: 0.4em;
}
@media (max-width: 1024px) {
  div.home.general ul.organizations li
  {
    width: 25%;
  }
}
@media (max-width: 640px) {
  div.home.general ul.organizations li
  {
    width: 33.33%;
  }
}
@media (max-width: 480px) {
  div.home.general ul.organizations li
  {
    width: 50%;
  }
}
div.home.general ul.organizations li a
{
  position: relative;
  display: block;
  width: 100%;
  padding: 0 0 60% 0;
}
div.home.general ul.organizations li a > div
{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transform: scale(0.85);
  transition: all .05s ease-in;
}
div.home.general ul.organizations li a:hover > div
{
  transform: scale(1);
  transition: all .1s ease-in;
}
div.home.general ul.organizations li a > div > span
{
  display: none;
}
div.home.general section.more
{
  padding-top: 0.645em;
  margin-bottom: -1.29em;
}
div.home.general section.more p
{
  text-align: right;
}
div.home.general section.more p a
{
  color: rgba(0,0,0,0.4);
}
div.home.general section.more p a:hover
{
  color: rgba(0,0,0,0.6);
}
div.home.general section.more p a:active
{
  color: rgba(0,0,0,0.8);
}
@media (max-width: 1024px) {
  div.home section.banner div.search
  {
    margin: 1.29em 0 0 0;
  }
  div.home.general section.banner ul li
  {
    width: 66.66%;
  }
}
@media (max-width: 640px) {
  section.banner div.column
  {
    padding: 0.8em;
  }
  div.home section.banner div.search
  {
    margin: 1.29em 0 0 0;
  }
  section.banner img.avatar
  {
    display: block;
    width: 4em;
    height: 4em;
    margin: 0 0 0.645em;
  }
  section.banner hgroup
  {
    margin: 0 0 0.645em;
  }
  div.home section.banner hgroup h1
  {
    font-size: 150%;
  }
  div.home section.banner hgroup h2
  {
    font-size: 100%;
  }
  div.home.general section.banner ul li
  {
    font-size: 100%;
  }
}
@media (max-width: 414px) {
  div.home section.banner div.search
  {
    display: block;
  }
  div.home section.banner div.search input[type=text]
  {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  div.home section.banner div.search button[type=submit]
  {
    display: none;
  }
  div.home.general section.banner
  {
    min-height: 18em;
  }
  div.home.general section.banner ul li
  {
    width: 100%;
  }
}
div.home section h2
{
  margin: 0 0 0.645em 0;
  font-size: 100%;
}
@media (min-width: 641px) {
  div.home section + section
  {
    margin-bottom: -0.645em;
    padding-bottom: 0;
  }
  div.home section:last-child
  {
    margin-bottom: 0;
    padding-bottom: 0.645em;
  }
}
footer
{
  padding: 0.9em 1.8em;
}
@media (max-width: 640px) {
  footer
  {
    padding: 0.9em 0.8em;
  }
}
footer,
footer a
{
  color: #aaa;
}
footer a:hover
{
  color: #888;
}
footer a:active
{
  color: #666;
}
footer p
{
  float: right;
}
footer img
{
  height: 11px;
}
footer ul li
{
  display: inline-block;
}
body.embedded p.logo
{
  margin: .8em;
}
div.message
{
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
}
div.message + footer
{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
div.message > div
{
  display: table-cell;
  padding: 4em 2em;
  vertical-align: middle;
}
body.embedded div.message > div
{
  padding: 1em;
}
div.message p
{
  max-width: 40em;
  margin: 0 auto;
  text-align: center;
  font-size: 125%;
}
div.message p + p
{
  margin-top: 1em;
}
div.message label
{
  text-align: center;
  display: block;
  margin: 1em 0;
}
div.message div.submit
{
  padding: 0;
  text-align: center;
}
div.message div.submit *
{
  float: none;
  display: inline-block;
}
div.message div.submit a
{
  margin-right: 0 !important;
}
div.message,
div.message a
{
  color: #555;
}
div.message a:hover
{
  color: #333;
}
div.message a:active
{
  color: #000;
}
div.help ul
{
  margin: 1em 2em;
}
div.help li
{
  list-style-type: disc;
}
div.box section.invitation,
div.box section.notice
{
  position: relative;
  margin-top: -1px;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  background-color: rgb(255, 242, 205);
  border: 1px solid rgb(235, 203, 108);
  border-left: none;
  border-right: none;
}
section.invitation p
{
  float: left;
  max-width: 52em;
  margin: 0.2em 0;
}
section.invitation ul.actions
{
  float: right;
  margin-top: 0;
  margin-bottom: 0;
}
@media (max-width: 414px) {
  section.invitation ul.actions
  {
    float: none;
  }
}
abbr
{
  cursor: help;
}

ul.tabs
{
  display: flex;
}
ul.tabs li
{
  flex-grow: 1;
}
ul.tabs li label
{
  display: block;
  padding: 0.5em;
  text-align: center;
  cursor: pointer;
}
ul.tabs li label input
{
  display: none;
}
ul.tabs li:not(.current)
{
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 1px;
  border-bottom: 1px solid #ccc;
}
ul.tabs li.current
{
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
ul.tabpanels
{
  padding: 1em;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
ul.tabpanels li
{
  display: none;
}
ul.tabpanels li.current
{
  display: block;
}
ul.tabs li.current,
ul.tabpanels
{
  background: #fafcff;
}

ul.text_tracks > li + li
{
  margin-top: 1.29em;
}
ul.text_tracks > li div.meta
{
  color: rgb(150,157,164);
  font-size: 86%;
  line-height: 1.5;
}
ul.text_tracks > li ul.actions
{
  margin-top: 0;
  margin-bottom: 0;
}

div.cues_editor textarea
{
  display: block;
  height: 4.8em;
  resize: none;
}
div.cues_editor li button
{
  float: right;
  margin-top: 0.5em;
}
div.cues_editor div.meta,
div.cues_editor li.edit a.get_current
{
  float: left;
  margin-top: 0.5em;
  font-size: 86%;
  line-height: 1.5;
  color: rgb(150,157,164);
}
div.cues_editor li.edit a.get_current
{
  margin-left: 1em;
}
div.cues_editor li.edit a.get_current.disabled
{
  opacity: 0.4;
}
div.cues_editor li.edit a.get_current:not(.disabled)
{
  text-decoration: underline;
  cursor: pointer;
}
div.cues_editor li.edit a.get_current:not(.disabled):hover
{
  color: #444;
}
div.cues_editor li.edit a.get_current:not(.disabled):active
{
  color: #000;
}
div.cues_editor li.edit > div
{
  display: flex;
}
div.cues_editor li.edit > div > div
{
  width: 100%;
}
div.cues_editor li.edit > div > div > div
{
  display: flex;
  justify-content: space-between;
}
div.cues_editor li.edit div.time
{
  vertical-align: middle;
  margin: 0 -0.1em 0.25em -0.1em;
}
div.cues_editor li.edit div.time > *
{
  display: inline-block;
  float: left;
  margin: 0 0.1em 0.25em 0.1em;
}
div.cues_editor li.edit div.time > span
{
  line-height: 2em;
}
div.cues_editor li.edit div.time input
{
  width: 4em;
  text-align: right;
}
@media (max-width: 414px) {
  div.cues_editor li.edit div.time input
  {
    width: 3em;
    font-size: 80%;
  }
}
div.cues_editor li.edit a.nav
{
  display: block;
  width: 2.5em;
  padding: 0;
  background: none;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 3px;
}
@media (max-width: 414px) {
  div.cues_editor li.edit a.nav
  {
    width: 1.5em;
  }
}
div.cues_editor li.edit a.nav.previous
{
  margin: 0 0.5em 0 -0.5em;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6 30.3L9.3 16 21.6 1.7l.8.6L10.7 16l11.7 13.7'%3E%3C/path%3E%3C/svg%3E");
}
div.cues_editor li.edit a.nav.next
{
  margin: 0 -0.5em 0 0.5em;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.4 30.3l-.8-.6L21.3 16 9.6 2.3l.8-.6L22.7 16'%3E%3C/path%3E%3C/svg%3E");
}
div.cues_editor li.edit a.nav.disabled
{
  opacity: 0.2;
  cursor: default;
}
div.cues_editor li.edit a.nav:not(.disabled):hover
{
  background-color: rgba(192,201,208,0.4);
}
div.cues_editor li.edit a.nav:not(.disabled):active
{
  background-color: rgba(171,180,187,0.4);
}
div.cues_editor li.loading p
{
  margin: 1em 0;
  text-align: center;
  color: rgb(150,157,164);
}

table.events
{
  width: 100%;
  font-size: 86%;
}
table.events tbody
{
  border-top: 1px solid rgb(229,235,240);
  border-bottom: 1px solid rgb(229,235,240);
}
table.events td a
{
  text-decoration: none;
  color: black;
}
table.events td a:hover
{
  text-decoration: underline;
}
table.events tr:target
{
  background: hsl(35, 100%, 90%);
}
@media (min-width: 641px) {
  table.events th
  {
    color: #888;
    font-weight: bold;
  }
  table.events tbody tr + tr td.created_at,
  table.events tbody tr + tr td.video,
  table.events tbody tr + tr td.profile
  {
    opacity: 0;
    transition: opacity 0.5s ease-out;
  }
  table.events tbody tr + tr:target td
  {
    opacity: 1;
    transition-duration: 0;
  }
  table.events tbody tr + tr td:hover
  {
    opacity: 1;
    transition-duration: 0.1s;
  }
  table.events td,
  table.events td a
  {
    padding: 0.25em 0;
  }
  table.events tbody tr:first-child td,
  table.events tbody tr:first-child td a
  {
    padding-top: 0.5em;
  }
  table.events tbody tr:last-child td,
  table.events tbody tr:last-child td a
  {
    padding-bottom: 0.5em;
  }
  table.events td a
  {
    display: block;
    margin: -0.25em 0;
  }
  table.events tbody tr:first-child td a
  {
    margin-top: -0.5em;
  }
  table.events tbody tr:last-child td a
  {
    margin-bottom: -0.5em;
  }
  table.events .created_at,
  table.events .video,
  table.events .profile
  {
    width: 1%;
    white-space: nowrap;
  }
  table.events .video,
  table.events .profile
  {
    max-width: 15em;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  table.events .video a,
  table.events .profile a
  {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  table.events .profile,
  table.events .profile
  {
    padding-right: 0.325em;
    text-align: right;
  }
  table.events .video,
  table.events .profile
  {
    padding-left: 0.75em;
  }
}
@media (max-width: 640px) {
  table.events thead,
  table.events tbody tr + tr td.created_at,
  table.events tbody tr + tr td.video
  {
    display: none;
  }
  table.events,
  table.events tr,
  table.events tbody
  {
    display: block;
  }
  table.events tbody
  {
    border-top: none;
  }
  table.events tr
  {
    line-height: 1.5;
  }
  table.events td
  {
    display: inline;
  }
  table.events td.video:before
  {
    content: '(';
  }
  table.events td.video:after
  {
    content: ')';
  }
  table.events td.profile:before
  {
  	display: block;
  	content: '';
  }
  table.events tr
  {
    padding: 0.25em 0;
  }
}

section#comments,
section#attachments
{
  margin: 1em 0;
  padding: 0;
}
section#comments form,
ul.comments
{
  margin: 1em 0;
}
ul.comments > li
{
  position: relative;
}
ul.comments > li + li
{
  margin-top: 1em;
}
ul.comments > li > div:first-child
{
  position: absolute;
  left: 0;
  top: 0.125em;
}
ul.comments > li > div:first-child img
{
  display: block;
  width: 3em;
  height: 3em;
}
ul.comments > li > div:last-child
{
  margin: 0 0 0 4em;
}
ul.comments > li h3
{
  font-size: 86%;
  color: rgb(150,157,164);
}
ul.comments > li h3 a
{
  color: black;
  font-weight: bold;
  text-decoration: none;
}
ul.comments li h3 a:hover
{
  text-decoration: underline;
}
ul.comments > li h3 a:active
{
  color: #444;
}
ul.comments section
{
  margin: 0;
  padding: 0.5em 0 1em 0;
  overflow-y: auto;
}

div#impersonate
{
  position: fixed;
  right: 0.5em;
  bottom: 0.5em;
  margin: 0 0 0 0.5em;
  padding: 0.5em;
  border-radius: 1.5em;
  background: rgba(0,0,0,0.75);
  color: white;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  z-index: 9;
}
div#impersonate form
{
  text-align: center;
}
div#impersonate span
{
  margin: 0 1em;
}
div#impersonate button
{
  display: inline-block;
  padding: 0.25em 1.25em;
  border-radius: 1.5em;
  font-size: inherit;
  background: hsl(35, 100%, 50%);
  color: white;
  text-align: center;
}
div#impersonate button:active
{
  background: hsl(35, 100%, 46%);
}

section p.explanation
{
  margin: 1em 0;
}

.show-msie,
html.msie .hide-msie
{
  display: none;
}
html.msie .show-msie
{
  display: block;
}

trix-toolbar
{
  position: sticky;
  position: -webkit-sticky;
  top: -1px;
  margin: 0;
  border: 1px solid rgb(201,208,208);
  border-radius: 1px 1px 0 0;
  background: rgba(255,255,255,0.8);
  backdrop-filter: blur(1em);
  -webkit-backdrop-filter: blur(0.4em);
}
trix-toolbar button[data-trix-attribute=strike],
trix-toolbar button[data-trix-action=decreaseNestingLevel],
trix-toolbar button[data-trix-action=increaseNestingLevel]
{
  display: none;
}
trix-toolbar .trix-button-row
{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-y: auto;
}
trix-toolbar .trix-button-group
{
  display: flex;
}
trix-toolbar .trix-button-group-spacer
{
  flex-grow: 1;
}
trix-toolbar .trix-button
{
  position: relative;
  margin: 0;
  padding: 0.25em 0.5em;
  outline: none;
  border: none;
  background: transparent;
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
}
trix-toolbar .trix-button:not(:disabled)
{
  cursor: pointer;
}
trix-toolbar .trix-button--icon
{
  color: transparent;
  width: 2.5em;
}
@media (max-width: 480px) {
  trix-toolbar .trix-button
  {
    padding: 0.375em;
  }
}
trix-toolbar .trix-button.trix-active
{
  background: rgb(230,236,248);
}
trix-toolbar .trix-button--icon::before
{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0.25em;
  bottom: 0.25em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.6;
}

trix-toolbar .trix-button--icon-bold::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-italic::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-link::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-strike::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-quote::before { background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-heading-1::before { background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-code::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-bullet-list::before { background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-number-list::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-undo::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-redo::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-decrease-nesting-level::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E); }
trix-toolbar .trix-button--icon-increase-nesting-level::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E); }

trix-toolbar .trix-dialogs
{
  position: relative;
}
trix-toolbar .trix-dialog
{
  position: absolute;
  left: 0;
  right: 0;
  top: 1px;
  margin: 0;
  padding: 0.75em 1em;
  font-size: 86%;
  border-radius: 0 0 3px 3px;
  background: #fff;
  box-shadow: 0 0.5em 1em #ccc;
}
trix-toolbar .trix-input--dialog
{
  font-size: inherit;
  margin: 0;
  padding: 0.3em 0.6em;
  border: 1px solid rgb(201,208,208);
  border-radius: 1px;
  -webkit-appearance: none;
}
trix-toolbar .trix-input--dialog.validate:invalid
{
  box-shadow: red 0px 0px 1.5px 1px;
}
trix-toolbar .trix-button--dialog
{
  font-size: inherit;
  padding: 0.3em 0.6em;
  border-bottom: none;
}
trix-toolbar .trix-dialog__link-fields
{
  display: flex;
  align-items: baseline;
}
trix-toolbar .trix-dialog__link-fields .trix-input
{
  flex: 1;
}
trix-toolbar .trix-dialog__link-fields .trix-button-group
{
  flex: 0 0 content;
  margin: 0 0 0 1em;
}
trix-editor
{
  min-height: 8.6em;
  margin: 0;
  padding: 0.3em 0.6em;
  border: 1px solid rgb(201,208,208);
  border-top: none;
  border-radius: 1px;
  -webkit-appearance: none;
  outline: none;
}
#comments trix-editor
{
  min-height: 4.3em;
}

trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection,
trix-editor [data-trix-mutable] ::-moz-selection
{
  background: none;
}
trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection,
trix-editor [data-trix-mutable] ::selection
{
  background: none;
}

section.switchcast ul.items
{
  margin: -0.25em 0;
}
section.switchcast ul.items a
{
  display: block;
  padding: 0.25em 0;
  color: #333;
  text-decoration: none;
}
section.switchcast ul.items h2
{
  color: #555;
}
section.switchcast ul.items a:hover h2
{
  text-decoration: underline;
}
section.switchcast ul.items a:active
{
  color: #111;
}
section.switchcast ul.items a:active h2
{
  color: #333;
}

@media (min-width: 1024px) and (min-height: 716px) { body, input, button, textarea { font-size: 15px; } .column { max-width: 1088px; } }
@media (min-width: 1088px) and (min-height: 761px) { body, input, button, textarea { font-size: 16px; } .column { max-width: 1152px; } }
@media (min-width: 1152px) and (min-height: 806px) { body, input, button, textarea { font-size: 17px; } .column { max-width: 1216px; } }
@media (min-width: 1216px) and (min-height: 851px) { body, input, button, textarea { font-size: 18px; } .column { max-width: 1280px; } }
@media (min-width: 1280px) and (min-height: 896px) { body, input, button, textarea { font-size: 19px; } .column { max-width: 1344px; } }
@media (min-width: 1344px) and (min-height: 940px) { body, input, button, textarea { font-size: 20px; } .column { max-width: 1408px; } }
@media (min-width: 1408px) and (min-height: 985px) { body, input, button, textarea { font-size: 21px; } .column { max-width: 1472px; } }
@media (min-width: 1472px) and (min-height: 1030px) { body, input, button, textarea { font-size: 22px; } .column { max-width: 1536px; } }
@media (min-width: 1536px) and (min-height: 1075px) { body, input, button, textarea { font-size: 23px; } .column { max-width: 1600px; } }
@media (min-width: 1600px) and (min-height: 1120px) { body, input, button, textarea { font-size: 24px; } .column { max-width: 1664px; } }
@media (min-width: 1664px) and (min-height: 1164px) { body, input, button, textarea { font-size: 25px; } .column { max-width: 1728px; } }
@media (min-width: 1728px) and (min-height: 1209px) { body, input, button, textarea { font-size: 26px; } .column { max-width: 1792px; } }
@media (min-width: 1792px) and (min-height: 1254px) { body, input, button, textarea { font-size: 27px; } .column { max-width: 1856px; } }
@media (min-width: 1856px) and (min-height: 1299px) { body, input, button, textarea { font-size: 28px; } .column { max-width: 1920px; } }
@media (min-width: 1920px) and (min-height: 1344px) { body, input, button, textarea { font-size: 29px; } .column { max-width: 1984px; } }
@media (min-width: 1984px) and (min-height: 1388px) { body, input, button, textarea { font-size: 30px; } .column { max-width: 2048px; } }
@media (min-width: 2048px) and (min-height: 1433px) { body, input, button, textarea { font-size: 31px; } .column { max-width: 2112px; } }
@media (min-width: 2112px) and (min-height: 1478px) { body, input, button, textarea { font-size: 32px; } .column { max-width: 2176px; } }