.tg-demoreel-player .tg-demoreel-surface,
.tg-demoreel-player .tg-demoreel-bar { display:none; }
.tg-demoreel-player.tg-demoreel-ready > iframe.tg-showreel-video { pointer-events:none; }
.tg-demoreel-player.tg-demoreel-ready .tg-demoreel-surface {
  display:block; position:absolute; inset:0; z-index:3; width:100%; height:100%;
  border:0; border-radius:inherit; margin:0; padding:0; background:transparent;
  box-shadow:none; cursor:pointer; transform:none;
}
.tg-demoreel-player.tg-demoreel-ready .tg-demoreel-bar {
  display:flex; flex-wrap:wrap; align-items:center; gap:2px 8px;
  position:absolute; inset:auto 0 0; z-index:4; padding:20px 16px 12px;
  color:white; background:linear-gradient(transparent,rgba(0,0,0,.88));
  font:12px/1.4 Arial,sans-serif; opacity:0; pointer-events:none;
  transition:opacity .16s ease;
}
@media (hover:hover) and (pointer:fine) {
  .tg-demoreel-player.tg-demoreel-ready:hover .tg-demoreel-bar { opacity:1; pointer-events:auto; }
}
.tg-demoreel-player.tg-demoreel-open .tg-demoreel-bar,
.tg-demoreel-player.tg-demoreel-keyboard:focus-within .tg-demoreel-bar { opacity:1; pointer-events:auto; }
.tg-demoreel-player .tg-demoreel-button {
  display:inline-flex; align-items:center; justify-content:center; flex:0 0 38px;
  width:38px; height:38px; padding:8px; margin:0; border:0; border-radius:7px;
  color:white; background:transparent; cursor:pointer; box-shadow:none; transform:none;
}
.tg-demoreel-player .tg-demoreel-button:hover { background:rgba(255,255,255,.18); }
.tg-demoreel-player .tg-demoreel-button svg { width:22px; height:22px; }
.tg-demoreel-player .tg-demoreel-bar input[type=range] {
  accent-color:#fff; height:22px; padding:0; margin:0; border:0; min-width:0;
  cursor:pointer; background:transparent;
}
.tg-demoreel-player .tg-demoreel-seek { flex:1 0 100%; width:100%; }
.tg-demoreel-player .tg-demoreel-volume { flex:0 0 64px; width:64px; }
.tg-demoreel-player .tg-demoreel-time { margin-left:auto; white-space:nowrap; }
.tg-demoreel-player :is(button,input):focus-visible { outline:2px solid white; outline-offset:2px; }
.tg-demoreel-player .tg-demoreel-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.tg-demoreel-player [hidden] { display:none!important; }
.tg-demoreel-player:fullscreen {
  position:fixed!important; inset:0!important; width:100%!important; height:100%!important;
  max-width:none!important; transform:none!important; border-radius:0!important; background:#000;
}
@media (max-width:480px) {
  .tg-demoreel-player.tg-demoreel-ready .tg-demoreel-bar { gap:0 4px; padding:16px 10px 8px; }
  .tg-demoreel-player .tg-demoreel-volume { flex-basis:45px; width:45px; }
  .tg-demoreel-player .tg-demoreel-button { flex-basis:34px; width:34px; }
}
@media (prefers-reduced-motion:reduce) { .tg-demoreel-player.tg-demoreel-ready .tg-demoreel-bar { transition:none; } }
.tg-a11y-motion .tg-demoreel-player .tg-demoreel-bar { transition:none; }