/* TTFN Video Pre-roll: the ad layer and play button over a Vimeo player.
   Copyright (c) 2026 TTFN TV Limited. All rights reserved. */
.bbc-preroll { position: relative; }
.bbc-preroll__ad,
.bbc-preroll__cover { position: absolute; inset: 0; z-index: 20; }
.bbc-preroll__ad { background: #000; }
.bbc-preroll__ad[hidden],
.bbc-preroll__cover[hidden] { display: none !important; }
.bbc-preroll__ad video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #000; }
.bbc-preroll__label { position: absolute; top: 8px; left: 8px; font: 600 12px/1.4 Arial, sans-serif; color: #fff; background: rgba(0, 0, 0, .65); padding: 3px 8px; border-radius: 3px; pointer-events: none; }
button.bbc-preroll__cover { z-index: 21; display: grid; place-items: center; width: 100%; height: 100%; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: rgba(0, 0, 0, .3) !important; cursor: pointer; }
.bbc-preroll__play { width: 72px; height: 72px; border-radius: 50%; background: rgba(0, 0, 0, .6); border: 3px solid #fff; position: relative; box-sizing: border-box; }
.bbc-preroll__play::after { content: ""; position: absolute; left: 25px; top: 17px; border-style: solid; border-width: 16px 0 16px 24px; border-color: transparent transparent transparent #fff; }
.bbc-preroll__cover.is-loading .bbc-preroll__play { border-color: rgba(255, 255, 255, .35); border-top-color: #fff; animation: bbc-preroll-spin .9s linear infinite; }
.bbc-preroll__cover.is-loading .bbc-preroll__play::after { display: none; }
@keyframes bbc-preroll-spin { to { transform: rotate(360deg); } }
.td_wrapper_playlist_player_vimeo.bbc-preroll { position: relative; }