daggerheart/templates/settings/appearance-settings/diceSoNice.hbs

<section class="tab {{#if tab.active}} active{{/if}}" data-group="{{tab.group}}" data-tab="{{tab.id}}">
    <div class="title-hint">{{localize "DAGGERHEART.SETTINGS.Menu.appearance.diceSoNice.hint"}}</div>

    <section class='tab-navigation'>
        <div class='navigation-container'>
            <div class="navigation-inner-container">
                <line-div></line-div>
                <nav class='feature-tab sheet-tabs tabs' data-group='diceSoNice'>
                    {{#each dsnTabs as |tab|}}
                        <a class='{{tab.id}} {{tab.cssClass}}' data-action='tab' data-group='{{tab.group}}' data-tab='{{tab.id}}'>
                        {{localize tab.label}}
                    </a>
                    {{/each}}
                </nav>
                <line-div></line-div>
            </div>
        </div>
    </section>
    {{#each dsnTabs as |dsnTab|}}
      <section class="tab {{#if dsnTab.active}} active{{/if}}" data-group="{{dsnTab.group}}" data-tab="{{dsnTab.id}}">
        {{#if dsnTab.diceTab}}
          {{> "systems/daggerheart/templates/settings/appearance-settings/diceSoNiceTab.hbs" dsnTab }}
        {{else}}
          <div class="field-section">
            {{#if ../isGM}}
              <h3>{{localize "DAGGERHEART.SETTINGS.Menu.appearance.globalSettings"}}</h3>  
              <div class="label-container">
                  <label>{{localize "DAGGERHEART.SETTINGS.Menu.appearance.defaultAnimations"}}</label>
                  <input type="checkbox" class="default-animations-input" {{checked ../globalOverrides.diceSoNice.sfx.overrideEnabled}} />
              </div>
            {{/if}}
            <h3>{{localize "DAGGERHEART.SETTINGS.Menu.appearance.globalAnimations"}}</h3>  
            <div class="split-section"> 
              <div class="label-container full-width">
                <label>{{localize "DAGGERHEART.CONFIG.DaggerheartDiceAnimationEvents.critical.name"}}</label>
                {{formInput ../fields.diceSoNice.fields.sfx.fields.critical.fields.class value=../setting.diceSoNice.sfx.critical.class blank="" localize=true}}
              </div>
            </div>  
          </div>
        {{/if}}
      </section>
    {{/each}}
</section>