/* Pause hook for the Atlassian hero. The keyframes themselves live in the handoff CSS. */
.atl-hero.is-off .an,
.atl-hero.is-tab-off .an,
.atl-hero-m.is-off .an,
.atl-hero-m.is-tab-off .an{animation-play-state:paused}

.atl-slot{
  width:100%;
  background:#171A33 url("/atlassian-hero/atlassian-hero-poster.png") center/cover no-repeat;
}
.atl-slot .atl-poster{display:block;width:100%;height:auto}

.case-hero.atl-hero-host{
  height:auto;
  background:transparent;
}