PageSourceSearch

https://www.svenskmusik.org/en/search

html svenskmusik.org collected 2026-10-02 17:17:38 UTC 255,598 bytes, 4,549 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3	<head>
4        <meta charset="utf-8">
5        <meta http-equiv="X-UA-Compatible" content="IE=edge">
6        <meta name="viewport" content="width=device-width, initial-scale=1">
7        <meta name="csrf-token" content="ef8EXNpRY2epOAFHNh3xcVQUBg34oFmJaNoR9mEl" />
8
9        <title>Svensk Musik – Search</title>
10						      <meta name="description" content="The archive contains contemporary music from the last hundred years, with more than 90 000 works of classical and popular music.">
11		    
12								<!-- Twitter Card data -->
13		      <meta name="twitter:card" content="The archive contains contemporary music from the last hundred years, with more than 90 000 works of classical and popular music.">
14		    
15        <!-- Open Graph data -->
16        <meta property="og:title" content="Svensk Musik" />
17        <meta property="og:type" content="article" />
18        <meta property="og:url" content="http://svenskmusik.mic.se/en/search" />
19        <meta property="og:image" content="http://svenskmusik.se/images/jpg/og-image.jpg" />
20				<meta property="og:site_name" content="Svensk Musik" />
21				<meta property="og:locale" content="en_US" />
22        <meta property="og:locale:alternate" content="sv_SE" />
23						      <meta property="og:description" content="The archive contains contemporary music from the last hundred years, with more than 90 000 works of classical and popular music." />
24		    
25        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
26        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
27        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
28        <link rel="manifest" href="/manifest.json">
29        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
30        <meta name="theme-color" content="#ffffff">
31
32        <link rel="stylesheet" href="/css/app.css?id=f20b65ff9cf90cfc8f97">
33
34        
34<script src="https://cdn-eu.cookietractor.com/cookietractor.js" data-lang="sv-SE" data-id="c1fb6c38-cb9d-4603-99a7-d025437da37b" type="026d0d720065c70b24d244fd-text/javascript"></script>
34
35
36        
36<script type="026d0d720065c70b24d244fd-text/javascript">
37            window.appConf = {"locale":"en","baseUrl":"https:\/\/www.svenskmusik.org","netsDibsPaymentUrl":"https:\/\/www.svenskmusik.org\/nets-dibs\/payment"};
38        </script>
38
39
40            </head>
41    <body>
42        <a href="#main-content" class="c-skipLink u-visuallyHidden u-focusable">
43          Go to main content
44        </a>
45
46				
47    <aside class="c-cmsAlert">
48                    <div class="c-cmsAlert__alert">
49                <img src="/images/svg/icon-cms-alert.svg" alt="icon" width="20" height="20">
50                <p role="alert">Want to order the Edition Suecia Tranströmer edition? Write &quot;Tranströmerutgåvan&quot; in the search field.</p>
51            </div>
52            </aside>
53
54        <header class="c-header">
55	<a href="/" class="c-header__logo">
56		<img src="/images/svg/logo-black.svg" alt="Svensk Musik" width="220" height="15" />
57	</a>
58
59		
60			<nav class="c-nav--primary">
61  <ul class="c-nav--primary__menu">
62    <li class="c-nav--primary__item">
63      <a class="c-nav--primary__link -active -yellow" href="https://www.svenskmusik.org/en/search">
64      	<span class="c-nav--primary__link__text">Search works</span>
65    	</a>
66    </li>
67    <li class="c-nav--primary__item">
68      <a class="c-nav--primary__link" href="https://www.svenskmusik.org/en/about">
69      	<span class="c-nav--primary__link__text">About Svensk Musik</span>
70      </a>
71    </li>
72  </ul>
73</nav>	</header>
74
75                    <div id="cart-container">
76  <div id="cart" class="c-cartDialog js-dialog" aria-hidden="true">
77
78  <div class="c-cartDialog__overlay" tabindex="-1" data-a11y-dialog-hide="cart"></div>
79
80  <div role="dialog" class="c-cartDialog__inner" aria-labelledby="cart-title">
81    <div role="document" class="c-cartDialog__document">
82
83      <h2 id="cart-title" tabindex="0" class="c-cartDialog__title">
84        Cart
85      </h2>
86
87      <div class="c-cartDialog__content">
88        <div class="c-cartDialog__content__inner">
89                    <cart
90              :animate="animate"
91              />
92              </div>
93      </div>
94
95      <button type="button" class="c-cartDialog__close" data-a11y-dialog-hide="cart" aria-label="Close this dialog window">
96        <svg class="c-icon -close" aria-hidden="true">
97          <use xlink:href="/images/spritemap.svg#icon-close"></use>
98        </svg>
99      </button>
100
101    </div>
102  </div>
103</div>
104
105  
106  <cart-toggle></cart-toggle>
107</div>
108        
109        <main id="main-content" tabindex="-1">
110            <div id="search-app">
111
112    <form action="" class="c-form" v-on:submit.prevent="onSearchTextFormSubmit" autocomplete="off">
113        <div class="c-jumbotron -yellow">
114            <div class="o-wrapper -large">
115                <div class="o-row o-fauxRow -xsmall o-4-12@xlarge c-text u-left@xlarge">
116                    The archive contains contemporary music from the last hundred years, with more than 90 000 works of classical and popular music.
117                </div>
118                <div class="o-8-12@xlarge u-left@xlarge u-last@xlarge o-row o-fauxRow -xsmall c-form__wrapper -search-page">
119                    <div class="c-form__item -search -search-page">
120                        <label for="search-text" class="u-visuallyHidden">Enter keywords</label>
121                        <v-autocomplete v-model="autoCompleteItem"
122                            input-class="c-form__search"
123                            placeholder="Search works or rightsholders"
124                            ref="autoComplete"
125                            :auto-select-one-item="false"
126                            :items="autoCompleteItems"
127                            :get-label="getAutoCompleteLabel"
128                            :component-item="autoCompleteTemplate"
129                            :start-text="searchText"
130                            @update-items="onAutoCompleteUpdate"
131                            @change="onAutoCompleteChange"
132                            @item-selected="onAutoCompleteItemSelected"
133                            @blur="onSearchTextFormSubmit">
134                        </v-autocomplete>
135                        <div class="c-form__submitWrapper">
136                            <input type="submit" class="c-form__submit -search" value="Search" />
137                        </div>
138                    </div>
139                    <p style="padding-left: 2em;">Search keyword, work or author. Select the desired option from the drop-down list or free text search.</p>
140                </div>
141            </div>
142        </div>
143    </form>
144
145    <div class="u-clearfix u-flex@xlarge">
146        <div class="o-4-12@xlarge -full c-filter">
147
148            <div id="filters" class="o-wrapper@xsmall-xlarge o-inner c-filter__inner o-fauxRow -xsmall">
149
150                <p class="c-form__label -search-filter">Filter:</p>
151
152                
153                <fieldset class="c-form__item -xsmall">
154                    <button data-a11y-dialog-show="instrumentation" type="button" class="c-button -pushToggle">
155                      Instrumentation
156                    </button>
157                    <div class="js-filterTags c-fieldset__filter" data-tag-source="instrumentation"></div>
158                </fieldset>
159
160                <fieldset class="c-form__item -xsmall">
161                    <year-filter
162                            :year-from="yearFrom"
163                            :year-to="yearTo"
164                            @submit="onYearFilterSubmit"
165                            placeholder-year-from="From year"
166                            placeholder-year-to="To year"
167                            placeholder-add="Add"
168                            selected-year-from="From"
169                            selected-year-to="To"
170                            max-date="2026"
171                    ></year-filter>
172                </fieldset>
173
174                <fieldset class="c-form__item -xsmall">
175                    <button data-a11y-dialog-show="languages" type="button" class="c-button -pushToggle">
176                      Language
177                    </button>
178                    <div class="js-filterTags c-fieldset__filter" data-tag-source="languages"></div>
179                </fieldset>
180
181                <fieldset class="c-form__item -xsmall">
182                    <button data-a11y-dialog-show="voice_type" type="button" class="c-button -pushToggle">
183                      Voice type
184                    </button>
185                    <div class="js-filterTags c-fieldset__filter" data-tag-source="voice_type"></div>
186                </fieldset>
187
188                <div class="c-form__item -small">
189                    <label for="duration" class="c-form__label -center -blue">Duration</label>
190
191                    <duration-filter ref="durationFilter" @submit="onDurationChange" :minutes-from="minutesFrom" :minutes-to="minutesTo"></duration-filter>
192                </div>
193
194                <fieldset class="c-fieldset">
195                    <legend class="u-visuallyHidden">Type of music</legend>
196                    <ul class="c-form__radioToggles c-form__list">
197                        <li class="c-form__item -radioToggle -inline">
198                            <input id="all-music" type="radio" class="c-form__radioToggle" name="type-of-music" v-model="genre" @change="search" value="">
199                            <label class="c-form__label -option" for="all-music">All music</label>
200                        </li>
201                        <li class="c-form__item -radioToggle -inline">
202                            <input id="art-music" type="radio" class="c-form__radioToggle" name="type-of-music" v-model="genre" @change="search" value="classic">
203                            <label class="c-form__label -option" for="art-music">Contemporary classical music</label>
204                        </li>
205                        <li class="c-form__item -radioToggle -inline">
206                            <input id="popular-music" type="radio" class="c-form__radioToggle" name="type-of-music" v-model="genre" @change="search" value="pop">
207                            <label class="c-form__label -option" for="popular-music">Popular music</label>
208                        </li>
209                    </ul>
210                </fieldset>
211
212                <fieldset class="c-fieldset">
213                    <legend class="u-visuallyHidden">Type of product</legend>
214                    <ul class="c-form__radioToggles c-form__list">
215                        <li class="c-form__item -radioToggle -inline">
216                            <input id="all-products" type="radio" class="c-form__radioToggle" name="type-of-product" v-model="type" @change="search" value="">
217                            <label class="c-form__label -option" for="all-products">All products</label>
218                        </li>
219                        <li class="c-form__item -radioToggle -inline">
220                            <input id="sheet_music" type="radio" class="c-form__radioToggle" name="type-of-product" v-model="type" @change="search" value="noter">
221                            <label class="c-form__label -option" for="sheet_music">Scores</label>
222                        </li>
223                        <li class="c-form__item -radioToggle -inline">
224                            <input id="recording" type="radio" class="c-form__radioToggle" name="type-of-product" v-model="type" @change="search" value="inspelning">
225                            <label class="c-form__label -option" for="recording">Recordings</label>
226                        </li>
227                    </ul>
228                </fieldset>
229                
230                <fieldset class="c-fieldset">
231                    <legend class="u-visuallyHidden">Female composer</legend>
232
233                    <div class="c-form__item -toggle-button">
234                        <label class="c-form__label -blue" for="gender-filter">Only show works with female composers.</label>
235
236                        <toggle-button
237                            id="gender-filter"
238                            :value="false"
239                            v-model="femaleComposer"
240                            @change="search"
241                            :height=26
242                            cssColors="true"
243                            :sync="true">
244                        </toggle-button>
245                    </div>
246
247                    <p class="c-form__help -blue">If you want help finding popular music - contact <a href="/cdn-cgi/l/email-protection#e2928790cc848e8d80879085a29194878c91898f97918b89cc8d9085">the person responsible for Skap's archive</a>.</p>
248                    <p class="c-form__help -blue">If you want help finding contemporary classical music - contact <a href="/cdn-cgi/l/email-protection#bad7d5d4d3d1db94ddd6d3d7c9d1dbc8fac9ccdfd4c9d1d7cfc9d3d194d5c8dd">the music librarian</a>.</p>
249
250                </fieldset>
251
252                <input v-show="isFiltering" type="reset" class="c-button--reset u-right" @click="resetFilters" value="Clear filter" />
253            </div>
254
255            <div class="u-hidden@xlarge c-filter__button__wrapper">
256                <button type="button" class="c-filter__button" data-a11y-toggle="filters">
257                    <span class="c-button__notExpanded">Filter</span>
258                    <span class="c-button__expanded">Close filter</span>
259                </button>
260                <div class="c-filter__button__overlay"></div>
261            </div>
262
263            
264            <div id="instrumentation" class="c-fieldsetDialog js-dialog " aria-hidden="true">
265
266  <div class="c-fieldsetDialog__overlay" tabindex="-1" data-a11y-dialog-hide="instrumentation"></div>
267
268  <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="instrumentation-title">
269    <div role="document" class="c-fieldsetDialog__document">
270
271      <h2 id="instrumentation-title" tabindex="0" class="c-fieldsetDialog__title">
272        Instrumentation
273      </h2>
274
275      <div class="c-fieldsetDialog__content">
276        <div class="c-fieldsetDialog__content__inner">
277                  <form action="" class="c-form">
278            <ul class="c-form__list">
279                        <li class="c-form__item -row">
280                    <button type="button" class="c-form__listToggle" data-a11y-dialog-show="choir-xp">
281                        Choir
282                        <svg class="c-icon -arrow" aria-hidden="true">
283                        <use xlink:href="/images/spritemap.svg#icon-arrow"></use>
284                        </svg>
285                    </button>
286
287                    <div id="choir-xp" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true">
288
289                    <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="choir-xp-title">
290                        <div role="document" class="c-fieldsetDialog__document">
291
292                        <h2 id="choir-xp-title" tabindex="0" class="c-fieldsetDialog__title">
293                            Choir
294                        </h2>
295
296                        <div class="c-fieldsetDialog__content">
297                            <div class="c-fieldsetDialog__content__inner">
298
299                            <fieldset class="c-form__checkboxes">
300
301  
302    <ul class="c-form__list">
303
304              <li class="c-form__item -checkboxList -row">
305          <input class="c-form__checkboxList" id="unison-choir-xpa" type="checkbox" name="unison-choir-xpa" value="Xpa"  v-model="instr" @change="onCheckBoxChange">
306          <label class="c-form__label" for="unison-choir-xpa">
307            Unison choir
308          </label>
309        </li>
310              <li class="c-form__item -checkboxList -row">
311          <input class="c-form__checkboxList" id="choir-with-accompaniment-xpb" type="checkbox" name="choir-with-accompaniment-xpb" value="Xpb"  v-model="instr" @change="onCheckBoxChange">
312          <label class="c-form__label" for="choir-with-accompaniment-xpb">
313            Choir with accompaniment
314          </label>
315        </li>
316              <li class="c-form__item -checkboxList -row">
317          <input class="c-form__checkboxList" id="femalechildrens-choir-with-accompaniment-xpba" type="checkbox" name="femalechildrens-choir-with-accompaniment-xpba" value="Xpba"  v-model="instr" @change="onCheckBoxChange">
318          <label class="c-form__label" for="femalechildrens-choir-with-accompaniment-xpba">
319            Female/children&#039;s choir with accompaniment
320          </label>
321        </li>
322              <li class="c-form__item -checkboxList -row">
323          <input class="c-form__checkboxList" id="female-choir-with-accompaniment-xpbaa" type="checkbox" name="female-choir-with-accompaniment-xpbaa" value="Xpbaa"  v-model="instr" @change="onCheckBoxChange">
324          <label class="c-form__label" for="female-choir-with-accompaniment-xpbaa">
325            Female choir with accompaniment
326          </label>
327        </li>
328              <li class="c-form__item -checkboxList -row">
329          <input class="c-form__checkboxList" id="childrens-choir-with-accompaniment-xpbab" type="checkbox" name="childrens-choir-with-accompaniment-xpbab" value="Xpbab"  v-model="instr" @change="onCheckBoxChange">
330          <label class="c-form__label" for="childrens-choir-with-accompaniment-xpbab">
331            Children&#039;s choir with accompaniment
332          </label>
333        </li>
334              <li class="c-form__item -checkboxList -row">
335          <input class="c-form__checkboxList" id="mixed-choir-with-accompaniment-xpbc" type="checkbox" name="mixed-choir-with-accompaniment-xpbc" value="Xpbc"  v-model="instr" @change="onCheckBoxChange">
336          <label class="c-form__label" for="mixed-choir-with-accompaniment-xpbc">
337            Mixed choir with accompaniment
338          </label>
339        </li>
340              <li class="c-form__item -checkboxList -row">
341          <input class="c-form__checkboxList" id="male-choir-and-accompaniment-xpbd" type="checkbox" name="male-choir-and-accompaniment-xpbd" value="Xpbd"  v-model="instr" @change="onCheckBoxChange">
342          <label class="c-form__label" for="male-choir-and-accompaniment-xpbd">
343            Male choir and accompaniment
344          </label>
345        </li>
346              <li class="c-form__item -checkboxList -row">
347          <input class="c-form__checkboxList" id="choir-xpc" type="checkbox" name="choir-xpc" value="Xpc"  v-model="instr" @change="onCheckBoxChange">
348          <label class="c-form__label" for="choir-xpc">
349            Choir
350          </label>
351        </li>
352              <li class="c-form__item -checkboxList -row">
353          <input class="c-form__checkboxList" id="femalechildrens-choir-xpca" type="checkbox" name="femalechildrens-choir-xpca" value="Xpca"  v-model="instr" @change="onCheckBoxChange">
354          <label class="c-form__label" for="femalechildrens-choir-xpca">
355            Female/Children&#039;s choir
356          </label>
357        </li>
358              <li class="c-form__item -checkboxList -row">
359          <input class="c-form__checkboxList" id="female-choir-xpcaa" type="checkbox" name="female-choir-xpcaa" value="Xpcaa"  v-model="instr" @change="onCheckBoxChange">
360          <label class="c-form__label" for="female-choir-xpcaa">
361            Female choir
362          </label>
363        </li>
364              <li class="c-form__item -checkboxList -row">
365          <input class="c-form__checkboxList" id="childrens-choir-xpcab" type="checkbox" name="childrens-choir-xpcab" value="Xpcab"  v-model="instr" @change="onCheckBoxChange">
366          <label class="c-form__label" for="childrens-choir-xpcab">
367            Children&#039;s choir
368          </label>
369        </li>
370              <li class="c-form__item -checkboxList -row">
371          <input class="c-form__checkboxList" id="mixed-choir-xpcc" type="checkbox" name="mixed-choir-xpcc" value="Xpcc"  v-model="instr" @change="onCheckBoxChange">
372          <label class="c-form__label" for="mixed-choir-xpcc">
373            Mixed choir
374          </label>
375        </li>
376              <li class="c-form__item -checkboxList -row">
377          <input class="c-form__checkboxList" id="male-choir-xpcd" type="checkbox" name="male-choir-xpcd" value="Xpcd"  v-model="instr" @change="onCheckBoxChange">
378          <label class="c-form__label" for="male-choir-xpcd">
379            Male choir
380          </label>
381        </li>
382              <li class="c-form__item -checkboxList -row">
383          <input class="c-form__checkboxList" id="speaking-choir-xpa" type="checkbox" name="speaking-choir-xpa" value="Xpå"  v-model="instr" @change="onCheckBoxChange">
384          <label class="c-form__label" for="speaking-choir-xpa">
385            Speaking choir
386          </label>
387        </li>
388      
389    </ul>
390</fieldset>
391                            </div>
392                        </div>
393                        <button type="button" data-a11y-dialog-hide="choir-xp" class="c-button -fixed">Add</button>
394
395                        <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="choir-xp" aria-label="Stäng Choir">
396                            <svg class="c-icon -close" aria-hidden="true">
397                            <use xlink:href="/images/spritemap.svg#icon-close"></use>
398                            </svg>
399                        </button>
400
401                        </div>
402                    </div>
403                    </div>
404                </li>
405                        <li class="c-form__item -row">
406                    <button type="button" class="c-form__listToggle" data-a11y-dialog-show="concertos-xl">
407                        Concertos
408                        <svg class="c-icon -arrow" aria-hidden="true">
409                        <use xlink:href="/images/spritemap.svg#icon-arrow"></use>
410                        </svg>
411                    </button>
412
413                    <div id="concertos-xl" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true">
414
415                    <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="concertos-xl-title">
416                        <div role="document" class="c-fieldsetDialog__document">
417
418                        <h2 id="concertos-xl-title" tabindex="0" class="c-fieldsetDialog__title">
419                            Concertos
420                        </h2>
421
422                        <div class="c-fieldsetDialog__content">
423                            <div class="c-fieldsetDialog__content__inner">
424
425                            <fieldset class="c-form__checkboxes">
426
427  
428    <ul class="c-form__list">
429
430              <li class="c-form__item -checkboxList -row">
431          <input class="c-form__checkboxList" id="different-solo-instruments-xlbb" type="checkbox" name="different-solo-instruments-xlbb" value="Xlbb"  v-model="instr" @change="onCheckBoxChange">
432          <label class="c-form__label" for="different-solo-instruments-xlbb">
433            Different solo instruments
434          </label>
435        </li>
436              <li class="c-form__item -checkboxList -row">
437          <input class="c-form__checkboxList" id="2-solo-instruments-xlbb02" type="checkbox" name="2-solo-instruments-xlbb02" value="Xlbb.02"  v-model="instr" @change="onCheckBoxChange">
438          <label class="c-form__label" for="2-solo-instruments-xlbb02">
439            2 solo instruments
440          </label>
441        </li>
442              <li class="c-form__item -checkboxList -row">
443          <input class="c-form__checkboxList" id="3-solo-instruments-xlbb03" type="checkbox" name="3-solo-instruments-xlbb03" value="Xlbb.03"  v-model="instr" @change="onCheckBoxChange">
444          <label class="c-form__label" for="3-solo-instruments-xlbb03">
445            3 solo instruments
446          </label>
447        </li>
448              <li class="c-form__item -checkboxList -row">
449          <input class="c-form__checkboxList" id="2-guitars-and-orchestra-xlbgb02" type="checkbox" name="2-guitars-and-orchestra-xlbgb02" value="Xlbgb.02"  v-model="instr" @change="onCheckBoxChange">
450          <label class="c-form__label" for="2-guitars-and-orchestra-xlbgb02">
451            2 guitars and orchestra
452          </label>
453        </li>
454      
455    </ul>
456</fieldset>
457                            </div>
458                        </div>
459                        <button type="button" data-a11y-dialog-hide="concertos-xl" class="c-button -fixed">Add</button>
460
461                        <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="concertos-xl" aria-label="Stäng Concertos">
462                            <svg class="c-icon -close" aria-hidden="true">
463                            <use xlink:href="/images/spritemap.svg#icon-close"></use>
464                            </svg>
465                        </button>
466
467                        </div>
468                    </div>
469                    </div>
470                </li>
471                        <li class="c-form__item -row">
472                    <button type="button" class="c-form__listToggle" data-a11y-dialog-show="concertos-xm">
473                        Concertos
474                        <svg class="c-icon -arrow" aria-hidden="true">
475                        <use xlink:href="/images/spritemap.svg#icon-arrow"></use>
476                        </svg>
477                    </button>
478
479                    <div id="concertos-xm" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true">
480
481                    <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="concertos-xm-title">
482                        <div role="document" class="c-fieldsetDialog__document">
483
484                        <h2 id="concertos-xm-title" tabindex="0" class="c-fieldsetDialog__title">
485                            Concertos
486                        </h2>
487
488                        <div class="c-fieldsetDialog__content">
489                            <div class="c-fieldsetDialog__content__inner">
490
491                            <fieldset class="c-form__checkboxes">
492
493  
494    <ul class="c-form__list">
495
496              <li class="c-form__item -checkboxList -row">
497          <input class="c-form__checkboxList" id="solo-instrument-and-string-orchestra-xmb" type="checkbox" name="solo-instrument-and-string-orchestra-xmb" value="Xmb"  v-model="instr" @change="onCheckBoxChange">
498          <label class="c-form__label" for="solo-instrument-and-string-orchestra-xmb">
499            Solo instrument and string orchestra
500          </label>
501        </li>
502              <li class="c-form__item -checkboxList -row">
503          <input class="c-form__checkboxList" id="concertos-for-orchestra-xmba" type="checkbox" name="concertos-for-orchestra-xmba" value="Xmba"  v-model="instr" @change="onCheckBoxChange">
504          <label class="c-form__label" for="concertos-for-orchestra-xmba">
505            Concertos for orchestra
506          </label>
507        </li>
508              <li class="c-form__item -checkboxList -row">
509          <input class="c-form__checkboxList" id="2-instruments-xmbb02" type="checkbox" name="2-instruments-xmbb02" value="Xmbb.02"  v-model="instr" @change="onCheckBoxChange">
510          <label class="c-form__label" for="2-instruments-xmbb02">
511            2 instruments
512          </label>
513        </li>
514              <li class="c-form__item -checkboxList -row">
515          <input class="c-form__checkboxList" id="3-instruments-xmbb03" type="checkbox" name="3-instruments-xmbb03" value="Xmbb.03"  v-model="instr" @change="onCheckBoxChange">
516          <label class="c-form__label" for="3-instruments-xmbb03">
517            3 instruments
518          </label>
519        </li>
520              <li class="c-form__item -checkboxList -row">
521          <input class="c-form__checkboxList" id="4-instruments-xmbb04" type="checkbox" name="4-instruments-xmbb04" value="Xmbb.04"  v-model="instr" @change="onCheckBoxChange">
522          <label class="c-form__label" for="4-instruments-xmbb04">
523            4 instruments
524          </label>
525        </li>
526              <li class="c-form__item -checkboxList -row">
527          <input class="c-form__checkboxList" id="piano-concerto-xmbda" type="checkbox" name="piano-concerto-xmbda" value="Xmbda"  v-model="instr" @change="onCheckBoxChange">
528          <label class="c-form__label" for="piano-concerto-xmbda">
529            Piano concerto
530          </label>
531        </li>
532              <li class="c-form__item -checkboxList -row">
533          <input class="c-form__checkboxList" id="piano-concerto-2-pianos-xmbda02" type="checkbox" name="piano-concerto-2-pianos-xmbda02" value="Xmbda.02"  v-model="instr" @change="onCheckBoxChange">
534          <label class="c-form__label" for="piano-concerto-2-pianos-xmbda02">
535            Piano concerto 2 pianos
536          </label>
537        </li>
538              <li class="c-form__item -checkboxList -row">
539          <input class="c-form__checkboxList" id="organ-concerto-xmbdb" t
539ype="checkbox" name="organ-concerto-xmbdb" value="Xmbdb"  v-model="instr" @change="onCheckBoxChange">
540          <label class="c-form__label" for="organ-concerto-xmbdb">
541            Organ concerto
542          </label>
543        </li>
544              <li class="c-form__item -checkboxList -row">
545          <input class="c-form__checkboxList" id="harpsichord-concerto-xmbdc" type="checkbox" name="harpsichord-concerto-xmbdc" value="Xmbdc"  v-model="instr" @change="onCheckBoxChange">
546          <label class="c-form__label" for="harpsichord-concerto-xmbdc">
547            Harpsichord concerto
548          </label>
549        </li>
550              <li class="c-form__item -checkboxList -row">
551          <input class="c-form__checkboxList" id="concertos-for-strings-xmbe" type="checkbox" name="concertos-for-strings-xmbe" value="Xmbe"  v-model="instr" @change="onCheckBoxChange">
552          <label class="c-form__label" for="concertos-for-strings-xmbe">
553            Concertos for strings
554          </label>
555        </li>
556              <li class="c-form__item -checkboxList -row">
557          <input class="c-form__checkboxList" id="2-string-instruments-xmbe02" type="checkbox" name="2-string-instruments-xmbe02" value="Xmbe.02"  v-model="instr" @change="onCheckBoxChange">
558          <label class="c-form__label" for="2-string-instruments-xmbe02">
559            2 string instruments
560          </label>
561        </li>
562              <li class="c-form__item -checkboxList -row">
563          <input class="c-form__checkboxList" id="3-strings-xmbe03" type="checkbox" name="3-strings-xmbe03" value="Xmbe.03"  v-model="instr" @change="onCheckBoxChange">
564          <label class="c-form__label" for="3-strings-xmbe03">
565            3 strings
566          </label>
567        </li>
568              <li class="c-form__item -checkboxList -row">
569          <input class="c-form__checkboxList" id="violin-concerto-xmbea" type="checkbox" name="violin-concerto-xmbea" value="Xmbea"  v-model="instr" @change="onCheckBoxChange">
570          <label class="c-form__label" for="violin-concerto-xmbea">
571            Violin concerto
572          </label>
573        </li>
574              <li class="c-form__item -checkboxList -row">
575          <input class="c-form__checkboxList" id="violin-concerto-2-violins-xmbea02" type="checkbox" name="violin-concerto-2-violins-xmbea02" value="Xmbea.02"  v-model="instr" @change="onCheckBoxChange">
576          <label class="c-form__label" for="violin-concerto-2-violins-xmbea02">
577            Violin concerto 2 violins
578          </label>
579        </li>
580              <li class="c-form__item -checkboxList -row">
581          <input class="c-form__checkboxList" id="viola-concerto-xmbeb" type="checkbox" name="viola-concerto-xmbeb" value="Xmbeb"  v-model="instr" @change="onCheckBoxChange">
582          <label class="c-form__label" for="viola-concerto-xmbeb">
583            Viola concerto
584          </label>
585        </li>
586              <li class="c-form__item -checkboxList -row">
587          <input class="c-form__checkboxList" id="cello-concerto-xmbec" type="checkbox" name="cello-concerto-xmbec" value="Xmbec"  v-model="instr" @change="onCheckBoxChange">
588          <label class="c-form__label" for="cello-concerto-xmbec">
589            Cello concerto
590          </label>
591        </li>
592              <li class="c-form__item -checkboxList -row">
593          <input class="c-form__checkboxList" id="cello-concerto-2-cellos-xmbec02" type="checkbox" name="cello-concerto-2-cellos-xmbec02" value="Xmbec.02"  v-model="instr" @change="onCheckBoxChange">
594          <label class="c-form__label" for="cello-concerto-2-cellos-xmbec02">
595            Cello concerto 2 cellos
596          </label>
597        </li>
598              <li class="c-form__item -checkboxList -row">
599          <input class="c-form__checkboxList" id="double-bass-concerto-xmbed" type="checkbox" name="double-bass-concerto-xmbed" value="Xmbed"  v-model="instr" @change="onCheckBoxChange">
600          <label class="c-form__label" for="double-bass-concerto-xmbed">
601            Double bass concerto
602          </label>
603        </li>
604              <li class="c-form__item -checkboxList -row">
605          <input class="c-form__checkboxList" id="keyed-fiddle-concerto-xmbeg" type="checkbox" name="keyed-fiddle-concerto-xmbeg" value="Xmbeg"  v-model="instr" @change="onCheckBoxChange">
606          <label class="c-form__label" for="keyed-fiddle-concerto-xmbeg">
607            Keyed fiddle concerto
608          </label>
609        </li>
610              <li class="c-form__item -checkboxList -row">
611          <input class="c-form__checkboxList" id="hurdy-gurdy-concerto-xmbeh" type="checkbox" name="hurdy-gurdy-concerto-xmbeh" value="Xmbeh"  v-model="instr" @change="onCheckBoxChange">
612          <label class="c-form__label" for="hurdy-gurdy-concerto-xmbeh">
613            Hurdy-gurdy concerto
614          </label>
615        </li>
616              <li class="c-form__item -checkboxList -row">
617          <input class="c-form__checkboxList" id="concertos-for-wind-instruments-xmbf" type="checkbox" name="concertos-for-wind-instruments-xmbf" value="Xmbf"  v-model="instr" @change="onCheckBoxChange">
618          <label class="c-form__label" for="concertos-for-wind-instruments-xmbf">
619            Concertos for wind instruments
620          </label>
621        </li>
622              <li class="c-form__item -checkboxList -row">
623          <input class="c-form__checkboxList" id="2-winds-and-orchestra-xmbf02" type="checkbox" name="2-winds-and-orchestra-xmbf02" value="Xmbf.02"  v-model="instr" @change="onCheckBoxChange">
624          <label class="c-form__label" for="2-winds-and-orchestra-xmbf02">
625            2 winds and orchestra
626          </label>
627        </li>
628              <li class="c-form__item -checkboxList -row">
629          <input class="c-form__checkboxList" id="3-winds-and-orchestra-xmbf03" type="checkbox" name="3-winds-and-orchestra-xmbf03" value="Xmbf.03"  v-model="instr" @change="onCheckBoxChange">
630          <label class="c-form__label" for="3-winds-and-orchestra-xmbf03">
631            3 winds and orchestra
632          </label>
633        </li>
634              <li class="c-form__item -checkboxList -row">
635          <input class="c-form__checkboxList" id="concerto-for-wind-quintet-xmbf05" type="checkbox" name="concerto-for-wind-quintet-xmbf05" value="Xmbf.05"  v-model="instr" @change="onCheckBoxChange">
636          <label class="c-form__label" for="concerto-for-wind-quintet-xmbf05">
637            Concerto for wind quintet
638          </label>
639        </li>
640              <li class="c-form__item -checkboxList -row">
641          <input class="c-form__checkboxList" id="flute-concerto-xmbfa" type="checkbox" name="flute-concerto-xmbfa" value="Xmbfa"  v-model="instr" @change="onCheckBoxChange">
642          <label class="c-form__label" for="flute-concerto-xmbfa">
643            Flute concerto
644          </label>
645        </li>
646              <li class="c-form__item -checkboxList -row">
647          <input class="c-form__checkboxList" id="flute-concerto-2-flutes-xmbfa02" type="checkbox" name="flute-concerto-2-flutes-xmbfa02" value="Xmbfa.02"  v-model="instr" @change="onCheckBoxChange">
648          <label class="c-form__label" for="flute-concerto-2-flutes-xmbfa02">
649            Flute concerto 2 flutes
650          </label>
651        </li>
652              <li class="c-form__item -checkboxList -row">
653          <input class="c-form__checkboxList" id="flute-concerto-3-flutes-xmbfa03" type="checkbox" name="flute-concerto-3-flutes-xmbfa03" value="Xmbfa.03"  v-model="instr" @change="onCheckBoxChange">
654          <label class="c-form__label" for="flute-concerto-3-flutes-xmbfa03">
655            Flute concerto 3 flutes
656          </label>
657        </li>
658              <li class="c-form__item -checkboxList -row">
659          <input class="c-form__checkboxList" id="recorder-concerto-xmbfb" type="checkbox" name="recorder-concerto-xmbfb" value="Xmbfb"  v-model="instr" @change="onCheckBoxChange">
660          <label class="c-form__label" for="recorder-concerto-xmbfb">
661            Recorder concerto
662          </label>
663        </li>
664              <li class="c-form__item -checkboxList -row">
665          <input class="c-form__checkboxList" id="recorder-concerto-4-recorders-xmbfb" type="checkbox" name="recorder-concerto-4-recorders-xmbfb" value="Xmbfb"  v-model="instr" @change="onCheckBoxChange">
666          <label class="c-form__label" for="recorder-concerto-4-recorders-xmbfb">
667            Recorder concerto 4 recorders
668          </label>
669        </li>
670              <li class="c-form__item -checkboxList -row">
671          <input class="c-form__checkboxList" id="oboe-concerto-xmbfc" type="checkbox" name="oboe-concerto-xmbfc" value="Xmbfc"  v-model="instr" @change="onCheckBoxChange">
672          <label class="c-form__label" for="oboe-concerto-xmbfc">
673            Oboe concerto
674          </label>
675        </li>
676              <li class="c-form__item -checkboxList -row">
677          <input class="c-form__checkboxList" id="clarinet-concerto-xmbfd" type="checkbox" name="clarinet-concerto-xmbfd" value="Xmbfd"  v-model="instr" @change="onCheckBoxChange">
678          <label class="c-form__label" for="clarinet-concerto-xmbfd">
679            Clarinet concerto
680          </label>
681        </li>
682              <li class="c-form__item -checkboxList -row">
683          <input class="c-form__checkboxList" id="saxophone-concerto-xmbfe" type="checkbox" name="saxophone-concerto-xmbfe" value="Xmbfe"  v-model="instr" @change="onCheckBoxChange">
684          <label class="c-form__label" for="saxophone-concerto-xmbfe">
685            Saxophone concerto
686          </label>
687        </li>
688              <li class="c-form__item -checkboxList -row">
689          <input class="c-form__checkboxList" id="saxophone-concerto-2-saxophones-xmbfe02" type="checkbox" name="saxophone-concerto-2-saxophones-xmbfe02" value="Xmbfe.02"  v-model="instr" @change="onCheckBoxChange">
690          <label class="c-form__label" for="saxophone-concerto-2-saxophones-xmbfe02">
691            Saxophone concerto 2 saxophones
692          </label>
693        </li>
694              <li class="c-form__item -checkboxList -row">
695          <input class="c-form__checkboxList" id="saxophone-concerto-4-saxophones-xmbfe04" type="checkbox" name="saxophone-concerto-4-saxophones-xmbfe04" value="Xmbfe.04"  v-model="instr" @change="onCheckBoxChange">
696          <label class="c-form__label" for="saxophone-concerto-4-saxophones-xmbfe04">
697            Saxophone concerto 4 saxophones
698          </label>
699        </li>
700              <li class="c-form__item -checkboxList -row">
701          <input class="c-form__checkboxList" id="bassoon-concerto-xmbff" type="checkbox" name="bassoon-concerto-xmbff" value="Xmbff"  v-model="instr" @change="onCheckBoxChange">
702          <label class="c-form__label" for="bassoon-concerto-xmbff">
703            Bassoon concerto
704          </label>
705        </li>
706              <li class="c-form__item -checkboxList -row">
707          <input class="c-form__checkboxList" id="trumpet-concerto-xmbfg" type="checkbox" name="trumpet-concerto-xmbfg" value="Xmbfg"  v-model="instr" @change="onCheckBoxChange">
708          <label class="c-form__label" for="trumpet-concerto-xmbfg">
709            Trumpet concerto
710          </label>
711        </li>
712              <li class="c-form__item -checkboxList -row">
713          <input class="c-form__checkboxList" id="trumpet-concerto-2-trumpets-xmbfg02" type="checkbox" name="trumpet-concerto-2-trumpets-xmbfg02" value="Xmbfg.02"  v-model="instr" @change="onCheckBoxChange">
714          <label class="c-form__label" for="trumpet-concerto-2-trumpets-xmbfg02">
715            Trumpet concerto 2 trumpets
716          </label>
717        </li>
718              <li class="c-form__item -checkboxList -row">
719          <input class="c-form__checkboxList" id="horn-concerto-xmbfh" type="checkbox" name="horn-concerto-xmbfh" value="Xmbfh"  v-model="instr" @change="onCheckBoxChange">
720          <label class="c-form__label" for="horn-concerto-xmbfh">
721            Horn concerto
722          </label>
723        </li>
724              <li class="c-form__item -checkboxList -row">
725          <input class="c-form__checkboxList" id="horn-concerto-2-horns-xmbfh02" t
725ype="checkbox" name="horn-concerto-2-horns-xmbfh02" value="Xmbfh.02"  v-model="instr" @change="onCheckBoxChange">
726          <label class="c-form__label" for="horn-concerto-2-horns-xmbfh02">
727            Horn concerto 2 horns
728          </label>
729        </li>
730              <li class="c-form__item -checkboxList -row">
731          <input class="c-form__checkboxList" id="trombone-concerto-xmbfi" type="checkbox" name="trombone-concerto-xmbfi" value="Xmbfi"  v-model="instr" @change="onCheckBoxChange">
732          <label class="c-form__label" for="trombone-concerto-xmbfi">
733            Trombone concerto
734          </label>
735        </li>
736              <li class="c-form__item -checkboxList -row">
737          <input class="c-form__checkboxList" id="trombone-concerto-2-trombones-xmbfi02" type="checkbox" name="trombone-concerto-2-trombones-xmbfi02" value="Xmbfi.02"  v-model="instr" @change="onCheckBoxChange">
738          <label class="c-form__label" for="trombone-concerto-2-trombones-xmbfi02">
739            Trombone concerto 2 trombones
740          </label>
741        </li>
742              <li class="c-form__item -checkboxList -row">
743          <input class="c-form__checkboxList" id="tuba-concerto-xmbfj" type="checkbox" name="tuba-concerto-xmbfj" value="Xmbfj"  v-model="instr" @change="onCheckBoxChange">
744          <label class="c-form__label" for="tuba-concerto-xmbfj">
745            Tuba concerto
746          </label>
747        </li>
748              <li class="c-form__item -checkboxList -row">
749          <input class="c-form__checkboxList" id="accordion-concerto-xmbfk" type="checkbox" name="accordion-concerto-xmbfk" value="Xmbfk"  v-model="instr" @change="onCheckBoxChange">
750          <label class="c-form__label" for="accordion-concerto-xmbfk">
751            Accordion concerto
752          </label>
753        </li>
754              <li class="c-form__item -checkboxList -row">
755          <input class="c-form__checkboxList" id="guitar-concerto-xmbgb" type="checkbox" name="guitar-concerto-xmbgb" value="Xmbgb"  v-model="instr" @change="onCheckBoxChange">
756          <label class="c-form__label" for="guitar-concerto-xmbgb">
757            Guitar concerto
758          </label>
759        </li>
760              <li class="c-form__item -checkboxList -row">
761          <input class="c-form__checkboxList" id="mandolin-concerto-xmbgc" type="checkbox" name="mandolin-concerto-xmbgc" value="Xmbgc"  v-model="instr" @change="onCheckBoxChange">
762          <label class="c-form__label" for="mandolin-concerto-xmbgc">
763            Mandolin concerto
764          </label>
765        </li>
766              <li class="c-form__item -checkboxList -row">
767          <input class="c-form__checkboxList" id="mandolin-concerto-2-mandolins-xmbgc02" type="checkbox" name="mandolin-concerto-2-mandolins-xmbgc02" value="Xmbgc.02"  v-model="instr" @change="onCheckBoxChange">
768          <label class="c-form__label" for="mandolin-concerto-2-mandolins-xmbgc02">
769            Mandolin concerto  2 mandolins
770          </label>
771        </li>
772              <li class="c-form__item -checkboxList -row">
773          <input class="c-form__checkboxList" id="balalaika-concerto-xmbgf" type="checkbox" name="balalaika-concerto-xmbgf" value="Xmbgf"  v-model="instr" @change="onCheckBoxChange">
774          <label class="c-form__label" for="balalaika-concerto-xmbgf">
775            Balalaika concerto
776          </label>
777        </li>
778              <li class="c-form__item -checkboxList -row">
779          <input class="c-form__checkboxList" id="percussion-concerto-xmbh" type="checkbox" name="percussion-concerto-xmbh" value="Xmbh"  v-model="instr" @change="onCheckBoxChange">
780          <label class="c-form__label" for="percussion-concerto-xmbh">
781            Percussion concerto
782          </label>
783        </li>
784              <li class="c-form__item -checkboxList -row">
785          <input class="c-form__checkboxList" id="percussion-concerto-2-percussionists-xmbh02" type="checkbox" name="percussion-concerto-2-percussionists-xmbh02" value="Xmbh.02"  v-model="instr" @change="onCheckBoxChange">
786          <label class="c-form__label" for="percussion-concerto-2-percussionists-xmbh02">
787            Percussion concerto  2 percussionists
788          </label>
789        </li>
790              <li class="c-form__item -checkboxList -row">
791          <input class="c-form__checkboxList" id="marimba-concerto-xmbhg" type="checkbox" name="marimba-concerto-xmbhg" value="Xmbhg"  v-model="instr" @change="onCheckBoxChange">
792          <label class="c-form__label" for="marimba-concerto-xmbhg">
793            Marimba concerto
794          </label>
795        </li>
796      
797    </ul>
798</fieldset>
799                            </div>
800                        </div>
801                        <button type="button" data-a11y-dialog-hide="concertos-xm" class="c-button -fixed">Add</button>
802
803                        <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="concertos-xm" aria-label="Stäng Concertos">
804                            <svg class="c-icon -close" aria-hidden="true">
805                            <use xlink:href="/images/spritemap.svg#icon-close"></use>
806                            </svg>
807                        </button>
808
809                        </div>
810                    </div>
811                    </div>
812                </li>
813                        <li class="c-form__item -row">
814                    <button type="button" class="c-form__listToggle" data-a11y-dialog-show="electric-instruments-xi">
815                        Electric instruments
816                        <svg class="c-icon -arrow" aria-hidden="true">
817                        <use xlink:href="/images/spritemap.svg#icon-arrow"></use>
818                        </svg>
819                    </button>
820
821                    <div id="electric-instruments-xi" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true">
822
823                    <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="electric-instruments-xi-title">
824                        <div role="document" class="c-fieldsetDialog__document">
825
826                        <h2 id="electric-instruments-xi-title" tabindex="0" class="c-fieldsetDialog__title">
827                            Electric instruments
828                        </h2>
829
830                        <div class="c-fieldsetDialog__content">
831                            <div class="c-fieldsetDialog__content__inner">
832
833                            <fieldset class="c-form__checkboxes">
834
835  
836    <ul class="c-form__list">
837
838              <li class="c-form__item -checkboxList -row">
839          <input class="c-form__checkboxList" id="synthesizer-xib" type="checkbox" name="synthesizer-xib" value="Xib"  v-model="instr" @change="onCheckBoxChange">
840          <label class="c-form__label" for="synthesizer-xib">
841            Synthesizer
842          </label>
843        </li>
844              <li class="c-form__item -checkboxList -row">
845          <input class="c-form__checkboxList" id="2-synthesizers-xib02" type="checkbox" name="2-synthesizers-xib02" value="Xib.02"  v-model="instr" @change="onCheckBoxChange">
846          <label class="c-form__label" for="2-synthesizers-xib02">
847            2 synthesizers
848          </label>
849        </li>
850              <li class="c-form__item -checkboxList -row">
851          <input class="c-form__checkboxList" id="6-electric-pianos-xib06" type="checkbox" name="6-electric-pianos-xib06" value="Xib.06"  v-model="instr" @change="onCheckBoxChange">
852          <label class="c-form__label" for="6-electric-pianos-xib06">
853            6 electric pianos
854          </label>
855        </li>
856              <li class="c-form__item -checkboxList -row">
857          <input class="c-form__checkboxList" id="particular-electric-instruments-xiz" type="checkbox" name="particular-electric-instruments-xiz" value="Xiz"  v-model="instr" @change="onCheckBoxChange">
858          <label class="c-form__label" for="particular-electric-instruments-xiz">
859            Particular electric instruments
860          </label>
861        </li>
862      
863    </ul>
864</fieldset>
865                            </div>
866                        </div>
867                        <button type="button" data-a11y-dialog-hide="electric-instruments-xi" class="c-button -fixed">Add</button>
868
869                        <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="electric-instruments-xi" aria-label="Stäng Electric instruments">
870                            <svg class="c-icon -close" aria-hidden="true">
871                            <use xlink:href="/images/spritemap.svg#icon-close"></use>
872                            </svg>
873                        </button>
874
875                        </div>
876                    </div>
877                    </div>
878                </li>
879                        <li class="c-form__item -row">
880                    <button type="button" class="c-form__listToggle" data-a11y-dialog-show="electroacoustic-music-xn">
881                        Electroacoustic music
882                        <svg class="c-icon -arrow" aria-hidden="true">
883                        <use xlink:href="/images/spritemap.svg#icon-arrow"></use>
884                        </svg>
885                    </button>
886
887                    <div id="electroacoustic-music-xn" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true">
888
889                    <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="electroacoustic-music-xn-title">
890                        <div role="document" class="c-fieldsetDialog__document">
891
892                        <h2 id="electroacoustic-music-xn-title" tabindex="0" class="c-fieldsetDialog__title">
893                            Electroacoustic music
894                        </h2>
895
896                        <div class="c-fieldsetDialog__content">
897                            <div class="c-fieldsetDialog__content__inner">
898
899                            <fieldset class="c-form__checkboxes">
900
901  
902    <ul class="c-form__list">
903
904              <li class="c-form__item -checkboxList -row">
905          <input class="c-form__checkboxList" id="electroacoustic-music-xna" type="checkbox" name="electroacoustic-music-xna" value="Xna"  v-model="instr" @change="onCheckBoxChange">
906          <label class="c-form__label" for="electroacoustic-music-xna">
907            Electroacoustic music
908          </label>
909        </li>
910              <li class="c-form__item -checkboxList -row">
911          <input class="c-form__checkboxList" id="eam-and-chamber-music-xnb" type="checkbox" name="eam-and-chamber-music-xnb" value="Xnb"  v-model="instr" @change="onCheckBoxChange">
912          <label class="c-form__label" for="eam-and-chamber-music-xnb">
913            EAM and chamber music
914          </label>
915        </li>
916              <li class="c-form__item -checkboxList -row">
917          <input class="c-form__checkboxList" id="text-sound-compositions-xnd" type="checkbox" name="text-sound-compositions-xnd" value="Xnd"  v-model="instr" @change="onCheckBoxChange">
918          <label class="c-form__label" for="text-sound-compositions-xnd">
919            Text-sound compositions
920          </label>
921        </li>
922      
923    </ul>
924</fieldset>
925                            </div>
926                        </div>
927                        <button type="button" data-a11y-dialog-hide="electroacoustic-music-xn" class="c-button -fixed">Add</button>
928
929                        <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="electroacoustic-music-xn" aria-label="Stäng Electroacoustic music">
930                            <svg class="c-icon -close" aria-hidden="true">
931                            <use xlink:href="/images/spritemap.svg#icon-close"></use>
932                            </svg>
933                        </button>
934
935                        </div>
936                    </div>
937                    </div>
938                </li>
939                        <li class="c-form__item -row">
940                    <button type="button" class="c-form__listToggle" data-a11y-dialog-show="ensemble-xk">
941                        Ensemble
942                        <svg class="c-icon -arrow" aria-hidden="true">
943                        <use xlink:href="/images/spritemap.svg#icon-arrow"></use>
944                        </svg>
945                    </button>
946
947                    <div id="ensemble-xk" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true">
948
949                    <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="ensemble-xk-title">
950                        <div role="document" class="c-fieldsetDialog__document">
951
952                        <h2 id="ensemble-xk-title" tabindex="0" class="c-fieldsetDialog__title">
953                            Ensemble
954                        </h2>
955
956                        <div class="c-fieldsetDialog__content">
957                            <div class="c-fieldsetDialog__content__inner">
958
959                            <fieldset class="c-form__checkboxes">
960
961  
962    <ul class="c-form__list">
963
964              <li class="c-form__item -checkboxList -row">
965          <input class="c-form__checkboxList" id="2-instruments-xk02" type="checkbox" name="2-instruments-xk02" value="Xk.02"  v-model="instr" @change="onCheckBoxChange">
966          <label class="c-form__label" for="2-instruments-xk02">
967            2 instruments
968          </label>
969        </li>
970              <li class="c-form__item -checkboxList -row">
971          <input class="c-form__checkboxList" id="3-instruments-xk03" type="checkbox" name="3-instruments-xk03" value="Xk.03"  v-model="instr" @change="onCheckBoxChange">
972          <label class="c-form__label" for="3-instruments-xk03">
973            3 instruments
974          </label>
975        </li>
976              <li class="c-form__item -checkboxList -row">
977          <input class="c-form__checkboxList" id="4-instruments-xk04" type="checkbox" name="4-instruments-xk04" value="Xk.04"  v-model="instr" @change="onCheckBoxChange">
978          <label class="c-form__label" for="4-instruments-xk04">
979            4 instruments
980          </label>
981        </li>
982              <li class="c-form__item -checkboxList -row">
983          <input class="c-form__checkboxList" id="5-instruments-xk05" type="checkbox" name="5-instruments-xk05" value="Xk.05"  v-model="instr" @change="onCheckBoxChange">
984          <label class="c-form__label" for="5-instruments-xk05">
985            5 instruments
986          </label>
987        </li>
988              <li class="c-form__item -checkboxList -row">
989          <input class="c-form__checkboxList" id="6-instruments-xk06" type="checkbox" name="6-instruments-xk06" value="Xk.06"  v-model="instr" @change="onCheckBoxChange">
990          <label class="c-form__label" for="6-instruments-xk06">
991            6 instruments
992          </label>
993        </li>
994              <li class="c-form__item -checkboxList -row">
995          <input class="c-form__checkboxList" id="7-instruments-xk07" type="checkbox" name="7-instruments-xk07" value="Xk.07"  v-model="instr" @change="onCheckBoxChange">
996          <label class="c-form__label" for="7-instruments-xk07">
997            7 instruments
998          </label>
999        </li>
1000              <li class="c-form__item -checkboxList -row">
1001          <input class="c-form__checkboxList" id="8-instruments-xk08" type="checkbox" name="8-instruments-xk08" value="Xk.08"  v-model="instr" @change="onCheckBoxChange">
1002          <label class="c-form__label" for="8-instruments-xk08">
1003            8 instruments
1004          </label>
1005        </li>
1006              <li class="c-form__item -checkboxList -row">
1007          <input class="c-form__checkboxList" id="9-instruments-xk09" type="checkbox" name="9-instruments-xk09" value="Xk.09"  v-model="instr" @change="onCheckBoxChange">
1008          <label class="c-form__label" for="9-instruments-xk09">
1009            9 instruments
1010          </label>
1011        </li>
1012              <li class="c-form__item -checkboxList -row">
1013          <input class="c-form__checkboxList" id="10-instruments-xk10" type="checkbox" name="10-instruments-xk10" value="Xk.10"  v-model="instr" @change="onCheckBoxChange">
1014          <label class="c-form__label" for="10-instruments-xk10">
1015            10 instruments
1016          </label>
1017        </li>
1018              <li class="c-form__item -checkboxList -row">
1019          <input class="c-form__checkboxList" id="piano-and-2-instruments-xkd03" type="checkbox" name="piano-and-2-instruments-xkd03" value="Xkd.03"  v-model="instr" @change="onCheckBoxChange">
1020          <label class="c-form__label" for="piano-and-2-instruments-xkd03">
1021            Piano and 2 instruments
1022          </label>
1023        </li>
1024              <li class="c-form__item -checkboxList -row">
1025          <input class="c-form__checkboxList" id="piano-and-3-instruments-xkd04" type="checkbox" name="piano-and-3-instruments-xkd04" value="Xkd.04"  v-model="instr" @change="onCheckBoxChange">
1026          <label class="c-form__label" for="piano-and-3-instruments-xkd04">
1027            Piano and 3 instruments
1028          </label>
1029        </li>
1030              <li class="c-form__item -checkboxList -row">
1031          <input class="c-form__checkboxList" id="piano-and-4-instruments-xkd05" type="checkbox" name="piano-and-4-instruments-xkd05" value="Xkd.05"  v-model="instr" @change="onCheckBoxChange">
1032          <label class="c-form__label" for="piano-and-4-instruments-xkd05">
1033            Piano and 4 instruments
1034          </label>
1035        </li>
1036              <li class="c-form__item -checkboxList -row">
1037          <input class="c-form__checkboxList" id="piano-and-5-instruments-xkd06" type="checkbox" name="piano-and-5-instruments-xkd06" value="Xkd.06"  v-model="instr" @change="onCheckBoxChange">
1038          <label class="c-form__label" for="piano-and-5-instruments-xkd06">
1039            Piano and 5 instruments
1040          </label>
1041        </li>
1042              <li class="c-form__item -checkboxList -row">
1043          <input class="c-form__checkboxList" id="piano-and-6-instruments-xkd07" type="checkbox" name="piano-and-6-instruments-xkd07" value="Xkd.07"  v-model="instr" @change="onCheckBoxChange">
1044          <label class="c-form__label" for="piano-and-6-instruments-xkd07">
1045            Piano and 6 instruments
1046          </label>
1047        </li>
1048              <li class="c-form__item -checkboxList -row">
1049          <input class="c-form__checkboxList" id="piano-and-7-instruments-xkd08" type="checkbox" name="piano-and-7-instruments-xkd08" value="Xkd.08"  v-model="instr" @change="onCheckBoxChange">
1050          <label class="c-form__label" for="piano-and-7-instruments-xkd08">
1051            Piano and 7 instruments
1052          </label>
1053        </li>
1054              <li class="c-form__item -checkboxList -row">
1055          <input class="c-form__checkboxList" id="piano-and-8-instruments-xkd09" type="checkbox" name="piano-and-8-instruments-xkd09" value="Xkd.09"  v-model="instr" @change="onCheckBoxChange">
1056          <label class="c-form__label" for="piano-and-8-instruments-xkd09">
1057            Piano and 8 instruments
1058          </label>
1059        </li>
1060              <li class="c-form__item -checkboxList -row">
1061          <input class="c-form__checkboxList" id="piano-and-9-instruments-xkd10" type="checkbox" name="piano-and-9-instruments-xkd10" value="Xkd.10"  v-model="instr" @change="onCheckBoxChange">
1062          <label class="c-form__label" for="piano-and-9-instruments-xkd10">
1063            Piano and 9 instruments
1064          </label>
1065        </li>
1066              <li class="c-form__item -checkboxList -row">
1067          <input class="c-form__checkboxList" id="piano-organ-xkdd02" type="checkbox" name="piano-organ-xkdd02" value="Xkdd.02"  v-model="instr" @change="onCheckBoxChange">
1068          <label class="c-form__label" for="piano-organ-xkdd02">
1069            Piano organ
1070          </label>
1071        </li>
1072              <li class="c-form__item -checkboxList -row">
1073          <input class="c-form__checkboxList" id="2-keyboard-and-additional-instrument-xkdd03" type="checkbox" name="2-keyboard-and-additional-instrument-xkdd03" value="Xkdd.03"  v-model="instr" @change="onCheckBoxChange">
1074          <label class="c-form__label" for="2-keyboard-and-additional-instrument-xkdd03">
1075            2 keyboard and additional instrument
1076          </label>
1077        </li>
1078              <li class="c-form__item -checkboxList -row">
1079          <input class="c-form__checkboxList" id="2-keyboard-and-2-additional-instruments-xkdd04" type="checkbox" name="2-keyboard-and-2-additional-instruments-xkdd04" value="Xkdd.04"  v-model="instr" @change="onCheckBoxChange">
1080          <label class="c-form__label" for="2-keyboard-and-2-additional-instruments-xkdd04">
1081            2 keyboard and 2 additional instruments
1082          </label>
1083        </li>
1084              <li class="c-form__item -checkboxList -row">
1085          <input class="c-form__checkboxList" id="2-keyboard-and-3-additional-instruments-xkdd05" type="checkbox" name="2-keyboard-and-3-additional-instruments-xkdd05" value="Xkdd.05"  v-model="instr" @change="onCheckBoxChange">
1086          <label class="c-form__label" for="2-keyboard-and-3-additional-instruments-xkdd05">
1087            2 keyboard and 3 additional instruments
1088          </label>
1089        </li>
1090              <li class="c-form__item -checkboxList -row">
1091          <input class="c-form__checkboxList" id="2-keyboard-and-4-additional-instruments-xkdd06" type="checkbox" name="2-keyboard-and-4-additional-instruments-xkdd06" value="Xkdd.06"  v-model="instr" @change="onCheckBoxChange">
1092          <label class="c-form__label" for="2-keyboard-and-4-additional-instruments-xkdd06">
1093            2 keyboard and 4 additional instruments
1094          </label>
1095        </li>
1096              <li class="c-form__item -checkboxList -row">
1097          <input class="c-form__checkboxList" id="2-keyboard-and-6-additional-instruments-xkdd08" type="checkbox" name="2-keyboard-and-6-additional-instruments-xkdd08" value="Xkdd.08"  v-model="instr" @change="onCheckBoxChange">
1098          <label class="c-form__label" for="2-keyboard-and-6-additional-instruments-xkdd08">
1099            2 keyboard and 6 additional instruments
1100          </label>
1101        </li>
1102              <li class="c-form__item -checkboxList -row">
1103          <input class="c-form__checkboxList" id="2-keyboard-and-7-additional-instruments-xkdd09" type="checkbox" name="2-keyboard-and-7-additional-instruments-xkdd09" value="Xkdd.09"  v-model="instr" @change="onCheckBoxChange">
1104          <label class="c-form__label" for="2-keyboard-and-7-additional-instruments-xkdd09">
1105            2 keyboard and 7 additional instruments
1106          </label>
1107        </li>
1108              <li class="c-form__item -checkboxList -row">
1109          <input class="c-form__checkboxList" id="piano-and-2-strings-xkde03" type="checkbox" name="piano-and-2-strings-xkde03" value="Xkde.03"  v-model="instr" @change="onCheckBoxChange">
1110          <label class="c-form__label" for="piano-and-2-strings-xkde03">
1111            Piano and 2 strings
1112          </label>
1113        </li>
1114              <li class="c-form__item -checkboxList -row">
1115          <input class="c-form__checkboxList" id="piano-and-3-strings-xkde04" type="checkbox" name="piano-and-3-strings-xkde04" value="Xkde.04"  v-model="instr" @change="onCheckBoxChange">
1116          <label class="c-form__label" for="piano-and-3-strings-xkde04">
1117            Piano and 3 strings
1118          </label>
1119        </li>
1120              <li class="c-form__item -checkboxList -row">
1121          <input class="c-form__checkboxList" id="piano-and-4-strings-xkde05" type="checkbox" name="piano-and-4-strings-xkde05" value="Xkde.05"  v-model="instr" @change="onCheckBoxChange">
1122          <label class="c-form__label" for="piano-and-4-strings-xkde05">
1123            Piano and 4 strings
1124          </label>
1125        </li>
1126              <li class="c-form__item -checkboxList -row">
1127          <input class="c-form__checkboxList" id="piano-and-5-strings-xkde06" type="checkbox" name="piano-and-5-strings-xkde06" value="Xkde.06"  v-model="instr" @change="onCheckBoxChange">
1128          <label class="c-form__label" for="piano-and-5-strings-xkde06">
1129            Piano and 5 strings
1130          </label>
1131        </li>
1132              <li class="c-form__item -checkboxList -row">
1133          <input class="c-form__checkboxList" id="piano-and-6-strings-xkde07" type="checkbox" name="piano-and-6-strings-xkde07" value="Xkde.07"  v-model="instr" @change="onCheckBoxChange">
1134          <label class="c-form__label" for="piano-and-6-strings-xkde07">
1135            Piano and 6 strings
1136          </label>
1137        </li>
1138              <li class="c-form__item -checkboxList -row">
1139          <input class="c-form__checkboxList" id="piano-trio-xkdea" type="checkbox" name="piano-trio-xkdea" value="Xkdea"  v-model="instr" @change="onCheckBoxChange">
1140          <label class="c-form__label" for="piano-trio-xkdea">
1141            Piano trio
1142          </label>
1143        </li>
1144              <li class="c-form__item -checkboxList -row">
1145          <input class="c-form__checkboxList" id="piano-quartet-xkdeb" type="checkbox" name="piano-quartet-xkdeb" value="Xkdeb"  v-model="instr" @change="onCheckBoxChange">
1146          <label class="c-form__label" for="piano-quartet-xkdeb">
1147            Piano quartet
1148          </label>
1149        </li>
1150              <li class="c-form__item -checkboxList -row">
1151          <input class="c-form__checkboxList" id="piano-quintet-xkdec" type="checkbox" name="piano-quintet-xkdec" value="Xkdec"  v-model="instr" @change="onCheckBoxChange">
1152          <label class="c-form__label" for="piano-quintet-xkdec">
1153            Piano quintet
1154          </label>
1155        </li>
1156              <li class="c-form__item -checkboxList -row">
1157          <input class="c-form__checkboxList" id="piano-and-1-wind-xkdf02" type="checkbox" name="piano-and-1-wind-xkdf02" value="Xkdf.02"  v-model="instr" @change="onCheckBoxChange">
1158          <label class="c-form__label" for="piano-and-1-wind-xkdf02">
1159            Piano and 1 wind
1160          </label>
1161        </li>
1162              <li class="c-form__item -checkboxList -row">
1163          <input class="c-form__checkboxList" id="piano-and-2-winds-xkdf03" type="checkbox" name="piano-and-2-winds-xkdf03" value="Xkdf.03"  v-model="instr" @change="onCheckBoxChange">
1164          <label class="c-form__label" for="piano-and-2-winds-xkdf03">
1165            Piano and 2 winds
1166          </label>
1167        </li>
1168              <li class="c-form__item -checkboxList -row">
1169          <input class="c-form__checkboxList" id="keyboard-and-2-winds-xkdf03" type="checkbox" name="keyboard-and-2-winds-xkdf03" value="Xkdf.03"  v-model="instr" @change="onCheckBoxChange">
1170          <label class="c-form__label" for="keyboard-and-2-winds-xkdf03">
1171            Keyboard and 2 winds
1172          </label>
1173        </li>
1174              <li class="c-form__item -checkboxList -row">
1175          <input class="c-form__checkboxList" id="keyboard-and-3-winds-xkdf04" type="checkbox" name="keyboar
1175d-and-3-winds-xkdf04" value="Xkdf.04"  v-model="instr" @change="onCheckBoxChange">
1176          <label class="c-form__label" for="keyboard-and-3-winds-xkdf04">
1177            Keyboard and 3 winds
1178          </label>
1179        </li>
1180              <li class="c-form__item -checkboxList -row">
1181          <input class="c-form__checkboxList" id="piano-and-4-winds-xkdf05" type="checkbox" name="piano-and-4-winds-xkdf05" value="Xkdf.05"  v-model="instr" @change="onCheckBoxChange">
1182          <label class="c-form__label" for="piano-and-4-winds-xkdf05">
1183            Piano and 4 winds
1184          </label>
1185        </li>
1186              <li class="c-form__item -checkboxList -row">
1187          <input class="c-form__checkboxList" id="keyboard-and-4-winds-xkdf05" type="checkbox" name="keyboard-and-4-winds-xkdf05" value="Xkdf.05"  v-model="instr" @change="onCheckBoxChange">
1188          <label class="c-form__label" for="keyboard-and-4-winds-xkdf05">
1189            Keyboard and 4 winds
1190          </label>
1191        </li>
1192              <li class="c-form__item -checkboxList -row">
1193          <input class="c-form__checkboxList" id="piano-and-5-winds-xkdf06" type="checkbox" name="piano-and-5-winds-xkdf06" value="Xkdf.06"  v-model="instr" @change="onCheckBoxChange">
1194          <label class="c-form__label" for="piano-and-5-winds-xkdf06">
1195            Piano and 5 winds
1196          </label>
1197        </li>
1198              <li class="c-form__item -checkboxList -row">
1199          <input class="c-form__checkboxList" id="keyboard-and-5-winds-xkdf06" type="checkbox" name="keyboard-and-5-winds-xkdf06" value="Xkdf.06"  v-model="instr" @change="onCheckBoxChange">
1200          <label class="c-form__label" for="keyboard-and-5-winds-xkdf06">
1201            Keyboard and 5 winds
1202          </label>
1203        </li>
1204              <li class="c-form__item -checkboxList -row">
1205          <input class="c-form__checkboxList" id="piano-and-6-winds-xkdf07" type="checkbox" name="piano-and-6-winds-xkdf07" value="Xkdf.07"  v-model="instr" @change="onCheckBoxChange">
1206          <label class="c-form__label" for="piano-and-6-winds-xkdf07">
1207            Piano and 6 winds
1208          </label>
1209        </li>
1210              <li class="c-form__item -checkboxList -row">
1211          <input class="c-form__checkboxList" id="mixed-combinations-xkdf08" type="checkbox" name="mixed-combinations-xkdf08" value="Xkdf.08"  v-model="instr" @change="onCheckBoxChange">
1212          <label class="c-form__label" for="mixed-combinations-xkdf08">
1213            Mixed combinations
1214          </label>
1215        </li>
1216              <li class="c-form__item -checkboxList -row">
1217          <input class="c-form__checkboxList" id="keyboard-and-8-winds-xkdf09" type="checkbox" name="keyboard-and-8-winds-xkdf09" value="Xkdf.09"  v-model="instr" @change="onCheckBoxChange">
1218          <label class="c-form__label" for="keyboard-and-8-winds-xkdf09">
1219            Keyboard and 8 winds
1220          </label>
1221        </li>
1222              <li class="c-form__item -checkboxList -row">
1223          <input class="c-form__checkboxList" id="mixed-combinations-xkdf10" type="checkbox" name="mixed-combinations-xkdf10" value="Xkdf.10"  v-model="instr" @change="onCheckBoxChange">
1224          <label class="c-form__label" for="mixed-combinations-xkdf10">
1225            Mixed combinations
1226          </label>
1227        </li>
1228              <li class="c-form__item -checkboxList -row">
1229          <input class="c-form__checkboxList" id="keyboard-and-plucked-instrument-xkdg02" type="checkbox" name="keyboard-and-plucked-instrument-xkdg02" value="Xkdg.02"  v-model="instr" @change="onCheckBoxChange">
1230          <label class="c-form__label" for="keyboard-and-plucked-instrument-xkdg02">
1231            Keyboard and plucked instrument
1232          </label>
1233        </li>
1234              <li class="c-form__item -checkboxList -row">
1235          <input class="c-form__checkboxList" id="mixed-combinations-xkdg03" type="checkbox" name="mixed-combinations-xkdg03" value="Xkdg.03"  v-model="instr" @change="onCheckBoxChange">
1236          <label class="c-form__label" for="mixed-combinations-xkdg03">
1237            Mixed combinations
1238          </label>
1239        </li>
1240              <li class="c-form__item -checkboxList -row">
1241          <input class="c-form__checkboxList" id="mixed-combinations-xkdg04" type="checkbox" name="mixed-combinations-xkdg04" value="Xkdg.04"  v-model="instr" @change="onCheckBoxChange">
1242          <label class="c-form__label" for="mixed-combinations-xkdg04">
1243            Mixed combinations
1244          </label>
1245        </li>
1246              <li class="c-form__item -checkboxList -row">
1247          <input class="c-form__checkboxList" id="mixed-combinations-xkdg05" type="checkbox" name="mixed-combinations-xkdg05" value="Xkdg.05"  v-model="instr" @change="onCheckBoxChange">
1248          <label class="c-form__label" for="mixed-combinations-xkdg05">
1249            Mixed combinations
1250          </label>
1251        </li>
1252              <li class="c-form__item -checkboxList -row">
1253          <input class="c-form__checkboxList" id="2-strings-xkee02" type="checkbox" name="2-strings-xkee02" value="Xkee.02"  v-model="instr" @change="onCheckBoxChange">
1254          <label class="c-form__label" for="2-strings-xkee02">
1255            2 strings
1256          </label>
1257        </li>
1258              <li class="c-form__item -checkboxList -row">
1259          <input class="c-form__checkboxList" id="3-strings-xkee03" type="checkbox" name="3-strings-xkee03" value="Xkee.03"  v-model="instr" @change="onCheckBoxChange">
1260          <label class="c-form__label" for="3-strings-xkee03">
1261            3 strings
1262          </label>
1263        </li>
1264              <li class="c-form__item -checkboxList -row">
1265          <input class="c-form__checkboxList" id="4-strings-xkee04" type="checkbox" name="4-strings-xkee04" value="Xkee.04"  v-model="instr" @change="onCheckBoxChange">
1266          <label class="c-form__label" for="4-strings-xkee04">
1267            4 strings
1268          </label>
1269        </li>
1270              <li class="c-form__item -checkboxList -row">
1271          <input class="c-form__checkboxList" id="5-strings-xkee05" type="checkbox" name="5-strings-xkee05" value="Xkee.05"  v-model="instr" @change="onCheckBoxChange">
1272          <label class="c-form__label" for="5-strings-xkee05">
1273            5 strings
1274          </label>
1275        </li>
1276              <li class="c-form__item -checkboxList -row">
1277          <input class="c-form__checkboxList" id="6-strings-xkee06" type="checkbox" name="6-strings-xkee06" value="Xkee.06"  v-model="instr" @change="onCheckBoxChange">
1278          <label class="c-form__label" for="6-strings-xkee06">
1279            6 strings
1280          </label>
1281        </li>
1282              <li class="c-form__item -checkboxList -row">
1283          <input class="c-form__checkboxList" id="7-strings-xkee07" type="checkbox" name="7-strings-xkee07" value="Xkee.07"  v-model="instr" @change="onCheckBoxChange">
1284          <label class="c-form__label" for="7-strings-xkee07">
1285            7 strings
1286          </label>
1287        </li>
1288              <li class="c-form__item -checkboxList -row">
1289          <input class="c-form__checkboxList" id="8-strings-xkee08" type="checkbox" name="8-strings-xkee08" value="Xkee.08"  v-model="instr" @change="onCheckBoxChange">
1290          <label class="c-form__label" for="8-strings-xkee08">
1291            8 strings
1292          </label>
1293        </li>
1294              <li class="c-form__item -checkboxList -row">
1295          <input class="c-form__checkboxList" id="9-strings-xkee09" type="checkbox" name="9-strings-xkee09" value="Xkee.09"  v-model="instr" @change="onCheckBoxChange">
1296          <label class="c-form__label" for="9-strings-xkee09">
1297            9 strings
1298          </label>
1299        </li>
1300              <li class="c-form__item -checkboxList -row">
1301          <input class="c-form__checkboxList" id="10-strings-xkee10" type="checkbox" name="10-strings-xkee10" value="Xkee.10"  v-model="instr" @change="onCheckBoxChange">
1302          <label class="c-form__label" for="10-strings-xkee10">
1303            10 strings
1304          </label>
1305        </li>
1306              <li class="c-form__item -checkboxList -row">
1307          <input class="c-form__checkboxList" id="string-trio-xkeea" type="checkbox" name="string-trio-xkeea" value="Xkeea"  v-model="instr" @change="onCheckBoxChange">
1308          <label class="c-form__label" for="string-trio-xkeea">
1309            String trio
1310          </label>
1311        </li>
1312              <li class="c-form__item -checkboxList -row">
1313          <input class="c-form__checkboxList" id="string-quartet-xkeeb" type="checkbox" name="string-quartet-xkeeb" value="Xkeeb"  v-model="instr" @change="onCheckBoxChange">
1314          <label class="c-form__label" for="string-quartet-xkeeb">
1315            String quartet
1316          </label>
1317        </li>
1318              <li class="c-form__item -checkboxList -row">
1319          <input class="c-form__checkboxList" id="2-strings-and-winds-xkef02" type="checkbox" name="2-strings-and-winds-xkef02" value="Xkef.02"  v-model="instr" @change="onCheckBoxChange">
1320          <label class="c-form__label" for="2-strings-and-winds-xkef02">
1321            2 strings and winds
1322          </label>
1323        </li>
1324              <li class="c-form__item -checkboxList -row">
1325          <input class="c-form__checkboxList" id="3-strings-and-winds-xkef03" type="checkbox" name="3-strings-and-winds-xkef03" value="Xkef.03"  v-model="instr" @change="onCheckBoxChange">
1326          <label class="c-form__label" for="3-strings-and-winds-xkef03">
1327            3 strings and winds
1328          </label>
1329        </li>
1330              <li class="c-form__item -checkboxList -row">
1331          <input class="c-form__checkboxList" id="4-strings-and-winds-xkef04" type="checkbox" name="4-strings-and-winds-xkef04" value="Xkef.04"  v-model="instr" @change="onCheckBoxChange">
1332          <label class="c-form__label" for="4-strings-and-winds-xkef04">
1333            4 strings and winds
1334          </label>
1335        </li>
1336              <li class="c-form__item -checkboxList -row">
1337          <input class="c-form__checkboxList" id="5-strings-and-winds-xkef05" type="checkbox" name="5-strings-and-winds-xkef05" value="Xkef.05"  v-model="instr" @change="onCheckBoxChange">
1338          <label class="c-form__label" for="5-strings-and-winds-xkef05">
1339            5 strings and winds
1340          </label>
1341        </li>
1342              <li class="c-form__item -checkboxList -row">
1343          <input class="c-form__checkboxList" id="6-strings-and-winds-xkef06" type="checkbox" name="6-strings-and-winds-xkef06" value="Xkef.06"  v-model="instr" @change="onCheckBoxChange">
1344          <label class="c-form__label" for="6-strings-and-winds-xkef06">
1345            6 strings and winds
1346          </label>
1347        </li>
1348              <li class="c-form__item -checkboxList -row">
1349          <input class="c-form__checkboxList" id="7-strings-and-winds-xkef07" type="checkbox" name="7-strings-and-winds-xkef07" value="Xkef.07"  v-model="instr" @change="onCheckBoxChange">
1350          <label class="c-form__label" for="7-strings-and-winds-xkef07">
1351            7 strings and winds
1352          </label>
1353        </li>
1354              <li class="c-form__item -checkboxList -row">
1355          <input class="c-form__checkboxList" id="8-strings-and-winds-xkef08" type="checkbox" name="8-strings-and-winds-xkef08" value="Xkef.08"  v-model="instr" @change="onCheckBoxChange">
1356          <label class="c-form__label" for="8-strings-and-winds-xkef08">
1357            8 strings and winds
1358          </label>
1359        </li>
1360              <li class="c-form__item -checkboxList -row">
1361          <input class="c-form__checkboxList" id="9-strings-and-winds-xkef09" type="checkbox" name="9-strings-and-winds-xkef09" value="Xkef.09"  v-model="instr" @change="onCheckBoxChange">
1362          <label class="c-form__label" for="9-strings-and-winds-xkef09">
1363            9 strings and winds
1364          </label>
1365        </li>
1366              <li class="c-form__item -checkboxList -row">
1367          <input class="c-form__checkboxList" id="10-strings-and-winds-xkef10" type="checkbox" name="10-strings-and-winds-xkef10" value="Xkef.10"  v-model="instr" @change="onCheckBoxChange">
1368          <label class="c-form__label" for="10-strings-and-winds-xkef10">
1369            10 strings and winds
1370          </label>
1371        </li>
1372              <li class="c-form__item -checkboxList -row">
1373          <input class="c-form__checkboxList" id="2-winds-xkf02" type="checkbox" name="2-winds-xkf02" value="Xkf.02"  v-model="instr" @change="onCheckBoxChange">
1374          <label class="c-form__label" for="2-winds-xkf02">
1375            2 winds
1376          </label>
1377        </li>
1378              <li class="c-form__item -checkboxList -row">
1379          <input class="c-form__checkboxList" id="3-winds-xkf03" type="checkbox" name="3-winds-xkf03" value="Xkf.03"  v-model="instr" @change="onCheckBoxChange">
1380          <label class="c-form__label" for="3-winds-xkf03">
1381            3 winds
1382          </label>
1383        </li>
1384              <li class="c-form__item -checkboxList -row">
1385          <input class="c-form__checkboxList" id="4-winds-xkf04" t
1385ype="checkbox" name="4-winds-xkf04" value="Xkf.04"  v-model="instr" @change="onCheckBoxChange">
1386          <label class="c-form__label" for="4-winds-xkf04">
1387            4 winds
1388          </label>
1389        </li>
1390              <li class="c-form__item -checkboxList -row">
1391          <input class="c-form__checkboxList" id="5-winds-xkf05" type="checkbox" name="5-winds-xkf05" value="Xkf.05"  v-model="instr" @change="onCheckBoxChange">
1392          <label class="c-form__label" for="5-winds-xkf05">
1393            5 winds
1394          </label>
1395        </li>
1396              <li class="c-form__item -checkboxList -row">
1397          <input class="c-form__checkboxList" id="6-winds-xkf06" type="checkbox" name="6-winds-xkf06" value="Xkf.06"  v-model="instr" @change="onCheckBoxChange">
1398          <label class="c-form__label" for="6-winds-xkf06">
1399            6 winds
1400          </label>
1401        </li>
1402              <li class="c-form__item -checkboxList -row">
1403          <input class="c-form__checkboxList" id="7-winds-xkf07" type="checkbox" name="7-winds-xkf07" value="Xkf.07"  v-model="instr" @change="onCheckBoxChange">
1404          <label class="c-form__label" for="7-winds-xkf07">
1405            7 winds
1406          </label>
1407        </li>
1408              <li class="c-form__item -checkboxList -row">
1409          <input class="c-form__checkboxList" id="8-winds-xkf08" type="checkbox" name="8-winds-xkf08" value="Xkf.08"  v-model="instr" @change="onCheckBoxChange">
1410          <label class="c-form__label" for="8-winds-xkf08">
1411            8 winds
1412          </label>
1413        </li>
1414              <li class="c-form__item -checkboxList -row">
1415          <input class="c-form__checkboxList" id="9-winds-xkf09" type="checkbox" name="9-winds-xkf09" value="Xkf.09"  v-model="instr" @change="onCheckBoxChange">
1416          <label class="c-form__label" for="9-winds-xkf09">
1417            9 winds
1418          </label>
1419        </li>
1420              <li class="c-form__item -checkboxList -row">
1421          <input class="c-form__checkboxList" id="10-winds-xkf10" type="checkbox" name="10-winds-xkf10" value="Xkf.10"  v-model="instr" @change="onCheckBoxChange">
1422          <label class="c-form__label" for="10-winds-xkf10">
1423            10 winds
1424          </label>
1425        </li>
1426              <li class="c-form__item -checkboxList -row">
1427          <input class="c-form__checkboxList" id="woodwinds-xkff" type="checkbox" name="woodwinds-xkff" value="Xkff"  v-model="instr" @change="onCheckBoxChange">
1428          <label class="c-form__label" for="woodwinds-xkff">
1429            Woodwinds
1430          </label>
1431        </li>
1432              <li class="c-form__item -checkboxList -row">
1433          <input class="c-form__checkboxList" id="2-woodwinds-xkff02" type="checkbox" name="2-woodwinds-xkff02" value="Xkff.02"  v-model="instr" @change="onCheckBoxChange">
1434          <label class="c-form__label" for="2-woodwinds-xkff02">
1435            2 woodwinds
1436          </label>
1437        </li>
1438              <li class="c-form__item -checkboxList -row">
1439          <input class="c-form__checkboxList" id="3-woodwinds-xkff03" type="checkbox" name="3-woodwinds-xkff03" value="Xkff.03"  v-model="instr" @change="onCheckBoxChange">
1440          <label class="c-form__label" for="3-woodwinds-xkff03">
1441            3 woodwinds
1442          </label>
1443        </li>
1444              <li class="c-form__item -checkboxList -row">
1445          <input class="c-form__checkboxList" id="4-woodwinds-xkff04" type="checkbox" name="4-woodwinds-xkff04" value="Xkff.04"  v-model="instr" @change="onCheckBoxChange">
1446          <label class="c-form__label" for="4-woodwinds-xkff04">
1447            4 woodwinds
1448          </label>
1449        </li>
1450              <li class="c-form__item -checkboxList -row">
1451          <input class="c-form__checkboxList" id="5-woodwinds-xkff05" type="checkbox" name="5-woodwinds-xkff05" value="Xkff.05"  v-model="instr" @change="onCheckBoxChange">
1452          <label class="c-form__label" for="5-woodwinds-xkff05">
1453            5 woodwinds
1454          </label>
1455        </li>
1456              <li class="c-form__item -checkboxList -row">
1457          <input class="c-form__checkboxList" id="6-woodwinds-xkff06" type="checkbox" name="6-woodwinds-xkff06" value="Xkff.06"  v-model="instr" @change="onCheckBoxChange">
1458          <label class="c-form__label" for="6-woodwinds-xkff06">
1459            6 woodwinds
1460          </label>
1461        </li>
1462              <li class="c-form__item -checkboxList -row">
1463          <input class="c-form__checkboxList" id="7-woodwinds-xkff07" type="checkbox" name="7-woodwinds-xkff07" value="Xkff.07"  v-model="instr" @change="onCheckBoxChange">
1464          <label class="c-form__label" for="7-woodwinds-xkff07">
1465            7 woodwinds
1466          </label>
1467        </li>
1468              <li class="c-form__item -checkboxList -row">
1469          <input class="c-form__checkboxList" id="8-woodwinds-xkff08" type="checkbox" name="8-woodwinds-xkff08" value="Xkff.08"  v-model="instr" @change="onCheckBoxChange">
1470          <label class="c-form__label" for="8-woodwinds-xkff08">
1471            8 woodwinds
1472          </label>
1473        </li>
1474              <li class="c-form__item -checkboxList -row">
1475          <input class="c-form__checkboxList" id="9-woodwinds-xkff09" type="checkbox" name="9-woodwinds-xkff09" value="Xkff.09"  v-model="instr" @change="onCheckBoxChange">
1476          <label class="c-form__label" for="9-woodwinds-xkff09">
1477            9 woodwinds
1478          </label>
1479        </li>
1480              <li class="c-form__item -checkboxList -row">
1481          <input class="c-form__checkboxList" id="10-woodwinds-xkff10" type="checkbox" name="10-woodwinds-xkff10" value="Xkff.10"  v-model="instr" @change="onCheckBoxChange">
1482          <label class="c-form__label" for="10-woodwinds-xkff10">
1483            10 woodwinds
1484          </label>
1485        </li>
1486              <li class="c-form__item -checkboxList -row">
1487          <input class="c-form__checkboxList" id="wind-quartet-xkffa" type="checkbox" name="wind-quartet-xkffa" value="Xkffa"  v-model="instr" @change="onCheckBoxChange">
1488          <label class="c-form__label" for="wind-quartet-xkffa">
1489            Wind quartet
1490          </label>
1491        </li>
1492              <li class="c-form__item -checkboxList -row">
1493          <input class="c-form__checkboxList" id="wind-quintet-xkffb" type="checkbox" name="wind-quintet-xkffb" value="Xkffb"  v-model="instr" @change="onCheckBoxChange">
1494          <label class="c-form__label" for="wind-quintet-xkffb">
1495            Wind quintet
1496          </label>
1497        </li>
1498              <li class="c-form__item -checkboxList -row">
1499          <input class="c-form__checkboxList" id="brass-xkfg" type="checkbox" name="brass-xkfg" value="Xkfg"  v-model="instr" @change="onCheckBoxChange">
1500          <label class="c-form__label" for="brass-xkfg">
1501            Brass
1502          </label>
1503        </li>
1504              <li class="c-form__item -checkboxList -row">
1505          <input class="c-form__checkboxList" id="2-brass-xkfg02" type="checkbox" name="2-brass-xkfg02" value="Xkfg.02"  v-model="instr" @change="onCheckBoxChange">
1506          <label class="c-form__label" for="2-brass-xkfg02">
1507            2 brass
1508          </label>
1509        </li>
1510              <li class="c-form__item -checkboxList -row">
1511          <input class="c-form__checkboxList" id="3-brass-xkfg03" type="checkbox" name="3-brass-xkfg03" value="Xkfg.03"  v-model="instr" @change="onCheckBoxChange">
1512          <label class="c-form__label" for="3-brass-xkfg03">
1513            3 brass
1514          </label>
1515        </li>
1516              <li class="c-form__item -checkboxList -row">
1517          <input class="c-form__checkboxList" id="4-brass-xkfg04" type="checkbox" name="4-brass-xkfg04" value="Xkfg.04"  v-model="instr" @change="onCheckBoxChange">
1518          <label class="c-form__label" for="4-brass-xkfg04">
1519            4 brass
1520          </label>
1521        </li>
1522              <li class="c-form__item -checkboxList -row">
1523          <input class="c-form__checkboxList" id="5-brass-xkfg05" type="checkbox" name="5-brass-xkfg05" value="Xkfg.05"  v-model="instr" @change="onCheckBoxChange">
1524          <label class="c-form__label" for="5-brass-xkfg05">
1525            5 brass
1526          </label>
1527        </li>
1528              <li class="c-form__item -checkboxList -row">
1529          <input class="c-form__checkboxList" id="6-brass-xkfg06" type="checkbox" name="6-brass-xkfg06" value="Xkfg.06"  v-model="instr" @change="onCheckBoxChange">
1530          <label class="c-form__label" for="6-brass-xkfg06">
1531            6 brass
1532          </label>
1533        </li>
1534              <li class="c-form__item -checkboxList -row">
1535          <input class="c-form__checkboxList" id="7-brass-xkfg07" type="checkbox" name="7-brass-xkfg07" value="Xkfg.07"  v-model="instr" @change="onCheckBoxChange">
1536          <label class="c-form__label" for="7-brass-xkfg07">
1537            7 brass
1538          </label>
1539        </li>
1540              <li class="c-form__item -checkboxList -row">
1541          <input class="c-form__checkboxList" id="8-brass-xkfg08" type="checkbox" name="8-brass-xkfg08" value="Xkfg.08"  v-model="instr" @change="onCheckBoxChange">
1542          <label class="c-form__label" for="8-brass-xkfg08">
1543            8 brass
1544          </label>
1545        </li>
1546              <li class="c-form__item -checkboxList -row">
1547          <input class="c-form__checkboxList" id="9-brass-xkfg09" type="checkbox" name="9-brass-xkfg09" value="Xkfg.09"  v-model="instr" @change="onCheckBoxChange">
1548          <label class="c-form__label" for="9-brass-xkfg09">
1549            9 brass
1550          </label>
1551        </li>
1552              <li class="c-form__item -checkboxList -row">
1553          <input class="c-form__checkboxList" id="10-brass-xkfg10" type="checkbox" name="10-brass-xkfg10" value="Xkfg.10"  v-model="instr" @change="onCheckBoxChange">
1554          <label class="c-form__label" for="10-brass-xkfg10">
1555            10 brass
1556          </label>
1557        </li>
1558              <li class="c-form__item -checkboxList -row">
1559          <input class="c-form__checkboxList" id="brass-quintet-xkfga" type="checkbox" name="brass-quintet-xkfga" value="Xkfga"  v-model="instr" @change="onCheckBoxChange">
1560          <label class="c-form__label" for="brass-quintet-xkfga">
1561            Brass quintet
1562          </label>
1563        </li>
1564              <li class="c-form__item -checkboxList -row">
1565          <input class="c-form__checkboxList" id="brass-sextet-xkfgb" type="checkbox" name="brass-sextet-xkfgb" value="Xkfgb"  v-model="instr" @change="onCheckBoxChange">
1566          <label class="c-form__label" for="brass-sextet-xkfgb">
1567            Brass sextet
1568          </label>
1569        </li>
1570              <li class="c-form__item -checkboxList -row">
1571          <input class="c-form__checkboxList" id="accordion-and-other-instruments-xkfk" type="checkbox" name="accordion-and-other-instruments-xkfk" value="Xkfk"  v-model="instr" @change="onCheckBoxChange">
1572          <label class="c-form__label" for="accordion-and-other-instruments-xkfk">
1573            Accordion and other instruments
1574          </label>
1575        </li>
1576              <li class="c-form__item -checkboxList -row">
1577          <input class="c-form__checkboxList" id="plucked-instrument-and-additional-instrument-xkg02" type="checkbox" name="plucked-instrument-and-additional-instrument-xkg02" value="Xkg.02"  v-model="instr" @change="onCheckBoxChange">
1578          <label class="c-form__label" for="plucked-instrument-and-additional-instrument-xkg02">
1579            Plucked instrument and additional instrument
1580          </label>
1581        </li>
1582              <li class="c-form__item -checkboxList -row">
1583          <input class="c-form__checkboxList" id="plucked-instrument-and-2-additional-instruments-xkg03" type="checkbox" name="plucked-instrument-and-2-additional-instruments-xkg03" value="Xkg.03"  v-model="instr" @change="onCheckBoxChange">
1584          <label class="c-form__label" for="plucked-instrument-and-2-additional-instruments-xkg03">
1585            Plucked instrument and 2 additional instruments
1586          </label>
1587        </li>
1588              <li class="c-form__item -checkboxList -row">
1589          <input class="c-form__checkboxList" id="plucked-instrument-and-3-additional-instruments-xkg04" t
1589ype="checkbox" name="plucked-instrument-and-3-additional-instruments-xkg04" value="Xkg.04"  v-model="instr" @change="onCheckBoxChange">
1590          <label class="c-form__label" for="plucked-instrument-and-3-additional-instruments-xkg04">
1591            Plucked instrument and 3 additional instruments
1592          </label>
1593        </li>
1594              <li class="c-form__item -checkboxList -row">
1595          <input class="c-form__checkboxList" id="plucked-instrument-and-4-additional-instruments-xkg05" type="checkbox" name="plucked-instrument-and-4-additional-instruments-xkg05" value="Xkg.05"  v-model="instr" @change="onCheckBoxChange">
1596          <label class="c-form__label" for="plucked-instrument-and-4-additional-instruments-xkg05">
1597            Plucked instrument and 4 additional instruments
1598          </label>
1599        </li>
1600              <li class="c-form__item -checkboxList -row">
1601          <input class="c-form__checkboxList" id="plucked-instrument-and-5-additional-instruments-xkg06" type="checkbox" name="plucked-instrument-and-5-additional-instruments-xkg06" value="Xkg.06"  v-model="instr" @change="onCheckBoxChange">
1602          <label class="c-form__label" for="plucked-instrument-and-5-additional-instruments-xkg06">
1603            Plucked instrument and 5 additional instruments
1604          </label>
1605        </li>
1606              <li class="c-form__item -checkboxList -row">
1607          <input class="c-form__checkboxList" id="plucked-instrument-and-6-additional-instruments-xkg07" type="checkbox" name="plucked-instrument-and-6-additional-instruments-xkg07" value="Xkg.07"  v-model="instr" @change="onCheckBoxChange">
1608          <label class="c-form__label" for="plucked-instrument-and-6-additional-instruments-xkg07">
1609            Plucked instrument and 6 additional instruments
1610          </label>
1611        </li>
1612              <li class="c-form__item -checkboxList -row">
1613          <input class="c-form__checkboxList" id="plucked-instrument-and-7-additional-instruments-xkg08" type="checkbox" name="plucked-instrument-and-7-additional-instruments-xkg08" value="Xkg.08"  v-model="instr" @change="onCheckBoxChange">
1614          <label class="c-form__label" for="plucked-instrument-and-7-additional-instruments-xkg08">
1615            Plucked instrument and 7 additional instruments
1616          </label>
1617        </li>
1618              <li class="c-form__item -checkboxList -row">
1619          <input class="c-form__checkboxList" id="plucked-instrument-and-8-additional-instruments-xkg09" type="checkbox" name="plucked-instrument-and-8-additional-instruments-xkg09" value="Xkg.09"  v-model="instr" @change="onCheckBoxChange">
1620          <label class="c-form__label" for="plucked-instrument-and-8-additional-instruments-xkg09">
1621            Plucked instrument and 8 additional instruments
1622          </label>
1623        </li>
1624              <li class="c-form__item -checkboxList -row">
1625          <input class="c-form__checkboxList" id="plucked-instrument-and-string-instrument-xkge02" type="checkbox" name="plucked-instrument-and-string-instrument-xkge02" value="Xkge.02"  v-model="instr" @change="onCheckBoxChange">
1626          <label class="c-form__label" for="plucked-instrument-and-string-instrument-xkge02">
1627            Plucked instrument and string instrument
1628          </label>
1629        </li>
1630              <li class="c-form__item -checkboxList -row">
1631          <input class="c-form__checkboxList" id="plucked-instrument-and-2-strings-xkge03" type="checkbox" name="plucked-instrument-and-2-strings-xkge03" value="Xkge.03"  v-model="instr" @change="onCheckBoxChange">
1632          <label class="c-form__label" for="plucked-instrument-and-2-strings-xkge03">
1633            Plucked instrument and 2 strings
1634          </label>
1635        </li>
1636              <li class="c-form__item -checkboxList -row">
1637          <input class="c-form__checkboxList" id="plucked-instrument-and-3-strings-xkge04" type="checkbox" name="plucked-instrument-and-3-strings-xkge04" value="Xkge.04"  v-model="instr" @change="onCheckBoxChange">
1638          <label class="c-form__label" for="plucked-instrument-and-3-strings-xkge04">
1639            Plucked instrument and 3 strings
1640          </label>
1641        </li>
1642              <li class="c-form__item -checkboxList -row">
1643          <input class="c-form__checkboxList" id="plucked-instrument-and-4-strings-xkge05" type="checkbox" name="plucked-instrument-and-4-strings-xkge05" value="Xkge.05"  v-model="instr" @change="onCheckBoxChange">
1644          <label class="c-form__label" for="plucked-instrument-and-4-strings-xkge05">
1645            Plucked instrument and 4 strings
1646          </label>
1647        </li>
1648              <li class="c-form__item -checkboxList -row">
1649          <input class="c-form__checkboxList" id="plucked-instrument-and-5-strings-xkge06" type="checkbox" name="plucked-instrument-and-5-strings-xkge06" value="Xkge.06"  v-model="instr" @change="onCheckBoxChange">
1650          <label class="c-form__label" for="plucked-instrument-and-5-strings-xkge06">
1651            Plucked instrument and 5 strings
1652          </label>
1653        </li>
1654              <li class="c-form__item -checkboxList -row">
1655          <input class="c-form__checkboxList" id="plucked-instrument-and-6-strings-xkge07" type="checkbox" name="plucked-instrument-and-6-strings-xkge07" value="Xkge.07"  v-model="instr" @change="onCheckBoxChange">
1656          <label class="c-form__label" for="plucked-instrument-and-6-strings-xkge07">
1657            Plucked instrument and 6 strings
1658          </label>
1659        </li>
1660              <li class="c-form__item -checkboxList -row">
1661          <input class="c-form__checkboxList" id="plucked-instrument-and-wind-instrument-xkgf02" type="checkbox" name="plucked-instrument-and-wind-instrument-xkgf02" value="Xkgf.02"  v-model="instr" @change="onCheckBoxChange">
1662          <label class="c-form__label" for="plucked-instrument-and-wind-instrument-xkgf02">
1663            Plucked instrument and wind instrument
1664          </label>
1665        </li>
1666              <li class="c-form__item -checkboxList -row">
1667          <input class="c-form__checkboxList" id="plucked-instrument-and-2-winds-xkgf03" type="checkbox" name="plucked-instrument-and-2-winds-xkgf03" value="Xkgf.03"  v-model="instr" @change="onCheckBoxChange">
1668          <label class="c-form__label" for="plucked-instrument-and-2-winds-xkgf03">
1669            Plucked instrument and 2 winds
1670          </label>
1671        </li>
1672              <li class="c-form__item -checkboxList -row">
1673          <input class="c-form__checkboxList" id="plucked-instrument-and-3-winds-xkgf04" type="checkbox" name="plucked-instrument-and-3-winds-xkgf04" value="Xkgf.04"  v-model="instr" @change="onCheckBoxChange">
1674          <label class="c-form__label" for="plucked-instrument-and-3-winds-xkgf04">
1675            Plucked instrument and 3 winds
1676          </label>
1677        </li>
1678              <li class="c-form__item -checkboxList -row">
1679          <input class="c-form__checkboxList" id="plucked-instrument-and-5-winds-xkgf06" type="checkbox" name="plucked-instrument-and-5-winds-xkgf06" value="Xkgf.06"  v-model="instr" @change="onCheckBoxChange">
1680          <label class="c-form__label" for="plucked-instrument-and-5-winds-xkgf06">
1681            Plucked instrument and 5 winds
1682          </label>
1683        </li>
1684              <li class="c-form__item -checkboxList -row">
1685          <input class="c-form__checkboxList" id="percussion-additional-instruments-xkh" type="checkbox" name="percussion-additional-instruments-xkh" value="Xkh"  v-model="instr" @change="onCheckBoxChange">
1686          <label class="c-form__label" for="percussion-additional-instruments-xkh">
1687            Percussion &amp; additional instruments
1688          </label>
1689        </li>
1690              <li class="c-form__item -checkboxList -row">
1691          <input class="c-form__checkboxList" id="early-instruments-xkk" type="checkbox" name="early-instruments-xkk" value="Xkk"  v-model="instr" @change="onCheckBoxChange">
1692          <label class="c-form__label" for="early-instruments-xkk">
1693            Early instruments
1694          </label>
1695        </li>
1696              <li class="c-form__item -checkboxList -row">
1697          <input class="c-form__checkboxList" id="optional-instruments-xkv" type="checkbox" name="optional-instruments-xkv" value="Xkv"  v-model="instr" @change="onCheckBoxChange">
1698          <label class="c-form__label" for="optional-instruments-xkv">
1699            Optional instruments
1700          </label>
1701        </li>
1702      
1703    </ul>
1704</fieldset>
1705                            </div>
1706                        </div>
1707                        <button type="button" data-a11y-dialog-hide="ensemble-xk" class="c-button -fixed">Add</button>
1708
1709                        <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="ensemble-xk" aria-label="Stäng Ensemble">
1710                            <svg class="c-icon -close" aria-hidden="true">
1711                            <use xlink:href="/images/spritemap.svg#icon-close"></use>
1712                            </svg>
1713                        </button>
1714
1715                        </div>
1716                    </div>
1717                    </div>
1718                </li>
1719                        <li class="c-form__item -row">
1720                    <button type="button" class="c-form__listToggle" data-a11y-dialog-show="keyboard-xd">
1721                        Keyboard
1722                        <svg class="c-icon -arrow" aria-hidden="true">
1723                        <use xlink:href="/images/spritemap.svg#icon-arrow"></use>
1724                        </svg>
1725                    </button>
1726
1727                    <div id="keyboard-xd" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true">
1728
1729                    <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="keyboard-xd-title">
1730                        <div role="document" class="c-fieldsetDialog__document">
1731
1732                        <h2 id="keyboard-xd-title" tabindex="0" class="c-fieldsetDialog__title">
1733                            Keyboard
1734                        </h2>
1735
1736                        <div class="c-fieldsetDialog__content">
1737                            <div class="c-fieldsetDialog__content__inner">
1738
1739                            <fieldset class="c-form__checkboxes">
1740
1741  
1742    <ul class="c-form__list">
1743
1744              <li class="c-form__item -checkboxList -row">
1745          <input class="c-form__checkboxList" id="keyboard-xd" type="checkbox" name="keyboard-xd" value="Xd"  v-model="instr" @change="onCheckBoxChange">
1746          <label class="c-form__label" for="keyboard-xd">
1747            Keyboard
1748          </label>
1749        </li>
1750              <li class="c-form__item -checkboxList -row">
1751          <input class="c-form__checkboxList" id="piano-xda" type="checkbox" name="piano-xda" value="Xda"  v-model="instr" @change="onCheckBoxChange">
1752          <label class="c-form__label" for="piano-xda">
1753            Piano
1754          </label>
1755        </li>
1756              <li class="c-form__item -checkboxList -row">
1757          <input class="c-form__checkboxList" id="piano-1-hand-xda011" type="checkbox" name="piano-1-hand-xda011" value="Xda.011"  v-model="instr" @change="onCheckBoxChange">
1758          <label class="c-form__label" for="piano-1-hand-xda011">
1759            Piano 1 hand
1760          </label>
1761        </li>
1762              <li class="c-form__item -checkboxList -row">
1763          <input class="c-form__checkboxList" id="piano-4-hands-xd
1763a014" type="checkbox" name="piano-4-hands-xda014" value="Xda.014"  v-model="instr" @change="onCheckBoxChange">
1764          <label class="c-form__label" for="piano-4-hands-xda014">
1765            Piano 4 hands
1766          </label>
1767        </li>
1768              <li class="c-form__item -checkboxList -row">
1769          <input class="c-form__checkboxList" id="2-pianos-xda02" type="checkbox" name="2-pianos-xda02" value="Xda.02"  v-model="instr" @change="onCheckBoxChange">
1770          <label class="c-form__label" for="2-pianos-xda02">
1771            2 pianos
1772          </label>
1773        </li>
1774              <li class="c-form__item -checkboxList -row">
1775          <input class="c-form__checkboxList" id="3-pianos-xda03" type="checkbox" name="3-pianos-xda03" value="Xda.03"  v-model="instr" @change="onCheckBoxChange">
1776          <label class="c-form__label" for="3-pianos-xda03">
1777            3 pianos
1778          </label>
1779        </li>
1780              <li class="c-form__item -checkboxList -row">
1781          <input class="c-form__checkboxList" id="4-pianos-xda04" type="checkbox" name="4-pianos-xda04" value="Xda.04"  v-model="instr" @change="onCheckBoxChange">
1782          <label class="c-form__label" for="4-pianos-xda04">
1783            4 pianos
1784          </label>
1785        </li>
1786              <li class="c-form__item -checkboxList -row">
1787          <input class="c-form__checkboxList" id="5-pianos-xda05" type="checkbox" name="5-pianos-xda05" value="Xda.05"  v-model="instr" @change="onCheckBoxChange">
1788          <label class="c-form__label" for="5-pianos-xda05">
1789            5 pianos
1790          </label>
1791        </li>
1792              <li class="c-form__item -checkboxList -row">
1793          <input class="c-form__checkboxList" id="6-pianos-xda06" type="checkbox" name="6-pianos-xda06" value="Xda.06"  v-model="instr" @change="onCheckBoxChange">
1794          <label class="c-form__label" for="6-pianos-xda06">
1795            6 pianos
1796          </label>
1797        </li>
1798              <li class="c-form__item -checkboxList -row">
1799          <input class="c-form__checkboxList" id="organ-xdb" type="checkbox" name="organ-xdb" value="Xdb"  v-model="instr" @change="onCheckBoxChange">
1800          <label class="c-form__label" for="organ-xdb">
1801            Organ
1802          </label>
1803        </li>
1804              <li class="c-form__item -checkboxList -row">
1805          <input class="c-form__checkboxList" id="organ-4-hands-xdb014" type="checkbox" name="organ-4-hands-xdb014" value="Xdb.014"  v-model="instr" @change="onCheckBoxChange">
1806          <label class="c-form__label" for="organ-4-hands-xdb014">
1807            Organ 4 hands
1808          </label>
1809        </li>
1810              <li class="c-form__item -checkboxList -row">
1811          <input class="c-form__checkboxList" id="2-organs-xdb02" type="checkbox" name="2-organs-xdb02" value="Xdb.02"  v-model="instr" @change="onCheckBoxChange">
1812          <label class="c-form__label" for="2-organs-xdb02">
1813            2 organs
1814          </label>
1815        </li>
1816              <li class="c-form__item -checkboxList -row">
1817          <input class="c-form__checkboxList" id="4-organs-xdb04" type="checkbox" name="4-organs-xdb04" value="Xdb.04"  v-model="instr" @change="onCheckBoxChange">
1818          <label class="c-form__label" for="4-organs-xdb04">
1819            4 organs
1820          </label>
1821        </li>
1822              <li class="c-form__item -checkboxList -row">
1823          <input class="c-form__checkboxList" id="harmonium-xdbz" type="checkbox" name="harmonium-xdbz" value="Xdbz"  v-model="instr" @change="onCheckBoxChange">
1824          <label class="c-form__label" for="harmonium-xdbz">
1825            Harmonium
1826          </label>
1827        </li>
1828              <li class="c-form__item -checkboxList -row">
1829          <input class="c-form__checkboxList" id="harpsichord-xdc" type="checkbox" name="harpsichord-xdc" value="Xdc"  v-model="instr" @change="onCheckBoxChange">
1830          <label class="c-form__label" for="harpsichord-xdc">
1831            Harpsichord
1832          </label>
1833        </li>
1834              <li class="c-form__item -checkboxList -row">
1835          <input class="c-form__checkboxList" id="2-harpsichords-xdc02" type="checkbox" name="2-harpsichords-xdc02" value="Xdc.02"  v-model="instr" @change="onCheckBoxChange">
1836          <label class="c-form__label" for="2-harpsichords-xdc02">
1837            2 harpsichords
1838          </label>
1839        </li>
1840              <li class="c-form__item -checkboxList -row">
1841          <input class="c-form__checkboxList" id="clavichord-xdd" type="checkbox" name="clavichord-xdd" value="Xdd"  v-model="instr" @change="onCheckBoxChange">
1842          <label class="c-form__label" for="clavichord-xdd">
1843            Clavichord
1844          </label>
1845        </li>
1846              <li class="c-form__item -checkboxList -row">
1847          <input class="c-form__checkboxList" id="electric-piano-xdi" type="checkbox" name="electric-piano-xdi" value="Xdi"  v-model="instr" @change="onCheckBoxChange">
1848          <label class="c-form__label" for="electric-piano-xdi">
1849            Electric piano
1850          </label>
1851        </li>
1852      
1853    </ul>
1854</fieldset>
1855                            </div>
1856                        </div>
1857                        <button type="button" data-a11y-dialog-hide="keyboard-xd" class="c-button -fixed">Add</button>
1858
1859                        <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="keyboard-xd" aria-label="Stäng Keyboard">
1860                            <svg class="c-icon -close" aria-hidden="true">
1861                            <use xlink:href="/images/spritemap.svg#icon-close"></use>
1862                            </svg>
1863                        </button>
1864
1865                        </div>
1866                    </div>
1867                    </div>
1868                </li>
1869                        <li class="c-form__item -row">
1870                    <button type="button" class="c-form__listToggle" data-a11y-dialog-show="mechanical-instruments-xj">
1871                        Mechanical instruments
1872                        <svg class="c-icon -arrow" aria-hidden="true">
1873                        <use xlink:href="/images/spritemap.svg#icon-arrow"></use>
1874                        </svg>
1875                    </button>
1876
1877                    <div id="mechanical-instruments-xj" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true">
1878
1879                    <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="mechanical-instruments-xj-title">
1880                        <div role="document" class="c-fieldsetDialog__document">
1881
1882                        <h2 id="mechanical-instruments-xj-title" tabindex="0" class="c-fieldsetDialog__title">
1883                            Mechanical instruments
1884                        </h2>
1885
1886                        <div class="c-fieldsetDialog__content">
1887                            <div class="c-fieldsetDialog__content__inner">
1888
1889                            <fieldset class="c-form__checkboxes">
1890
1891  
1892    <ul class="c-form__list">
1893
1894              <li class="c-form__item -checkboxList -row">
1895          <input class="c-form__checkboxList" id="carillon-xja" type="checkbox" name="carillon-xja" value="Xja"  v-model="instr" @change="onCheckBoxChange">
1896          <label class="c-form__label" for="carillon-xja">
1897            Carillon
1898          </label>
1899        </li>
1900              <li class="c-form__item -checkboxList -row">
1901          <input class="c-form__checkboxList" id="playing-clocks-xjb" type="checkbox" name="playing-clocks-xjb" value="Xjb"  v-model="instr" @change="onCheckBoxChange">
1902          <label class="c-form__label" for="playing-clocks-xjb">
1903            Playing clocks
1904          </label>
1905        </li>
1906              <li class="c-form__item -checkboxList -row">
1907          <input class="c-form__checkboxList" id="pianola-xjd" type="checkbox" name="pianola-xjd" value="Xjd"  v-model="instr" @change="onCheckBoxChange">
1908          <label class="c-form__label" for="pianola-xjd">
1909            Pianola
1910          </label>
1911        </li>
1912              <li class="c-form__item -checkboxList -row">
1913          <input class="c-form__checkboxList" id="orchestrion-xjz" type="checkbox" name="orchestrion-xjz" value="Xjz"  v-model="instr" @change="onCheckBoxChange">
1914          <label class="c-form__label" for="orchestrion-xjz">
1915            Orchestrion
1916          </label>
1917        </li>
1918      
1919    </ul>
1920</fieldset>
1921                            </div>
1922                        </div>
1923                        <button type="button" data-a11y-dialog-hide="mechanical-instruments-xj" class="c-button -fixed">Add</button>
1924
1925                        <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="mechanical-instruments-xj" aria-label="Stäng Mechanical instruments">
1926                            <svg class="c-icon -close" aria-hidden="true">
1927                            <use xlink:href="/images/spritemap.svg#icon-close"></use>
1928                            </svg>
1929                        </button>
1930
1931                        </div>
1932                    </div>
1933                    </div>
1934                </li>
1935                        <li class="c-form__item -row">
1936                    <button type="button" class="c-form__listToggle" data-a11y-dialog-show="optional-instruments-xc">
1937                        Optional instruments
1938                        <svg class="c-icon -arrow" aria-hidden="true">
1939                        <use xlink:href="/images/spritemap.svg#icon-arrow"></use>
1940                        </svg>
1941                    </button>
1942
1943                    <div id="optional-instruments-xc" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true">
1944
1945                    <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="optional-instruments-xc-title">
1946                        <div role="document" class="c-fieldsetDialog__document">
1947
1948                        <h2 id="optional-instruments-xc-title" tabindex="0" class="c-fieldsetDialog__title">
1949                            Optional instruments
1950                        </h2>
1951
1952                        <div class="c-fieldsetDialog__content">
1953                            <div class="c-fieldsetDialog__content__inner">
1954
1955                            <fieldset class="c-form__checkboxes">
1956
1957  
1958    <ul class="c-form__list">
1959
1960              <li class="c-form__item -checkboxList -row">
1961          <input class="c-form__checkboxList" id="optional-instrument-xc" type="checkbox" name="optional-instrument-xc" value="Xc"  v-model="instr" @change="onCheckBoxChange">
1962          <label class="c-form__label" for="optional-instrument-xc">
1963            Optional instrument
1964          </label>
1965        </li>
1966              <li class="c-form__item -checkboxList -row">
1967          <input class="c-form__checkboxList" id="2-instruments-xc02" type="checkbox" name="2-instruments-xc02" value="Xc.02"  v-model="instr" @change="onCheckBoxChange">
1968          <label class="c-form__label" for="2-instruments-xc02">
1969            2 instruments
1970          </label>
1971        </li>
1972      
1973    </ul>
1974</fieldset>
1975                            </div>
1976                        </div>
1977                        <button type="button" data-a11y-dialog-hide="optional-instruments-xc" class="c-button -fixed">Add</button>
1978
1979                        <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="optional-instruments-xc" aria-label="Stäng Optional instruments">
1980                            <svg class="c-icon -close" aria-hidden="true">
1981                            <use xlink:href="/images/spritemap.svg#icon-close"></use>
1982                            </svg>
1983                        </button>
1984
1985                        </div>
1986                    </div>
1987                    </div>
1988                </li>
1989                        <li class="c-form__item -row">
1990                    <button type="button" class="c-form__listToggle" data-a11y-dialog-show="orchestra-xl">
1991                        Orchestra
1992                        <svg class="c-icon -arrow" aria-hidden="true">
1993                        <use xlink:href="/images/spritemap.svg#icon-arrow"></use>
1994                        </svg>
1995                    </button>
1996
1997                    <div id="orchestra-xl" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true">
1998
1999                    <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="orchestra-xl-title">
2000                        <div role="document" class="c-fieldsetDialog__document">
2001
2002                        <h2 id="orchestra-xl-title" tabindex="0" class="c-fieldsetDialog__title">
2003                            Orchestra
2004                        </h2>
2005
2006                        <div class="c-fieldsetDialog__content">
2007                            <div class="c-fieldsetDialog__content__inner">
2008
2009                            <fieldset class="c-form__checkboxes">
2010
2011  
2012    <ul class="c-form__list">
2013
2014              <li class="c-form__item -checkboxList -row">
2015          <input class="c-form__checkboxList" id="4-solo-instruments-xlbb04" type="checkbox" name="4-solo-instruments-xlbb04" value="Xlbb.04"  v-model="instr" @change="onCheckBoxChange">
2016          <label class="c-form__label" for="4-solo-instruments-xlbb04">
2017            4 solo instruments
2018          </label>
2019        </li>
2020              <li class="c-form__item -checkboxList -row">
2021          <input class="c-form__checkboxList" id="5-solo-instruments-xlbb05" type="checkbox" name="5-solo-instruments-xlbb05" value="Xlbb.05"  v-model="instr" @change="onCheckBoxChange">
2022          <label class="c-form__label" for="5-solo-instruments-xlbb05">
2023            5 solo instruments
2024          </label>
2025        </li>
2026              <li class="c-form__item -checkboxList -row">
2027          <input class="c-form__checkboxList" id="piano-and-orchestra-xlbda" type="checkbox" name="piano-and-orchestra-xlbda" value="Xlbda"  v-model="instr" @change="onCheckBoxChange">
2028          <label class="c-form__label" for="piano-and-orchestra-xlbda">
2029            Piano and orchestra
2030          </label>
2031        </li>
2032              <li class="c-form__item -checkboxList -row">
2033          <input class="c-form__checkboxList" id="piano-4-hands-and-orchestra-xlbda014" type="checkbox" name="piano-4-hands-and-orchestra-xlbda014" value="Xlbda.014"  v-model="instr" @change="onCheckBoxChange">
2034          <label class="c-form__label" for="piano-4-hands-and-orchestra-xlbda014">
2035            Piano 4 hands and orchestra
2036          </label>
2037        </li>
2038              <li class="c-form__item -checkboxList -row">
2039          <input class="c-form__checkboxList" id="2-pianos-and-orchestra-xlbda02" type="checkbox" name="2-pianos-and-orchestra-xlbda02" value="Xlbda.02"  v-model="instr" @change="onCheckBoxChange">
2040          <label class="c-form__label" for="2-pianos-and-orchestra-xlbda02">
2041            2 pianos and orchestra
2042          </label>
2043        </li>
2044              <li class="c-form__item -checkboxList -row">
2045          <input class="c-form__checkboxList" id="organ-and-orchestra-xlbdb" t
2045ype="checkbox" name="organ-and-orchestra-xlbdb" value="Xlbdb"  v-model="instr" @change="onCheckBoxChange">
2046          <label class="c-form__label" for="organ-and-orchestra-xlbdb">
2047            Organ and orchestra
2048          </label>
2049        </li>
2050              <li class="c-form__item -checkboxList -row">
2051          <input class="c-form__checkboxList" id="harpsichord-and-orchestra-xlbdc" type="checkbox" name="harpsichord-and-orchestra-xlbdc" value="Xlbdc"  v-model="instr" @change="onCheckBoxChange">
2052          <label class="c-form__label" for="harpsichord-and-orchestra-xlbdc">
2053            Harpsichord and orchestra
2054          </label>
2055        </li>
2056              <li class="c-form__item -checkboxList -row">
2057          <input class="c-form__checkboxList" id="concertos-xlbe" type="checkbox" name="concertos-xlbe" value="Xlbe"  v-model="instr" @change="onCheckBoxChange">
2058          <label class="c-form__label" for="concertos-xlbe">
2059            Concertos
2060          </label>
2061        </li>
2062              <li class="c-form__item -checkboxList -row">
2063          <input class="c-form__checkboxList" id="2-strings-and-orchestra-xlbe02" type="checkbox" name="2-strings-and-orchestra-xlbe02" value="Xlbe.02"  v-model="instr" @change="onCheckBoxChange">
2064          <label class="c-form__label" for="2-strings-and-orchestra-xlbe02">
2065            2 strings and orchestra
2066          </label>
2067        </li>
2068              <li class="c-form__item -checkboxList -row">
2069          <input class="c-form__checkboxList" id="3-strings-and-orchestra-xlbe03" type="checkbox" name="3-strings-and-orchestra-xlbe03" value="Xlbe.03"  v-model="instr" @change="onCheckBoxChange">
2070          <label class="c-form__label" for="3-strings-and-orchestra-xlbe03">
2071            3 strings and orchestra
2072          </label>
2073        </li>
2074              <li class="c-form__item -checkboxList -row">
2075          <input class="c-form__checkboxList" id="violin-and-orchestra-xlbea" type="checkbox" name="violin-and-orchestra-xlbea" value="Xlbea"  v-model="instr" @change="onCheckBoxChange">
2076          <label class="c-form__label" for="violin-and-orchestra-xlbea">
2077            Violin and orchestra
2078          </label>
2079        </li>
2080              <li class="c-form__item -checkboxList -row">
2081          <input class="c-form__checkboxList" id="2-violins-and-orchestra-xlbea02" type="checkbox" name="2-violins-and-orchestra-xlbea02" value="Xlbea.02"  v-model="instr" @change="onCheckBoxChange">
2082          <label class="c-form__label" for="2-violins-and-orchestra-xlbea02">
2083            2 violins and orchestra
2084          </label>
2085        </li>
2086              <li class="c-form__item -checkboxList -row">
2087          <input class="c-form__checkboxList" id="viola-and-orchestra-xlbeb" type="checkbox" name="viola-and-orchestra-xlbeb" value="Xlbeb"  v-model="instr" @change="onCheckBoxChange">
2088          <label class="c-form__label" for="viola-and-orchestra-xlbeb">
2089            Viola and orchestra
2090          </label>
2091        </li>
2092              <li class="c-form__item -checkboxList -row">
2093          <input class="c-form__checkboxList" id="violoncello-and-orchestra-xlbec" type="checkbox" name="violoncello-and-orchestra-xlbec" value="Xlbec"  v-model="instr" @change="onCheckBoxChange">
2094          <label class="c-form__label" for="violoncello-and-orchestra-xlbec">
2095            Violoncello and orchestra
2096          </label>
2097        </li>
2098              <li class="c-form__item -checkboxList -row">
2099          <input class="c-form__checkboxList" id="double-bass-and-orchestra-xlbed" type="checkbox" name="double-bass-and-orchestra-xlbed" value="Xlbed"  v-model="instr" @change="onCheckBoxChange">
2100          <label class="c-form__label" for="double-bass-and-orchestra-xlbed">
2101            Double bass and orchestra
2102          </label>
2103        </li>
2104              <li class="c-form__item -checkboxList -row">
2105          <input class="c-form__checkboxList" id="keyed-fiddle-and-orchestra-xlbeg" type="checkbox" name="keyed-fiddle-and-orchestra-xlbeg" value="Xlbeg"  v-model="instr" @change="onCheckBoxChange">
2106          <label class="c-form__label" for="keyed-fiddle-and-orchestra-xlbeg">
2107            Keyed fiddle and orchestra
2108          </label>
2109        </li>
2110              <li class="c-form__item -checkboxList -row">
2111          <input class="c-form__checkboxList" id="wind-instrument-and-orchestra-xlbf" type="checkbox" name="wind-instrument-and-orchestra-xlbf" value="Xlbf"  v-model="instr" @change="onCheckBoxChange">
2112          <label class="c-form__label" for="wind-instrument-and-orchestra-xlbf">
2113            Wind instrument and orchestra
2114          </label>
2115        </li>
2116              <li class="c-form__item -checkboxList -row">
2117          <input class="c-form__checkboxList" id="2-winds-and-orchestra-xlbf02" type="checkbox" name="2-winds-and-orchestra-xlbf02" value="Xlbf.02"  v-model="instr" @change="onCheckBoxChange">
2118          <label class="c-form__label" for="2-winds-and-orchestra-xlbf02">
2119            2 winds and orchestra
2120          </label>
2121        </li>
2122              <li class="c-form__item -checkboxList -row">
2123          <input class="c-form__checkboxList" id="3-winds-and-orchestra-xlbf03" type="checkbox" name="3-winds-and-orchestra-xlbf03" value="Xlbf.03"  v-model="instr" @change="onCheckBoxChange">
2124          <label class="c-form__label" for="3-winds-and-orchestra-xlbf03">
2125            3 winds and orchestra
2126          </label>
2127        </li>
2128              <li class="c-form__item -checkboxList -row">
2129          <input class="c-form__checkboxList" id="5-winds-and-orchestra-xlbf05" type="checkbox" name="5-winds-and-orchestra-xlbf05" value="Xlbf.05"  v-model="instr" @change="onCheckBoxChange">
2130          <label class="c-form__label" for="5-winds-and-orchestra-xlbf05">
2131            5 winds and orchestra
2132          </label>
2133        </li>
2134              <li class="c-form__item -checkboxList -row">
2135          <input class="c-form__checkboxList" id="9-winds-and-orchestra-xlbf09" type="checkbox" name="9-winds-and-orchestra-xlbf09" value="Xlbf.09"  v-model="instr" @change="onCheckBoxChange">
2136          <label class="c-form__label" for="9-winds-and-orchestra-xlbf09">
2137            9 winds and orchestra
2138          </label>
2139        </li>
2140              <li class="c-form__item -checkboxList -row">
2141          <input class="c-form__checkboxList" id="flute-and-orchestra-xlbfa" type="checkbox" name="flute-and-orchestra-xlbfa" value="Xlbfa"  v-model="instr" @change="onCheckBoxChange">
2142          <label class="c-form__label" for="flute-and-orchestra-xlbfa">
2143            Flute and orchestra
2144          </label>
2145        </li>
2146              <li class="c-form__item -checkboxList -row">
2147          <input class="c-form__checkboxList" id="2-flutes-and-orchestra-xlbfa02" type="checkbox" name="2-flutes-and-orchestra-xlbfa02" value="Xlbfa.02"  v-model="instr" @change="onCheckBoxChange">
2148          <label class="c-form__label" for="2-flutes-and-orchestra-xlbfa02">
2149            2 flutes and orchestra
2150          </label>
2151        </li>
2152              <li class="c-form__item -checkboxList -row">
2153          <input class="c-form__checkboxList" id="3-flutes-and-orchestra-xlbfa03" type="checkbox" name="3-flutes-and-orchestra-xlbfa03" value="Xlbfa.03"  v-model="instr" @change="onCheckBoxChange">
2154          <label class="c-form__label" for="3-flutes-and-orchestra-xlbfa03">
2155            3 flutes and orchestra
2156          </label>
2157        </li>
2158              <li class="c-form__item -checkboxList -row">
2159          <input class="c-form__checkboxList" id="recorder-and-orchestra-xlbfb" type="checkbox" name="recorder-and-orchestra-xlbfb" value="Xlbfb"  v-model="instr" @change="onCheckBoxChange">
2160          <label class="c-form__label" for="recorder-and-orchestra-xlbfb">
2161            Recorder and orchestra
2162          </label>
2163        </li>
2164              <li class="c-form__item -checkboxList -row">
2165          <input class="c-form__checkboxList" id="oboe-and-orchestra-xlbfc" type="checkbox" name="oboe-and-orchestra-xlbfc" value="Xlbfc"  v-model="instr" @change="onCheckBoxChange">
2166          <label class="c-form__label" for="oboe-and-orchestra-xlbfc">
2167            Oboe and orchestra
2168          </label>
2169        </li>
2170              <li class="c-form__item -checkboxList -row">
2171          <input class="c-form__checkboxList" id="clarinet-and-orchestra-xlbfd" type="checkbox" name="clarinet-and-orchestra-xlbfd" value="Xlbfd"  v-model="instr" @change="onCheckBoxChange">
2172          <label class="c-form__label" for="clarinet-and-orchestra-xlbfd">
2173            Clarinet and orchestra
2174          </label>
2175        </li>
2176              <li class="c-form__item -checkboxList -row">
2177          <input class="c-form__checkboxList" id="saxophone-and-orchestra-xlbfe" type="checkbox" name="saxophone-and-orchestra-xlbfe" value="Xlbfe"  v-model="instr" @change="onCheckBoxChange">
2178          <label class="c-form__label" for="saxophone-and-orchestra-xlbfe">
2179            Saxophone and orchestra
2180          </label>
2181        </li>
2182              <li class="c-form__item -checkboxList -row">
2183          <input class="c-form__checkboxList" id="saxophone-quartet-and-orchestra-xlbfe04" type="checkbox" name="saxophone-quartet-and-orchestra-xlbfe04" value="Xlbfe.04"  v-model="instr" @change="onCheckBoxChange">
2184          <label class="c-form__label" for="saxophone-quartet-and-orchestra-xlbfe04">
2185            Saxophone quartet and orchestra
2186          </label>
2187        </li>
2188              <li class="c-form__item -checkboxList -row">
2189          <input class="c-form__checkboxList" id="saxophone-quintet-and-orchestra-xlbfe05" type="checkbox" name="saxophone-quintet-and-orchestra-xlbfe05" value="Xlbfe.05"  v-model="instr" @change="onCheckBoxChange">
2190          <label class="c-form__label" for="saxophone-quintet-and-orchestra-xlbfe05">
2191            Saxophone quintet and orchestra
2192          </label>
2193        </li>
2194              <li class="c-form__item -checkboxList -row">
2195          <input class="c-form__checkboxList" id="bassoon-and-orchestra-xlbff" type="checkbox" name="bassoon-and-orchestra-xlbff" value="Xlbff"  v-model="instr" @change="onCheckBoxChange">
2196          <label class="c-form__label" for="bassoon-and-orchestra-xlbff">
2197            Bassoon and orchestra
2198          </label>
2199        </li>
2200              <li class="c-form__item -checkboxList -row">
2201          <input class="c-form__checkboxList" id="2-bassoons-and-orchestra-xlbff02" type="checkbox" name="2-bassoons-and-orchestra-xlbff02" value="Xlbff.02"  v-model="instr" @change="onCheckBoxChange">
2202          <label class="c-form__label" for="2-bassoons-and-orchestra-xlbff02">
2203            2 bassoons and orchestra
2204          </label>
2205        </li>
2206              <li class="c-form__item -checkboxList -row">
2207          <input class="c-form__checkboxList" id="trumpet-and-orchestra-xlbfg" type="checkbox" name="trumpet-and-orchestra-xlbfg" value="Xlbfg"  v-model="instr" @change="onCheckBoxChange">
2208          <label class="c-form__label" for="trumpet-and-orchestra-xlbfg">
2209            Trumpet and orchestra
2210          </label>
2211        </li>
2212              <li class="c-form__item -checkboxList -row">
2213          <input class="c-form__checkboxList" id="french-horn-and-orchestra-xlbfh" type="checkbox" name="french-horn-and-orchestra-xlbfh" value="Xlbfh"  v-model="instr" @change="onCheckBoxChange">
2214          <label class="c-form__label" for="french-horn-and-orchestra-xlbfh">
2215            French horn and orchestra
2216          </label>
2217        </li>
2218              <li class="c-form__item -checkboxList -row">
2219          <input class="c-form__checkboxList" id="trombone-and-orchestra-xlbfi" type="checkbox" name="trombone-and-orchestra-xlbfi" value="Xlbfi"  v-model="instr" @change="onCheckBoxChange">
2220          <label class="c-form__label" for="trombone-and-orchestra-xlbfi">
2221            Trombone and orchestra
2222          </label>
2223        </li>
2224              <li class="c-form__item -checkboxList -row">
2225          <input class="c-form__checkboxList" id="trombone-quartet-and-orchestra-xlbfi04" type="checkbox" name="trombone-quartet-and-orchestra-xlbfi04" value="Xlbfi.04"  v-model="instr" @change="onCheckBoxChange">
2226          <label class="c-form__label" for="trombone-quartet-and-orchestra-xlbfi04">
2227            Trombone quartet and orchestra
2228          </label>
2229        </li>
2230              <li class="c-form__item -checkboxList -row">
2231          <input class="c-form__checkboxList" id="tuba-and-orchestra-xlbfj" type="checkbox" name="tuba-and-orchestra-xlbfj" value="Xlbfj"  v-model="instr" @change="onCheckBoxChange">
2232          <label class="c-form__label" for="tuba-and-orchestra-xlbfj">
2233            Tuba and orchestra
2234          </label>
2235        </li>
2236              <li class="c-form__item -checkboxList -row">
2237          <input class="c-form__checkboxList" id="accordion-and-orchestra-xlbfk" type="checkbox" name="accordion-and-orchestra-xlbfk" value="Xlbfk"  v-model="instr" @change="onCheckBoxChange">
2238          <label class="c-form__label" for="accordion-and-orchestra-xlbfk">
2239            Accordion and orchestra
2240          </label>
2241        </li>
2242              <li class="c-form__item -checkboxList -row">
2243          <input class="c-form__checkboxList" id="plucked-instrument-and-orchestra-xlbg" type="checkbox" name="plucked-instrument-and-orchestra-xlbg" value="Xlbg"  v-model="instr" @change="onCheckBoxChange">
2244          <label class="c-form__label" for="plucked-instrument-and-orchestra-xlbg">
2245            Plucked instrument and orchestra
2246          </label>
2247        </li>
2248              <li class="c-form__item -checkboxList -row">
2249          <input class="c-form__checkboxList" id="harp-and-orchestra-xlbga" type="checkbox" name="harp-and-orchestra-xlbga" value="Xlbga"  v-model="instr" @change="onCheckBoxChange">
2250          <label class="c-form__label" for="harp-and-orchestra-xlbga">
2251            Harp and orchestra
2252          </label>
2253        </li>
2254              <li class="c-form__item -checkboxList -row">
2255          <input class="c-form__checkboxList" id="guitar-and-orchestra-xlbgb" type="checkbox" name="guitar-and-orchestra-xlbgb" value="Xlbgb"  v-model="instr" @change="onCheckBoxChange">
2256          <label class="c-form__label" for="guitar-and-orchestra-xlbgb">
2257            Guitar and orchestra
2258          </label>
2259        </li>
2260              <li class="c-form__item -checkboxList -row">
2261          <input class="c-form__checkboxList" id="mandolin-and-orchestra-xlbgc" type="checkbox" name="mandolin-and-orchestra-xlbgc" value="Xlbgc"  v-model="instr" @change="onCheckBoxChange">
2262          <label class="c-form__label" for="mandolin-and-orchestra-xlbgc">
2263            Mandolin and orchestra
2264          </label>
2265        </li>
2266              <li class="c-form__item -checkboxList -row">
2267          <input class="c-form__checkboxList" id="percussion-and-orchestra-xlbh" type="checkbox" name="percussion-and-orchestra-xlbh" value="Xlbh"  v-model="instr" @change="onCheckBoxChange">
2268          <label class="c-form__label" for="percussion-and-orchestra-xlbh">
2269            Percussion and orchestra
2270          </label>
2271        </li>
2272              <li class="c-form__item -checkboxList -row">
2273          <input class="c-form__checkboxList" id="marimba-and-orchestra-xlbhg" type="checkbox" name="marimba-and-orchestra-xlbhg" value="Xlbhg"  v-model="instr" @change="onCheckBoxChange">
2274          <label class="c-form__label" for="marimba-and-orchestra-xlbhg">
2275            Marimba and orchestra
2276          </label>
2277        </li>
2278              <li class="c-form__item -checkboxList -row">
2279          <input class="c-form__checkboxList" id="small-string-orchestra-xlca" type="checkbox" name="small-string-orchestra-xlca" value="Xlca"  v-model="instr" @change="onCheckBoxChange">
2280          <label class="c-form__label" for="small-string-orchestra-xlca">
2281            Small string orchestra
2282          </label>
2283        </li>
2284              <li class="c-form__item -checkboxList -row">
2285          <input class="c-form__checkboxList" id="chamber-orchestra-xlcb" type="checkbox" name="chamber-orchestra-xlcb" value="Xlcb"  v-model="instr" @change="onCheckBoxChange">
2286          <label class="c-form__label" for="chamber-orchestra-xlcb">
2287            Chamber orchestra
2288          </label>
2289        </li>
2290              <li class="c-form__item -checkboxList -row">
2291          <input class="c-form__checkboxList" id="saloon-orchestra-xlcc" type="checkbox" name="saloon-orchestra-xlcc" value="Xlcc"  v-model="instr" @change="onCheckBoxChange">
2292          <label class="c-form__label" for="saloon-orchestra-xlcc">
2293            Saloon orchestra
2294          </label>
2295        </li>
2296              <li class="c-form__item -checkboxList -row">
2297          <input class="c-form__checkboxList" id="chamber-ensemble-xlcd" type="checkbox" name="chamber-ensemble-xlcd" value="Xlcd"  v-model="instr" @change="onCheckBoxChange">
2298          <label class="c-form__label" for="chamber-ensemble-xlcd">
2299            Chamber ensemble
2300          </label>
2301        </li>
2302              <li class="c-form__item -checkboxList -row">
2303          <input class="c-form__checkboxList" id="string-orchestra-xld" type="checkbox" name="string-orchestra-xld" value="Xld"  v-model="instr" @change="onCheckBoxChange">
2304          <label class="c-form__label" for="string-orchestra-xld">
2305            String orchestra
2306          </label>
2307        </li>
2308              <li class="c-form__item -checkboxList -row">
2309          <input class="c-form__checkboxList" id="orchestra-xle" type="checkbox" name="orchestra-xle" value="Xle"  v-model="instr" @change="onCheckBoxChange">
2310          <label class="c-form__label" for="orchestra-xle">
2311            Orchestra
2312          </label>
2313        </li>
2314              <li class="c-form__item -checkboxList -row">
2315          <input class="c-form__checkboxList" id="wind-band-xlf" type="checkbox" name="wind-band-xlf" value="Xlf"  v-model="instr" @change="onCheckBoxChange">
2316          <label class="c-form__label" for="wind-band-xlf">
2317            Wind band
2318          </label>
2319        </li>
2320              <li class="c-form__item -checkboxList -row">
2321          <input class="c-form__checkboxList" id="military-band-xlfa" type="checkbox" name="military-band-xlfa" value="Xlfa"  v-model="instr" @change="onCheckBoxChange">
2322          <label class="c-form__label" for="military-band-xlfa">
2323            Military band
2324          </label>
2325        </li>
2326              <li class="c-form__item -checkboxList -row">
2327          <input class="c-form__checkboxList" id="brass-band-xlfb" type="checkbox" name="brass-band-xlfb" value="Xlfb"  v-model="instr" @change="onCheckBoxChange">
2328          <label class="c-form__label" for="brass-band-xlfb">
2329            Brass band
2330          </label>
2331        </li>
2332              <li class="c-form__item -checkboxList -row">
2333          <input class="c-form__checkboxList" id="symphonic-band-xlfc" type="checkbox" name="symphonic-band-xlfc" value="Xlfc"  v-model="instr" @change="onCheckBoxChange">
2334          <label class="c-form__label" for="symphonic-band-xlfc">
2335            Symphonic band
2336          </label>
2337        </li>
2338              <li class="c-form__item -checkboxList -row">
2339          <input class="c-form__checkboxList" id="various-brass-settings-xlfd" type="checkbox" name="various-brass-settings-xlfd" value="Xlfd"  v-model="instr" @change="onCheckBoxChange">
2340          <label class="c-form__label" for="various-brass-settings-xlfd">
2341            Various brass settings
2342          </label>
2343        </li>
2344              <li class="c-form__item -checkboxList -row">
2345          <input class="c-form__checkboxList" id="optional-instruments-xlv" type="checkbox" name="optional-instruments-xlv" value="Xlv"  v-model="instr" @change="onCheckBoxChange">
2346          <label class="c-form__label" for="optional-instruments-xlv">
2347            Optional instruments
2348          </label>
2349        </li>
2350              <li class="c-form__item -checkboxList -row">
2351          <input class="c-form__checkboxList" id="special-orchestras-xlz" type="checkbox" name="special-orchestras-xlz" value="Xlz"  v-model="instr" @change="onCheckBoxChange">
2352          <label class="c-form__label" for="special-orchestras-xlz">
2353            Special orchestras
2354          </label>
2355        </li>
2356      
2357    </ul>
2358</fieldset>
2359                            </div>
2360                        </div>
2361                        <button type="button" data-a11y-dialog-hide="orchestra-xl" class="c-button -fixed">Add</button>
2362
2363                        <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="orchestra-xl" aria-label="Stäng Orchestra">
2364                            <svg class="c-icon -close" aria-hidden="true">
2365                            <use xlink:href="/images/spritemap.svg#icon-close"></use>
2366                            </svg>
2367                        </button>
2368
2369                        </div>
2370                    </div>
2371                    </div>
2372                </li>
2373                        <li class="c-form__item -row">
2374                    <button type="button" class="c-form__listToggle" data-a11y-dialog-show="percussion-xh">
2375                        Percussion
2376                        <svg class="c-icon -arrow" aria-hidden="true">
2377                        <use xlink:href="/images/spritemap.svg#icon-arrow"></use>
2378                        </svg>
2379                    </button>
2380
2381                    <div id="percussion-xh" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true">
2382
2383                    <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="percussion-xh-title">
2384                        <div role="document" class="c-fieldsetDialog__document">
2385
2386                        <h2 id="percussion-xh-title" tabindex="0" class="c-fieldsetDialog__title">
2387                            Percussion
2388                        </h2>
2389
2390                        <div class="c-fieldsetDialog__content">
2391                            <div class="c-fieldsetDialog__content__inner">
2392
2393                            <fieldset class="c-form__checkboxes">
2394
2395  
2396    <ul class="c-form__list">
2397
2398              <li class="c-form__item -checkboxList -row">
2399          <input class="c-form__checkboxList" id="drums-xha" type="checkbox" name="drums-xha" value="Xha"  v-model="instr" @change="onCheckBoxChange">
2400          <label class="c-form__label" for="drums-xha">
2401            Drums
2402          </label>
2403        </li>
2404              <li class="c-form__item -checkboxList -row">
2405          <input class="c-form__checkboxList" id="vibraphone-xhe" type="checkbox" name="vibraphone-xhe" value="Xhe"  v-model="instr" @change="onCheckBoxChange">
2406          <label class="c-form__label" for="vibraphone-xhe">
2407            Vibraphone
2408          </label>
2409        </li>
2410              <li class="c-form__item -checkboxList -row">
2411          <input class="c-form__checkboxList" id="xylophone-xhf" type="checkbox" name="xylophone-xhf" value="Xhf"  v-model="instr" @change="onCheckBoxChange">
2412          <label class="c-form__label" for="xylophone-xhf">
2413            Xylophone
2414          </label>
2415        </li>
2416              <li class="c-form__item -checkboxList -row">
2417          <input class="c-form__checkboxList" id="marimba-xhg" type="checkbox" name="marimba-xhg" value="Xhg"  v-model="instr" @change="onCheckBoxChange">
2418          <label class="c-form__label" for="marimba-xhg">
2419            Marimba
2420          </label>
2421        </li>
2422              <li class="c-form__item -checkboxList -row">
2423          <input class="c-form__checkboxList" id="2-marimbas-xhg02" type="checkbox" name="2-marimbas-xhg02" value="Xhg.02"  v-model="instr" @change="onCheckBoxChange">
2424          <label class="c-form__label" for="2-marimbas-xhg02">
2425            2 marimbas
2426          </label>
2427        </li>
2428              <li class="c-form__item -checkboxList -row">
2429          <input class="c-form__checkboxList" id="4-marimbas-xhg04" type="checkbox" name="4-marimbas-xhg04" value="Xhg.04"  v-model="instr" @change="onCheckBoxChange">
2430          <label class="c-form__label" for="4-marimbas-xhg04">
2431            4 marimbas
2432          </label>
2433        </li>
2434              <li class="c-form__item -checkboxList -row">
2435          <input class="c-form__checkboxList" id="cimbalom-xhh" type="checkbox" name="cimbalom-xhh" value="Xhh"  v-model="instr" @change="onCheckBoxChange">
2436          <label class="c-form__label" for="cimbalom-xhh">
2437            Cimbalom
2438          </label>
2439        </li>
2440              <li class="c-form__item -checkboxList -row">
2441          <input class="c-form__checkboxList" id="percussion-xhk" type="checkbox" name="percussion-xhk" value="Xhk"  v-model="instr" @change="onCheckBoxChange">
2442          <label class="c-form__label" for="percussion-xhk">
2443            Percussion
2444          </label>
2445        </li>
2446      
2447    </ul>
2448</fieldset>
2449                            </div>
2450                        </div>
2451                        <button type="button" data-a11y-dialog-hide="percussion-xh" class="c-button -fixed">Add</button>
2452
2453                        <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="percussion-xh" aria-label="Stäng Percussion">
2454               
2454             <svg class="c-icon -close" aria-hidden="true">
2455                            <use xlink:href="/images/spritemap.svg#icon-close"></use>
2456                            </svg>
2457                        </button>
2458
2459                        </div>
2460                    </div>
2461                    </div>
2462                </li>
2463                        <li class="c-form__item -row">
2464                    <button type="button" class="c-form__listToggle" data-a11y-dialog-show="plucked-instruments-xg">
2465                        Plucked instruments
2466                        <svg class="c-icon -arrow" aria-hidden="true">
2467                        <use xlink:href="/images/spritemap.svg#icon-arrow"></use>
2468                        </svg>
2469                    </button>
2470
2471                    <div id="plucked-instruments-xg" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true">
2472
2473                    <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="plucked-instruments-xg-title">
2474                        <div role="document" class="c-fieldsetDialog__document">
2475
2476                        <h2 id="plucked-instruments-xg-title" tabindex="0" class="c-fieldsetDialog__title">
2477                            Plucked instruments
2478                        </h2>
2479
2480                        <div class="c-fieldsetDialog__content">
2481                            <div class="c-fieldsetDialog__content__inner">
2482
2483                            <fieldset class="c-form__checkboxes">
2484
2485  
2486    <ul class="c-form__list">
2487
2488              <li class="c-form__item -checkboxList -row">
2489          <input class="c-form__checkboxList" id="plucked-instruments-xg" type="checkbox" name="plucked-instruments-xg" value="Xg"  v-model="instr" @change="onCheckBoxChange">
2490          <label class="c-form__label" for="plucked-instruments-xg">
2491            Plucked instruments
2492          </label>
2493        </li>
2494              <li class="c-form__item -checkboxList -row">
2495          <input class="c-form__checkboxList" id="2-plucked-instruments-xg02" type="checkbox" name="2-plucked-instruments-xg02" value="Xg.02"  v-model="instr" @change="onCheckBoxChange">
2496          <label class="c-form__label" for="2-plucked-instruments-xg02">
2497            2 plucked instruments
2498          </label>
2499        </li>
2500              <li class="c-form__item -checkboxList -row">
2501          <input class="c-form__checkboxList" id="3-plucked-instruments-xg03" type="checkbox" name="3-plucked-instruments-xg03" value="Xg.03"  v-model="instr" @change="onCheckBoxChange">
2502          <label class="c-form__label" for="3-plucked-instruments-xg03">
2503            3 plucked instruments
2504          </label>
2505        </li>
2506              <li class="c-form__item -checkboxList -row">
2507          <input class="c-form__checkboxList" id="harp-xgaa" type="checkbox" name="harp-xgaa" value="Xgaa"  v-model="instr" @change="onCheckBoxChange">
2508          <label class="c-form__label" for="harp-xgaa">
2509            Harp
2510          </label>
2511        </li>
2512              <li class="c-form__item -checkboxList -row">
2513          <input class="c-form__checkboxList" id="4-harps-xgaa04" type="checkbox" name="4-harps-xgaa04" value="Xgaa.04"  v-model="instr" @change="onCheckBoxChange">
2514          <label class="c-form__label" for="4-harps-xgaa04">
2515            4 harps
2516          </label>
2517        </li>
2518              <li class="c-form__item -checkboxList -row">
2519          <input class="c-form__checkboxList" id="guitar-xgba" type="checkbox" name="guitar-xgba" value="Xgba"  v-model="instr" @change="onCheckBoxChange">
2520          <label class="c-form__label" for="guitar-xgba">
2521            Guitar
2522          </label>
2523        </li>
2524              <li class="c-form__item -checkboxList -row">
2525          <input class="c-form__checkboxList" id="2-guitars-xgba02" type="checkbox" name="2-guitars-xgba02" value="Xgba.02"  v-model="instr" @change="onCheckBoxChange">
2526          <label class="c-form__label" for="2-guitars-xgba02">
2527            2 guitars
2528          </label>
2529        </li>
2530              <li class="c-form__item -checkboxList -row">
2531          <input class="c-form__checkboxList" id="3-guitars-xgba03" type="checkbox" name="3-guitars-xgba03" value="Xgba.03"  v-model="instr" @change="onCheckBoxChange">
2532          <label class="c-form__label" for="3-guitars-xgba03">
2533            3 guitars
2534          </label>
2535        </li>
2536              <li class="c-form__item -checkboxList -row">
2537          <input class="c-form__checkboxList" id="guitar-quartet-xgba04" type="checkbox" name="guitar-quartet-xgba04" value="Xgba.04"  v-model="instr" @change="onCheckBoxChange">
2538          <label class="c-form__label" for="guitar-quartet-xgba04">
2539            Guitar quartet
2540          </label>
2541        </li>
2542              <li class="c-form__item -checkboxList -row">
2543          <input class="c-form__checkboxList" id="6-guitars-xgba06" type="checkbox" name="6-guitars-xgba06" value="Xgba.06"  v-model="instr" @change="onCheckBoxChange">
2544          <label class="c-form__label" for="6-guitars-xgba06">
2545            6 guitars
2546          </label>
2547        </li>
2548              <li class="c-form__item -checkboxList -row">
2549          <input class="c-form__checkboxList" id="guitar-orchestra-xgba10" type="checkbox" name="guitar-orchestra-xgba10" value="Xgba.10"  v-model="instr" @change="onCheckBoxChange">
2550          <label class="c-form__label" for="guitar-orchestra-xgba10">
2551            Guitar orchestra
2552          </label>
2553        </li>
2554              <li class="c-form__item -checkboxList -row">
2555          <input class="c-form__checkboxList" id="electric-bass-xgbib" type="checkbox" name="electric-bass-xgbib" value="Xgbib"  v-model="instr" @change="onCheckBoxChange">
2556          <label class="c-form__label" for="electric-bass-xgbib">
2557            Electric bass
2558          </label>
2559        </li>
2560              <li class="c-form__item -checkboxList -row">
2561          <input class="c-form__checkboxList" id="mandolin-xgca" type="checkbox" name="mandolin-xgca" value="Xgca"  v-model="instr" @change="onCheckBoxChange">
2562          <label class="c-form__label" for="mandolin-xgca">
2563            Mandolin
2564          </label>
2565        </li>
2566              <li class="c-form__item -checkboxList -row">
2567          <input class="c-form__checkboxList" id="2-mandolins-xgca02" type="checkbox" name="2-mandolins-xgca02" value="Xgca.02"  v-model="instr" @change="onCheckBoxChange">
2568          <label class="c-form__label" for="2-mandolins-xgca02">
2569            2 mandolins
2570          </label>
2571        </li>
2572              <li class="c-form__item -checkboxList -row">
2573          <input class="c-form__checkboxList" id="3-mandolins-xgca03" type="checkbox" name="3-mandolins-xgca03" value="Xgca.03"  v-model="instr" @change="onCheckBoxChange">
2574          <label class="c-form__label" for="3-mandolins-xgca03">
2575            3 mandolins
2576          </label>
2577        </li>
2578              <li class="c-form__item -checkboxList -row">
2579          <input class="c-form__checkboxList" id="mandolin-and-piano-xgci" type="checkbox" name="mandolin-and-piano-xgci" value="Xgci"  v-model="instr" @change="onCheckBoxChange">
2580          <label class="c-form__label" for="mandolin-and-piano-xgci">
2581            Mandolin and piano
2582          </label>
2583        </li>
2584              <li class="c-form__item -checkboxList -row">
2585          <input class="c-form__checkboxList" id="lute-xgda" type="checkbox" name="lute-xgda" value="Xgda"  v-model="instr" @change="onCheckBoxChange">
2586          <label class="c-form__label" for="lute-xgda">
2587            Lute
2588          </label>
2589        </li>
2590              <li class="c-form__item -checkboxList -row">
2591          <input class="c-form__checkboxList" id="2-lutes-xgda02" type="checkbox" name="2-lutes-xgda02" value="Xgda.02"  v-model="instr" @change="onCheckBoxChange">
2592          <label class="c-form__label" for="2-lutes-xgda02">
2593            2 lutes
2594          </label>
2595        </li>
2596              <li class="c-form__item -checkboxList -row">
2597          <input class="c-form__checkboxList" id="theorbo-xgdz" type="checkbox" name="theorbo-xgdz" value="Xgdz"  v-model="instr" @change="onCheckBoxChange">
2598          <label class="c-form__label" for="theorbo-xgdz">
2599            Theorbo
2600          </label>
2601        </li>
2602              <li class="c-form__item -checkboxList -row">
2603          <input class="c-form__checkboxList" id="ukelele-xgeb" type="checkbox" name="ukelele-xgeb" value="Xgeb"  v-model="instr" @change="onCheckBoxChange">
2604          <label class="c-form__label" for="ukelele-xgeb">
2605            Ukelele
2606          </label>
2607        </li>
2608              <li class="c-form__item -checkboxList -row">
2609          <input class="c-form__checkboxList" id="2-ukulele-xgeb02" type="checkbox" name="2-ukulele-xgeb02" value="Xgeb.02"  v-model="instr" @change="onCheckBoxChange">
2610          <label class="c-form__label" for="2-ukulele-xgeb02">
2611            2 ukulele
2612          </label>
2613        </li>
2614              <li class="c-form__item -checkboxList -row">
2615          <input class="c-form__checkboxList" id="kantele-xgeo" type="checkbox" name="kantele-xgeo" value="Xgeo"  v-model="instr" @change="onCheckBoxChange">
2616          <label class="c-form__label" for="kantele-xgeo">
2617            Kantele
2618          </label>
2619        </li>
2620              <li class="c-form__item -checkboxList -row">
2621          <input class="c-form__checkboxList" id="koto-xgez" type="checkbox" name="k
2621oto-xgez" value="Xgez"  v-model="instr" @change="onCheckBoxChange">
2622          <label class="c-form__label" for="koto-xgez">
2623            Koto
2624          </label>
2625        </li>
2626              <li class="c-form__item -checkboxList -row">
2627          <input class="c-form__checkboxList" id="balalaika-and-piano-xgfi" type="checkbox" name="balalaika-and-piano-xgfi" value="Xgfi"  v-model="instr" @change="onCheckBoxChange">
2628          <label class="c-form__label" for="balalaika-and-piano-xgfi">
2629            Balalaika and piano
2630          </label>
2631        </li>
2632      
2633    </ul>
2634</fieldset>
2635                            </div>
2636                        </div>
2637                        <button type="button" data-a11y-dialog-hide="plucked-instruments-xg" class="c-button -fixed">Add</button>
2638
2639                        <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="plucked-instruments-xg" aria-label="Stäng Plucked instruments">
2640                            <svg class="c-icon -close" aria-hidden="true">
2641                            <use xlink:href="/images/spritemap.svg#icon-close"></use>
2642                            </svg>
2643                        </button>
2644
2645                        </div>
2646                    </div>
2647                    </div>
2648                </li>
2649                        <li class="c-form__item -row">
2650                    <button type="button" class="c-form__listToggle" data-a11y-dialog-show="strings-xe">
2651                        Strings
2652                        <svg class="c-icon -arrow" aria-hidden="true">
2653                        <use xlink:href="/images/spritemap.svg#icon-arrow"></use>
2654                        </svg>
2655                    </button>
2656
2657                    <div id="strings-xe" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true">
2658
2659                    <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="strings-xe-title">
2660                        <div role="document" class="c-fieldsetDialog__document">
2661
2662                        <h2 id="strings-xe-title" tabindex="0" class="c-fieldsetDialog__title">
2663                            Strings
2664                        </h2>
2665
2666                        <div class="c-fieldsetDialog__content">
2667                            <div class="c-fieldsetDialog__content__inner">
2668
2669                            <fieldset class="c-form__checkboxes">
2670
2671  
2672    <ul class="c-form__list">
2673
2674              <li class="c-form__item -checkboxList -row">
2675          <input class="c-form__checkboxList" id="strings-xe" type="checkbox" name="strings-xe" value="Xe"  v-model="instr" @change="onCheckBoxChange">
2676          <label class="c-form__label" for="strings-xe">
2677            Strings
2678          </label>
2679        </li>
2680              <li class="c-form__item -checkboxList -row">
2681          <input class="c-form__checkboxList" id="violin-xeaa" type="checkbox" name="violin-xeaa" value="Xeaa"  v-model="instr" @change="onCheckBoxChange">
2682          <label class="c-form__label" for="violin-xeaa">
2683            Violin
2684          </label>
2685        </li>
2686              <li class="c-form__item -checkboxList -row">
2687          <input class="c-form__checkboxList" id="2-violins-xeaa02" type="checkbox" name="2-violins-xeaa02" value="Xeaa.02"  v-model="instr" @change="onCheckBoxChange">
2688          <label class="c-form__label" for="2-violins-xeaa02">
2689            2 violins
2690          </label>
2691        </li>
2692              <li class="c-form__item -checkboxList -row">
2693          <input class="c-form__checkboxList" id="3-violins-xeaa03" type="checkbox" name="3-violins-xeaa03" value="Xeaa.03"  v-model="instr" @change="onCheckBoxChange">
2694          <label class="c-form__label" for="3-violins-xeaa03">
2695            3 violins
2696          </label>
2697        </li>
2698              <li class="c-form__item -checkboxList -row">
2699          <input class="c-form__checkboxList" id="4-violins-xeaa04" type="checkbox" name="4-violins-xeaa04" value="Xeaa.04"  v-model="instr" @change="onCheckBoxChange">
2700          <label class="c-form__label" for="4-violins-xeaa04">
2701            4 violins
2702          </label>
2703        </li>
2704              <li class="c-form__item -checkboxList -row">
2705          <input class="c-form__checkboxList" id="8-violins-xeaa08" type="checkbox" name="8-violins-xeaa08" value="Xeaa.08"  v-model="instr" @change="onCheckBoxChange">
2706          <label class="c-form__label" for="8-violins-xeaa08">
2707            8 violins
2708          </label>
2709        </li>
2710              <li class="c-form__item -checkboxList -row">
2711          <input class="c-form__checkboxList" id="violin-and-piano-xeai" type="checkbox" name="violin-and-piano-xeai" value="Xeai"  v-model="instr" @change="onCheckBoxChange">
2712          <label class="c-form__label" for="violin-and-piano-xeai">
2713            Violin and piano
2714          </label>
2715        </li>
2716              <li class="c-form__item -checkboxList -row">
2717          <input class="c-form__checkboxList" id="2-violins-and-piano-xeai02" type="checkbox" name="2-violins-and-piano-xeai02" value="Xeai.02"  v-model="instr" @change="onCheckBoxChange">
2718          <label class="c-form__label" for="2-violins-and-piano-xeai02">
2719            2 violins and piano
2720          </label>
2721        </li>
2722              <li class="c-form__item -checkboxList -row">
2723          <input class="c-form__checkboxList" id="peculiar-violin-instruments-xeaz" type="checkbox" name="peculiar-violin-instruments-xeaz" value="Xeaz"  v-model="instr" @change="onCheckBoxChange">
2724          <label class="c-form__label" for="peculiar-violin-instruments-xeaz">
2725            Peculiar violin instruments
2726          </label>
2727        </li>
2728              <li class="c-form__item -checkboxList -row">
2729          <input class="c-form__checkboxList" id="viola-xeba" type="checkbox" name="viola-xeba" value="Xeba"  v-model="instr" @change="onCheckBoxChange">
2730          <label class="c-form__label" for="viola-xeba">
2731            Viola
2732          </label>
2733        </li>
2734              <li class="c-form__item -checkboxList -row">
2735          <input class="c-form__checkboxList" id="2-violas-xeba02" type="checkbox" name="2-violas-xeba02" value="Xeba.02"  v-model="instr" @change="onCheckBoxChange">
2736          <label class="c-form__label" for="2-violas-xeba02">
2737            2 violas
2738          </label>
2739        </li>
2740              <li class="c-form__item -checkboxList -row">
2741          <input class="c-form__checkboxList" id="3-violas-xeba03" type="checkbox" name="3-violas-xeba03" value="Xeba.03"  v-model="instr" @change="onCheckBoxChange">
2742          <label class="c-form__label" for="3-violas-xeba03">
2743            3 violas
2744          </label>
2745        </li>
2746              <li class="c-form__item -checkboxList -row">
2747          <input class="c-form__checkboxList" id="4-violas-xeba04" type="checkbox" name="4-vi
2747olas-xeba04" value="Xeba.04"  v-model="instr" @change="onCheckBoxChange">
2748          <label class="c-form__label" for="4-violas-xeba04">
2749            4 violas
2750          </label>
2751        </li>
2752              <li class="c-form__item -checkboxList -row">
2753          <input class="c-form__checkboxList" id="8-violas-xeba08" type="checkbox" name="8-violas-xeba08" value="Xeba.08"  v-model="instr" @change="onCheckBoxChange">
2754          <label class="c-form__label" for="8-violas-xeba08">
2755            8 violas
2756          </label>
2757        </li>
2758              <li class="c-form__item -checkboxList -row">
2759          <input class="c-form__checkboxList" id="viola-and-piano-xebi" type="checkbox" name="viola-and-piano-xebi" value="Xebi"  v-model="instr" @change="onCheckBoxChange">
2760          <label class="c-form__label" for="viola-and-piano-xebi">
2761            Viola and piano
2762          </label>
2763        </li>
2764              <li class="c-form__item -checkboxList -row">
2765          <input class="c-form__checkboxList" id="viola-damore-xebz" type="checkbox" name="viola-damore-xebz" value="Xebz"  v-model="instr" @change="onCheckBoxChange">
2766          <label class="c-form__label" for="viola-damore-xebz">
2767            Viola d&#039;amore
2768          </label>
2769        </li>
2770              <li class="c-form__item -checkboxList -row">
2771          <input class="c-form__checkboxList" id="violoncello-xeca" type="checkbox" name="violoncello-xeca" value="Xeca"  v-model="instr" @change="onCheckBoxChange">
2772          <label class="c-form__label" for="violoncello-xeca">
2773            Violoncello
2774          </label>
2775        </li>
2776              <li class="c-form__item -checkboxList -row">
2777          <input class="c-form__checkboxList" id="2-violoncellos-xeca02" type="checkbox" name="2-violoncellos-xeca02" value="Xeca.02"  v-model="instr" @change="onCheckBoxChange">
2778          <label class="c-form__label" for="2-violoncellos-xeca02">
2779            2 violoncellos
2780          </label>
2781        </li>
2782              <li class="c-form__item -checkboxList -row">
2783          <input class="c-form__checkboxList" id="3-violoncellos-xeca03" type="checkbox" name="3-violoncellos-xeca03" value="Xeca.03"  v-model="instr" @change="onCheckBoxChange">
2784          <label class="c-form__label" for="3-violoncellos-xeca03">
2785            3 violoncellos
2786          </label>
2787        </li>
2788              <li class="c-form__item -checkboxList -row">
2789          <input class="c-form__checkboxList" id="4-violoncellos-xeca04" type="checkbox" name="4-violoncellos-xeca04" value="Xeca.04"  v-model="instr" @change="onCheckBoxChange">
2790          <label class="c-form__label" for="4-violoncellos-xeca04">
2791            4 violoncellos
2792          </label>
2793        </li>
2794              <li class="c-form__item -checkboxList -row">
2795          <input class="c-form__checkboxList" id="5-violoncellos-xeca05" type="checkbox" name="5-violoncellos-xeca05" value="Xeca.05"  v-model="instr" @change="onCheckBoxChange">
2796          <label class="c-form__label" for="5-violoncellos-xeca05">
2797            5 violoncellos
2798          </label>
2799        </li>
2800              <li class="c-form__item -checkboxList -row">
2801          <input class="c-form__checkboxList" id="6-violoncellos-xeca06" type="checkbox" name="6-violoncellos-xeca06" value="Xeca.06"  v-model="instr" @change="onCheckBoxChange">
2802          <label class="c-form__label" for="6-violoncellos-xeca06">
2803            6 violoncellos
2804          </label>
2805        </li>
2806              <li class="c-form__item -checkboxList -row">
2807          <input class="c-form__checkboxList" id="8-violoncellos-or-more-xeca08" type="checkbox" name="8-violoncellos-or-more-xeca08" value="Xeca.08"  v-model="instr" @change="onCheckBoxChange">
2808          <label class="c-form__label" for="8-violoncellos-or-more-xeca08">
2809            8 violoncellos or more
2810          </label>
2811        </li>
2812              <li class="c-form__item -checkboxList -row">
2813          <input class="c-form__checkboxList" id="violoncello-and-piano-xeci" type="checkbox" name="violoncello-and-piano-xeci" value="Xeci"  v-model="instr" @change="onCheckBoxChange">
2814          <label class="c-form__label" for="violoncello-and-piano-xeci">
2815            Violoncello and piano
2816          </label>
2817        </li>
2818              <li class="c-form__item -checkboxList -row">
2819          <input class="c-form__checkboxList" id="double-bass-xeda" type="checkbox" name="double-bass-xeda" value="Xeda"  v-model="instr" @change="onCheckBoxChange">
2820          <label class="c-form__label" for="double-bass-xeda">
2821            Double bass
2822          </label>
2823        </li>
2824              <li class="c-form__item -checkboxList -row">
2825          <input class="c-form__checkboxList" id="2-double-basses-xeda02" type="checkbox" name="2-double-basses-xeda02" value="Xeda.02"  v-model="instr" @change="onCheckBoxChange">
2826          <label class="c-form__label" for="2-double-basses-xeda02">
2827            2 double basses
2828          </label>
2829        </li>
2830              <li class="c-form__item -checkboxList -row">
2831          <input class="c-form__checkboxList" id="4-double-basses-xeda04" type="checkbox" name="4-double-basses-xeda04" value="Xeda.04"  v-model="instr" @change="onCheckBoxChange">
2832          <label class="c-form__label" for="4-double-basses-xeda04">
2833            4  double basses
2834          </label>
2835        </li>
2836              <li class="c-form__item -checkboxList -row">
2837          <input class="c-form__checkboxList" id="double-bass-and-piano-xedi" type="checkbox" name="double-bass-and-piano-xedi" value="Xedi"  v-model="instr" @change="onCheckBoxChange">
2838          <label class="c-form__label" for="double-bass-and-piano-xedi">
2839            Double bass and piano
2840          </label>
2841        </li>
2842              <li class="c-form__item -checkboxList -row">
2843          <input class="c-form__checkboxList" id="viola-da-gamba-xeea" type="checkbox" name="viola-da-gamba-xeea" value="Xeea"  v-model="instr" @change="onCheckBoxChange">
2844          <label class="c-form__label" for="viola-da-gamba-xeea">
2845            Viola da gamba
2846          </label>
2847        </li>
2848              <li class="c-form__item -checkboxList -row">
2849          <input class="c-form__checkboxList" id="keyed-fiddle-xeg" type="checkbox" name="keyed-fiddle-xeg" value="Xeg"  v-model="instr" @change="onCheckBoxChange">
2850          <label class="c-form__label" for="keyed-fiddle-xeg">
2851            Keyed fiddle
2852          </label>
2853        </li>
2854              <li class="c-form__item -checkboxList -row">
2855          <input class="c-form__checkboxList" id="hurdy-gurdy-xeh" type="checkbox" name="hurdy-gurdy-xeh" value="Xeh"  v-model="instr" @change="onCheckBoxChange">
2856          <label class="c-form__label" for="hurdy-gurdy-xeh">
2857            Hurdy-gurdy
2858          </label>
2859        </li>
2860      
2861    </ul>
2862</fieldset>
2863                            </div>
2864                        </div>
2865                        <button type="button" data-a11y-dialog-hide="strings-xe" class="c-button -fixed">Add</button>
2866
2867                        <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="strings-xe" aria-label="Stäng Strings">
2868                            <svg class="c-icon -close" aria-hidden="true">
2869                            <use xlink:href="/images/spritemap.svg#icon-close"></use>
2870                            </svg>
2871                        </button>
2872
2873                        </div>
2874                    </div>
2875                    </div>
2876                </li>
2877                        <li class="c-form__item -row">
2878                    <button type="button" class="c-form__listToggle" data-a11y-dialog-show="voice-xo">
2879                        Voice
2880                        <svg class="c-icon -arrow" aria-hidden="true">
2881                        <use xlink:href="/images/spritemap.svg#icon-arrow"></use>
2882                        </svg>
2883                    </button>
2884
2885                    <div id="voice-xo" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true">
2886
2887                    <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="voice-xo-title">
2888                        <div role="document" class="c-fieldsetDialog__document">
2889
2890                        <h2 id="voice-xo-title" tabindex="0" class="c-fieldsetDialog__title">
2891                            Voice
2892                        </h2>
2893
2894                        <div class="c-fieldsetDialog__content">
2895                            <div class="c-fieldsetDialog__content__inner">
2896
2897                            <fieldset class="c-form__checkboxes">
2898
2899  
2900    <ul class="c-form__list">
2901
2902              <li class="c-form__item -checkboxList -row">
2903          <input class="c-form__checkboxList" id="voice-xoaa" type="checkbox" name="voice-xoaa" value="Xoaa"  v-model="instr" @change="onCheckBoxChange">
2904          <label class="c-form__label" for="voice-xoaa">
2905            Voice
2906          </label>
2907        </li>
2908              <li class="c-form__item -checkboxList -row">
2909          <input class="c-form__checkboxList" id="voice-and-b-c-xoab" type="checkbox" name="voice-and-b-c-xoab" value="Xoab"  v-model="instr" @change="onCheckBoxChange">
2910          <label class="c-form__label" for="voice-and-b-c-xoab">
2911            Voice and b c
2912          </label>
2913        </li>
2914              <li class="c-form__item -checkboxList -row">
2915          <input class="c-form__checkboxList" id="voice-and-piano-xo
2915aba" type="checkbox" name="voice-and-piano-xoaba" value="Xoaba"  v-model="instr" @change="onCheckBoxChange">
2916          <label class="c-form__label" for="voice-and-piano-xoaba">
2917            Voice and piano
2918          </label>
2919        </li>
2920              <li class="c-form__item -checkboxList -row">
2921          <input class="c-form__checkboxList" id="voice-and-organ-xoabb" type="checkbox" name="voice-and-organ-xoabb" value="Xoabb"  v-model="instr" @change="onCheckBoxChange">
2922          <label class="c-form__label" for="voice-and-organ-xoabb">
2923            Voice and organ
2924          </label>
2925        </li>
2926              <li class="c-form__item -checkboxList -row">
2927          <input class="c-form__checkboxList" id="voice-and-harpsichord-xoabc" type="checkbox" name="voice-and-harpsichord-xoabc" value="Xoabc"  v-model="instr" @change="onCheckBoxChange">
2928          <label class="c-form__label" for="voice-and-harpsichord-xoabc">
2929            Voice and harpsichord
2930          </label>
2931        </li>
2932              <li class="c-form__item -checkboxList -row">
2933          <input class="c-form__checkboxList" id="voice-and-plucked-instrument-xoac" type="checkbox" name="voice-and-plucked-instrument-xoac" value="Xoac"  v-model="instr" @change="onCheckBoxChange">
2934          <label class="c-form__label" for="voice-and-plucked-instrument-xoac">
2935            Voice and plucked instrument
2936          </label>
2937        </li>
2938              <li class="c-form__item -checkboxList -row">
2939          <input class="c-form__checkboxList" id="voice-and-harp-xoaca" type="checkbox" name="voice-and-harp-xoaca" value="Xoaca"  v-model="instr" @change="onCheckBoxChange">
2940          <label class="c-form__label" for="voice-and-harp-xoaca">
2941            Voice and harp
2942          </label>
2943        </li>
2944              <li class="c-form__item -checkboxList -row">
2945          <input class="c-form__checkboxList" id="voice-and-guitar-xoacb" type="checkbox" name="voice-and-guitar-xoacb" value="Xoacb"  v-model="instr" @change="onCheckBoxChange">
2946          <label class="c-form__label" for="voice-and-guitar-xoacb">
2947            Voice and guitar
2948          </label>
2949        </li>
2950              <li class="c-form__item -checkboxList -row">
2951          <input class="c-form__checkboxList" id="voice-and-mandolin-xoacc" type="checkbox" name="voice-and-mandolin-xoacc" value="Xoacc"  v-model="instr" @change="onCheckBoxChange">
2952          <label class="c-form__label" for="voice-and-mandolin-xoacc">
2953            Voice and mandolin
2954          </label>
2955        </li>
2956              <li class="c-form__item -checkboxList -row">
2957          <input class="c-form__checkboxList" id="voice-and-lute-xoacd" type="checkbox" name="voice-and-lute-xoacd" value="Xoacd"  v-model="instr" @change="onCheckBoxChange">
2958          <label class="c-form__label" for="voice-and-lute-xoacd">
2959            Voice and lute
2960          </label>
2961        </li>
2962              <li class="c-form__item -checkboxList -row">
2963          <input class="c-form__checkboxList" id="voice-and-another-instrument-xoad" type="checkbox" name="voice-and-another-instrument-xoad" value="Xoad"  v-model="instr" @change="onCheckBoxChange">
2964          <label class="c-form__label" for="voice-and-another-instrument-xoad">
2965            Voice and another instrument
2966          </label>
2967        </li>
2968              <li class="c-form__item -checkboxList -row">
2969          <input class="c-form__checkboxList" id="voice-and-ensembleorchestra-xoae" type="checkbox" name="voice-and-ensembleorchestra-xoae" value="Xoae"  v-model="instr" @change="onCheckBoxChange">
2970          <label class="c-form__label" for="voice-and-ensembleorchestra-xoae">
2971            Voice and ensemble/orchestra
2972          </label>
2973        </li>
2974              <li class="c-form__item -checkboxList -row">
2975          <input class="c-form__checkboxList" id="voice-and-ensemble-xoaek" type="checkbox" name="voice-and-ensemble-xoaek" value="Xoaek"  v-model="instr" @change="onCheckBoxChange">
2976          <label class="c-form__label" for="voice-and-ensemble-xoaek">
2977            Voice and ensemble
2978          </label>
2979        </li>
2980              <li class="c-form__item -checkboxList -row">
2981          <input class="c-form__checkboxList" id="voice-and-orchestra-xoael" type="checkbox" name="voice-and-orchestra-xoael" value="Xoael"  v-model="instr" @change="onCheckBoxChange">
2982          <label class="c-form__label" for="voice-and-orchestra-xoael">
2983            Voice and orchestra
2984          </label>
2985        </li>
2986              <li class="c-form__item -checkboxList -row">
2987          <input class="c-form__checkboxList" id="2-voices-xoba" type="checkbox" name="2-voices-xoba" value="Xoba"  v-model="instr" @change="onCheckBoxChange">
2988          <label class="c-form__label" for="2-voices-xoba">
2989            2 voices
2990          </label>
2991        </li>
2992              <li class="c-form__item -checkboxList -row">
2993          <input class="c-form__checkboxList" id="2-voices-and-b-c-xobb" type="checkbox" name="2-voices-and-b-c-xobb" value="Xobb"  v-model="instr" @change="onCheckBoxChange">
2994          <label class="c-form__label" for="2-voices-and-b-c-xobb">
2995            2 voices and b c
2996          </label>
2997        </li>
2998              <li class="c-form__item -checkboxList -row">
2999          <input class="c-form__checkboxList" id="2-voices-and-piano-xobba" type="checkbox" name="2-voices-and-piano-xobba" value="Xobba"  v-model="instr" @change="onCheckBoxChange">
3000          <label class="c-form__label" for="2-voices-and-piano-xobba">
3001            2 voices and piano
3002          </label>
3003        </li>
3004              <li class="c-form__item -checkboxList -row">
3005          <input class="c-form__checkboxList" id="2-voices-and-organ-xobbb" type="checkbox" name="2-voices-and-organ-xobbb" value="Xobbb"  v-model="instr" @change="onCheckBoxChange">
3006          <label class="c-form__label" for="2-voices-and-organ-xobbb">
3007            2 voices and organ
3008          </label>
3009        </li>
3010              <li class="c-form__item -checkboxList -row">
3011          <input class="c-form__checkboxList" id="2-voices-and-guitar-xobbc" type="checkbox" name="2-voices-and-guitar-xobbc" value="Xobbc"  v-model="instr" @change="onCheckBoxChange">
3012          <label class="c-form__label" for="2-voices-and-guitar-xobbc">
3013            2 voices and guitar
3014          </label>
3015        </li>
3016              <li class="c-form__item -checkboxList -row">
3017          <input class="c-form__checkboxList" id="2-voices-and-another-instrument-xobd" type="checkbox" name="2-voices-and-another-instrument-xobd" value="Xobd"  v-model="instr" @change="onCheckBoxChange">
3018          <label class="c-form__label" for="2-voices-and-another-instrument-xobd">
3019            2 voices and another instrument
3020          </label>
3021        </li>
3022              <li class="c-form__item -checkboxList -row">
3023          <input class="c-form__checkboxList" id="2-voices-and-ensemble-xobe" type="checkbox" name="2-voices-and-ensemble-xobe" value="Xobe"  v-model="instr" @change="onCheckBoxChange">
3024          <label class="c-form__label" for="2-voices-and-ensemble-xobe">
3025            2 voices and ensemble
3026          </label>
3027        </li>
3028              <li class="c-form__item -checkboxList -row">
3029          <input class="c-form__checkboxList" id="2-voices-and-ensemble-xobek" type="checkbox" name="2-voices-and-ensemble-xobek" value="Xobek"  v-model="instr" @change="onCheckBoxChange">
3030          <label class="c-form__label" for="2-voices-and-ensemble-xobek">
3031            2 voices and ensemble
3032          </label>
3033        </li>
3034              <li class="c-form__item -checkboxList -row">
3035          <input class="c-form__checkboxList" id="2-voices-and-orchestra-xobel" type="checkbox" name="2-voices-and-orchestra-xobel" value="Xobel"  v-model="instr" @change="onCheckBoxChange">
3036          <label class="c-form__label" for="2-voices-and-orchestra-xobel">
3037            2 voices and orchestra
3038          </label>
3039        </li>
3040              <li class="c-form__item -checkboxList -row">
3041          <input class="c-form__checkboxList" id="3-voices-xoc" type="checkbox" name="3-voices-xoc" value="Xoc"  v-model="instr" @change="onCheckBoxChange">
3042          <label class="c-form__label" for="3-voices-xoc">
3043            3 voices
3044          </label>
3045        </li>
3046              <li class="c-form__item -checkboxList -row">
3047          <input class="c-form__checkboxList" id="3-voices-xoca" type="checkbox" name="3-voices-xoca" value="Xoca"  v-model="instr" @change="onCheckBoxChange">
3048          <label class="c-form__label" for="3-voices-xoca">
3049            3 voices
3050          </label>
3051        </li>
3052              <li class="c-form__item -checkboxList -row">
3053          <input class="c-form__checkboxList" id="3-voices-and-keyboard-xocb" type="checkbox" name="3-voices-and-keyboard-xocb" value="Xocb"  v-model="instr" @change="onCheckBoxChange">
3054          <label class="c-form__label" for="3-voices-and-keyboard-xocb">
3055            3 voices and keyboard
3056          </label>
3057        </li>
3058              <li class="c-form__item -checkboxList -row">
3059          <input class="c-form__checkboxList" id="3-voices-and-piano-xocba" type="checkbox" name="3-voices-and-piano-xocba" value="Xocba"  v-model="instr" @change="onCheckBoxChange">
3060          <label class="c-form__label" for="3-voices-and-piano-xocba">
3061            3 voices and piano
3062          </label>
3063        </li>
3064              <li class="c-form__item -checkboxList -row">
3065          <input class="c-form__checkboxList" id="3-voices-and-organ-xocbb" type="checkbox" name="3-voices-and-organ-xocbb" value="Xocbb"  v-model="instr" @change="onCheckBoxChange">
3066          <label class="c-form__label" for="3-voices-and-organ-xocbb">
3067            3 voices and organ
3068          </label>
3069        </li>
3070              <li class="c-form__item -checkboxList -row">
3071          <input class="c-form__checkboxList" id="3-voices-and-another-instrument-xocd" type="checkbox" name="3-voices-and-another-instrument-xocd" value="Xocd"  v-model="instr" @change="onCheckBoxChange">
3072          <label class="c-form__label" for="3-voices-and-another-instrument-xocd">
3073            3 voices and another instrument
3074          </label>
3075        </li>
3076              <li class="c-form__item -checkboxList -row">
3077          <input class="c-form__checkboxList" id="3-voices-and-ensemble-xocek" type="checkbox" name="3-voices-and-ensemble-xocek" value="Xocek"  v-model="instr" @change="onCheckBoxChange">
3078          <label class="c-form__label" for="3-voices-and-ensemble-xocek">
3079            3 voices and ensemble
3080          </label>
3081        </li>
3082              <li class="c-form__item -checkboxList -row">
3083          <input class="c-form__checkboxList" id="3-voices-and-orchestra-xocel" type="checkbox" name="3-voices-and-orchestra-xocel" value="Xocel"  v-model="instr" @change="onCheckBoxChange">
3084          <label class="c-form__label" for="3-voices-and-orchestra-xocel">
3085            3 voices and orchestra
3086          </label>
3087        </li>
3088              <li class="c-form__item -checkboxList -row">
3089          <input class="c-form__checkboxList" id="4-voices-xoda" type="checkbox" name="4-voices-xoda" value="Xoda"  v-model="instr" @change="onCheckBoxChange">
3090          <label class="c-form__label" for="4-voices-xoda">
3091            4 voices
3092          </label>
3093        </li>
3094              <li class="c-form__item -checkboxList -row">
3095          <input class="c-form__checkboxList" id="4-voices-and-keyboard-xodb" type="checkbox" name="4-voices-and-keyboard-xodb" value="Xodb"  v-model="instr" @change="onCheckBoxChange">
3096          <label class="c-form__label" for="4-voices-and-keyboard-xodb">
3097            4 voices and keyboard
3098          </label>
3099        </li>
3100              <li class="c-form__item -checkboxList -row">
3101          <input class="c-form__checkboxList" id="4-voices-and-piano-xodba" type="checkbox" name="4-voices-and-piano-xodba" value="Xodba"  v-model="instr" @change="onCheckBoxChange">
3102          <label class="c-form__label" for="4-voices-and-piano-xodba">
3103            4 voices and piano
3104          </label>
3105        </li>
3106              <li class="c-form__item -checkboxList -row">
3107          <input class="c-form__checkboxList" id="4-voices-and-ensembleorchestra-xode" type="checkbox" name="4-voices-and-ensembleorchestra-xode" value="Xode"  v-model="instr" @change="onCheckBoxChange">
3108          <label class="c-form__label" for="4-voices-and-ensembleorchestra-xode">
3109            4 voices and ensemble/orchestra
3110          </label>
3111        </li>
3112              <li class="c-form__item -checkboxList -row">
3113          <input class="c-form__checkboxList" id="4-voices-and-ensemble-xodek" type="checkbox" name="4-voices-and-ensemble-xodek" value="Xodek"  v-model="instr" @change="onCheckBoxChange">
3114          <label class="c-form__label" for="4-voices-and-ensemble-xodek">
3115            4 voices and ensemble
3116          </label>
3117        </li>
3118              <li class="c-form__item -checkboxList -row">
3119          <input class="c-form__checkboxList" id="4-voices-and-orchestra-xodel" type="checkbox" name="4-voices-and-orchestra-xodel" value="Xodel"  v-model="instr" @change="onCheckBoxChange">
3120          <label class="c-form__label" for="4-voices-and-orchestra-xodel">
3121            4 voices and orchestra
3122          </label>
3123        </li>
3124              <li class="c-form__item -checkboxList -row">
3125          <input class="c-form__checkboxList" id="5-voices-xoea" type="checkbox" name="5-voices-xoea" value="Xoea"  v-model="instr" @change="onCheckBoxChange">
3126          <label class="c-form__label" for="5-voices-xoea">
3127            5 voices
3128          </label>
3129        </li>
3130              <li class="c-form__item -checkboxList -row">
3131          <input class="c-form__checkboxList" id="5-voices-and-ensemble-xoeek" type="checkbox" name="5-voices-and-ensemble-xoeek" value="Xoeek"  v-model="instr" @change="onCheckBoxChange">
3132          <label class="c-form__label" for="5-voices-and-ensemble-xoeek">
3133            5 voices and ensemble
3134          </label>
3135        </li>
3136              <li class="c-form__item -checkboxList -row">
3137          <input class="c-form__checkboxList" id="5-voices-and-orchestra-xoeel" type="checkbox" name="5-voices-and-orchestra-xoeel" value="Xoeel"  v-model="instr" @change="onCheckBoxChange">
3138          <label class="c-form__label" for="5-voices-and-orchestra-xoeel">
3139            5 voices and orchestra
3140          </label>
3141        </li>
3142              <li class="c-form__item -checkboxList -row">
3143          <input class="c-form__checkboxList" id="6-voices-xofa" type="checkbox" name="6-voices-xofa" value="Xofa"  v-model="instr" @change="onCheckBoxChange">
3144          <label class="c-form__label" for="6-voices-xofa">
3145            6 voices
3146          </label>
3147        </li>
3148              <li class="c-form__item -checkboxList -row">
3149          <input class="c-form__checkboxList" id="6-voices-and-ensemble-xofek" type="checkbox" name="6-voices-and-ensemble-xofek" value="Xofek"  v-model="instr" @change="onCheckBoxChange">
3150          <label class="c-form__label" for="6-voices-and-ensemble-xofek">
3151            6 voices and ensemble
3152          </label>
3153        </li>
3154              <li class="c-form__item -checkboxList -row">
3155          <input class="c-form__checkboxList" id="6-voices-and-orchestra-xofel" type="checkbox" name="6-voices-and-orchestra-xofel" value="Xofel"  v-model="instr" @change="onCheckBoxChange">
3156          <label class="c-form__label" for="6-voices-and-orchestra-xofel">
3157            6 voices and orchestra
3158          </label>
3159        </li>
3160              <li class="c-form__item -checkboxList -row">
3161          <input class="c-form__checkboxList" id="7-voices-xoga" type="checkbox" name="7-voices-xoga" value="Xoga"  v-model="instr" @change="onCheckBoxChange">
3162          <label class="c-form__label" for="7-voices-xoga">
3163            7 voices
3164          </label>
3165        </li>
3166              <li class="c-form__item -checkboxList -row">
3167          <input class="c-form__checkboxList" id="8-voices-xoha" type="checkbox" name="8-voices-xoha" value="Xoha"  v-model="instr" @change="onCheckBoxChange">
3168          <label class="c-form__label" for="8-voices-xoha">
3169            8 voices
3170          </label>
3171        </li>
3172      
3173    </ul>
3174</fieldset>
3175                            </div>
3176                        </div>
3177                        <button type="button" data-a11y-dialog-hide="voice-xo" class="c-button -fixed">Add</button>
3178
3179                        <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="voice-xo" aria-label="Stäng Voice">
3180                            <svg class="c-icon -close" aria-hidden="true">
3181                            <use xlink:href="/images/spritemap.svg#icon-close"></use>
3182                            </svg>
3183                        </button>
3184
3185                        </div>
3186                    </div>
3187                    </div>
3188                </li>
3189                        <li class="c-form__item -row">
3190                    <button type="button" class="c-form__listToggle" data-a11y-dialog-show="winds-xf">
3191                        Winds
3192                        <svg class="c-icon -arrow" aria-hidden="true">
3193                        <use xlink:href="/images/spritemap.svg#icon-arrow"></use>
3194                        </svg>
3195                    </button>
3196
3197                    <div id="winds-xf" class="c-fieldsetDialog js-dialog -nested" aria-hidden="true">
3198
3199                    <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="winds-xf-title">
3200                        <div role="document" class="c-fieldsetDialog__document">
3201
3202                        <h2 id="winds-xf-title" tabindex="0" class="c-fieldsetDialog__title">
3203                            Winds
3204                        </h2>
3205
3206                        <div class="c-fieldsetDialog__content">
3207                            <div class="c-fieldsetDialog__content__inner">
3208
3209                            <fieldset class="c-form__checkboxes">
3210
3211  
3212    <ul class="c-form__list">
3213
3214              <li class="c-form__item -checkboxList -row">
3215          <input class="c-form__checkboxList" id="winds-xf" type="checkbox" name="winds-xf" value="Xf"  v-model="instr" @change="onCheckBoxChange">
3216          <label class="c-form__label" for="winds-xf">
3217            Winds
3218          </label>
3219        </li>
3220              <li class="c-form__item -checkboxList -row">
3221          <input class="c-form__checkboxList" id="flute-xfaa" type="checkbox" name="flute-xfaa" value="Xfaa"  v-model="instr" @change="onCheckBoxChange">
3222          <label class="c-form__label" for="flute-xfaa">
3223            Flute
3224          </label>
3225        </li>
3226              <li class="c-form__item -checkboxList -row">
3227          <input class="c-form__checkboxList" id="2-flutes-xfaa02" type="checkbox" name="2-flutes-xfaa02" value="Xfaa.02"  v-model="instr" @change="onCheckBoxChange">
3228          <label class="c-form__label" for="2-flutes-xfaa02">
3229            2 flutes
3230          </label>
3231        </li>
3232              <li class="c-form__item -checkboxList -row">
3233          <input class="c-form__checkboxList" id="3-flutes-xfaa03" type="checkbox" name="3-flutes-xfaa03" value="Xfaa.03"  v-model="instr" @change="onCheckBoxChange">
3234          <label class="c-form__label" for="3-flutes-xfaa03">
3235            3 flutes
3236          </label>
3237        </li>
3238              <li class="c-form__item -checkboxList -row">
3239          <input class="c-form__checkboxList" id="4-flutes-xfaa04" type="checkbox" name="4-flutes-xfaa04" value="Xfaa.04"  v-model="instr" @change="onCheckBoxChange">
3240          <label class="c-form__label" for="4-flutes-xfaa04">
3241            4 flutes
3242          </label>
3243        </li>
3244              <li class="c-form__item -checkboxList -row">
3245          <input class="c-form__checkboxList" id="5-flutes-xfaa05" type="checkbox" name="5-flutes-xfaa05" value="Xfaa.05"  v-model="instr" @change="onCheckBoxChange">
3246          <label class="c-form__label" for="5-flutes-xfaa05">
3247            5 flutes
3248          </label>
3249        </li>
3250              <li class="c-form__item -checkboxList -row">
3251          <input class="c-form__checkboxList" id="6-flutes-xfaa06" type="checkbox" name="6-flutes-xfaa06" value="Xfaa.06"  v-model="instr" @change="onCheckBoxChange">
3252          <label class="c-form__label" for="6-flutes-xfaa06">
3253            6 flutes
3254          </label>
3255        </li>
3256              <li class="c-form__item -checkboxList -row">
3257          <input class="c-form__checkboxList" id="8-flutes-xfaa08" type="checkbox" name="8-flutes-xfaa08" value="Xfaa.08"  v-model="instr" @change="onCheckBoxChange">
3258          <label class="c-form__label" for="8-flutes-xfaa08">
3259            8 flutes
3260          </label>
3261        </li>
3262              <li class="c-form__item -checkboxList -row">
3263          <input class="c-form__checkboxList" id="10-flutes-xfaa10" type="checkbox" name="10-flutes-xfaa10" value="Xfaa.10"  v-model="instr" @change="onCheckBoxChange">
3264          <label class="c-form__label" for="10-flutes-xfaa10">
3265            10 flutes
3266          </label>
3267        </li>
3268              <li class="c-form__item -checkboxList -row">
3269          <input class="c-form__checkboxList" id="flute-orchestra-xfaa11" type="checkbox" name="flute-orchestra-xfaa11" value="Xfaa.11"  v-model="instr" @change="onCheckBoxChange">
3270          <label class="c-form__label" for="flute-orchestra-xfaa11">
3271            Flute orchestra
3272          </label>
3273        </li>
3274              <li class="c-form__item -checkboxList -row">
3275          <input class="c-form__checkboxList" id="flute-and-piano-xfai" type="checkbox" name="flute-and-piano-xfai" value="Xfai"  v-model="instr" @change="onCheckBoxChange">
3276          <label class="c-form__label" for="flute-and-piano-xfai">
3277            Flute and piano
3278          </label>
3279        </li>
3280              <li class="c-form__item -checkboxList -row">
3281          <input class="c-form__checkboxList" id="pan-flute-xfaz" type="checkbox" name="pan-flute-xfaz" value="Xfaz"  v-model="instr" @change="onCheckBoxChange">
3282          <label class="c-form__label" for="pan-flute-xfaz">
3283            Pan flute
3284          </label>
3285        </li>
3286              <li class="c-form__item -checkboxList -row">
3287          <input class="c-form__checkboxList" id="recorder-xfba" type="checkbox" name="recorder-xfba" value="Xfba"  v-model="instr" @change="onCheckBoxChange">
3288          <label class="c-form__label" for="recorder-xfba">
3289            Recorder
3290          </label>
3291        </li>
3292              <li class="c-form__item -checkboxList -row">
3293          <input class="c-form__checkboxList" id="2-recorders-xfba02" type="checkbox" name="2-recorders-xfba02" value="Xfba.02"  v-model="instr" @change="onCheckBoxChange">
3294          <label class="c-form__label" for="2-recorders-xfba02">
3295            2 recorders
3296          </label>
3297        </li>
3298              <li class="c-form__item -checkboxList -row">
3299          <input class="c-form__checkboxList" id="3-recorders-xfba03" type="checkbox" name="3-recorders-xfba03" value="Xfba.03"  v-model="instr" @change="onCheckBoxChange">
3300          <label class="c-form__label" for="3-recorders-xfba03">
3301            3 recorders
3302          </label>
3303        </li>
3304              <li class="c-form__item -checkboxList -row">
3305          <input class="c-form__checkboxList" id="recorder-quartet-xfba04" type="checkbox" name="recorder-quartet-xfba04" value="Xfba.04"  v-model="instr" @change="onCheckBoxChange">
3306          <label class="c-form__label" for="recorder-quartet-xfba04">
3307            Recorder quartet
3308          </label>
3309        </li>
3310              <li class="c-form__item -checkboxList -row">
3311          <input class="c-form__checkboxList" id="recorder-quintet-xfba05" type="checkbox" name="recorder-quintet-xfba05" value="Xfba.05"  v-model="instr" @change="onCheckBoxChange">
3312          <label class="c-form__label" for="recorder-quintet-xfba05">
3313            Recorder quintet
3314          </label>
3315        </li>
3316              <li class="c-form__item -checkboxList -row">
3317          <input class="c-form__checkboxList" id="6-recorders-xfba06" type="checkbox" name="6-recorders-xfba06" value="Xfba.06"  v-model="instr" @change="onCheckBoxChange">
3318          <label class="c-form__label" for="6-recorders-xfba06">
3319            6 recorders
3320          </label>
3321        </li>
3322              <li class="c-form__item -checkboxList -row">
3323          <input class="c-form__checkboxList" id="recorder-and-keyboard-xfbi" type="checkbox" name="recorder-and-keyboard-xfbi" value="Xfbi"  v-model="instr" @change="onCheckBoxChange">
3324          <label class="c-form__label" for="recorder-and-keyboard-xfbi">
3325            Recorder and keyboard
3326          </label>
3327        </li>
3328              <li class="c-form__item -checkboxList -row">
3329          <input class="c-form__checkboxList" id="2-recorders-and-keyboard-xfbi02" type="checkbox" name="2-recorders-and-keyboard-xfbi02" value="Xfbi.02"  v-model="instr" @change="onCheckBoxChange">
3330          <label class="c-form__label" for="2-recorders-and-keyboard-xfbi02">
3331            2 recorders and keyboard
3332          </label>
3333        </li>
3334              <li class="c-form__item -checkboxList -row">
3335          <input class="c-form__checkboxList" id="oboe-xfca" type="checkbox" name="oboe-xfca" value="Xfca"  v-model="instr" @change="onCheckBoxChange">
3336          <label class="c-form__label" for="oboe-xfca">
3337            Oboe
3338          </label>
3339        </li>
3340              <li class="c-form__item -checkboxList -row">
3341          <input class="c-form__checkboxList" id="2-oboe-instruments-xfca02" type="checkbox" name="2-oboe-instruments-xfca02" value="Xfca.02"  v-model="instr" @change="onCheckBoxChange">
3342          <label class="c-form__label" for="2-oboe-instruments-xfca02">
3343            2 oboe instruments
3344          </label>
3345        </li>
3346              <li class="c-form__item -checkboxList -row">
3347          <input class="c-form__checkboxList" id="3-oboe-instruments-xfca03" type="checkbox" name="3-oboe-instruments-xfca03" value="Xfca.03"  v-model="instr" @change="onCheckBoxChange">
3348          <label class="c-form__label" for="3-oboe-instruments-xfca03">
3349            3 oboe instruments
3350          </label>
3351        </li>
3352              <li class="c-form__item -checkboxList -row">
3353          <input class="c-form__checkboxList" id="cor-anglais-xfcaa" type="checkbox" name="cor-anglais-xfcaa" value="Xfcaa"  v-model="instr" @change="onCheckBoxChange">
3354          <label class="c-form__label" for="cor-anglais-xfcaa">
3355            Cor anglais
3356          </label>
3357        </li>
3358              <li class="c-form__item -checkboxList -row">
3359          <input class="c-form__checkboxList" id="cor-anglais-and-piano-xfcai" type="checkbox" name="cor-anglais-and-piano-xfcai" value="Xfcai"  v-model="instr" @change="onCheckBoxChange">
3360          <label class="c-form__label" for="cor-anglais-and-piano-xfcai">
3361            Cor anglais and piano
3362          </label>
3363        </li>
3364              <li class="c-form__item -checkboxList -row">
3365          <input class="c-form__checkboxList" id="oboe-and-piano-xfci" type="checkbox" name="oboe-and-piano-xfci" value="Xfci"  v-model="instr" @change="onCheckBoxChange">
3366          <label class="c-form__label" for="oboe-and-piano-xfci">
3367            Oboe and piano
3368          </label>
3369        </li>
3370              <li class="c-form__item -checkboxList -row">
3371          <input class="c-form__checkboxList" id="2-oboes-and-piano-xfci02" type="checkbox" name="2-oboes-and-piano-xfci02" value="Xfci.02"  v-model="instr" @change="onCheckBoxChange">
3372          <label class="c-form__label" for="2-oboes-and-piano-xfci02">
3373            2 oboes and piano
3374          </label>
3375        </li>
3376              <li class="c-form__item -checkboxList -row">
3377          <input class="c-form__checkboxList" id="clarinet-xfda" type="checkbox" name="clarinet-xfda" value="Xfda"  v-model="instr" @change="onCheckBoxChange">
3378          <label class="c-form__label" for="clarinet-xfda">
3379            Clarinet
3380          </label>
3381        </li>
3382              <li class="c-form__item -checkboxList -row">
3383          <input class="c-form__checkboxList" id="2-clarinet-instruments-xfda02" type="checkbox" name="2-clarinet-instruments-xfda02" value="Xfda.02"  v-model="instr" @change="onCheckBoxChange">
3384          <label class="c-form__label" for="2-clarinet-instruments-xfda02">
3385            2 clarinet instruments
3386          </label>
3387        </li>
3388              <li class="c-form__item -checkboxList -row">
3389          <input class="c-form__checkboxList" id="3-clarinets-xfda03" type="checkbox" name="3-clarinets-xfda03" value="Xfda.03"  v-model="instr" @change="onCheckBoxChange">
3390          <label class="c-form__label" for="3-clarinets-xfda03">
3391            3 clarinets
3392          </label>
3393        </li>
3394              <li class="c-form__item -checkboxList -row">
3395          <input class="c-form__checkboxList" id="4-clarinets-xfda04" type="checkbox" name="4-clarinets-xfda04" value="Xfda.04"  v-model="instr" @change="onCheckBoxChange">
3396          <label class="c-form__label" for="4-clarinets-xfda04">
3397            4 clarinets
3398          </label>
3399        </li>
3400              <li class="c-form__item -checkboxList -row">
3401          <input class="c-form__checkboxList" id="clarinet-quintet-xfda05" type="checkbox" name="clarinet-quintet-xfda05" value="Xfda.05"  v-model="instr" @change="onCheckBoxChange">
3402          <label class="c-form__label" for="clarinet-quintet-xfda05">
3403            Clarinet quintet
3404          </label>
3405        </li>
3406              <li class="c-form__item -checkboxList -row">
3407          <input class="c-form__checkboxList" id="6-clarinets-xfda06" type="checkbox" name="6-clarinets-xfda06" value="Xfda.06"  v-model="instr" @change="onCheckBoxChange">
3408          <label class="c-form__label" for="6-clarinets-xfda06">
3409            6 clarinets
3410          </label>
3411        </li>
3412              <li class="c-form__item -checkboxList -row">
3413          <input class="c-form__checkboxList" id="8-clarinets-xfda08" type="checkbox" name="8-clarinets-xfda08" value="Xfda.08"  v-model="instr" @change="onCheckBoxChange">
3414          <label class="c-form__label" for="8-clarinets-xfda08">
3415            8 clarinets
3416          </label>
3417        </li>
3418              <li class="c-form__item -checkboxList -row">
3419          <input class="c-form__checkboxList" id="9-clarinets-xfda09" type="checkbox" name="9-clarinets-xfda09" value="Xfda.09"  v-model="instr" @change="onCheckBoxChange">
3420          <label class="c-form__label" for="9-clarinets-xfda09">
3421            9 clarinets
3422          </label>
3423        </li>
3424              <li class="c-form__item -checkboxList -row">
3425          <input class="c-form__checkboxList" id="clarinet-and-piano-xfdi" type="checkbox" name="clarinet-and-piano-xfdi" value="Xfdi"  v-model="instr" @change="onCheckBoxChange">
3426          <label class="c-form__label" for="clarinet-and-piano-xfdi">
3427            Clarinet and piano
3428          </label>
3429        </li>
3430              <li class="c-form__item -checkboxList -row">
3431          <input class="c-form__checkboxList" id="saxophone-xfea" type="checkbox" name="saxophone-xfea" value="Xfea"  v-model="instr" @change="onCheckBoxChange">
3432          <label class="c-form__label" for="saxophone-xfea">
3433            Saxophone
3434          </label>
3435        </li>
3436              <li class="c-form__item -checkboxList -row">
3437          <input class="c-form__checkboxList" id="2-saxophones-xfea02" type="checkbox" name="2-saxophones-xfea02" value="Xfea.02"  v-model="instr" @change="onCheckBoxChange">
3438          <label class="c-form__label" for="2-saxophones-xfea02">
3439            2 saxophones
3440          </label>
3441        </li>
3442              <li class="c-form__item -checkboxList -row">
3443          <input class="c-form__checkboxList" id="3-saxophones-xfea03" type="checkbox" name="3-saxophones-xfea03" value="Xfea.03"  v-model="instr" @change="onCheckBoxChange">
3444          <label class="c-form__label" for="3-saxophones-xfea03">
3445            3 saxophones
3446          </label>
3447        </li>
3448              <li class="c-form__item -checkboxList -row">
3449          <input class="c-form__checkboxList" id="saxophone-quartet-xfea04" type="checkbox" name="saxophone-quartet-xfea04" value="Xfea.04"  v-model="instr" @change="onCheckBoxChange">
3450          <label class="c-form__label" for="saxophone-quartet-xfea04">
3451            Saxophone quartet
3452          </label>
3453        </li>
3454              <li class="c-form__item -checkboxList -row">
3455          <input class="c-form__checkboxList" id="saxophone-quintet-xfea05" type="checkbox" name="saxophone-quintet-xfea05" value="Xfea.05"  v-model="instr" @change="onCheckBoxChange">
3456          <label class="c-form__label" for="saxophone-quintet-xfea05">
3457            Saxophone quintet
3458          </label>
3459        </li>
3460              <li class="c-form__item -checkboxList -row">
3461          <input class="c-form__checkboxList" id="saxophone-sextet-xfea06" type="checkbox" name="saxophone-sextet-xfea06" value="Xfea.06"  v-model="instr" @change="onCheckBoxChange">
3462          <label class="c-form__label" for="saxophone-sextet-xfea06">
3463            Saxophone sextet
3464          </label>
3465        </li>
3466              <li class="c-form__item -checkboxList -row">
3467          <input class="c-form__checkboxList" id="saxophone-orchestra-xfea09" type="checkbox" name="saxophone-orchestra-xfea09" value="Xfea.09"  v-model="instr" @change="onCheckBoxChange">
3468          <label class="c-form__label" for="saxophone-orchestra-xfea09">
3469            Saxophone orchestra
3470          </label>
3471        </li>
3472              <li class="c-form__item -checkboxList -row">
3473          <input class="c-form__checkboxList" id="saxophone-and-piano-xfei" type="checkbox" name="saxophone-and-piano-xfei" value="Xfei"  v-model="instr" @change="onCheckBoxChange">
3474          <label class="c-form__label" for="saxophone-and-piano-xfei">
3475            Saxophone and piano
3476          </label>
3477        </li>
3478              <li class="c-form__item -checkboxList -row">
3479          <input class="c-form__checkboxList" id="2-saxophones-and-piano-xfei02" type="checkbox" name="2-saxophones-and-piano-xfei02" value="Xfei.02"  v-model="instr" @change="onCheckBoxChange">
3480          <label class="c-form__label" for="2-saxophones-and-piano-xfei02">
3481            2 saxophones and piano
3482          </label>
3483        </li>
3484              <li class="c-form__item -checkboxList -row">
3485          <input class="c-form__checkboxList" id="saxophone-and-organ-xfek" type="checkbox" name="saxophone-and-organ-xfek" value="Xfek"  v-model="instr" @change="onCheckBoxChange">
3486          <label class="c-form__label" for="saxophone-and-organ-xfek">
3487            Saxophone and organ
3488          </label>
3489        </li>
3490              <li class="c-form__item -checkboxList -row">
3491          <input class="c-form__checkboxList" id="bassoon-xffa" type="checkbox" name="bassoon-xffa" value="Xffa"  v-model="instr" @change="onCheckBoxChange">
3492          <label class="c-form__label" for="bassoon-xffa">
3493            Bassoon
3494          </label>
3495        </li>
3496              <li class="c-form__item -checkboxList -row">
3497          <input class="c-form__checkboxList" id="2-bassoons-xffa02" type="checkbox" name="2-bassoons-xffa02" value="Xffa.02"  v-model="instr" @change="onCheckBoxChange">
3498          <label class="c-form__label" for="2-bassoons-xffa02">
3499            2 bassoons
3500          </label>
3501        </li>
3502              <li class="c-form__item -checkboxList -row">
3503          <input class="c-form__checkboxList" id="3-bassoons-xffa03" type="checkbox" name="3-bassoons-xffa03" value="Xffa.03"  v-model="instr" @change="onCheckBoxChange">
3504          <label class="c-form__label" for="3-bassoons-xffa03">
3505            3 bassoons
3506          </label>
3507        </li>
3508              <li class="c-form__item -checkboxList -row">
3509          <input class="c-form__checkboxList" id="4-bassoons-xffa04" type="checkbox" name="4-bassoons-xffa04" value="Xffa.04"  v-model="instr" @change="onCheckBoxChange">
3510          <label class="c-form__label" for="4-bassoons-xffa04">
3511            4 bassoons
3512          </label>
3513        </li>
3514              <li class="c-form__item -checkboxList -row">
3515          <input class="c-form__checkboxList" id="5-bassoons-xffa05" type="checkbox" name="5-bassoons-xffa05" value="Xffa.05"  v-model="instr" @change="onCheckBoxChange">
3516          <label class="c-form__label" for="5-bassoons-xffa05">
3517            5 bassoons
3518          </label>
3519        </li>
3520              <li class="c-form__item -checkboxList -row">
3521          <input class="c-form__checkboxList" id="bassoon-and-piano-xffi" type="checkbox" name="bassoon-and-piano-xffi" value="Xffi"  v-model="instr" @change="onCheckBoxChange">
3522          <label class="c-form__label" for="bassoon-and-piano-xffi">
3523            Bassoon and piano
3524          </label>
3525        </li>
3526              <li class="c-form__item -checkboxList -row">
3527          <input class="c-form__checkboxList" id="trumpet-xfga" type="checkbox" name="trumpet-xfga" value="Xfga"  v-model="instr" @change="onCheckBoxChange">
3528          <label class="c-form__label" for="trumpet-xfga">
3529            Trumpet
3530          </label>
3531        </li>
3532              <li class="c-form__item -checkboxList -row">
3533          <input class="c-form__checkboxList" id="2-trumpets-xfga02" type="checkbox" name="2-trumpets-xfga02" value="Xfga.02"  v-model="instr" @change="onCheckBoxChange">
3534          <label class="c-form__label" for="2-trumpets-xfga02">
3535            2 trumpets
3536          </label>
3537        </li>
3538              <li class="c-form__item -checkboxList -row">
3539          <input class="c-form__checkboxList" id="3-trumpets-xfga03" type="checkbox" name="3-trumpets-xfga03" value="Xfga.03"  v-model="instr" @change="onCheckBoxChange">
3540          <label class="c-form__label" for="3-trumpets-xfga03">
3541            3 trumpets
3542          </label>
3543        </li>
3544              <li class="c-form__item -checkboxList -row">
3545          <input class="c-form__checkboxList" id="4-trumpets-xfga04" type="checkbox" name="4-trumpets-xfga04" value="Xfga.04"  v-model="instr" @change="onCheckBoxChange">
3546          <label class="c-form__label" for="4-trumpets-xfga04">
3547            4 trumpets
3548          </label>
3549        </li>
3550              <li class="c-form__item -checkboxList -row">
3551          <input class="c-form__checkboxList" id="5-trumpets-xfga05" type="checkbox" name="5-trumpets-xfga05" value="Xfga.05"  v-model="instr" @change="onCheckBoxChange">
3552          <label class="c-form__label" for="5-trumpets-xfga05">
3553            5 trumpets
3554          </label>
3555        </li>
3556              <li class="c-form__item -checkboxList -row">
3557          <input class="c-form__checkboxList" id="6-trumpets-xfga06" type="checkbox" name="6-trumpets-xfga06" value="Xfga.06"  v-model="instr" @change="onCheckBoxChange">
3558          <label class="c-form__label" for="6-trumpets-xfga06">
3559            6 trumpets
3560          </label>
3561        </li>
3562              <li class="c-form__item -checkboxList -row">
3563          <input class="c-form__checkboxList" id="trumpet-and-piano-xfgi" type="checkbox" name="trumpet-and-piano-xfgi" value="Xfgi"  v-model="instr" @change="onCheckBoxChange">
3564          <label class="c-form__label" for="trumpet-and-piano-xfgi">
3565            Trumpet and piano
3566          </label>
3567        </li>
3568              <li class="c-form__item -checkboxList -row">
3569          <input class="c-form__checkboxList" id="french-horn-xfha" type="checkbox" name="french-horn-xfha" value="Xfha"  v-model="instr" @change="onCheckBoxChange">
3570          <label class="c-form__label" for="french-horn-xfha">
3571            French horn
3572          </label>
3573        </li>
3574              <li class="c-form__item -checkboxList -row">
3575          <input class="c-form__checkboxList" id="2-horns-xfha02" type="checkbox" name="2-horns-xfha02" value="Xfha.02"  v-model="instr" @change="onCheckBoxChange">
3576          <label class="c-form__label" for="2-horns-xfha02">
3577            2 horns
3578          </label>
3579        </li>
3580              <li class="c-form__item -checkboxList -row">
3581          <input class="c-form__checkboxList" id="3-horns-xfha03" type="checkbox" name="3-horns-xfha03" value="Xfha.03"  v-model="instr" @change="onCheckBoxChange">
3582          <label class="c-form__label" for="3-horns-xfha03">
3583            3 horns
3584          </label>
3585        </li>
3586              <li class="c-form__item -checkboxList -row">
3587          <input class="c-form__checkboxList" id="horn-quartet-xfha04" type="checkbox" name="horn-quartet-xfha04" value="Xfha.04"  v-model="instr" @change="onCheckBoxChange">
3588          <label class="c-form__label" for="horn-quartet-xfha04">
3589            Horn quartet
3590          </label>
3591        </li>
3592              <li class="c-form__item -checkboxList -row">
3593          <input class="c-form__checkboxList" id="8-horns-xfha08" type="checkbox" name="8-horns-xfha08" value="Xfha.08"  v-model="instr" @change="onCheckBoxChange">
3594          <label class="c-form__label" for="8-horns-xfha08">
3595            8 horns
3596          </label>
3597        </li>
3598              <li class="c-form__item -checkboxList -row">
3599          <input class="c-form__checkboxList" id="10-horns-xfha09" type="checkbox" name="10-horns-xfha09" value="Xfha.09"  v-model="instr" @change="onCheckBoxChange">
3600          <label class="c-form__label" for="10-horns-xfha09">
3601            10 horns
3602          </label>
3603        </li>
3604              <li class="c-form__item -checkboxList -row">
3605          <input class="c-form__checkboxList" id="french-horn-and-piano-xfhi" type="checkbox" name="french-horn-and-piano-xfhi" value="Xfhi"  v-model="instr" @change="onCheckBoxChange">
3606          <label class="c-form__label" for="french-horn-and-piano-xfhi">
3607            French horn and piano
3608          </label>
3609        </li>
3610              <li class="c-form__item -checkboxList -row">
3611          <input class="c-form__checkboxList" id="trombone-xfia" type="checkbox" name="trombone-xfia" value="Xfia"  v-model="instr" @change="onCheckBoxChange">
3612          <label class="c-form__label" for="trombone-xfia">
3613            Trombone
3614          </label>
3615        </li>
3616              <li class="c-form__item -checkboxList -row">
3617          <input class="c-form__checkboxList" id="2-trombones-xfia02" type="checkbox" name="2-trombones-xfia02" value="Xfia.02"  v-model="instr" @change="onCheckBoxChange">
3618          <label class="c-form__label" for="2-trombones-xfia02">
3619            2 trombones
3620          </label>
3621        </li>
3622              <li class="c-form__item -checkboxList -row">
3623          <input class="c-form__checkboxList" id="3-trombones-xfia03" type="checkbox" name="3-trombones-xfia03" value="Xfia.03"  v-model="instr" @change="onCheckBoxChange">
3624          <label class="c-form__label" for="3-trombones-xfia03">
3625            3 trombones
3626          </label>
3627        </li>
3628              <li class="c-form__item -checkboxList -row">
3629          <input class="c-form__checkboxList" id="trombone-quartet-xfia04" type="checkbox" name="trombone-quartet-xfia04" value="Xfia.04"  v-model="instr" @change="onCheckBoxChange">
3630          <label class="c-form__label" for="trombone-quartet-xfia04">
3631            Trombone quartet
3632          </label>
3633        </li>
3634              <li class="c-form__item -checkboxList -row">
3635          <input class="c-form__checkboxList" id="trombone-quintet-xfia05" type="checkbox" name="trombone-quintet-xfia05" value="Xfia.05"  v-model="instr" @change="onCheckBoxChange">
3636          <label class="c-form__label" for="trombone-quintet-xfia05">
3637            Trombone quintet
3638          </label>
3639        </li>
3640              <li class="c-form__item -checkboxList -row">
3641          <input class="c-form__checkboxList" id="6-trombones-xfia06" type="checkbox" name="6-trombones-xfia06" value="Xfia.06"  v-model="instr" @change="onCheckBoxChange">
3642          <label class="c-form__label" for="6-trombones-xfia06">
3643            6 trombones
3644          </label>
3645        </li>
3646              <li class="c-form__item -checkboxList -row">
3647          <input class="c-form__checkboxList" id="8-trombones-xfia08" type="checkbox" name="8-trombones-xfia08" value="Xfia.08"  v-model="instr" @change="onCheckBoxChange">
3648          <label class="c-form__label" for="8-trombones-xfia08">
3649            8 trombones
3650          </label>
3651        </li>
3652              <li class="c-form__item -checkboxList -row">
3653          <input class="c-form__checkboxList" id="9-trombones-xfia09" type="checkbox" name="9-trombones-xfia09" value="Xfia.09"  v-model="instr" @change="onCheckBoxChange">
3654          <label class="c-form__label" for="9-trombones-xfia09">
3655            9 trombones
3656          </label>
3657        </li>
3658              <li class="c-form__item -checkboxList -row">
3659          <input class="c-form__checkboxList" id="trombone-and-piano-xfii" type="checkbox" name="trombone-and-piano-xfii" value="Xfii"  v-model="instr" @change="onCheckBoxChange">
3660          <label class="c-form__label" for="trombone-and-piano-xfii">
3661            Trombone and piano
3662          </label>
3663        </li>
3664              <li class="c-form__item -checkboxList -row">
3665          <input class="c-form__checkboxList" id="tuba-xfja" type="checkbox" name="tuba-xfja" value="Xfja"  v-model="instr" @change="onCheckBoxChange">
3666          <label class="c-form__label" for="tuba-xfja">
3667            Tuba
3668          </label>
3669        </li>
3670              <li class="c-form__item -checkboxList -row">
3671          <input class="c-form__checkboxList" id="2-tubas-xfja02" type="checkbox" name="2-tubas-xfja02" value="Xfja.02"  v-model="instr" @change="onCheckBoxChange">
3672          <label class="c-form__label" for="2-tubas-xfja02">
3673            2 tubas
3674          </label>
3675        </li>
3676              <li class="c-form__item -checkboxList -row">
3677          <input class="c-form__checkboxList" id="tuba-quartet-xfja04" type="checkbox" name="tuba-quartet-xfja04" value="Xfja.04"  v-model="instr" @change="onCheckBoxChange">
3678          <label class="c-form__label" for="tuba-quartet-xfja04">
3679            Tuba quartet
3680          </label>
3681        </li>
3682              <li class="c-form__item -checkboxList -row">
3683          <input class="c-form__checkboxList" id="5-tubas-xfja05" type="checkbox" name="5-tubas-xfja05" value="Xfja.05"  v-model="instr" @change="onCheckBoxChange">
3684          <label class="c-form__label" for="5-tubas-xfja05">
3685            5 tubas
3686          </label>
3687        </li>
3688              <li class="c-form__item -checkboxList -row">
3689          <input class="c-form__checkboxList" id="6-tubas-xfja06" type="checkbox" name="6-tubas-xfja06" value="Xfja.06"  v-model="instr" @change="onCheckBoxChange">
3690          <label class="c-form__label" for="6-tubas-xfja06">
3691            6 tubas
3692          </label>
3693        </li>
3694              <li class="c-form__item -checkboxList -row">
3695          <input class="c-form__checkboxList" id="tuba-and-piano-xfji" type="checkbox" name="tuba-and-piano-xfji" value="Xfji"  v-model="instr" @change="onCheckBoxChange">
3696          <label class="c-form__label" for="tuba-and-piano-xfji">
3697            Tuba and piano
3698          </label>
3699        </li>
3700              <li class="c-form__item -checkboxList -row">
3701          <input class="c-form__checkboxList" id="accordion-xfk" type="checkbox" name="accordion-xfk" value="Xfk"  v-model="instr" @change="onCheckBoxChange">
3702          <label class="c-form__label" for="accordion-xfk">
3703            Accordion
3704          </label>
3705        </li>
3706              <li class="c-form__item -checkboxList -row">
3707          <input class="c-form__checkboxList" id="2-accordions-xfk02" type="checkbox" name="2-accordions-xfk02" value="Xfk.02"  v-model="instr" @change="onCheckBoxChange">
3708          <label class="c-form__label" for="2-accordions-xfk02">
3709            2 accordions
3710          </label>
3711        </li>
3712              <li class="c-form__item -checkboxList -row">
3713          <input class="c-form__checkboxList" id="3-accordions-xfk03" type="checkbox" name="3-accordions-xfk03" value="Xfk.03"  v-model="instr" @change="onCheckBoxChange">
3714          <label class="c-form__label" for="3-accordions-xfk03">
3715            3 accordions
3716          </label>
3717        </li>
3718              <li class="c-form__item -checkboxList -row">
3719          <input class="c-form__checkboxList" id="4-accordions-xfk04" type="checkbox" name="4-accordions-xfk04" value="Xfk.04"  v-model="instr" @change="onCheckBoxChange">
3720          <label class="c-form__label" for="4-accordions-xfk04">
3721            4 accordions
3722          </label>
3723        </li>
3724              <li class="c-form__item -checkboxList -row">
3725          <input class="c-form__checkboxList" id="5-accordions-xfk05" type="checkbox" name="5-accordions-xfk05" value="Xfk.05"  v-model="instr" @change="onCheckBoxChange">
3726          <label class="c-form__label" for="5-accordions-xfk05">
3727            5 accordions
3728          </label>
3729        </li>
3730              <li class="c-form__item -checkboxList -row">
3731          <input class="c-form__checkboxList" id="particular-wind-instruments-xfz" type="checkbox" name="particular-wind-instruments-xfz" value="Xfz"  v-model="instr" @change="onCheckBoxChange">
3732          <label class="c-form__label" for="particular-wind-instruments-xfz">
3733            Particular wind instruments
3734          </label>
3735        </li>
3736              <li class="c-form__item -checkboxList -row">
3737          <input class="c-form__checkboxList" id="wind-controller-xfz" type="checkbox" name="wind-controller-xfz" value="Xfz"  v-model="instr" @change="onCheckBoxChange">
3738          <label class="c-form__label" for="wind-controller-xfz">
3739            Wind controller
3740          </label>
3741        </li>
3742              <li class="c-form__item -checkboxList -row">
3743          <input class="c-form__checkboxList" id="bronze-lur-xfza" type="checkbox" name="bronze-lur-xfza" value="Xfza"  v-model="instr" @change="onCheckBoxChange">
3744          <label class="c-form__label" for="bronze-lur-xfza">
3745            Bronze lur
3746          </label>
3747        </li>
3748              <li class="c-form__item -checkboxList -row">
3749          <input class="c-form__checkboxList" id="2-bronze-lurs-xfza02" type="checkbox" name="2-bronze-lurs-xfza02" valu
3749e="Xfza.02"  v-model="instr" @change="onCheckBoxChange">
3750          <label class="c-form__label" for="2-bronze-lurs-xfza02">
3751            2 bronze lurs
3752          </label>
3753        </li>
3754              <li class="c-form__item -checkboxList -row">
3755          <input class="c-form__checkboxList" id="bronze-lur-and-piano-xfzi" type="checkbox" name="bronze-lur-and-piano-xfzi" value="Xfzi"  v-model="instr" @change="onCheckBoxChange">
3756          <label class="c-form__label" for="bronze-lur-and-piano-xfzi">
3757            Bronze lur and piano
3758          </label>
3759        </li>
3760      
3761    </ul>
3762</fieldset>
3763                            </div>
3764                        </div>
3765                        <button type="button" data-a11y-dialog-hide="winds-xf" class="c-button -fixed">Add</button>
3766
3767                        <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="winds-xf" aria-label="Stäng Winds">
3768                            <svg class="c-icon -close" aria-hidden="true">
3769                            <use xlink:href="/images/spritemap.svg#icon-close"></use>
3770                            </svg>
3771                        </button>
3772
3773                        </div>
3774                    </div>
3775                    </div>
3776                </li>
3777                        </ul>
3778        </form>
3779            </div>
3780      </div>
3781
3782      <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="instrumentation" aria-label="Stäng Instrumentation">
3783        <svg class="c-icon -close" aria-hidden="true">
3784          <use xlink:href="/images/spritemap.svg#icon-close"></use>
3785        </svg>
3786      </button>
3787
3788    </div>
3789  </div>
3790</div>
3791            <div id="languages" class="c-fieldsetDialog js-dialog -options" aria-hidden="true">
3792
3793  <div class="c-fieldsetDialog__overlay" tabindex="-1" data-a11y-dialog-hide="languages"></div>
3794
3795  <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="languages-title">
3796    <div role="document" class="c-fieldsetDialog__document">
3797
3798      <h2 id="languages-title" tabindex="0" class="c-fieldsetDialog__title">
3799        Language
3800      </h2>
3801
3802      <div class="c-fieldsetDialog__content">
3803        <div class="c-fieldsetDialog__content__inner">
3804          
3805        <div class="c-fieldsetDialog -fauxNested">
3806
3807    <div class="c-fieldsetDialog__inner">
3808        <div class="c-fieldsetDialog__document">
3809
3810        <div class="c-fieldsetDialog__content">
3811            <div class="c-fieldsetDialog__content__inner">
3812
3813                <form action="" class="c-form">
3814                    <small class="c-fieldsetDialog__description">Only for text and song</small>
3815                        <fieldset class="c-form__checkboxes">
3816
3817  
3818    <ul class="c-form__list">
3819
3820              <li class="c-form__item -checkboxList -row">
3821          <input class="c-form__checkboxList" id="afr" type="checkbox" name="afr" value="afr"  v-model="language" @change="onCheckBoxChange">
3822          <label class="c-form__label" for="afr">
3823            Afrikaans
3824          </label>
3825        </li>
3826              <li class="c-form__item -checkboxList -row">
3827          <input class="c-form__checkboxList" id="tje" type="checkbox" name="tje" value="tje"  v-model="language" @change="onCheckBoxChange">
3828          <label class="c-form__label" for="tje">
3829            Czech
3830          </label>
3831        </li>
3832              <li class="c-form__item -checkboxList -row">
3833          <input class="c-form__checkboxList" id="dan" type="checkbox" name="dan" value="dan"  v-model="language" @change="onCheckBoxChange">
3834          <label class="c-form__label" for="dan">
3835            Danish
3836          </label>
3837        </li>
3838              <li class="c-form__item -checkboxList -row">
3839          <input class="c-form__checkboxList" id="dut" type="checkbox" name="dut" value="dut"  v-model="language" @change="onCheckBoxChange">
3840          <label class="c-form__label" for="dut">
3841            Dutch
3842          </label>
3843        </li>
3844              <li class="c-form__item -checkboxList -row">
3845          <input class="c-form__checkboxList" id="hol" type="checkbox" name="hol" value="hol"  v-model="language" @change="onCheckBoxChange">
3846          <label class="c-form__label" for="hol">
3847            Dutch
3848          </label>
3849        </li>
3850              <li class="c-form__item -checkboxList -row">
3851          <input class="c-form__checkboxList" id="eng" type="checkbox" name="eng" value="eng"  v-model="language" @change="onCheckBoxChange">
3852          <label class="c-form__label" for="eng">
3853            English
3854          </label>
3855        </li>
3856              <li class="c-form__item -checkboxList -row">
3857          <input class="c-form__checkboxList" id="est" type="checkbox" name="est" value="est"  v-model="language" @change="onCheckBoxChange">
3858          <label class="c-form__label" for="est">
3859            Estonian
3860          </label>
3861        </li>
3862              <li class="c-form__item -checkboxList -row">
3863          <input class="c-form__checkboxList" id="fin" type="checkbox" name="fin" value="fin"  v-model="language" @change="onCheckBoxChange">
3864          <label class="c-form__label" for="fin">
3865            Finnish
3866          </label>
3867        </li>
3868              <li class="c-form__item -checkboxList -row">
3869          <input class="c-form__checkboxList" id="fre" type="checkbox" name="fre" value="fre"  v-model="language" @change="onCheckBoxChange">
3870          <label class="c-form__label" for="fre">
3871            French
3872          </label>
3873        </li>
3874              <li class="c-form__item -checkboxList -row">
3875          <input class="c-form__checkboxList" id="ger" type="checkbox" name="ger" value="ger"  v-model="language" @change="onCheckBoxChange">
3876          <label class="c-form__label" for="ger">
3877            German
3878          </label>
3879        </li>
3880              <li class="c-form__item -checkboxList -row">
3881          <input class="c-form__checkboxList" id="heb" type="checkbox" name="heb" value="heb"  v-model="language" @change="onCheckBoxChange">
3882          <label class="c-form__label" for="heb">
3883            Hebrew
3884          </label>
3885        </li>
3886              <li class="c-form__item -checkboxList -row">
3887          <input class="c-form__checkboxList" id="hun" type="checkbox" name="hun" value="hun"  v-model="language" @change="onCheckBoxChange">
3888          <label class="c-form__label" for="hun">
3889            Hungarian
3890          </label>
3891        </li>
3892              <li class="c-form__item -checkboxList -row">
3893          <input class="c-form__checkboxList" id="ice" type="checkbox" name="ice" value="ice"  v-model="language" @change="onCheckBoxChange">
3894          <label class="c-form__label" for="ice">
3895            Icelandic
3896          </label>
3897        </li>
3898              <li class="c-form__item -checkboxList -row">
3899          <input class="c-form__checkboxList" id="ita" type="checkbox" name="ita" value="ita"  v-model="language" @change="onCheckBoxChange">
3900          <label class="c-form__label" for="ita">
3901            Italian
3902          </label>
3903        </li>
3904              <li class="c-form__item -checkboxList -row">
3905          <input class="c-form__checkboxList" id="lat" type="checkbox" name="lat" value="lat"  v-model="language" @change="onCheckBoxChange">
3906          <label class="c-form__label" for="lat">
3907            Latin
3908          </label>
3909        </li>
3910              <li class="c-form__item -checkboxList -row">
3911          <input class="c-form__checkboxList" id="lit" type="checkbox" name="lit" value="lit"  v-model="language" @change="onCheckBoxChange">
3912          <label class="c-form__label" for="lit">
3913            Lithuanian
3914          </label>
3915        </li>
3916              <li class="c-form__item -checkboxList -row">
3917          <input class="c-form__checkboxList" id="nor" type="checkbox" name="nor" value="nor"  v-model="language" @change="onCheckBoxChange">
3918          <label class="c-form__label" for="nor">
3919            Norwegian
3920          </label>
3921        </li>
3922              <li class="c-form__item -checkboxList -row">
3923          <input class="c-form__checkboxList" id="por" type="checkbox" name="por" value="por"  v-model="language" @change="onCheckBoxChange">
3924          <label class="c-form__label" for="por">
3925            Portuguese
3926          </label>
3927        </li>
3928              <li class="c-form__item -checkboxList -row">
3929          <input class="c-form__checkboxList" id="rus" type="checkbox" name="rus" value="rus"  v-model="language" @change="onCheckBoxChange">
3930          <label class="c-form__label" for="rus">
3931            Russian
3932          </label>
3933        </li>
3934              <li class="c-form__item -checkboxList -row">
3935          <input class="c-form__checkboxList" id="spa" type="checkbox" name="spa" value="spa"  v-model="language" @change="onCheckBoxChange">
3936          <label class="c-form__label" for="spa">
3937            Spanish
3938          </label>
3939        </li>
3940              <li class="c-form__item -checkboxList -row">
3941          <input class="c-form__checkboxList" id="swe" type="checkbox" name="swe" value="swe"  v-model="language" @change="onCheckBoxChange">
3942          <label class="c-form__label" for="swe">
3943            Swedish
3944          </label>
3945        </li>
3946      
3947    </ul>
3948</fieldset>
3949                </form>
3950            </div>
3951        </div>
3952        <button type="button" data-a11y-dialog-hide="languages" class="c-button -fixed">Add</button>
3953
3954        </div>
3955    </div>
3956    </div>
3957            </div>
3958      </div>
3959
3960      <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="languages" aria-label="Stäng Language">
3961        <svg class="c-icon -close" aria-hidden="true">
3962          <use xlink:href="/images/spritemap.svg#icon-close"></use>
3963        </svg>
3964      </button>
3965
3966    </div>
3967  </div>
3968</div>
3969            <div id="voice_type" class="c-fieldsetDialog js-dialog -options" aria-hidden="true">
3970
3971  <div class="c-fieldsetDialog__overlay" tabindex="-1" data-a11y-dialog-hide="voice_type"></div>
3972
3973  <div role="dialog" class="c-fieldsetDialog__inner" aria-labelledby="voice_type-title">
3974    <div role="document" class="c-fieldsetDialog__document">
3975
3976      <h2 id="voice_type-title" tabindex="0" class="c-fieldsetDialog__title">
3977        Voice type
3978      </h2>
3979
3980      <div class="c-fieldsetDialog__content">
3981        <div class="c-fieldsetDialog__content__inner">
3982          
3983        <div class="c-fieldsetDialog -fauxNested">
3984
3985    <div class="c-fieldsetDialog__inner">
3986        <div class="c-fieldsetDialog__document">
3987            <div class="c-fieldsetDialog__content">
3988                <div class="c-fieldsetDialog__content__inner">
3989                    <form action="" class="c-form">
3990                        <fieldset class="c-form__checkboxes">
3991
3992  
3993    <ul class="c-form__list">
3994
3995              <li class="c-form__item -checkboxList -row">
3996          <input class="c-form__checkboxList" id="5" type="checkbox" name="5" value="4"  v-model="voiceType" @change="onCheckBoxChange">
3997          <label class="c-form__label" for="5">
3998            Alt
3999          </label>
4000        </li>
4001              <li class="c-form__item -checkboxList -row">
4002          <input class="c-form__checkboxList" id="1" type="checkbox" name="1" value="8"  v-model="voiceType" @change="onCheckBoxChange">
4003          <label class="c-form__label" for="1">
4004            Baryton
4005          </label>
4006        </li>
4007              <li class="c-form__item -checkboxList -row">
4008          <input class="c-form__checkboxList" id="0" type="checkbox" name="0" value="5"  v-model="voiceType" @change="onCheckBoxChange">
4009          <label class="c-form__label" for="0">
4010            Bas
4011          </label>
4012        </li>
4013              <li class="c-form__item -checkboxList -row">
4014          <input class="c-form__checkboxList" id="3" type="checkbox" name="3" value="10"  v-model="voiceType" @change="onCheckBoxChange">
4015          <label class="c-form__label" for="3">
4016            Counter
4017          </label>
4018        </li>
4019              <li class="c-form__item -checkboxList -row">
4020          <input class="c-form__checkboxList" id="4" type="checkbox" name="4" value="2"  v-model="voiceType" @change="onCheckBoxChange">
4021          <label class="c-form__label" for="4">
4022            Hög
4023          </label>
4024        </li>
4025              <li class="c-form__item -checkboxList -row">
4026          <input class="c-form__checkboxList" id="6" type="checkbox" name="6" value="6"  v-model="voiceType" @change="onCheckBoxChange">
4027          <label class="c-form__label" for="6">
4028            LÃ¥g
4029          </label>
4030        </li>
4031              <li class="c-form__item -checkboxList -row">
4032          <input class="c-form__checkboxList" id="7" type="checkbox" name="7" value="1"  v-model="voiceType" @change="onCheckBoxChange">
4033          <label class="c-form__label" for="7">
4034            Mellan
4035          </label>
4036        </li>
4037              <li class="c-form__item -checkboxList -row">
4038          <input class="c-form__checkboxList" id="2" type="checkbox" name="2" value="9"  v-model="voiceType" @change="onCheckBoxChange">
4039          <label class="c-form__label" for="2">
4040            Mezzo
4041          </label>
4042        </li>
4043              <li class="c-form__item -checkboxList -row">
4044          <input class="c-form__checkboxList" id="9" type="checkbox" name="9" value="3"  v-model="voiceType" @change="onCheckBoxChange">
4045          <label class="c-form__label" for="9">
4046            Sopran
4047          </label>
4048        </li>
4049              <li class="c-form__item -checkboxList -row">
4050          <input class="c-form__checkboxList" id="8" type="checkbox" name="8" value="7"  v-model="voiceType" @change="onCheckBoxChange">
4051          <label class="c-form__label" for="8">
4052            Tenor
4053          </label>
4054        </li>
4055      
4056    </ul>
4057</fieldset>
4058                    </form>
4059                </div>
4060            </div>
4061            <button type="button" data-a11y-dialog-hide="voice_type" class="c-button -fixed">Add</button>
4062        </div>
4063    </div>
4064    </div>
4065            </div>
4066      </div>
4067
4068      <button type="button" class="c-button -close c-fieldsetDialog__close" data-a11y-dialog-hide="voice_type" aria-label="Stäng Voice type">
4069        <svg class="c-icon -close" aria-hidden="true">
4070          <use xlink:href="/images/spritemap.svg#icon-close"></use>
4071        </svg>
4072      </button>
4073
4074    </div>
4075  </div>
4076</div>
4077        </div>
4078
4079        <section class="o-wrapper@xsmall-xlarge o-8-12@xlarge -full u-last@xlarge o-fauxRow -xsmall">
4080            <div class="o-row -large o-inner">
4081
4082                <h2 class="u-visuallyHidden">Search result</h2>
4083                <search-bio :person="currentPerson"></search-bio>
4084
4085                <div v-if="searchDone && removedFilters.length > 0 && !emptyResult" class="removed-filters">
4086                    <div class="o-row -small" v-bind:class="{ 'c-text u-center u-centerAlign' : searchDone }" role="alert">
4087                        <p><strong>We couldnt find any results for your search. <a href="#" role="button" onclick="if (!window.__cfRLUnblockHandlers) return false; document.getElementById('search-no-result-dialog-button').click();" data-cf-modified-026d0d720065c70b24d244fd-="">Read about why</a>.</strong></p>
4088                        <p v-html="removedFiltersText"></p>
4089                    </div>
4090                </div>
4091
4092                <work-list :works="works" :total="total" v-bind:class="{ 'is-searching' : !searchDone }">
4093                    <div v-if="!searchDone" class="c-loader" slot="loader"></div>
4094                    <div class="u-overflowHidden c-workList__per_page" slot="per-page">
4095    <div class="c-form__item">
4096        <label class="c-form__label u-rightAlign" for="per-page">Items per page:</label>
4097        <select class="c-form__select -widthAuto" id="per-page" name="per
4097-page" v-model="perPage" @change="search">
4098            <option value="">15</option>
4099            <option value="50">50</option>
4100            <option value="100">100</option>
4101            <option value="200">200</option>
4102        </select>
4103    </div>
4104</div>                    <div v-if="searchDone && !emptyResult" class="u-overflowHidden c-workList__sort" slot="sort">
4105    <div class="c-form__item">
4106        <label class="c-form__label u-rightAlign" for="sort">Sort by:</label>
4107        <select class="c-form__select -widthAuto" id="sort" name="sort" v-model="sort" @change="onSortOrderChange">
4108            <option value="score">Relevance</option>
4109            <option value="new">New releases</option>
4110            <option value="alpha">A-Z</option>
4111            <option value="alpha_desc">Z-A</option>
4112            <option value="year">Composition year</option>
4113            <option value="year_asc">Composition year asc</option>
4114            <option value="duration">Duration</option>
4115        </select>
4116    </div>
4117</div>
4118                </work-list>
4119
4120                <div v-show="searchDone && pagination.next_page != null && pagination.next_page > 1" class="c-workList__load-more">
4121                    <button @click="loadMore(pagination.next_page)" class="c-button--loadMore">Load more</button>
4122                </div>
4123                <div v-if="emptyResult">
4124                    <div class="o-row -small" v-bind:class="{ 'c-text u-center u-centerAlign' : searchDone }" role="alert">
4125                        <p v-html="noResultText"></p>
4126                    </div>
4127                </div>
4128            </div>
4129        </section>
4130
4131    </div>
4132</div>
4133
4134        </main>
4135
4136        <footer class="c-footer">
4137	<div class="o-wrapper">
4138		<nav class="c-nav--secondary">
4139  <ul class="c-nav--secondary__menu">
4140    <li class="c-nav--secondary__item">
4141      <a class="c-nav--secondary__link" href="https://www.svenskmusik.org/en/search">
4142      	<span class="c-nav--secondary__link__text">Search works</span>
4143    	</a>
4144    </li>
4145    <li class="c-nav--secondary__item">
4146      <a class="c-nav--secondary__link" href="https://www.svenskmusik.org/en/about">
4147      	<span class="c-nav--secondary__link__text">About Svensk Musik</span>
4148      </a>
4149    </li>
4150    <li class="c-nav--secondary__item">
4151      <a class="c-nav--secondary__link" href="#" role="button" data-a11y-dialog-show="deposit-dialog">
4152        <span class="c-nav--secondary__link__text">Submit work</span>
4153      </a>
4154    </li>
4155    <li class="c-nav--secondary__item">
4156      <a class="c-nav--secondary__link" href="https://www.svenskmusik.org/en/calendar">
4157        <span class="c-nav--secondary__link__text">First performances</span>
4158      </a>
4159    </li>
4160    <li class="c-nav--secondary__item">
4161      <a class="c-nav--secondary__link" href="https://www.svenskmusik.org/en/contact">
4162        <span class="c-nav--secondary__link__text">Contact</span>
4163      </a>
4164    </li>
4165  </ul>
4166  <ul class="c-nav--language__menu">
4167        <li class="c-nav--language__item">
4168        <a class="c-nav--language__link "
4169            rel="alternate"
4170            hreflang="sv"
4171            href="https://www.svenskmusik.org/sv/sök">
4172          <span class="c-nav--language__link__text">Svenska</span>
4173        </a>
4174      </li>
4175        <li class="c-nav--language__item">
4176        <a class="c-nav--language__link -active"
4177            rel="alternate"
4178            hreflang="en"
4179            href="https://www.svenskmusik.org/en/search">
4180          <span class="c-nav--language__link__text">English</span>
4181        </a>
4182      </li>
4183    </ul>
4184</nav>		<div class="u-overflowHidden">
4185			<div class="o-row -small o-4-12@large u-left@large u-centerAlign">
4186				<a href="/" class="c-footer__logo">
4187					<img src="/images/svg/logo.svg" alt="Svensk Musik" width="216" height="22" />
4188				</a>
4189			</div>
4190			<div class="o-row -small o-1-2@medium-large o-4-12@large c-footer__text -contact u-left@medium">
4191				<h2 class="u-visuallyHidden">Kontakta oss</h2>
4192				<a href="tel:+4687838800">+46 8 783 88 00</a><br/>
4193				<a href="/cdn-cgi/l/email-protection#751c1b131a350603101b061e1800061c1e5b1a0712"><span class="__cf_email__" data-cfemail="5c35323a331c2f2a39322f3731292f353772332e3b">[email&#160;protected]</span></a>
4194			</div>
4195			<div class="o-row -small o-1-2@medium-large o-4-12@large c-footer__text -address u-left@medium u-last@medium">
4196				<h2 class="u-visuallyHidden">Postadress</h2>
4197				Hornsgatan 103<br/>
4198				Box 17092<br/>
4199				104 62 Stockholm
4200			</div>
4201		</div>
4202		<div class="o-row c-footer__policy">
4203			<a href="javascript:cookieTractor.openConsentSettings()" target="_self">
4204				Cookie settings
4205			</a>
4206		</div>
4207	</div>
4208</footer>
4209        <div id="deposit-dialog" class="c-dialog js-dialog " aria-hidden="true">
4210
4211  <div class="c-dialog__overlay" tabindex="-1">
4212
4213    <div role="dialog" class="c-dialog__inner" aria-labelledby="deposit-dialog-title">
4214
4215      <div role="document">
4216
4217        <h2 id="deposit-dialog-title" tabindex="0" class="u-visuallyHidden">
4218                Deposit
4219          </h2>
4220
4221          <h1 class="c-heading-a -divider">Deposition</h1>
4222
4223      <div class="c-body">
4224         <p>Svensk Musik accepts digital scores of original notated works.
<br>Read our deposition rules <a href="/docs/regulations_for_deposit.pdf" target="_blank">here</a> in Swedish or contact us at <a href="/cdn-cgi/l/email-protection#ff9b9a8f90919a8d9ebf8c899a918c94928a8c9694d1908d98">Deposition</a></p>
4225      </div>
4226
4227      <br>
4228
4229      <p class="c-text"> </p>
4230
4231      <p class="c-text"> </p>
4232
4233      <br>
4234
4235      <p class="c-text"> </p>
4236
4237      <!--
4238      <form class="fl-form">
4239        <div class="o-wrapper">
4240
4241          <div class="o-fauxRow">
4242
4243            <div class="o-row -small">
4244              <div class="o-10-12@large u-center c-form__item">
4245                <label class="c-form__label -center -featured" for="workTitle">Work title</label>
4246                <input type="text" class="c-form__text -featured -center" id="workTitle" required />
4247              </div>
4248            </div>
4249
4250            <div class="o-row -small">
4251              <div class="o-10-12@large u-center c-form__item">
4252                <label class="c-form__label -center" for="work-composer">Composer</label>
4253                <input type="text" class="c-form__text -center" id="work-composer" required />
4254              </div>
4255            </div>
4256
4257            <div class="o-row -small">
4258              <div class="o-10-12@large u-center u-clearfix">
4259                <div class="o-6-12@large u-left@large">
4260                  <div class="o-8-12@large u-center@large c-form__item">
4261                    <label class="c-form__label -center" for="work-year">Year of composition</label>
4262                    <input type="text" class="c-form__text -center" id="work-year" required />
4263                  </div>
4264                </div>
4265
4266                <div class="o-6-12@large u-left@large">
4267                  <div class="o-8-12@large u-center@large c-form__item">
4268                    <label class="c-form__label -center" for="work-duration">Duration in minutes</label>
4269                    <input type="number" class="c-form__text -center" id="work-duration" required />
4270                  </div>
4271                </div>
4272              </div>
4273            </div>
4274
4275            <div class="o-row -small">
4276              <div class="o-10-12@large u-center c-form__item">
4277                <label class="c-form__label" for="work-crew">Crew in order</label>
4278                <input type="text" class="c-form__text" id="work-crew" required />
4279              </div>
4280            </div>
4281
4282            <div class="o-row o-fauxRow -small u-clearfix">
4283              <fieldset class="c-form__fieldset -naked">
4284                <legend><span class="c-form__label -large">Score</span></legend>
4285                <fieldset class="c-form__paper">
4286                  <legend class="u-visuallyHidden">Format</legend>
4287
4288                  <ul class="c-form__list">
4289                    <li class="c-form__item -inline">
4290                      <input class="c-form__paper__radio u-visuallyHidden" id="work-score-format-A4" type="radio" name="work-score-format" value="a4">
4291                      <label class="c-form__label" for="work-score-format-A4">
4292                        <svg class="c-icon -a4" aria-hidden="true">
4293                          <use xlink:href="/images/spritemap.svg#icon-a4"></use>
4294                        </svg>
4295                        A4
4296                        <svg class="c-icon -check" aria-hidden="true">
4297                          <use xlink:href="/images/spritemap.svg#form-check"></use>
4298                        </svg>
4299                      </label>
4300                    </li>
4301                    <li class="c-form__item -inline">
4302                      <input class="c-form__paper__radio u-visuallyHidden" id="work-score-format-A3" type="radio" name="work-score-format" value="a3">
4303                      <label class="c-form__label" for="work-score-format-A3">
4304                        <svg class="c-icon -a3" aria-hidden="true">
4305                          <use xlink:href="/images/spritemap.svg#icon-a3"></use>
4306                        </svg>
4307                        A3
4308                        <svg class="c-icon -check" aria-hidden="true">
4309                          <use xlink:href="/images/spritemap.svg#form-check"></use>
4310                        </svg>
4311                      </label>
4312                    </li>
4313                    <li class="c-form__item -inline">
4314                      <input class="c-form__paper__radio u-visuallyHidden" id="work-score-format-stimformat" type="radio" name="work-score-format" value="stimformat">
4315                      <label class="c-form__label" for="work-score-format-stimformat">
4316                        <svg class="c-icon -stimformat" aria-hidden="true">
4317                          <use xlink:href="/images/spritemap.svg#icon-stimformat"></use>
4318                        </svg>
4319                        Stim format
4320                        <svg class="c-icon -check" aria-hidden="true">
4321                          <use xlink:href="/images/spritemap.svg#form-check"></use>
4322                        </svg>
4323                      </label>
4324                    </li>
4325                  </ul>
4326                </fieldset>
4327
4328                <fieldset class="c-form__paper">
4329                  <legend class="u-visuallyHidden">Paper orientation</legend>
4330
4331                  <ul class="c-form__list">
4332                    <li class="c-form__item -inline">
4333                      <input class="c-form__paper__radio u-visuallyHidden" id="work-score-orientation-portrait" type="radio" name="work-score-orientation" value="portrait">
4334                      <label class="c-form__label" for="work-score-orientation-portrait">
4335                        <svg class="c-icon -portrait" aria-hidden="true">
4336                          <use xlink:href="/images/spritemap.svg#icon-portrait"></use>
4337                        </svg>
4338                        Portrait
4339                        <svg class="c-icon -check" aria-hidden="true">
4340                          <use xlink:href="/images/spritemap.svg#form-check"></use>
4341                        </svg>
4342                      </label>
4343                    </li>
4344                    <li class="c-form__item -inline">
4345                      <input class="c-form__paper__radio u-visuallyHidden" id="work-score-orientation-landscape" type="radio" name="work-score-orientation" value="landscape">
4346                      <label class="c-form__label" for="work-score-orientation-landscape">
4347                        <svg class="c-icon -landscape" aria-hidden="true">
4348                          <use xlink:href="/images/spritemap.svg#icon-landscape"></use>
4349                        </svg>
4350                        Landscape
4351                        <svg class="c-icon -check" aria-hidden="true">
4352                          <use xlink:href="/images/spritemap.svg#form-check"></use>
4353                        </svg>
4354                      </label>
4355                    </li>
4356                  </ul>
4357                </fieldset>
4358              </fieldset>
4359            </div>
4360
4361            <div class="o-row u-clearfix">
4362              <fieldset class="c-form__fieldset -naked">
4363                <legend><span class="c-form__label -large">Voices</span></legend>
4364                <fieldset class="c-form__paper">
4365                  <legend class="u-visuallyHidden">Format</legend>
4366
4367                  <ul class="c-form__list">
4368                    <li class="c-form__item -inline">
4369                      <input class="c-form__paper__radio u-visuallyHidden" id="work-parts-format-A4" type="radio" name="work-parts-format" value="a4">
4370                      <label class="c-form__label" for="work-parts-format-A4">
4371                        <svg class="c-icon -a4" aria-hidden="true">
4372                          <use xlink:href="/images/spritemap.svg#icon-a4"></use>
4373                        </svg>
4374                        A4
4375                        <svg class="c-icon -check" aria-hidden="true">
4376                          <use xlink:href="/images/spritemap.svg#form-check"></use>
4377                        </svg>
4378                      </label>
4379                    </li>
4380                    <li class="c-form__item -inline">
4381                      <input class="c-form__paper__radio u-visuallyHidden" id="work-parts-format-A3" type="radio" name="work-parts-format" value="a3">
4382                      <label class="c-form__label" for="work-parts-format-A3">
4383                        <svg class="c-icon -a3" aria-hidden="true">
4384                          <use xlink:href="/images/spritemap.svg#icon-a3"></use>
4385                        </svg>
4386                        A3
4387                        <svg class="c-icon -check" aria-hidden="true">
4388                          <use xlink:href="/images/spritemap.svg#form-check"></use>
4389                        </svg>
4390                      </label>
4391                    </li>
4392                    <li class="c-form__item -inline">
4393                      <input class="c-form__paper__radio u-visuallyHidden" id="work-parts-format-stimformat" type="radio" name="work-parts-format" value="stimformat">
4394                      <label class="c-form__label" for="work-parts-format-stimformat">
4395                        <svg class="c-icon -stimformat" aria-hidden="true">
4396                          <use xlink:href="/images/spritemap.svg#icon-stimformat"></use>
4397                        </svg>
4398                        Stim format
4399                        <svg class="c-icon -check" aria-hidden="true">
4400                          <use xlink:href="/images/spritemap.svg#form-check"></use>
4401                        </svg>
4402                      </label>
4403                    </li>
4404                  </ul>
4405                </fieldset>
4406
4407                <fieldset class="c-form__paper">
4408                  <legend class="u-visuallyHidden">Paper orientation</legend>
4409
4410                  <ul class="c-form__list">
4411                    <li class="c-form__item -inline">
4412                      <input class="c-form__paper__radio u-visuallyHidden" id="work-parts-portrait" type="radio" name="work-parts-orientation" value="portrait">
4413                      <label class="c-form__label" for="work-parts-portrait">
4414                        <svg class="c-icon -portrait" aria-hidden="true">
4415                          <use xlink:href="/images/spritemap.svg#icon-portrait"></use>
4416                        </svg>
4417                        Portrait
4418                        <svg class="c-icon -check" aria-hidden="true">
4419                          <use xlink:href="/images/spritemap.svg#form-check"></use>
4420                        </svg>
4421                      </label>
4422                    </li>
4423                    <li class="c-form__item -inline">
4424                      <input class="c-form__paper__radio u-visuallyHidden" id="work-parts-landscape" type="radio" name="work-parts-orientation" value="landscape">
4425                      <label class="c-form__label" for="work-parts-landscape">
4426                        <svg class="c-icon -landscape" aria-hidden="true">
4427                          <use xlink:href="/images/spritemap.svg#icon-landscape"></use>
4428                        </svg>
4429                        Landscape
4430                        <svg class="c-icon -check" aria-hidden="true">
4431                          <use xlink:href="/images/spritemap.svg#form-check"></use>
4432                        </svg>
4433                      </label>
4434                    </li>
4435                  <
4435/ul>
4436                </fieldset>
4437              </fieldset>
4438            </div>
4439          </div>
4440        </div>
4441
4442        <div class="o-wrapper">
4443            <div class="c-form__item">
4444              <input class="c-form__checkbox u-visuallyHidden" id="work-premiere" type="checkbox" name="work-premiere" value="" data-a11y-toggle="work-premiere-fieldset">
4445              <label class="c-form__label" for="work-premiere">
4446                First performance
4447              </label>
4448            </div>
4449        </div>
4450
4451        <fieldset class="o-row -large c-jumbotron -green -margin -marginNegative" id="work-premiere-fieldset">
4452          <div class="o-wrapper">
4453            <div class="o-fauxRow o-row">
4454
4455              <div class="o-10-12@large u-center u-clearfix">
4456                <div class="o-4-12@large u-left@large c-form__item">
4457                  <label class="c-form__label -green" for="work-premiere-date">Date</label>
4458                  <input type="text" class="c-form__text -green" id="work-premiere-date" />
4459                </div>
4460
4461                <div class="o-8-12@large u-left@large u-last@large c-form__item">
4462                  <label class="c-form__label -green" for="work-premiere-location">Location and venue</label>
4463                  <input type="text" class="c-form__text -green" id="work-premiere-location" />
4464                </div>
4465              </div>
4466
4467              <div class="o-10-12@large u-center c-form__item">
4468                <label class="c-form__label -green" for="work-premiere-executor">Executorer at first performance (inc. conductor)</label>
4469                <input type="text" class="c-form__text -green" id="work-premiere-executor" />
4470              </div>
4471
4472              <div class="o-10-12@large u-center c-form__item">
4473                <label class="c-form__label -green" for="work-premiere-fold-pages">Fold pages (voice and page number)</label>
4474                <input type="text" class="c-form__text -green" id="work-premiere-fold-pages" />
4475              </div>
4476            </div>
4477
4478          </div>
4479        </fieldset>
4480
4481        <div class="o-wrapper">
4482
4483          <div class="o-row o-10-12@large u-center c-form__item">
4484            <label class="c-form__label" for="work-other">Other information</label>
4485            <input type="text" class="c-form__text" id="work-other" />
4486          </div>
4487
4488          <div class="o-row o-fauxRow u-centerAlign">
4489            <button type="submit" class="c-cta"><span>Review</span></button>
4490          </div>
4491
4492        </div>
4493      </form>
4494    -->
4495  
4496        <button type="button" class="c-dialog__close" data-a11y-dialog-hide="deposit-dialog" aria-label="Close this dialog window">
4497          <svg class="c-icon -close" aria-hidden="true">
4498            <use xlink:href="/images/spritemap.svg#icon-close"></use>
4499          </svg>
4500        </button>
4501
4502      </div>
4503
4504    </div>
4505
4506  </div>
4507
4508</div>
4509
4510        
4511  <button type="button" class="c-button -cta u-hidden" data-a11y-dialog-show="search-no-result-dialog" id="search-no-result-dialog-button">
4512    Filterinfo
4513  </button>
4514<div id="search-no-result-dialog" class="c-dialog js-dialog " aria-hidden="true">
4515
4516  <div class="c-dialog__overlay" tabindex="-1">
4517
4518    <div role="dialog" class="c-dialog__inner" aria-labelledby="search-no-result-dialog-title">
4519
4520      <div role="document">
4521
4522        <h2 id="search-no-result-dialog-title" tabindex="0" class="u-visuallyHidden">
4523                search.no-result
4524          </h2>
4525
4526              <div class="c-body u-center">
4527        <h2>No hits?</h2>
4528<p>Svenkmusik.org contains works from several different archives that have grown over a long period of time and with different structures. For this reason, some search combinations will return few or zero results. We are aware of the issue and are working to harmonize the structure of the archive to provide more coherent search results.</p>
4529    </div>
4530  
4531        <button type="button" class="c-dialog__close" data-a11y-dialog-hide="search-no-result-dialog" aria-label="Close this dialog window">
4532          <svg class="c-icon -close" aria-hidden="true">
4533            <use xlink:href="/images/spritemap.svg#icon-close"></use>
4534          </svg>
4535        </button>
4536
4537      </div>
4538
4539    </div>
4540
4541  </div>
4542
4543</div>
vendor: 119 bytes, lines 4543-4546
4543
4544
4545
4546        <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
4546<script type="026d0d720065c70b24d244fd-text/javascript" src="/js/libs.js?id=82681bdd254d76c57662"></script>
4546
4547        
4547<script type="026d0d720065c70b24d244fd-text/javascript" src="/js/app.js?id=2b04bb26c52c3bb3bd9b"></script>
vendor: 147 bytes, lines 4547-4548
4547
4548    <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="026d0d720065c70b24d244fd-|49" defer></script>
4548</body>
4549</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.