/* A visible timer below the player is needed on Android WebViews that render inline video
   above every child element, regardless of z-index. */
.player-ad-mobile-bar {
  display: none;
}

@media (hover: none), (pointer: coarse) {
  #player-frame.pre-roll #skip-player-ad {
    display: none !important;
  }

  .player-ad-mobile-bar {
    display: flex;
    min-height: 40px;
    box-sizing: border-box;
    align-items: center;
    justify-content: flex-end;
    padding: 5px 11px;
    background: #080808;
    border-bottom: 1px solid #252525;
    position: relative;
    z-index: 2147483000;
  }

  .player-ad-mobile-bar .skip-player-ad-mobile {
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 6px 11px;
    border: 1px solid rgba(255,255,255,.68);
    border-radius: 16px;
    background: rgba(23,23,23,.96);
    color: #fff !important;
    font-size: 12px;
    line-height: 1.15;
    white-space: nowrap;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .player-ad-mobile-bar .skip-player-ad-mobile:disabled {
    color: #f5f5f5 !important;
    opacity: 1 !important;
  }
}