{{#if isChatApp}}
  <div id="wormhole-overlays"></div>
  <div class="pos-fixed top-0 right-0 bottom-0 left-0 ember-chat-container {{if settings.darkMode 'dark theme--dark'}} {{if isDarkPopout 'dark theme--dark'}}">
    {{outlet}}
    {{outlet "modal"}}
  </div>
{{else}}
  {{#application-wrapper}}
    {{! template-lint-disable triple-curlies }}
    <div id="wormhole-overlays" style={{{concat "display: " (if layout.hideWormholeOverlay "none" "block")}}}></div>
    {{username-hover balloonPos=(if layout.isSocialColumnEnabled 'left' 'right')}}
    {{#if layout.bypassApplicationLayout}}
      {{outlet}}
    {{else}}
      {{#if (not (in-experiment-group 'DETERMINATION'))}}
        {{playerStyle}}
      {{/if}}
      <div class="app-main {{if layout.isTheatreMode "theatre dark theme--dark"}} {{if layout.isSocialColumnEnabled 'has-sc'}}">
        {{#if layout.isSocialColumnEnabled}}
          {{top-nav}}
        {{/if}}

        <div class="app-body height-100 pos-relative">
          {{#unless (or layout.isSocialColumnEnabled layout.hideColumns)}}
            <div class="{{if layout.isLeftColumnClosed "closed" "open"}} column fixed drawer" id='left_col'>
              {{twitch-navigation sidePanelGames=directoryGamesController.featuredSidePanel}}
            </div>
          {{/unless}}

          <div class="{{if (or layout.isLeftColumnClosed layout.isSocialColumnEnabled) "expandLeft"}} {{if layout.isRightColumnClosed "expandRight"}} {{if layout.hideColumns "mg-x-0"}} column scroll" id='main_col'>
            {{#unless layout.isSocialColumnEnabled}}
              <a {{action (route-action 'handleLeftColumnToggleClick')}} href='#' id='left_close' class="{{if layout.hideLeftColumnExpander "hidden"}} {{if layout.isLeftColumnClosed 'closed'}}">
                <span>Show/Hide</span>
              </a>
            {{/unless}}

            <a class="{{if layout.hideRightColumnExpander "hidden"}} {{if layout.isRightColumnClosed "closed" "open"}}" {{action "handleRightColumnToggleClick" }} id='right_close'></a>
            <div class="tse-scroll-content js-main-col-scroll-content {{if (in-experiment-group 'DETERMINATION') (if persistentPlayer.isMiniPlayerVisible "has-player-mini")}}">
              <div class='js-directory tse-content'>
                {{outlet}}
              </div>
              {{#if (in-experiment-group 'DETERMINATION')}}
                {{persistent-player}}
              {{/if}}
            </div>

            {{#if (and isConversationsEnabled (not layout.isSocialColumnEnabled))}}
              <div class='conversations-content'>
                {{twitch-conversations/manager
                    openInModal='openInModal'
                    closeModal='closeModal'
                }}
              </div>
            {{/if}}
          </div>

          <div id="toast-location" class="toast-location">
          </div>

          <div id="right-column">
            {{from-elsewhere name='right-column'}}
          </div>

          {{#if (and layout.isSocialColumnEnabled (not layout.hideColumns))}}
            {{social-column/social-column
              openInModal='openInModal'
              closeModal='closeModal'
              channel=channel.model
            }}
          {{/if}}
        </div>
      </div>

    {{/if}}
    {{outlet "modal"}}
    {{notification-banner}}
  {{/application-wrapper}}
{{/if}}
