@import '_content/louis-agent.web.accounts/louis-agent.web.accounts.1qh7kf6eil.bundle.scp.css';
@import '_content/louis-agent.web.evals/louis-agent.web.evals.ahlunrsa9d.bundle.scp.css';
@import '_content/louis-agent.web/louis-agent.web.n0b204qsto.bundle.scp.css';

/* /Components/Movies/FilmFrame.razor.rz.scp.css */
/* ---- A film's frame (F109.1, step 7): the film as it is, and a pause button in the frame's corner. Scoped: the
   film inside is reached under ::deep. ---- */
.film-frame[b-9dnutm6a8v] {
  position: relative;
}

/* Paused: every animation under the film's stage stands where it is. !important, because each part sets its
   play state through its animation shorthand and this must win over all of them. */
.film-frame.is-paused[b-9dnutm6a8v]  .stage,
.film-frame.is-paused[b-9dnutm6a8v]  .stage * {
  animation-play-state: paused !important;
}

.film-pause[b-9dnutm6a8v] {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 36px;
  height: 36px;
  border: 1px solid var(--web-border-hover);
  border-radius: 50%;
  background: rgba(var(--bs-body-bg-rgb), 0.7);
  color: var(--bs-body-color);
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
}

.film-pause:hover[b-9dnutm6a8v] {
  border-color: var(--bs-emphasis-color);
  color: var(--bs-emphasis-color);
}