{{#bits/content-wrapper hasTransitions=true noContain=true}}
  {{#if isShowingTutorial}}
    <button {{action 'hideTutorial'}} class="bits-card__back">
      <span class="bits-arrow--left"></span>{{bits-string 'button_back'}}
    </button>
  {{/if}}
  {{#if isShowingEmoteTiers}}
    <button {{action 'hideEmoteTiers'}} class="bits-card__back">
      <span class="bits-arrow--left"></span>{{bits-string 'button_all_emotes'}}
    </button>
  {{/if}}
  {{#if noCheerMessage}}
    <button {{action 'close'}} class="bits-card__close">
      {{partial 'svg/close-small'}}
    </button>
  {{/if}}

  <div class="bits-card__transitions">
    {{#liquid-if isShowingTutorial class='to-left-reverse-to-right'}}
      {{bits/cheering-tutorial classNames='bits-card--standard'}}
    {{else}}
      <div class="bits-card--standard">
        {{#if (or hasCheerMessage isSpotlighting)}}
          {{bits/cheermote-spotlight
            classNames="pd-t-3"
            prefix=spotlightedPrefix
            cheermoteValue=spotlightedValue
            useCurrentCheer=(not isSpotlighting)}}
        {{else if isShowingEmoteTiers}}
          {{bits/emote-tiers-intro}}
        {{else}}
          {{bits/emotes-intro
            howDoICheer=(action 'showTutorial')}}
        {{/if}}

        <footer class="bits-card-landing__selectors mg-b-1">
          {{#liquid-if isShowingEmoteTiers use='crossFade'}}
            {{bits/animated-emote-tiers
              mouseEnterEmote=(action 'spotlightEmote')
              mouseLeaveEmote=(action 'removeSpotlight')
              clickEmote=(action 'appendToChatMessage')}}
          {{else}}
            {{bits/animated-emote-selector
              mouseEnterEmote=(action 'spotlightEmote')
              mouseLeaveEmote=(action 'removeSpotlight')
              clickEmote=(action 'showEmoteTiers')}}
          {{/liquid-if}}
        </footer>
      </div>
    {{/liquid-if}}
  </div>
{{/bits/content-wrapper}}
