/*! SPDX-License-Identifier: GPL-3.0-only */
.airplay-player { position:absolute; inset:0; z-index:3; background:#000; color:#fff; }
.airplay-player [hidden], .airplay-player[hidden], .airplay-photo-stop[hidden] { display:none; }
.airplay-player media-i18n, .airplay-player video-player, .airplay-player tiplay-media { display:contents; }
.airplay-player media-container { width:100%; height:100%; --media-video-border-radius:0; touch-action:manipulation; }
.airplay-player .airplay-canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.airplay-player .media-button[data-available="false"] { display:none; }
.airplay-rate::after { content:attr(data-rate) "\00d7"; }
/* Video.js default audio-skin seek anatomy, shared by the video +/-10 controls. */
.media-seek-button-content { display:grid; position:relative; }
.media-seek-button-backward-icon { scale:-1 1; }
.media-seek-button-label { position:absolute; bottom:-3px; font-size:.7em; font-weight:500; letter-spacing:-.05em; font-variant-numeric:tabular-nums; }
.media-seek-button-backward-label { left:-1px; }
.media-seek-button-forward-label { right:-1px; }
.airplay-error { position:absolute; inset:40% 16px auto; text-align:center; pointer-events:none; }
.airplay-gesture { position:absolute; inset:auto 16px 84px; text-align:center; pointer-events:none; text-shadow:0 1px 3px #000; }
.airplay-player [data-gesture-required] .media-play-button-play-icon { display:block !important; }
.airplay-player [data-gesture-required] .media-play-button-pause-icon,
.airplay-player [data-gesture-required] .media-play-button-restart-icon { display:none !important; }
.airplay-photo-stop { position:absolute; z-index:3; bottom:max(16px,env(safe-area-inset-bottom)); right:max(16px,env(safe-area-inset-right)); }
.airplay-captions { position:absolute; inset:auto 10% 84px; z-index:1; text-align:center; white-space:pre-line; color:#fff; font:20px sans-serif; text-shadow:0 1px 3px #000,0 -1px 3px #000; pointer-events:none; }
@container media-root (width < 32rem) {
  .airplay-player .video-controls-primary { flex-wrap:wrap; }
  .airplay-player .video-time-slider-group { flex-basis:100%; order:-1; }
}

/* The official gesture indicator occupies the same two halves as its recognizers. */
.airplay-player .airplay-seek-feedback { grid-template-columns:repeat(2,minmax(0,1fr)); }
.airplay-seek-feedback .media-seek-indicator { grid-column:1; justify-self:stretch; align-self:stretch; place-content:center; border-radius:50%; background:rgba(255,255,255,.08); }
.airplay-seek-feedback .media-seek-indicator[data-direction="forward"] { grid-column:2; }