{{{customeditframe.editframeStart}}}
<div class="offset-tout-collection {{#if hasTopTear}}offset-tout-collection--top-tear{{/if}} {{#if hasBottomTear}}offset-tout-collection--bottom-tear{{/if}}" data-module="offsetToutCollection" {{#if backgroundColour}} style="background-color:{{backgroundColour}}" {{/if}}>
    <div class="grid-container offset-tout-collection__title-container">
        {{#if titleSimpleImage}}
        <img class="offset-tout-collection__image-title" src="{{titleSimpleImage.src}}" alt="{{titleSimpleImage.altText}}">
        {{else}}
        <h2 class="offset-tout-collection__title">{{{title}}}</h2>
        {{/if}}
    </div>
    <div class="offset-tout-collection__touts">
        <div class="grid-container">
            <div class="grid-x grid-margin-x offset-tout-collection__tout-grid-row">
                {{> @cp-offset-tout-collection-touts-edit touts}}
            </div>
        </div>
    </div>
    <div class="offset-tout-collection__button-container bg-inverted">
        {{> @cp-button-secondary target=loadMoreButton.target text=loadMoreButton.text url="#" modifier=" offset-tout-collection__load-more-button" }}
        {{> @cp-button-secondary target=loadMoreButton.target text=showLessButton.text url="#" modifier=" offset-tout-collection__show-less-button"}}
    </div>
</div>
{{{customeditframe.editframeStop}}}