/* Small line icons share the footer's typography and current palette. */
.background-playback-toggle {
 display:inline-flex; align-items:center; justify-content:center; flex:none;
 width:36px; height:36px; padding:8px; border:0; background:none; color:inherit;
 cursor:pointer; opacity:.7; transition:opacity .15s ease;
}
.background-playback-toggle:hover,.background-playback-toggle:focus-visible{opacity:1;}
.background-playback-toggle:focus-visible{outline:1px solid currentColor;outline-offset:2px;}
.background-playback-toggle svg {width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.background-control-play {display:none;}
.background-playback-toggle[data-paused="true"] .background-control-play {display:block;}
.background-playback-toggle[data-paused="true"] .background-control-pause {display:none;}
.av-header .background-playback-toggle {margin-left:8px;}
body:has(.av-video-modal:not([hidden])) .background-playback-toggle {visibility:hidden;}
.background-loading-indicator{display:inline-flex;align-items:center;justify-content:center;width:24px;height:36px;flex:none;pointer-events:none;opacity:.65;}
.background-loading-indicator[hidden]{display:inline-flex;visibility:hidden;}
.background-loading-glyph{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;animation:video-loading 1s linear infinite;}
.background-loading-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.has-error .background-loading-glyph{animation:none;opacity:.5;}
@keyframes video-loading{to{transform:rotate(360deg);}}
@media(pointer:coarse){.background-playback-toggle{width:44px;height:44px;}}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;}
 .background-loading-glyph{animation:none;}
}
.background-playback-toggle { pointer-events:auto; position:relative; z-index:1; }

.background-loading-indicator[hidden] .background-loading-glyph{animation-play-state:paused;}