/**
 * CSS for the YouTube player widget with consent overlay.
 */
.youtube-widget {
  background-color: #eeeeee;
  font-size: 16px;
  padding: 25px; }
  .youtube-widget .consent-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px; }
  .youtube-widget .consent-button-wrapper {
    margin-bottom: 15px;
    margin-top: 20px; }
    .youtube-widget .consent-button-wrapper br {
      display: none !important; }
  .youtube-widget .consent-button {
    background: #bdb9a6;
    border-radius: 1em;
    display: inline-block;
    height: 1em;
    width: 2em; }
    .youtube-widget .consent-button input {
      opacity: 0;
      position: absolute; }
    .youtube-widget .consent-button div {
      background: #ffffff;
      border-radius: 1em;
      box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.3);
      height: 1em;
      -webkit-transition: all 300ms;
      -moz-transition: all 300ms;
      transition: all 300ms;
      width: 1em; }
    .youtube-widget .consent-button input:checked + div {
      -webkit-transform: translate3d(100%, 0, 0);
      -moz-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); }
  .youtube-widget .consent-privacy-text,
  .youtube-widget .consent-privacy-shortlink {
    font-size: 12px; }
    .youtube-widget .consent-privacy-text a,
    .youtube-widget .consent-privacy-shortlink a {
      text-decoration: underline; }
  .youtube-widget .consent-privacy-shortlink {
    display: none; }
  .youtube-widget .consent-privacy-text,
  .youtube-widget .consent-title,
  .youtube-widget .consent-text {
    display: block; }
  .youtube-widget.consent-given {
    animation: backgroundFade .1s;
    background-color: #ffffff; }
@keyframes backgroundFade {
  0% {
    background-color: #1879be; }
  100% {
    background-color: #ffffff; } }
    .youtube-widget.consent-given .consent-button {
      background: #1879be; }
    .youtube-widget.consent-given .consent-privacy-shortlink {
      display: inline-block;
      float: right;
      padding-top: 3px; }
    .youtube-widget.consent-given .consent-privacy-text,
    .youtube-widget.consent-given .consent-title,
    .youtube-widget.consent-given .consent-text {
      display: none; }
    .youtube-widget.consent-given .iframe-holder {
      height: 0;
      padding-bottom: 56.25%;
      position: relative;
      width: 100%; }
      .youtube-widget.consent-given .iframe-holder iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; }