jellyfin-web/dashboard-ui/bower_components/emby-webcomponents/search/searchresults.template.html

<div class="hide verticalSection searchSuggestions padded-top" style="text-align:center;">

    <div>
        <h2 class="sectionTitle padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Suggestions}</h2>
    </div>

    <div class="searchSuggestionsList padded-left padded-right">

    </div>
</div>

<div class="hide verticalSection movieResults">
    <div>
        <h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Movies}</h2>
    </div>

    <div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
        <div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
    </div>
</div>

<div class="hide verticalSection seriesResults">
    <div>
        <h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Shows}</h2>
    </div>

    <div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
        <div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
    </div>
</div>

<div class="hide verticalSection episodeResults">
    <div>
        <h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Episodes}</h2>
    </div>

    <div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
        <div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
    </div>
</div>

<div class="hide verticalSection sportsResults">
    <div>
        <h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Sports}</h2>
    </div>

    <div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
        <div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
    </div>
</div>

<div class="hide verticalSection kidsResults">
    <div>
        <h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Kids}</h2>
    </div>

    <div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
        <div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
    </div>
</div>

<div class="hide verticalSection newsResults">
    <div>
        <h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${News}</h2>
    </div>

    <div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
        <div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
    </div>
</div>

<div class="hide verticalSection programResults">
    <div>
        <h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Programs}</h2>
    </div>

    <div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
        <div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
    </div>
</div>

<div class="hide verticalSection videoResults">
    <div>
        <h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Videos}</h2>
    </div>

    <div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
        <div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
    </div>
</div>

<div class="hide verticalSection artistResults">
    <div>
        <h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Artists}</h2>
    </div>

    <div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
        <div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
    </div>
</div>

<div class="hide verticalSection albumResults">
    <div>
        <h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Albums}</h2>
    </div>

    <div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
        <div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
    </div>
</div>

<div class="hide verticalSection songResults">
    <div>
        <h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Songs}</h2>
    </div>

    <div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
        <div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
    </div>
</div>

<div class="hide verticalSection audioBookResults">
    <div>
        <h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${HeaderAudioBooks}</h2>
    </div>

    <div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
        <div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
    </div>
</div>

<div class="hide verticalSection bookResults">
    <div>
        <h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${Books}</h2>
    </div>

    <div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
        <div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
    </div>
</div>

<div class="hide verticalSection peopleResults">
    <div>
        <h2 class="sectionTitle sectionTitle-cards padded-left padded-right" style="display: inline-block; vertical-align: middle;">${People}</h2>
    </div>

    <div is="emby-scroller" data-horizontal="true" data-centerfocus="card" data-mousewheel="false" class="padded-top-focusscale padded-bottom-focusscale focuscontainer-x">
        <div is="emby-itemscontainer" class="padded-left padded-right itemsContainer scrollSlider"></div>
    </div>
</div>