PageSourceSearch

https://singingcarrots.com/search

html singingcarrots.com collected 2026-10-02 03:22:53 UTC 164,601 bytes, 1,892 lines download raw bytes

1<!DOCTYPE HTML>
2<html lang='en'>
3<head>
4
5    
6
7    <style>
8    .box-gold {
9        /* Box shadow for the drop shadow effect */
10        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
11
12        /* Background color for the container */
13        background-color: #fff;
14
15        /* Position to center for demo purposes */
16        margin: 50px auto;
17
18        /* Add a border with a gradient color */
19        border: 2px solid;
20        border-image-slice: 1;
21        border-width: 2px;
22        border-image-source: linear-gradient(94.09deg, #FFD843 0%, #FF9126 83.75%);
23        overflow: hidden; /* Ensure the background matches the rounded border */
24    }
25
26    .btn-gold-light {
27        /* Background color for the container */
28        background-color: #fff;
29
30        /* Position to center for demo purposes */
31        margin: 50px auto;
32
33        /* Add a border with a gradient color */
34        border: 2px solid;
35        border-image-slice: 1;
36        border-width: 2px;
37        border-image-source: linear-gradient(94.09deg, #FFD843 0%, #FF9126 83.75%);
38        overflow: hidden; /* Ensure the background matches the rounded border */
39    }
40
41    .btn-gold-light:hover {
42        background: #FFFBEC;
43        cursor: pointer;
44    }
45    </style>
46
47
48    <!-- Global site tag (gtag.js) - Google Analytics.
49         Loader gated off inside the native app shells (iOS: Guideline 5.1.2(i)
50         / App Tracking Transparency; Android mirrors the same posture): our
51         GA4 property is linked to Google Ads, so in-app data would feed an
52         advertising destination, which Apple counts as tracking.
53         The inline gtag() stub below stays defined unconditionally, so direct
54         gtag() callers across templates/JS push inertly into dataLayer and no
55         data leaves the page. Same approach for UA/UET/Rewardful/FB SDK below;
56         Mixpanel and Brevo stay (first-party service providers, no ads
57         linkage). Mirrors the Meta Pixel and AdThrive gates. To re-enable for a
58         future monetized app version: add a native ATT prompt in the iOS app,
59         propagate the per-user consent to the server, and widen these
60         conditions to (!isNativeApp or attGranted) - plus flip the App Privacy
61         label to Tracking: Yes. See .claude/issues/ios-att-rejection.md. -->
vendor: 68 bytes, lines 61-62
61
62    <script async src="https://www.googletagmanager.com/gtag/js?id=
62G-9KZZ3NERNK
vendor: 16 bytes, lines 62-63
62"></script>
63    
63<script type="text/javascript">
64      window.dataLayer = window.dataLayer || [];
65      function gtag(){dataLayer.push(arguments);}
66      gtag('js', new Date());
67
68      
69          gtag('set', {'experiments': [
70              
71                    {'id': 'AB_ADTHRIVE_DISABLE_TEST', 'variant': '0'},
72              
73          ]});
74      
75
76
77      gtag('config', 'G-9KZZ3NERNK');
78
79
80      window.addEventListener("load", function() {
81            gtag('get', 'G-9KZZ3NERNK', 'client_id', (clientID) => {
82                setCookie('_ga_client_id', clientID, 3000);
83            });
84      });
85
86    </script>
86
87
88<!--    microsoft ads tag - pure advertising tag, gated off in the iOS app (no ATT prompt; see gtag gate comment above)-->
89    
89<script type="text/javascript">(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"343188975", enableAutoSpaTracking: true};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
89
90
91
92    
92<script type="text/javascript">
93
94      
95          
96            gtag('event', 'experiment_impression', {
97                experiment_id: 'AB_ADTHRIVE_DISABLE_TEST',
98                variant_id: '0',
99                send_to: 'G-9KZZ3NERNK'
100            });
101           
102      
103    </script>
103
104
105    <!--    Old Universal analytics still needs to collect the data.
106            Gated off in the iOS app (see gtag gate comment above); the iOS
107            branch defines an inert ga() stub so direct ga('send', ...) callers
108            in templates/JS never throw. -->
109    
109<script type="text/javascript">
vendor: 375 bytes, lines 109-115
109
110        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
111        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
112        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
113        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
114
115        ga('create', '
115UA-57109328-4
vendor: 21 bytes, lines 115-117
115', 'auto');
116
117        
117ga('set', 'exp', 'AB_ADTHRIVE_DISABLE_TEST.0');
118
119        ga('send', 'pageview');
120    </script>
120
121    
122
123
124    
124<script type="text/javascript">
125        (function(f,b){if(!b.__SV){var e,g,i,h;window.mixpanel=b;b._i=[];b.init=function(e,f,c){function g(a,d){var b=d.split(".");2==b.length&&(a=a[b[0]],d=b[1]);a[d]=function(){a.push([d].concat(Array.prototype.slice.call(arguments,0)))}}var a=b;"undefined"!==typeof c?a=b[c]=[]:c="mixpanel";a.people=a.people||[];a.toString=function(a){var d="mixpanel";"mixpanel"!==c&&(d+="."+c);a||(d+=" (stub)");return d};a.people.toString=function(){return a.toString(1)+".people (stub)"};i="disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" ");
126        for(h=0;h<i.length;h++)g(a,i[h]);var j="set set_once union unset remove delete".split(" ");a.get_group=function(){function b(c){d[c]=function(){call2_args=arguments;call2=[c].concat(Array.prototype.slice.call(call2_args,0));a.push([e,call2])}}for(var d={},e=["get_group"].concat(Array.prototype.slice.call(arguments,0)),c=0;c<j.length;c++)b(j[c]);return d};b._i.push([e,f,c])};b.__SV=1.2;e=f.createElement("script");e.type="text/javascript";e.async=!0;e.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?
127        MIXPANEL_CUSTOM_LIB_URL:"file:"===f.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";g=f.getElementsByTagName("script")[0];g.parentNode.insertBefore(e,g)}})(document,window.mixpanel||[]);
128
129        mixpanel.init(
130        'f70f5155bbc8b4d4f728de283619d4f3',
131         {
132            api_host: 'https://api-eu.mixpanel.com',
133            debug: false,
134            record_sessions_percent: 1,
135            record_canvas: true,
136            record_mask_text_selector: ''
137        });
138
139        // Super property on every Mixpanel event so native-app traffic can be
140        // sliced from web. Driven by the server-side appPlatform model attr
141        // (the singingcarrots-ios / singingcarrots-android WebView UA markers).
142        // Filter "Platform = iOS App" / "Platform = Android App" in Mixpanel.
143        // Registered right after init so it applies to all subsequent events.
144        mixpanel.register({ 'Platform': null === 'ios' ? 'iOS App' : (null === 'android' ? 'Android App' : 'Web') });
145    </script>
145
146
147    <!-- Rewardful affiliate tracking - third-party ad-adjacent tag, loader
148         gated off in the iOS app (see gtag gate comment above). The queue stub
149         stays defined so rewardful('convert') callers never throw. -->
150    
150<script>(function(w,r){w._rwq=r;w[r]=w[r]||function(){(w[r].q=w[r].q||[]).push(arguments)}})(window,'rewardful');</script>
150
151    
151<script async src='https://r.wdfl.co/rw.js' data-rewardful='cd826a'></script>
151
152
153
154
155<!--    For now disabled. As it's just polluting the console with JS errors from 3rd parties and eats out the plan quota.-->
156<!--    Needs extra configs which II don't have tiime to set up now.-->
157    
158    
159
160    
160<script type="text/javascript">
161        (function() {
162            window.sib = {
163                equeue: [],
164                client_key: "d2q0ly0d2z2cgde70c7owwua"
165            };
166            /* OPTIONAL: email for identify request*/
167            // window.sib.email_id = '[email protected]';
168            window.sendinblue = {};
169            for (var j = ['track', 'identify', 'trackLink', 'page'], i = 0; i < j.length; i++) {
170            (function(k) {
171                window.sendinblue[k] = function() {
172                    var arg = Array.prototype.slice.call(arguments);
173                    (window.sib[k] || function() {
174                            var t = {};
175                            t[k] = arg;
176                            window.sib.equeue.push(t);
177                        })(arg[0], arg[1], arg[2], arg[3]);
178                    };
179                })(j[i]);
180            }
181            var n = document.createElement("script"),
182                i = document.getElementsByTagName("script")[0];
183            n.type = "text/javascript", n.id = "sendinblue-js", n.async = !0, n.src = "https://sibautomation.com/sa.js?key=" + window.sib.client_key, i.parentNode.insertBefore(n, i), window.sendinblue.page();
184        })();
185    </script>
185
186
187    
188
189    
190
191    
191<script type="text/javascript">
192        
193            mixpanel.register({ AB_ADTHRIVE_DISABLE_TEST: 0 });
194        
195
196        mixpanel.register({ 'isUserAuthenticated': false });
197        mixpanel.track('Pageview');
198    </script>
198
199
200
201    
202
203    <!-- Meta Pixel Code - gated off inside the native app shells (iOS:
204         Guideline 5.1.2 / App Tracking Transparency; Android mirrors it). The
205         cross-site Pixel + automatic PageView must not fire in-app without an
206         ATT prompt, and the apps do no ad attribution. Mirrors the AdThrive
207         ads gate below. Every fbq() caller is typeof-guarded (common.js also
208         gates on !window._isNativeApp; paywall.js and
209         funnel-survey-analytics.js don't load on the in-app pages), so the
210         absent fbq stub in-app never throws. -->
211    
211<script type="text/javascript">
vendor: 471 bytes, lines 211-220
211
212        !function(f,b,e,v,n,t,s)
213        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
214        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
215        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
216        n.queue=[];t=b.createElement(e);t.async=!0;
217        t.src=v;s=b.getElementsByTagName(e)[0];
218        s.parentNode.insertBefore(t,s)}(window, document,'script',
219        'https://connect.facebook.net/en_US/fbevents.js');
220        fbq('init', '
2201914126582131767
vendor: 42 bytes, lines 220-222
220');
221        fbq('track', 'PageView');
222    
222</script>
222
223
224<!--    workarouund for weird Thymeleaf bug: https://stackoverflow.com/questions/25500828/thymeleaf-breaks-the-html-before-%C2%B4noscript%C2%B4-tag-->
225    <noscript>
226    <img height="1" width="1" style="display:none"
227         src="https://www.facebook.com/tr?id=1914126582131767&ev=PageView&noscript=1"
228    />
229</noscript>
230    <!-- End Meta Pixel Code -->
231
232
233    
233<script type="text/javascript">
234        window._gaExps = {};
235        
236            window._gaExps.AB_ADTHRIVE_DISABLE_TEST = 0;
237        
238    </script>
238
239
240<!--    AdThrive Ads-->
241    
241<script>
242        (function(w, d) {
243        w.adthrive = w.adthrive || {};
244        w.adthrive.cmd = w.adthrive.cmd || [];
245        w.adthrive.plugin = 'adthrive-ads-1.0.43-manual';
246        w.adthrive.host = 'ads.adthrive.com';
247        var s = d.createElement('script');
248        s.async = true;
249        s.referrerpolicy='no-referrer-when-downgrade';
250        s.src = 'https://' + w.adthrive.host + '/sites/6027f8d80df047701c4d6afc/ads.min.js?referrer=' + w.encodeURIComponent(w.location.href);
251        var n = d.getElementsByTagName('script')[0];
252        n.parentNode.insertBefore(s, n);
253        })(window, document);
254    </script>
254
255
256    <!-- Facebook JS SDK (web login) - gated off in the iOS app: it pings
257         Facebook with cookies, and the in-app login flow (/ios/login) does not
258         offer Facebook sign-in. See gtag gate comment above. -->
259    
259<script>
260          window.fbAsyncInit = function() {
261            FB.init({
262              appId      : '1222325527958891', // Your Facebook App ID
263              cookie     : true,
264              status     : true,
265              xfbml      : true,
266              version    : 'v5.0'
267            });
268
269            // Additional Facebook SDK functionality here
270          };
271
272          // Load the SDK Asynchronously
273          (function(d, s, id){
274             var js, fjs = d.getElementsByTagName(s)[0];
275             if (d.getElementById(id)) {return;}
276             js = d.createElement(s); js.id = id;
277             js.src = "https://connect.facebook.net/en_US/sdk.js";
278             fjs.parentNode.insertBefore(js, fjs);
279           }(document, 'script', 'facebook-jssdk'));
280    </script>
280
281
282
283    
283<script type="text/javascript">
284        window._isUserAuthenticated = "false" == "true" ? true : false ;
285        window._hasPitchTrainingUpgrade = "false" == "true" ? true : false ;
286        window._isIosApp = false === true;
287        window._iosAppVersion = "";
288        // Shell-generic twins (SC-137): true/set inside ANY native app shell
289        // (iOS or Android). _appPlatform is 'ios' | 'android' | null;
290        // _appVersion is '' outside the apps (same falsy semantics as
291        // _iosAppVersion). Keep the iOS-named pair above - real consumers exist.
292        window._isNativeApp = false === true;
293        window._appPlatform = "" || null;
294        window._appVersion = "";
295    </script>
295
296
297    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
298    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
299
300    <link rel="shortcut icon" type="image/png" href="/img/favicon.png"/>
301
302    
303    
303<script type="application/ld+json">
304    {
305      "@context": "https://schema.org",
306      "@graph": [
307        {
308          "@type": "Organization",
309          "@id": "https://singingcarrots.com/#organization",
310          "name": "Singing Carrots",
311          "legalName": "Singing Carrots Limited",
312          "url": "https://singingcarrots.com/",
313          "logo": "https://singingcarrots.com/img/singing-carrots-logo.png",
314          "description": "AI vocal coach and online vocal-training platform, founded 2019.",
315          "foundingDate": "2019",
316          "founder": { "@id": "https://singingcarrots.com/#founder" },
317          "sameAs": [
318            "https://www.wikidata.org/wiki/Q141490078",
319            "https://find-and-update.company-information.service.gov.uk/company/16223851",
320            "https://www.crunchbase.com/organization/singing-carrots",
321            "https://www.linkedin.com/company/singing-carrots/",
322            "https://www.facebook.com/singingcarrots",
323            "https://www.instagram.com/carrotssing/",
324            "https://www.tiktok.com/@singingcarrotsapp",
325            "https://www.youtube.com/channel/UCVKzgF-DQ7tXa0SgnClBtyA",
326            "https://apps.apple.com/app/singing-carrots-ai-vocal-coach/id6776270059",
327            "https://www.trustpilot.com/review/singingcarrots.com"
328          ]
329        },
330        {
331          "@type": "Person",
332          "@id": "https://singingcarrots.com/#founder",
333          "name": "Sergey Kuhne",
334          "jobTitle": "Founder",
335          "worksFor": { "@id": "https://singingcarrots.com/#organization" },
336          "sameAs": [
337            "https://www.linkedin.com/in/sergey-kuhne-0b310351/",
338            "https://x.com/kyunez",
339            "https://github.com/kyunez",
340            "https://sergeykuhne.com/"
341          ]
342        }
343      ]
344    }
345    </script>
345
346
347    <link rel="stylesheet" href="/css/loader.css"/>
348
349    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
350
351
352<!--    <link rel="stylesheet" th:href="@{/css/font-awesome-4.7.0/css/font-awesome.min.css}">-->
353    
353<script src="https://kit.fontawesome.com/f4e2ba0eb9.js" crossorigin="anonymous"></script>
353
354
355    
355<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
355
356    
356<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
356
357
358<!--    There is a conflict between jquery UI and bootstrap tooltip components-->
359<!--    To fix it the scripts need to be loaded in a following order: jQuery , jQuery UI , Bootstrap-->
360<!--    https://stackoverflow.com/questions/17458224/uncaught-error-no-such-method-show-for-tooltip-widget-instance-->
361
362    
363
364    
364<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
364
365
366    
367
368<!--    
368<script th:if="${loadVueJS}" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
368 for development-->
369    
369<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.min.js" integrity="sha512-FA/meM8xgk2yf3bGWk9YsS5eSuV9MAZGghaJF+4EnwGJOR27xthS4PGl09jH49WHD6DUxStBfvg+500N7wrY6A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
369
370    
370<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.21.1/babel.min.js"></script>
370
371
372    
372<script type="text/javascript" src="/js/vuecomponents.js"></script>
372
373
374    
374<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>
374
375    <!-- SC-228: must load BEFORE common.js - _track_analytics_event consults it. -->
376    
376<script type="text/javascript" src="/js/analytics-sampling.js?v=2"></script>
376
377    
377<script type="text/javascript" src="/js/common.js?v=1008"></script>
377
378    <!-- SC-231: shared by every mic/output picker (header widget fragment, settings
379         modal, mic-check, /microphone-test) - loaded here so all of them get it. -->
380    
380<script type="text/javascript" src="/js/audio/mic-devices.js?v=1"></script>
380
381    
381<script type="text/javascript" src="/js/referral-nudge.js?v=1"></script>
381
382    <link rel="stylesheet" href="/css/colors_and_type.css?v=8">
383    <link rel="preconnect" href="https://fonts.googleapis.com">
384    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
385    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap">
386    <link rel="stylesheet" href="/css/custom.css?v=21">
387
388
389
390    <title>Find songs by vocal range - Singing carrots</title>
391
392    <meta name="robots" content="index, follow" />
393    <meta name="description" content="Explore songs that fit your voice based on your vocal range. Choose from more than 70 000 titles. Find optimal key to sing your song. ">
394    <meta name="keywords" content="song,sing,vocal-range,voice,find,explore">
395
396    
396<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
396
397    
397<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
397
398    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
399
400    <style>
401          .ui-slider-handle {
402            width: 3em !important;
403            height: 1.6em !important;
404            text-align: center !important;
405            line-height: 1.6em !important;
406          }
407
408           .badge-difficulty {
409            color: #212529;
410            background-color: #f8f9fa;
411            border-color:#f8f9fa;
412          }
413    </style>
414
415    
415<script type="text/javascript" src="/js/search-desktop.js"></script>
415
416    
416<script type="text/javascript" src="/js/search.js?v=1003"></script>
416
417
418</head>
419<body style="display: flex;min-height: 100vh;flex-direction: column;" class=" search">
420
421<div id="content" style="flex:1;">
422    <div >
423
424        <div>
425        
426        
427    
428        <header class="page-header">
429            <!-- Modal -->
430            <!-- Black Friday Banner -->
431            <div class="modal fade" id="setRangeModal" tabindex="-1" role="dialog" aria-labelledby="setRangeModalLabel" aria-hidden="true">
432                <div class="modal-dialog" role="document">
433                    <div class="modal-content">
434                        <div class="modal-header">
435                            <h5 class="modal-title" id="setRangeModalLabel">Set up your vocal range</h5>
436                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
437                                <span aria-hidden="true">&times;</span>
438                            </button>
439                        </div>
440                        <div class="modal-body">
441                            <div>
442        <form id="range-select-form">
443            <div id="collapseRangeFinder">
444                <div class="row">
445                    <div class="float-left ml-3 mr-3 mx-auto pt-2" style="max-width: 400px;">
446                        <div class="form-row align-items-center">
447                            <div class="form-group col">
448                                <label for="userLowestNote">Lowest note</label>
449                                <select class="form-control" id="userLowestNote">
450                                    <option value="-1" disabled hidden>Choose</option>
451                                    <option value="96">B8</option>
452                                    <option value="95">A#8</option>
453                                    <option value="94">A8</option>
454                                    <option value="93">G#8</option>
455                                    <option value="92">G8</option>
456                                    <option value="91">F#8</option>
457                                    <option value="90">F8</option>
458                                    <option value="89">E8</option>
459                                    <option value="88">D#8</option>
460                                    <option value="87">D8</option>
461                                    <option value="86">C#8</option>
462                                    <option value="85">C8</option>
463                                    <option value="84">B7</option>
464                                    <option value="83">A#7</option>
465                                    <option value="82">A7</option>
466                                    <option value="81">G#7</option>
467                                    <option value="80">G7</option>
468                                    <option value="79">F#7</option>
469                                    <option value="78">F7</option>
470                                    <option value="77">E7</option>
471                                    <option value="76">D#7</option>
472                                    <option value="75">D7</option>
473                                    <option value="74">C#7</option>
474                                    <option value="73">C7</option>
475                                    <option value="72">B6</option>
476                                    <option value="71">A#6</option>
477                                    <option value="70">A6</option>
478                                    <option value="69">G#6</option>
479                                    <option value="68">G6</option>
480                                    <option value="67">F#6</option>
481                                    <option value="66">F6</option>
482                                    <option value="65">E6</option>
483                                    <option value="64">D#6</option>
484                                    <option value="63">D6</option>
485                                    <option value="62">C#6</option>
486                                    <option value="61">C6</option>
487                                    <option value="60">B5</option>
488                                    <option value="59">A#5</option>
489                                    <option value="58">A5</option>
490                                    <option value="57">G#5</option>
491                                    <option value="56">G5</option>
492                                    <option value="55">F#5</option>
493                                    <option value="54">F5</option>
494                                    <option value="53">E5</option>
495                                    <option value="52">D#5</option>
496                                    <option value="51">D5</option>
497                                    <option value="50">C#5</option>
498                                    <option value="49">C5</option>
499                                    <option value="48">B4</option>
500                                    <option value="47">A#4</option>
501                                    <option value="46">A4</option>
502                                    <option value="45">G#4</option>
503                                    <option value="44">G4</option>
504                                    <option value="43">F#4</option>
505                                    <option value="42">F4</option>
506                                    <option value="41">
506E4</option>
507                                    <option value="40">D#4</option>
508                                    <option value="39">D4</option>
509                                    <option value="38">C#4</option>
510                                    <option value="37" selected>C4 (middle C)</option>
511                                    <option value="36">B3</option>
512                                    <option value="35">A#3</option>
513                                    <option value="34">A3</option>
514                                    <option value="33">G#3</option>
515                                    <option value="32">G3</option>
516                                    <option value="31">F#3</option>
517                                    <option value="30">F3</option>
518                                    <option value="29">E3</option>
519                                    <option value="28">D#3</option>
520                                    <option value="27">D3</option>
521                                    <option value="26">C#3</option>
522                                    <option value="25">C3</option>
523                                    <option value="24">B2</option>
524                                    <option value="23">A#2</option>
525                                    <option value="22">A2</option>
526                                    <option value="21">G#2</option>
527                                    <option value="20">G2</option>
528                                    <option value="19">F#2</option>
529                                    <option value="18">F2</option>
530                                    <option value="17">E2</option>
531                                    <option value="16">D#2</option>
532                                    <option value="15">D2</option>
533                                    <option value="14">C#2</option>
534                                    <option value="13">C2</option>
535                                    <option value="12">B1</option>
536                                    <option value="11">A#1</option>
537                                    <option value="10">A1</option>
538                                    <option value="09">G#1</option>
539                                    <option value="08">G1</option>
540                                    <option value="07">F#1</option>
541                                    <option value="06">F1</option>
542                                    <option value="05">E1</option>
543                                    <option value="04">D#1</option>
544                                    <option value="03">D1</option>
545                                    <option value="02">C#1</option>
546                                    <option value="01">C1</option>
547                                </select>
548                                <div class="invalid-feedback">
549                                    Lowest note should be lower than the highest
550                                </div>
551                            </div>
552                            <div class="form-group col">
553                                <label for="userHighestNote">Highest note</label>
554                                <select class="form-control" id="userHighestNote" >
555                                    <option value="-1" disabled hidden>Choose</option>
556                                    <option value="96">B8</option>
557                                    <option value="95">A#8</option>
558                                    <option value="94">A8</option>
559                                    <option value="93">G#8</option>
560                                    <option value="92">G8</option>
561                                    <option value="91">F#8</option>
562                                    <option value="90">F8</option>
563                                    <option value="89">E8</option>
564                                    <option value="88">D#8</option>
565                                    <option value="87">D8</option>
566                                    <option value="86">C#8</option>
567                                    <option value="85">C8</option>
568                                    <option value="84">B7</option>
569                                    <option value="83">A#7</option>
570                                    <option value="82">A7</option>
571                                    <option value="81">G#7</option>
572                                    <option value="80">G7</option>
573                                    <option value="79">F#7</option>
574                                    <option value="78">F7</option>
575                                    <option value="77">E7</option>
576                                    <option value="76">D#7</option>
577                                    <option value="75">D7</option>
578                                    <option value="74">C#7</option>
579                                    <option value="73">C7</option>
580                                    <option value="72">B6</option>
581                                    <option value="71">A#6</option>
582                                    <option value="70">A6</option>
583                                    <option value="69">G#6</option>
584                                    <option value="68">G6</option>
585                                    <option value="67">F#6</option>
586                                    <option value="66">F6</option>
587                                    <option value="65">E6</option>
588                                    <option value="64">D#6</option>
589                                    <option value="63">D6</option>
590                                    <option value="62">C#6</option>
591                                    <option value="61">C6</option>
592                                    <option value="60">B5</option>
593                                    <option value="59">A#5</option>
594                                    <option value="58">A5</option>
595                                    <option value="57">G#5</option>
596                                    <option value="56">G5</option>
597                                    <option value="55">F#5</option>
598                                    <option value="54">F5</option>
599                                    <option value="53">E5</option>
600                                    <option value="52">D#5</option>
601                                    <option value="51">D5</option>
602                                    <option value="50">C#5</option>
603                                    <option value="49">C5</option>
604                                    <option value="48">B4</option>
605                                    <option value="47">A#4</option>
606                                    <option value="46">A4</option>
607                                    <option value="45">G#4</option>
608                                    <option value="44">G4</option>
609                                    <option value="43">F#4</option>
610                                    <option value="42">F4</option>
611                                    <option value="41">
611E4</option>
612                                    <option value="40">D#4</option>
613                                    <option value="39">D4</option>
614                                    <option value="38">C#4</option>
615                                    <option value="37" selected>C4 (middle C)</option>
616                                    <option value="36">B3</option>
617                                    <option value="35">A#3</option>
618                                    <option value="34">A3</option>
619                                    <option value="33">G#3</option>
620                                    <option value="32">G3</option>
621                                    <option value="31">F#3</option>
622                                    <option value="30">F3</option>
623                                    <option value="29">E3</option>
624                                    <option value="28">D#3</option>
625                                    <option value="27">D3</option>
626                                    <option value="26">C#3</option>
627                                    <option value="25">C3</option>
628                                    <option value="24">B2</option>
629                                    <option value="23">A#2</option>
630                                    <option value="22">A2</option>
631                                    <option value="21">G#2</option>
632                                    <option value="20">G2</option>
633                                    <option value="19">F#2</option>
634                                    <option value="18">F2</option>
635                                    <option value="17">E2</option>
636                                    <option value="16">D#2</option>
637                                    <option value="15">D2</option>
638                                    <option value="14">C#2</option>
639                                    <option value="13">C2</option>
640                                    <option value="12">B1</option>
641                                    <option value="11">A#1</option>
642                                    <option value="10">A1</option>
643                                    <option value="09">G#1</option>
644                                    <option value="08">G1</option>
645                                    <option value="07">F#1</option>
646                                    <option value="06">F1</option>
647                                    <option value="05">E1</option>
648                                    <option value="04">D#1</option>
649                                    <option value="03">D1</option>
650                                    <option value="02">C#1</option>
651                                    <option value="01">C1</option>
652                                </select>
653                                <div class="invalid-feedback">
654                                    Highest note should be higher than the lowest
655                                </div>
656                            </div>
657                        </div>
658                        <div class="form-row align-items-center mb-3">
659                            <button type="button" class="btn btn-primary btn btn-block mr-1 ml-1" id="btn-submit-user-range">Save</button>
660                        </div>
661                        <p class="text-center"> Don't know your range? Find with <a href="/range-test">Vocal Range Test</a> </p>
662                    </div>
663                </div>
664            </div>
665        </form>
666    </div>
667                        </div>
668                    </div>
669                </div>
670            </div>
671            <div class="site-logo">
672                <a href="/">
673                    <img src="/img/singing-carrots-logo.png" alt="Singing Carrots logo">
674                </a>
675            </div><!-- end of .site-logo -->
676
677            <hr class="d-md-none d-block my-0"/>
678
679            <!-- end of .vocal-range-caller -->
680
681            <div id="indicator-my-range" class="vocal-range-caller d-none d-md-block mt-2 py-2 px-3">
682                <!-- Vocal range not set -->
683
684<!--                <a href="/api/v1/redirect/gift-voucher" class="text-dark">-->
685<!--                    <span><strong>🎄 Holiday Special</strong></span><br/>-->
686<!--                    <span>🎁 Gift Singing Carrots to Your Loved Ones! 🎶</span>-->
687<!--                </a>-->
688
689                <a href="/range-test" class="vocal-range-caller--not-set " >Find your vocal range</a>
690
691                <!-- Vocal range set (currently hidden with d-none) -->
692                <div class="vocal-range-caller--set d-none">
693                    Your vocal range is:
694                    <span class="vocal-range-caller--range" id="indicator-my-range-value">C3 to F6</span>
695                </div>
696            </div><!-- end of .vocal-range-caller -->
697
698            <nav id="main-nav" class="navbar navbar-expand-md">
699                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
700                    <img class="menu-icon" src="/img/hamburger-icon.png" alt="Main menu">
701                </button>
702
703                <ul class="navbar-nav nav collapse navbar-collapse" id="navbarToggler">
704                    <li class="nav-item">
705                        <a class="nav-link main-menu-link" href="/" id="home-link">
706                            Home
707                        </a>
708                    </li>
709                    
710                    <li class="nav-item dropdown">
711                        <a id="menu-link-ptraining" class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
712                            <span>Practice</span>
713                        </a>
714                        <div class="dropdown-menu">
715                            <a class="main-menu-link dropdown-item text-primary" href="/ai-singing-coach" id="ai-coach-link">
716                                AI Vocal Coach
717                            </a>
718                            <a class="main-menu-link dropdown-item text-primary" href="/pitch-training#game" id="pitch-training-game-link">
719                                Pitch training game
720                            </a>
721                            <a class="main-menu-link dropdown-item text-primary" href="/sustain-training" id="sustain-training-link">
722                                Sustain & Breath training
723                            </a>
724                            <a class="main-menu-link dropdown-item text-primary" href="/my-custom-melodies" id="pitch-training-melodies-link">
725                                My custom melodies (MIDI)
726                            </a>
727                            <a class="main-menu-link dropdown-item text-primary" href="/pitch-monitor" id="pitch-monitor-link">
728                                Simple vocal pitch monitor
729                            </a>
730                        </div>
731                    </li>
732                    <li class="nav-item dropdown">
733                        <a id="menu-link-resources" class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
734                            Courses
735                        </a>
736                        <div class="dropdown-menu">
737                            <a class="main-menu-link dropdown-item text-primary" href="/course/zero-to-hero"  id="link-singing-beginners">
738                                From Zero to Singing Hero
739                            </a>
740                            <a class="main-menu-link dropdown-item text-primary" href="/singing-beginners"  id="link-singing-beginners">
741                                All-Round Vocalist
742                            </a>
743                            <a class="main-menu-link dropdown-item text-primary" href="/voice-analysis"  id="link-voice-analyser">
744                                Voice analysis guide
745                            </a>
746                            <a class="main-menu-link dropdown-item text-primary" href="/video-lib"  id="link-video-lib">
747                                Video library
748                            </a>
749                            <a class="main-menu-link dropdown-item text-primary" href="/resources"  id="link-stats-main">
750                                Useful links
751                            </a>
752                        </div>
753                    </li>
754                    <li class="nav-item dropdown">
755                        <a id="menu-link-tests" class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
756                            <span>Tests</span>
757                        </a>
758                        <div class="dropdown-menu">
759                            <a class="main-menu-link dropdown-item text-primary" href="/range-test" id="find-range-link">
760                                Vocal range test
761                            </a>
762                            <a class="main-menu-link dropdown-item text-primary" href="/pitch-test" id="pitch-test-link">
763                                Pitch accuracy test
764                            </a>
765                        </div>
766                    </li>
767                    <li class="nav-item dropdown">
768                        <a id="menu-link-search" class="nav-link dropdown-toggle active" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
769                            Vocal ranges
770                        </a>
771                        <div class="dropdown-menu">
772                            <a class="main-menu-link dropdown-item text-primary text-dark" href="/search" id="search-link">
773                                Find songs by range
774                            </a>
775                            <a class="main-menu-link dropdown-item text-primary" href="/artists" id="artists-link">
776                                Singers' vocal ranges
777                            </a>
778                            <a class="main-menu-link dropdown-item text-primary" href="/song-key-finder" id="key-finder-link">
779                                Song Key Finder
780                            </a>
781                            
782                            <a class="main-menu-link dropdown-item text-primary" href="/contribute" id="contribute-link">
783                                Submit a song
784                            </a>
785                        </div>
786                    </li>
787                    <li class="nav-item dropdown">
788                        <a id="menu-link-leaderboards" class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
789                            Leaderboards
790                        </a>
791                        <div class="dropdown-menu">
792                            <a class="main-menu-link dropdown-item text-primary" href="/weekly-standings"  id="link-standings">
793                                Weekly competition
794                            </a>
795                            <a class="main-menu-link dropdown-item text-primary" href="/pitch-training/level-rankings?level=1"  id="link-level-rankings">
796                                Ranking by game level
797                            </a>
798                            <a class="main-menu-link dropdown-item text-primary" href="/hall-of-fame"  id="link-hall-of-fame">
799                                Hall of fame
800                            </a>
801                        </div>
802                    </li>
803                    
804                    
805                    
806                    <li class="nav-item dropdown ml-auto">
807                        <a  id="menu-link-for-teachers" class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
808                            <i class="fa fa-graduation-cap " aria-hidden="true"></i> For Teachers
809                        </a>
810                        <div class="dropdown-menu dropdown-menu-right">
811                            <a class="main-menu-link dropdown-item text-primary" href="/studio" id="link-studio">
812                                Carrots Studio (Video Conferencing)
813                            </a>
814                            <a class="main-menu-link dropdown-item text-primary" href="/teachers/apply" id="link-list-teacher">
815                                List your teaching services
816                            </a>
817                            <a class="main-menu-link dropdown-item text-primary" href="/schools" id="link-schools">
818                                Group plans for schools
819                            </a>
820                        </div>
821                    </li>
822                    
823                    <li>
824                        <ul class="secondary-nav nav">
825                            <li class="nav-item nav-item--login">
826                                <a class="nav-link" id="signupBtn" href="#" style="color:#FF9126">
827                                    Sign Up
828                                </a>
829                            </li>
830                            <li class="nav-item nav-item--login">
831                                <a class="nav-link" id="loginBtn" href="#">
832                                    Log in
833                                </a>
834                            </li>
835                            
836                            
837                            <li class="nav-item">
838                                <a class="nav-link text-secondary main-menu-link mr-3" href="/about" id="about-link">
839                                    About
840                                </a>
841                            </li>
842                            <li class="nav-item">
843                                <a class="nav-link text-secondary main-menu-link" id="contact-us-link" href="/contact">
844                                    Contact us
845                                </a>
846                            </li>
847                            <li class="nav-item">
848                                <a class="nav-link text-secondary main-menu-link" id="mission-link" href="/mission">
849                                    Mission
850                                </a>
851                            </li>
852                            <li class="nav-item">
853                                <a class="nav-link text-secondary main-menu-link" href="https://singingcarrots.com/blog/articles" id="blog-link">
854                                    <i class="fa fa-newspaper-o" aria-hidden="true"></i> Blog
855                                </a>
856                            </li>
857                        </ul>
858                    </li>
859                </ul>
860                
861            </nav>
862        </header>
863    </div>
864
865        <ul class="nav nav-pills mx-0 my-4 col-11 mx-auto" id="myTab" role="tablist">
866            <li class="nav-item ml-auto">
867                <a class="nav-link active" id="explore-tab" data-toggle="tab" href="#div-explore" role="tab" aria-controls="div-explore" aria-selected="true">Search by range</a>
868            </li>
869            <li class="nav-item mr-auto">
870                <a class="nav-link" id="search-tab" data-toggle="tab" href="#div-search" role="tab" aria-controls="div-search" aria-selected="false">Search by name</a>
871            </li>
872        </ul>
873
874        <div class="tab-content col-11 mx-auto" id="myTabContent">
875            <div class="tab-pane fade show active" id="div-explore" role="tabpanel" aria-labelledby="explore-tab">
876
877                <div id="div-slider-search" class="mb-0 w-100 pl-2 my-4">
878                    <div class="row mx-0">
879                        <div class="my-0 mx-auto">
880                            <button id="btn-bass" class="btn btn-light ml-2 py-0 px-2"> Bass (E2-E4) </button>
881                            <button id="btn-baritone" class="btn btn-light ml-2 py-0 px-2"> Baritone (A2-A4) </button>
882                            <button id="btn-tenor" class="btn btn-light ml-2 py-0 px-2"> Tenor (C3-C5) </button>
883                            <button id="btn-contralto" class="btn btn-light ml-2 py-0 px-2"> Contralto (F3-F5) </button>
884                            <button id="btn-mezzo" class="btn btn-light ml-2 py-0 px-2"> Mezzo-soprano (A3-A5) </button>
885                            <button id="btn-soprano" class="btn btn-light ml-2 py-0 px-2"> Soprano (C4-C6) </button>
886                        </div>
887                    </div>
888                    <div class="my-4">
889                        <div id="slider-range" class="bg-secondary ml-2 mt-4 mr-4"></div>
890                    </div>
891
892                    <div class="mt-3 ml-2 mr-4">
893                        <img src="/img/piano8.png" alt="piano scale" class="img-fluid w-100" style="max-height:100px;">
894                    </div>
895
896                    <p class="d-none">
897                        <label class="h5 m-2" for="search-range">Search for songs by vocal range:</label>
898                        <input type="text" id="search-range" readonly style="border:0; color:#17a2b8; font-weight:bold;">
899                    </p>
900                </div>
901
902                <div class="row mx-0 my-2">
903                    <div class="col-4">
904                        <form id="filters-form" class="card card-body">
905                            <h2 class="pl-3 pr-3 mb-0" style="font-size:1.2rem;">
906                                <i class="fa fa-sliders" aria-hidden="true"></i>
907                                Filters
908                                <span class="badge badge-pill badge-info" id="span-filter-counter"></span>
909                                <button type="button" class="btn btn-light ml-auto d-none" id="resetFiltersBtn"> <i class="fa fa-times" aria-hidden="true"></i> Remove all filters</button>
910                            </h2>
911                            <div class="ml-3 mr-3 mt-3" id="collapseFilter">
912                                <div class="form-group">
913                                    <input type="checkbox" id="hasPitchPractice">
914                                    <label class="form-check-label" for="hasPitchPractice">
915                                        <i class="fa fa-play-circle text-success" aria-hidden="true"></i> Has Pitch Practice
916                                    </label>
917                                    <small class="form-text text-muted">Show only songs available for pitch training</small>
918                                </div>
919                                <div class="form-check mb-0">
920                                    <input class="form-check-input" type="radio" name="genderSelect" id="anyGender" value="" checked>
921                                    <label class="form-check-label mr-4" for="anyGender">
922                                        Any gender
923                                    </label>
924                                    <input class="form-check-input" type="radio" name="gender
924Select" id="female" value="F">
925                                    <label class="form-check-label mr-4" for="female">
926                                        Female
927                                    </label>
928                                    <input class="form-check-input" type="radio" name="genderSelect" id="male" value="M">
929                                    <label class="form-check-label" for="male">
930                                        Male
931                                    </label>
932                                </div>
933                                <p><small class="text-muted">Gender of the performer</small></p>
934                                <div class="form-group ">
935                                    <input type="checkbox"  id="inOriginalKey" checked="checked">
936                                    <label class="form-check-label" for="inOriginalKey">I want to sing only in the original key</label>
937                                    <small class="form-text text-muted">Keep this option ON to find songs for Karaoke</small>
938                                </div>
939                                <div class="form-check">
940                                    <input class="form-check-input" type="radio" name="difficultySelect" id="any" value="UNKNOWN" checked>
941                                    <label class="form-check-label" for="any">
942                                        Any difficulty
943                                    </label>
944                                    <small class="form-text text-muted">Don't filter songs by difficulty</small>
945                                    <input class="form-check-input" type="radio" name="difficultySelect" id="easy" value="EASY">
946                                    <label class="form-check-label" for="easy">
947                                        Easy
948                                    </label>
949                                    <small class="form-text text-muted">Your vocal range is significantly wider than that of a song</small>
950                                    <input class="form-check-input" type="radio" name="difficultySelect" id="moderate" value="MODERATE">
951                                    <label class="form-check-label" for="moderate">
952                                        Moderate
953                                    </label>
954                                    <small class="form-text text-muted">The difference between your vocal range and that of a song is between 2 and 6 semitones</small>
955                                    <input class="form-check-input" type="radio" name="difficultySelect" id="challenging" value="CHALLENGING">
956                                    <label class="form-check-label" for="challenging">
957                                        Challenging
958                                    </label>
959                                    <small class="form-text text-muted">Your vocal range and that of a song are almost identical</small>
960                                    <input class="form-check-input" type="radio" name="difficultySelect" id="very-challenging" value="VERY_CHALLENGING">
961                                    <label class="form-check-label" for="very-challenging">
962                                        Very challenging
963                                    </label>
964                                    <small class="form-text text-muted">Song's singing range is one or 2 semitones wider than your vocal range</small>
965                                </div>
966
967                                <div class="overflow-auto mt-2" style="max-height:350px">
968        <ul class="list-group">
969            <p> Genres: </p>
970            <input type="text" class="form-control mb-2" id="styles-search-box" placeholder="Search for a genre..." onkeyup="filterGenres()">
971            <div class="d-none mb-2" id="div-styles-selected">
972                <p id="p-styles-badges"></p>
973                <button type="button" class="btn btn-light" id="btn-reset-styles">Remove all</button>
974            </div>
975
976            <li class="list-group-item"><input type="checkbox"  id="blues-rock" class="sts-style"><label class="form-check-label ml-2" for="blues-rock">Blues Rock</label></li>
977
978            <li class="list-group-item"><input type="checkbox"  id="children-s" class="sts-style"><label class="form-check-label ml-2" for="children-s">Children's</label></li>
979
980            <li class="list-group-item"><input type="checkbox"  id="classical" class="sts-style"><label class="form-check-label ml-2" for="classical">Classical</label></li>
981
982            <li class="list-group-item"><input type="checkbox"  id="country" class="sts-style"><label class="form-check-label ml-2" for="country">Country</label></li>
983
984            <li class="list-group-item"><input type="checkbox"  id="folk" class="sts-style"><label class="form-check-label ml-2" for="folk">Folk</label></li>
985
986            <li class="list-group-item"><input type="checkbox"  id="heavy-metal" class="sts-style"><label class="form-check-label ml-2" for="heavy-metal">Heavy Metal</label></li>
987
988            <li class="list-group-item"><input type="checkbox"  id="indie-rock" class="sts-style"><label class="form-check-label ml-2" for="indie-rock">Indie Rock</label></li>
989
990            <li class="list-group-item"><input type="checkbox"  id="jazz" class="sts-style"><label class="form-check-label ml-2" for="jazz">Jazz</label></li>
991
992            <li class="list-group-item"><input type="checkbox"  id="movie-tv" class="sts-style"><label class="form-check-label ml-2" for="movie-tv">Movie/TV</label></li>
993
994            <li class="list-group-item"><input type="checkbox"  id="musical" class="sts-style"><label class="form-check-label ml-2" for="musical">Musical</label></li>
995
996            <li class="list-group-item"><input type="checkbox"  id="pop" class="sts-style"><label class="form-check-label ml-2" for="pop">Pop</label></li>
997
998            <li class="list-group-item"><input type="checkbox"  id="pop-rock" class="sts-style"><label class="form-check-label ml-2" for="pop-rock">Pop Rock</label></li>
999
1000            <li class="list-group-item"><input type="checkbox"  id="r-b" class="sts-style"><label class="form-check-label ml-2" for="r-b">R&B</label></li>
1001
1002            <li class="list-group-item"><input type="checkbox"  id="rock" class="sts-style"><label class="form-check-label ml-2" for="rock">Rock</label></li>
1003
1004            <li class="list-group-item"><input type="checkbox"  id="rock-roll" class="sts-style"><label class="form-check-label ml-2" for="rock-roll">Rock & Roll</label></li>
1005
1006            <li class="list-group-item"><input type="checkbox"  id="show-broadway" class="sts-style"><label class="form-check-label ml-2" for="show-broadway">Show/Broadway</label></li>
1007
1008            <li class="list-group-item"><input type="checkbox"  id="soul" class="sts-style"><label class="form-check-label ml-2" for="soul">Soul</label></li>
1009
1010            <li class="list-group-item"><input type="checkbox"  id="standards" class="sts-style"><label class="form-check-label ml-2" for="standards">Standards</label></li>
1011
1012            <li class="list-group-item"><input type="checkbox"  id="soundtrack" class="sts-style"><label class="form-check-label ml-2" for="soundtrack">Soundtrack</label></li>
1013
1014            <li class="list-group-item"><input type="checkbox"  id="traditional" class="sts-style"><label class="form-check-label ml-2" for="traditional">Traditional</label></li>
1015
1016            <li class="list-group-item"><hr/></li>
1017
1018            <li class="list-group-item"><input type="checkbox"  id="16th-century" class="sts-style"><label class="form-check-label ml-2" for="16th-century">16th-Century</label></li>
1019            <li class="list-group-item"><input type="checkbox"  id="17th-century" class="sts-style"><label class="form-check-label ml-2" for="17th-century">17th-Century</label></li>
1020            <li class="list-group-item"><input type="checkbox"  id="18th-century" class="sts-style"><label class="form-check-label ml-2" for="18th-century">18th-Century</label></li>
1021            <li class="list-group-item"><input type="checkbox"  id="19th-century" class="sts-style"><label class="form-check-label ml-2" for="19th-century">19th-Century</label></li>
1022            <li class="list-group-item"><input type="checkbox"  id="20th-century" class="sts-style"><label class="form-check-label ml-2" for="20th-century">20th-Century</label></li>
1023            <li class="list-group-item"><input type="checkbox"  id="21st-century" class="sts-style"><label class="form-check-label ml-2" for="21st-century">21st-Century</label></li>
1024            <li class="list-group-item"><input type="checkbox"  id="70s-folk-rock" class="sts-style"><label class="form-check-label ml-2" for="70s-folk-rock">70s Folk/Rock</label></li>
1025            <li class="list-group-item"><input type="checkbox"  id="80s" class="sts-style"><label class="form-check-label ml-2" for="80s">80s</label></li>
1026            <li class="list-group-item"><input type="checkbox"  id="a-cappella" class="sts-style"><label class="form-check-label ml-2" for="a-cappella">A cappella</label></li>
1027            <li class="list-group-item"><input type="checkbox"  id="am-pop" class="sts-style"><label class="form-check-label ml-2" for="am-pop">AM Pop</label></li>
1028            <li class="list-group-item"><input type="checkbox"  id="acid-house" class="sts-style"><label class="form-check-label ml-2" for="acid-house">Acid House</label></li>
1029            <li class="list-group-item"><input type="checkbox"  id="acid-jazz" class="sts-style"><label class="form-check-label ml-2" for="acid-jazz">Acid Jazz</label></li>
1030            <li class="list-group-item"><input type="checkbox"  id="acid-rock" class="sts-style"><label class="form-check-label ml-2" for="acid-rock">Acid Rock</label></li>
1031            <li class="list-group-item"><input type="checkbox"  id="acoustic-blues" class="sts-style"><label class="form-check-label ml-2" for="acoustic-blues">Acoustic Blues</label></li>
1032            <li class="list-group-item"><input type="checkbox"  id="acoustic-chicago" class="sts-style"><label class="form-check-label ml-2" for="acoustic-chicago">Acoustic Chicago</label></li>
1033            <li class="list-group-item"><input type="checkbox"  id="adult-alternative" class="sts-style"><label class="form-check-label ml-2" for="adult-alternative">Adult Alternative</label></li>
1034            <li class="list-group-item"><input type="checkbox"  id="adult-contemporary" class="sts-style"><label class="form-check-label ml-2" for="adult-contemporary">Adult Contemporary</label></li>
1035            <li class="list-group-item"><input type="checkbox"  id="advent" class="sts-style"><label class="form-check-label ml-2" for="advent">Advent</label></li>
1036            <li class="list-group-item"><input type="checkbox"  id="african" class="sts-style"><label class="form-check-label ml-2" for="african">African</label></li>
1037            <li class="list-group-item"><input type="checkbox"  id="afro-cuban" class="sts-style"><label class="form-check-label ml-2" for="afro-cuban">Afro-Cuban</label></li>
1038            <li class="list-group-item"><input type="checkbox"  id="afro-cuban-jazz" class="sts-style"><label class="form-check-label ml-2" for="afro-cuban-jazz">Afro-Cuban Jazz</label></li>
1039            <li class="list-group-item"><input type="checkbox"  id="albanian" class="sts-style"><label class="form-check-label ml-2" for="albanian">Albanian</label></li>
1040            <li class="list-group-item"><input type="checkbox"  id="album-rock" class="sts-style"><label class="form-check-label ml-2" for="album-rock">Album Rock</label></li>
1041            <li class="list-group-item"><input type="checkbox"  id="alma-mater" class="sts-style"><label class="form-check-label ml-2" for="alma-mater">Alma Mater</label></li>
1042            <li class="list-group-item"><input type="checkbox"  id="alternative" class="sts-style"><label class="form-check-label ml-2" for="alternative">Alternative</label></li>
1043            <li class="list-group-item"><input type="checkbox"  id="alternative-ccm" class="sts-style"><label class="form-check-label ml-2" for="alternative-ccm">Alternative CCM</label></li>
1044            <li class="list-group-item"><input type="checkbox"  id="alternative-country" class="sts-style"><label class="form-check-label ml-2" for="alternative-country">Alternative Country</label></li>
1045            <li class="list-group-item"><input type="checkbox"  id="alternative-country-rock" class="sts-style"><label class="form-check-label ml-2" for="alternative-country-rock">Alternative Country-Rock</label></li>
1046            <li class="list-group-item"><input type="checkbox"  id="alternative-dance" class="sts-style"><label class="form-check-label ml-2" for="alternative-dance">Alternative Dance</label></li>
1047            <li class="list-group-item"><input type="checkbox"  id="alternative-folk" class="sts-style"><label class="form-check-label ml-2" for="alternative-folk">Alternative Folk</label></li>
1048            <li class="list-group-item"><input type="checkbox"  id="alternative-metal" class="sts-style"><label class="form-check-label ml-2" for="alternative-metal">Alternative Metal</label></li>
1049            <li class="list-group-item"><input type="checkbox"  id="alternative-pop-rock" class="sts-style"><label class="form-check-label ml-2" for="alternative-pop-rock">Alternative Pop/Rock</label></li>
1050            <li class="list-group-item"><input type="checkbox"  id="alternative-rap" class="sts-style"><label class="form-check-label ml-2" for="alternative-rap">Alternative Rap</label></li>
1051            <li class="list-group-item"><input type="checkbox"  id="ambient" class="sts-style"><label class="form-check-label ml-2" for="ambient">Ambient</label></li>
1052            <li class="list-group-item"><input type="checkbox"  id="american-popular-song" class="sts-style"><label class="form-check-label ml-2" for="american-popular-song">American Popular Song</label></li>
1053            <li class="list-group-item"><input type="checkbox"  id="american-punk" class="sts-style"><label class="form-check-label ml-2" for="american-punk">American Punk</label></li>
1054            <li class="list-group-item"><input type="checkbox"  id="american-trad-rock" class="sts-style"><label class="form-check-label ml-2" for="american-trad-rock">American Trad Rock</label></li>
1055            <li class="list-group-item"><input type="checkbox"  id="americana" class="sts-style"><label class="form-check-label ml-2" for="americana">Americana</label></li>
1056            <li class="list-group-item"><input type="checkbox"  id="americana-country" class="sts-style"><label class="form-check-label ml-2" for="americana-country">Americana Country</label></li>
1057            <li class="list-group-item"><input type="checkbox"  id="arabian" class="sts-style"><label class="form-check-label ml-2" for="arabian">Arabian</label></li>
1058            <li class="list-group-item"><input type="checkbox"  id="arena-rock" class="sts-style"><label class="form-check-label ml-2" for="arena-rock">Arena Rock</label></li>
1059            <li class="list-group-item"><input type="checkbox"  id="argentinian" class="sts-style"><label class="form-check-label ml-2" for="argentinian">Argentinian</label></li>
1060            <li class="list-group-item"><input type="checkbox"  id="art-song" class="sts-style"><label class="form-check-label ml-2" for="art-song">Art Song</label></li>
1061            <li class="list-group-item"><input type="checkbox"  id="art-rock-progressive" class="sts-style"><label class="form-check-label ml-2" for="art-rock-progressive">Art-Rock/Progressive</label></li>
1062            <li class="list-group-item"><input type="checkbox"  id="audition" class="sts-style"><label class="form-check-label ml-2" for="audition">Audition</label></li>
1063            <li class="list-group-item"><input type="checkbox"  id="australian" class="sts-style"><label class="form-check-label ml-2" for="australian">Australian</label></li>
1064            <li class="list-group-item"><input type="checkbox"  id="austrian" class="sts-style"><label class="form-check-label ml-2" for="austrian">Austrian</label></li>
1065            <li class="list-group-item"><input type="checkbox"  id="avant-garde" class="sts-style"><label class="form-check-label ml-2" for="avant-garde">Avant-Garde</label></li>
1066            <li class="list-group-item"><input type="checkbox"  id="bakersfield-sound" class="sts-style">
1066<label class="form-check-label ml-2" for="bakersfield-sound">Bakersfield Sound</label></li>
1067            <li class="list-group-item"><input type="checkbox"  id="ballad" class="sts-style"><label class="form-check-label ml-2" for="ballad">Ballad</label></li>
1068            <li class="list-group-item"><input type="checkbox"  id="ballads" class="sts-style"><label class="form-check-label ml-2" for="ballads">Ballads</label></li>
1069            <li class="list-group-item"><input type="checkbox"  id="ballet" class="sts-style"><label class="form-check-label ml-2" for="ballet">Ballet</label></li>
1070            <li class="list-group-item"><input type="checkbox"  id="barbershop" class="sts-style"><label class="form-check-label ml-2" for="barbershop">Barbershop</label></li>
1071            <li class="list-group-item"><input type="checkbox"  id="baroque" class="sts-style"><label class="form-check-label ml-2" for="baroque">Baroque</label></li>
1072            <li class="list-group-item"><input type="checkbox"  id="bebop" class="sts-style"><label class="form-check-label ml-2" for="bebop">Bebop</label></li>
1073            <li class="list-group-item"><input type="checkbox"  id="belgian" class="sts-style"><label class="form-check-label ml-2" for="belgian">Belgian</label></li>
1074            <li class="list-group-item"><input type="checkbox"  id="big-band" class="sts-style"><label class="form-check-label ml-2" for="big-band">Big Band</label></li>
1075            <li class="list-group-item"><input type="checkbox"  id="big-band-latino" class="sts-style"><label class="form-check-label ml-2" for="big-band-latino">Big Band Latino</label></li>
1076            <li class="list-group-item"><input type="checkbox"  id="big-beat" class="sts-style"><label class="form-check-label ml-2" for="big-beat">Big Beat</label></li>
1077            <li class="list-group-item"><input type="checkbox"  id="birthday" class="sts-style"><label class="form-check-label ml-2" for="birthday">Birthday</label></li>
1078            <li class="list-group-item"><input type="checkbox"  id="black-gospel" class="sts-style"><label class="form-check-label ml-2" for="black-gospel">Black Gospel</label></li>
1079            <li class="list-group-item"><input type="checkbox"  id="black-metal" class="sts-style"><label class="form-check-label ml-2" for="black-metal">Black Metal</label></li>
1080            <li class="list-group-item"><input type="checkbox"  id="blue-eyed-soul" class="sts-style"><label class="form-check-label ml-2" for="blue-eyed-soul">Blue-Eyed Soul</label></li>
1081            <li class="list-group-item"><input type="checkbox"  id="bluegrass" class="sts-style"><label class="form-check-label ml-2" for="bluegrass">Bluegrass</label></li>
1082            <li class="list-group-item"><input type="checkbox"  id="blues" class="sts-style"><label class="form-check-label ml-2" for="blues">Blues</label></li>
1083            <li class="list-group-item"><input type="checkbox"  id="blues-gospel" class="sts-style"><label class="form-check-label ml-2" for="blues-gospel">Blues Gospel</label></li>
1084            <li class="list-group-item"><input type="checkbox"  id="blues-revival" class="sts-style"><label class="form-check-label ml-2" for="blues-revival">Blues Revival</label></li>
1085            <li class="list-group-item"><input type="checkbox"  id="bolero" class="sts-style"><label class="form-check-label ml-2" for="bolero">Bolero</label></li>
1086            <li class="list-group-item"><input type="checkbox"  id="boogie-rock" class="sts-style"><label class="form-check-label ml-2" for="boogie-rock">Boogie Rock</label></li>
1087            <li class="list-group-item"><input type="checkbox"  id="boogie-woogie" class="sts-style"><label class="form-check-label ml-2" for="boogie-woogie">Boogie-Woogie</label></li>
1088            <li class="list-group-item"><input type="checkbox"  id="bop" class="sts-style"><label class="form-check-label ml-2" for="bop">Bop</label></li>
1089            <li class="list-group-item"><input type="checkbox"  id="bossa-nova" class="sts-style"><label class="form-check-label ml-2" for="bossa-nova">Bossa Nova</label></li>
1090            <li class="list-group-item"><input type="checkbox"  id="boy-band" class="sts-style"><label class="form-check-label ml-2" for="boy-band">Boy Band</label></li>
1091            <li class="list-group-item"><input type="checkbox"  id="brazilian" class="sts-style"><label class="form-check-label ml-2" for="brazilian">Brazilian</label></li>
1092            <li class="list-group-item"><input type="checkbox"  id="brazilian-jazz" class="sts-style"><label class="form-check-label ml-2" for="brazilian-jazz">Brazilian Jazz</label></li>
1093            <li class="list-group-item"><input type="checkbox"  id="brill-building-pop" class="sts-style"><label class="form-check-label ml-2" for="brill-building-pop">Brill Building Pop</label></li>
1094            <li class="list-group-item"><input type="checkbox"  id="brit-pop" class="sts-style"><label class="form-check-label ml-2" for="brit-pop">Brit-Pop</label></li>
1095            <li class="list-group-item"><input type="checkbox"  id="british" class="sts-style"><label class="form-check-label ml-2" for="british">British</label></li>
1096            <li class="list-group-item"><input type="checkbox"  id="british-blues" class="sts-style"><label class="form-check-label ml-2" for="british-blues">British Blues</label></li>
1097            <li class="list-group-item"><input type="checkbox"  id="british-folk" class="sts-style"><label class="form-check-label ml-2" for="british-folk">British Folk</label></li>
1098            <li class="list-group-item"><input type="checkbox"  id="british-invasion" class="sts-style"><label class="form-check-label ml-2" for="british-invasion">British Invasion</label></li>
1099            <li class="list-group-item"><input type="checkbox"  id="british-metal" class="sts-style"><label class="form-check-label ml-2" for="british-metal">British Metal</label></li>
1100            <li class="list-group-item"><input type="checkbox"  id="british-punk" class="sts-style"><label class="form-check-label ml-2" for="british-punk">British Punk</label></li>
1101            <li class="list-group-item"><input type="checkbox"  id="british-trad-pop" class="sts-style"><label class="form-check-label ml-2" for="british-trad-pop">British Trad Pop</label></li>
1102            <li class="list-group-item"><input type="checkbox"  id="british-trad-rock" class="sts-style"><label class="form-check-label ml-2" for="british-trad-rock">British Trad Rock</label></li>
1103            <li class="list-group-item"><input type="checkbox"  id="bubblegum" class="sts-style"><label class="form-check-label ml-2" for="bubblegum">Bubblegum</label></li>
1104            <li class="list-group-item"><input type="checkbox"  id="ccm" class="sts-style"><label class="form-check-label ml-2" for="ccm">CCM</label></li>
1105            <li class="list-group-item"><input type="checkbox"  id="cabaret" class="sts-style"><label class="form-check-label ml-2" for="cabaret">Cabaret</label></li>
1106            <li class="list-group-item"><input type="checkbox"  id="cajun-zydeco" class="sts-style"><label class="form-check-label ml-2" for="cajun-zydeco">Cajun/Zydeco</label></li>
1107            <li class="list-group-item"><input type="checkbox"  id="calypso" class="sts-style"><label class="form-check-label ml-2" for="calypso">Calypso</label></li>
1108            <li class="list-group-item"><input type="checkbox"  id="canadian" class="sts-style"><label class="form-check-label ml-2" for="canadian">Canadian</label></li>
1109            <li class="list-group-item"><input type="checkbox"  id="caribbean" class="sts-style"><label class="form-check-label ml-2" for="caribbean">Caribbean</label></li>
1110            <li class="list-group-item"><input type="checkbox"  id="celtic" class="sts-style"><label class="form-check-label ml-2" for="celtic">Celtic</label></li>
1111            <li class="list-group-item"><input type="checkbox"  id="celtic-rock" class="sts-style"><label class="form-check-label ml-2" for="celtic-rock">Celtic Rock</label></li>
1112            <li class="list-group-item"><input type="checkbox"  id="central-american" class="sts-style"><label class="form-check-label ml-2" for="central-american">Central American</label></li>
1113            <li class="list-group-item"><input type="checkbox"  id="chamber-jazz" class="sts-style"><label class="form-check-label ml-2" for="chamber-jazz">Chamber Jazz</label></li>
1114            <li class="list-group-item"><input type="checkbox"  id="chamber-music" class="sts-style"><label class="form-check-label ml-2" for="chamber-music">Chamber Music</label></li>
1115            <li class="list-group-item"><input type="checkbox"  id="chamber-pop" class="sts-style"><label class="form-check-label ml-2" for="chamber-pop">Chamber Pop</label></li>
1116            <li class="list-group-item"><input type="checkbox"  id="chanukah" class="sts-style"><label class="form-check-label ml-2" for="chanukah">Chanukah</label></li>
1117            <li class="list-group-item"><input type="checkbox"  id="chicago-blues" class="sts-style"><label class="form-check-label ml-2" for="chicago-blues">Chicago Blues</label></li>
1118            <li class="list-group-item"><input type="checkbox"  id="chilean" class="sts-style"><label class="form-check-label ml-2" for="chilean">Chilean</label></li>
1119            <li class="list-group-item"><input type="checkbox"  id="chinese" class="sts-style"><label class="form-check-label ml-2" for="chinese">Chinese</label></li>
1120            <li class="list-group-item"><input type="checkbox"  id="choral" class="sts-style"><label class="form-check-label ml-2" for="choral">Choral</label></li>
1121            <li class="list-group-item"><input type="checkbox"  id="christian" class="sts-style"><label class="form-check-label ml-2" for="christian">Christian</label></li>
1122            <li class="list-group-item"><input type="checkbox"  id="christian-country" class="sts-style"><label class="form-check-label ml-2" for="christian-country">Christian Country</label></li>
1123            <li class="list-group-item"><input type="checkbox"  id="christian-folk" class="sts-style"><label class="form-check-label ml-2" for="christian-folk">Christian Folk</label></li>
1124            <li class="list-group-item"><input type="checkbox"  id="christian-rap" class="sts-style"><label class="form-check-label ml-2" for="christian-rap">Christian Rap</label></li>
1125            <li class="list-group-item"><input type="checkbox"  id="christian-rock" class="sts-style"><label class="form-check-label ml-2" for="christian-rock">Christian Rock</label></li>
1126            <li class="list-group-item"><input type="checkbox"  id="christian-style" class="sts-style"><label class="form-check-label ml-2" for="christian-style">Christian Style</label></li>
1127            <li class="list-group-item"><input type="checkbox"  id="christmas" class="sts-style"><label class="form-check-label ml-2" for="christmas">Christmas</label></li>
1128            <li class="list-group-item"><input type="checkbox"  id="christmas-religious" class="sts-style"><label class="form-check-label ml-2" for="christmas-religious">Christmas - Religious</label></li>
1129            <li class="list-group-item"><input type="checkbox"  id="christmas-secular" class="sts-style"><label class="form-check-label ml-2" for="christmas-secular">Christmas - Secular</label></li>
1130            <li class="list-group-item"><input type="checkbox"  id="church" class="sts-style"><label class="form-check-label ml-2" for="church">Church</label></li>
1131            <li class="list-group-item"><input type="checkbox"  id="classic-female-blues" class="sts-style"><label class="form-check-label ml-2" for="classic-female-blues">Classic Female Blues</label></li>
1132            <li class="list-group-item"><input type="checkbox"  id="classic-hollywood" class="sts-style"><label class="form-check-label ml-2" for="classic-hollywood">Classic Hollywood</label></li>
1133            <li class="list-group-item"><input type="checkbox"  id="classic-jazz" class="sts-style"><label class="form-check-label ml-2" for="classic-jazz">Classic Jazz</label></li>
1134            <li class="list-group-item"><input type="checkbox"  id="classic-rock" class="sts-style"><label class="form-check-label ml-2" for="classic-rock">Classic Rock</label></li>
1135            <li class="list-group-item"><input type="checkbox"  id="classical-period" class="sts-style"><label class="form-check-label ml-2" for="classical-period">Classical Period</label></li>
1136            <li class="list-group-item"><input type="checkbox"  id="classical-pop" class="sts-style"><label class="form-check-label ml-2" for="classical-pop">Classical Pop</label></li>
1137            <li class="list-group-item"><input type="checkbox"  id="classroom" class="sts-style"><label class="form-check-label ml-2" for="classroom">Classroom</label></li>
1138            <li class="list-group-item"><input type="checkbox"  id="close-harmony" class="sts-style"><label class="form-check-label ml-2" for="close-harmony">Close Harmony</label></li>
1139            <li class="list-group-item"><input type="checkbox"  id="club-dance" class="sts-style"><label class="form-check-label ml-2" for="club-dance">Club/Dance</label></li>
1140            <li class="list-group-item"><input type="checkbox"  id="college-rock" class="sts-style"><label class="form-check-label ml-2" for="college-rock">College Rock</label></li>
1141            <li class="list-group-item"><input type="checkbox"  id="colombian" class="sts-style"><label class="form-check-label ml-2" for="colombian">Colombian</label></li>
1142            <li class="list-group-item"><input type="checkbox"  id="comedy" class="sts-style"><label class="form-check-label ml-2" for="comedy">Comedy</label></li>
1143            <li class="list-group-item"><input type="checkbox"  id="comedy-rock" class="sts-style"><label class="form-check-label ml-2" for="comedy-rock">Comedy Rock</label></li>
1144            <li class="list-group-item"><input type="checkbox"  id="contemporary" class="sts-style"><label class="form-check-label ml-2" for="contemporary">Contemporary</label></li>
1145            <li class="list-group-item"><input type="checkbox"  id="contemporary-alternative" class="sts-style"><label class="form-check-label ml-2" for="contemporary-alternative">Contemporary Alternative</label></li>
1146            <li class="list-group-item"><input type="checkbox"  id="contemporary-country" class="sts-style"><label class="form-check-label ml-2" for="contemporary-country">Contemporary Country</label></li>
1147            <li class="list-group-item"><input type="checkbox"  id="contemporary-folk" class="sts-style"><label class="form-check-label ml-2" for="contemporary-folk">Contemporary Folk</label></li>
1148            <li class="list-group-item"><input type="checkbox"  id="contemporary-funk" class="sts-style"><label class="form-check-label ml-2" for="contemporary-funk">Contemporary Funk</label></li>
1149            <li class="list-group-item"><input type="checkbox"  id="contemporary-gospel" class="sts-style"><label class="form-check-label ml-2" for="contemporary-gospel">Contemporary Gospel</label></li>
1150            <li class="list-group-item"><input type="checkbox"  id="contemporary-instrumental" class="sts-style"><label class="form-check-label ml-2" for="contemporary-instrumental">Contemporary Instrumental</label></li>
1151            <li class="list-group-item"><input type="checkbox"  id="contemporary-jazz" class="sts-style"><label class="form-check-label ml-2" for="contemporary-jazz">Contemporary Jazz</label></li>
1152            <li class="list-group-item"><input type="checkbox"  id="contemporary-r-b" class="sts-style"><label class="form-check-label ml-2" for="contemporary-r-b">Contemporary R&B</label></li>
1153            <li class="list-group-item"><input type="checkbox"  id="cool" class="sts-style"><label class="form-check-label ml-2" for="cool">Cool</label></li>
1154            <li class="list-group-item"><input type="checkbox"  id="country-blues" class="sts-style"><label class="form-check-label ml-2" for="country-blues">Country Blues</label></li>
1155            <li class="list-group-item"><input type="checkbox"  id="country-boogie" class="sts-style"><label class="form-check-label ml-2" for="country-boogie">Country Boogie</label></li>
1156            <li class="list-group-item"><input type="checkbox"  id="country-folk" class="sts-style"><label class="form-check-label ml-2" for="country-folk">Country Folk</label></li>
1157            <li class="list-group-ite
1157m"><input type="checkbox"  id="country-gospel" class="sts-style"><label class="form-check-label ml-2" for="country-gospel">Country Gospel</label></li>
1158            <li class="list-group-item"><input type="checkbox"  id="country-humor" class="sts-style"><label class="form-check-label ml-2" for="country-humor">Country Humor</label></li>
1159            <li class="list-group-item"><input type="checkbox"  id="country-pop" class="sts-style"><label class="form-check-label ml-2" for="country-pop">Country-Pop</label></li>
1160            <li class="list-group-item"><input type="checkbox"  id="country-rock" class="sts-style"><label class="form-check-label ml-2" for="country-rock">Country-Rock</label></li>
1161            <li class="list-group-item"><input type="checkbox"  id="cowboy" class="sts-style"><label class="form-check-label ml-2" for="cowboy">Cowboy</label></li>
1162            <li class="list-group-item"><input type="checkbox"  id="crossover" class="sts-style"><label class="form-check-label ml-2" for="crossover">Crossover</label></li>
1163            <li class="list-group-item"><input type="checkbox"  id="crossover-jazz" class="sts-style"><label class="form-check-label ml-2" for="crossover-jazz">Crossover Jazz</label></li>
1164            <li class="list-group-item"><input type="checkbox"  id="cuban" class="sts-style"><label class="form-check-label ml-2" for="cuban">Cuban</label></li>
1165            <li class="list-group-item"><input type="checkbox"  id="czech" class="sts-style"><label class="form-check-label ml-2" for="czech">Czech</label></li>
1166            <li class="list-group-item"><input type="checkbox"  id="dance" class="sts-style"><label class="form-check-label ml-2" for="dance">Dance</label></li>
1167            <li class="list-group-item"><input type="checkbox"  id="dance-pop" class="sts-style"><label class="form-check-label ml-2" for="dance-pop">Dance-Pop</label></li>
1168            <li class="list-group-item"><input type="checkbox"  id="dance-rock" class="sts-style"><label class="form-check-label ml-2" for="dance-rock">Dance-Rock</label></li>
1169            <li class="list-group-item"><input type="checkbox"  id="dancehall" class="sts-style"><label class="form-check-label ml-2" for="dancehall">Dancehall</label></li>
1170            <li class="list-group-item"><input type="checkbox"  id="danish" class="sts-style"><label class="form-check-label ml-2" for="danish">Danish</label></li>
1171            <li class="list-group-item"><input type="checkbox"  id="dark-wave" class="sts-style"><label class="form-check-label ml-2" for="dark-wave">Dark Wave</label></li>
1172            <li class="list-group-item"><input type="checkbox"  id="death-metal" class="sts-style"><label class="form-check-label ml-2" for="death-metal">Death Metal</label></li>
1173            <li class="list-group-item"><input type="checkbox"  id="deathcore" class="sts-style"><label class="form-check-label ml-2" for="deathcore">Deathcore</label></li>
1174            <li class="list-group-item"><input type="checkbox"  id="deep-soul" class="sts-style"><label class="form-check-label ml-2" for="deep-soul">Deep Soul</label></li>
1175            <li class="list-group-item"><input type="checkbox"  id="delta-blues" class="sts-style"><label class="form-check-label ml-2" for="delta-blues">Delta Blues</label></li>
1176            <li class="list-group-item"><input type="checkbox"  id="detroit-blues" class="sts-style"><label class="form-check-label ml-2" for="detroit-blues">Detroit Blues</label></li>
1177            <li class="list-group-item"><input type="checkbox"  id="detroit-rock" class="sts-style"><label class="form-check-label ml-2" for="detroit-rock">Detroit Rock</label></li>
1178            <li class="list-group-item"><input type="checkbox"  id="disco" class="sts-style"><label class="form-check-label ml-2" for="disco">Disco</label></li>
1179            <li class="list-group-item"><input type="checkbox"  id="disney-style" class="sts-style"><label class="form-check-label ml-2" for="disney-style">Disney Style</label></li>
1180            <li class="list-group-item"><input type="checkbox"  id="dixieland" class="sts-style"><label class="form-check-label ml-2" for="dixieland">Dixieland</label></li>
1181            <li class="list-group-item"><input type="checkbox"  id="doo-wop" class="sts-style"><label class="form-check-label ml-2" for="doo-wop">Doo-Wop</label></li>
1182            <li class="list-group-item"><input type="checkbox"  id="dubstep" class="sts-style"><label class="form-check-label ml-2" for="dubstep">Dubstep</label></li>
1183            <li class="list-group-item"><input type="checkbox"  id="dutch" class="sts-style"><label class="form-check-label ml-2" for="dutch">Dutch</label></li>
1184            <li class="list-group-item"><input type="checkbox"  id="edm" class="sts-style"><label class="form-check-label ml-2" for="edm">EDM</label></li>
1185            <li class="list-group-item"><input type="checkbox"  id="early-r-b-jazz" class="sts-style"><label class="form-check-label ml-2" for="early-r-b-jazz">Early R&B Jazz</label></li>
1186            <li class="list-group-item"><input type="checkbox"  id="east-coast-blues" class="sts-style"><label class="form-check-label ml-2" for="east-coast-blues">East Coast Blues</label></li>
1187            <li class="list-group-item"><input type="checkbox"  id="east-coast-rap" class="sts-style"><label class="form-check-label ml-2" for="east-coast-rap">East Coast Rap</label></li>
1188            <li class="list-group-item"><input type="checkbox"  id="easter" class="sts-style"><label class="form-check-label ml-2" for="easter">Easter</label></li>
1189            <li class="list-group-item"><input type="checkbox"  id="easy-listening" class="sts-style"><label class="form-check-label ml-2" for="easy-listening">Easy Listening</label></li>
1190            <li class="list-group-item"><input type="checkbox"  id="educational" class="sts-style"><label class="form-check-label ml-2" for="educational">Educational</label></li>
1191            <li class="list-group-item"><input type="checkbox"  id="el-salvadoran" class="sts-style"><label class="form-check-label ml-2" for="el-salvadoran">El Salvadoran</label></li>
1192            <li class="list-group-item"><input type="checkbox"  id="electric-blues" class="sts-style"><label class="form-check-label ml-2" for="electric-blues">Electric Blues</label></li>
1193            <li class="list-group-item"><input type="checkbox"  id="electric-chicago-blues" class="sts-style"><label class="form-check-label ml-2" for="electric-chicago-blues">Electric Chicago Blues</label></li>
1194            <li class="list-group-item"><input type="checkbox"  id="electric-delta-blues" class="sts-style"><label class="form-check-label ml-2" for="electric-delta-blues">Electric Delta Blues</label></li>
1195            <li class="list-group-item"><input type="checkbox"  id="electric-memphis-blues" class="sts-style"><label class="form-check-label ml-2" for="electric-memphis-blues">Electric Memphis Blues</label></li>
1196            <li class="list-group-item"><input type="checkbox"  id="electric-texas-blues" class="sts-style"><label class="form-check-label ml-2" for="electric-texas-blues">Electric Texas Blues</label></li>
1197            <li class="list-group-item"><input type="checkbox"  id="electro-funk" class="sts-style"><label class="form-check-label ml-2" for="electro-funk">Electro-Funk</label></li>
1198            <li class="list-group-item"><input type="checkbox"  id="electronic" class="sts-style"><label class="form-check-label ml-2" for="electronic">Electronic</label></li>
1199            <li class="list-group-item"><input type="checkbox"  id="electronica" class="sts-style"><label class="form-check-label ml-2" for="electronica">Electronica</label></li>
1200            <li class="list-group-item"><input type="checkbox"  id="emo" class="sts-style"><label class="form-check-label ml-2" for="emo">Emo</label></li>
1201            <li class="list-group-item"><input type="checkbox"  id="epiphany" class="sts-style"><label class="form-check-label ml-2" for="epiphany">Epiphany</label></li>
1202            <li class="list-group-item"><input type="checkbox"  id="ethnic-fusion" class="sts-style"><label class="form-check-label ml-2" for="ethnic-fusion">Ethnic Fusion</label></li>
1203            <li class="list-group-item"><input type="checkbox"  id="euro-dance" class="sts-style"><label class="form-check-label ml-2" for="euro-dance">Euro-Dance</label></li>
1204            <li class="list-group-item"><input type="checkbox"  id="europop" class="sts-style"><label class="form-check-label ml-2" for="europop">Europop</label></li>
1205            <li class="list-group-item"><input type="checkbox"  id="exotica" class="sts-style"><label class="form-check-label ml-2" for="exotica">Exotica</label></li>
1206            <li class="list-group-item"><input type="checkbox"  id="experimental" class="sts-style"><label class="form-check-label ml-2" for="experimental">Experimental</label></li>
1207            <li class="list-group-item"><input type="checkbox"  id="father-s-day" class="sts-style"><label class="form-check-label ml-2" for="father-s-day">Father's Day</label></li>
1208            <li class="list-group-item"><input type="checkbox"  id="fingerpicking" class="sts-style"><label class="form-check-label ml-2" for="fingerpicking">Fingerpicking</label></li>
1209            <li class="list-group-item"><input type="checkbox"  id="finnish" class="sts-style"><label class="form-check-label ml-2" for="finnish">Finnish</label></li>
1210            <li class="list-group-item"><input type="checkbox"  id="flamenco" class="sts-style"><label class="form-check-label ml-2" for="flamenco">Flamenco</label></li>
1211            <li class="list-group-item"><input type="checkbox"  id="folk-revival" class="sts-style"><label class="form-check-label ml-2" for="folk-revival">Folk Revival</label></li>
1212            <li class="list-group-item"><input type="checkbox"  id="folk-jazz" class="sts-style"><label class="form-check-label ml-2" for="folk-jazz">Folk-Jazz</label></li>
1213            <li class="list-group-item"><input type="checkbox"  id="folk-pop" class="sts-style"><label class="form-check-label ml-2" for="folk-pop">Folk-Pop</label></li>
1214            <li class="list-group-item"><input type="checkbox"  id="folk-rock" class="sts-style"><label class="form-check-label ml-2" for="folk-rock">Folk-Rock</label></li>
1215            <li class="list-group-item"><input type="checkbox"  id="folktronica" class="sts-style"><label class="form-check-label ml-2" for="folktronica">Folktronica</label></li>
1216            <li class="list-group-item"><input type="checkbox"  id="fox-trot" class="sts-style"><label class="form-check-label ml-2" for="fox-trot">Fox Trot</label></li>
1217            <li class="list-group-item"><input type="checkbox"  id="french" class="sts-style"><label class="form-check-label ml-2" for="french">French</label></li>
1218            <li class="list-group-item"><input type="checkbox"  id="funeral" class="sts-style"><label class="form-check-label ml-2" for="funeral">Funeral</label></li>
1219            <li class="list-group-item"><input type="checkbox"  id="funk" class="sts-style"><label class="form-check-label ml-2" for="funk">Funk</label></li>
1220            <li class="list-group-item"><input type="checkbox"  id="funk-metal" class="sts-style"><label class="form-check-label ml-2" for="funk-metal">Funk Metal</label></li>
1221            <li class="list-group-item"><input type="checkbox"  id="fusion" class="sts-style"><label class="form-check-label ml-2" for="fusion">Fusion</label></li>
1222            <li class="list-group-item"><input type="checkbox"  id="g-funk" class="sts-style"><label class="form-check-label ml-2" for="g-funk">G-Funk</label></li>
1223            <li class="list-group-item"><input type="checkbox"  id="gangsta-rap" class="sts-style"><label class="form-check-label ml-2" for="gangsta-rap">Gangsta Rap</label></li>
1224            <li class="list-group-item"><input type="checkbox"  id="garage-rock" class="sts-style"><label class="form-check-label ml-2" for="garage-rock">Garage Rock</label></li>
1225            <li class="list-group-item"><input type="checkbox"  id="garage-rock-revival" class="sts-style"><label class="form-check-label ml-2" for="garage-rock-revival">Garage Rock Revival</label></li>
1226            <li class="list-group-item"><input type="checkbox"  id="german" class="sts-style"><label class="form-check-label ml-2" for="german">German</label></li>
1227            <li class="list-group-item"><input type="checkbox"  id="girl-group" class="sts-style"><label class="form-check-label ml-2" for="girl-group">Girl-Group</label></li>
1228            <li class="list-group-item"><input type="checkbox"  id="glam-rock" class="sts-style"><label class="form-check-label ml-2" for="glam-rock">Glam Rock</label></li>
1229            <li class="list-group-item"><input type="checkbox"  id="golden-age" class="sts-style"><label class="form-check-label ml-2" for="golden-age">Golden Age</label></li>
1230            <li class="list-group-item"><input type="checkbox"  id="gospel" class="sts-style"><label class="form-check-label ml-2" for="gospel">Gospel</label></li>
1231            <li class="list-group-item"><input type="checkbox"  id="goth-metal" class="sts-style"><label class="form-check-label ml-2" for="goth-metal">Goth Metal</label></li>
1232            <li class="list-group-item"><input type="checkbox"  id="goth-rock" class="sts-style"><label class="form-check-label ml-2" for="goth-rock">Goth-Rock</label></li>
1233            <li class="list-group-item"><input type="checkbox"  id="graduation" class="sts-style"><label class="form-check-label ml-2" for="graduation">Graduation</label></li>
1234            <li class="list-group-item"><input type="checkbox"  id="greek" class="sts-style"><label class="form-check-label ml-2" for="greek">Greek</label></li>
1235            <li class="list-group-item"><input type="checkbox"  id="grindcore" class="sts-style"><label class="form-check-label ml-2" for="grindcore">Grindcore</label></li>
1236            <li class="list-group-item"><input type="checkbox"  id="groove" class="sts-style"><label class="form-check-label ml-2" for="groove">Groove</label></li>
1237            <li class="list-group-item"><input type="checkbox"  id="grunge" class="sts-style"><label class="form-check-label ml-2" for="grunge">Grunge</label></li>
1238            <li class="list-group-item"><input type="checkbox"  id="guitar-virtuoso" class="sts-style"><label class="form-check-label ml-2" for="guitar-virtuoso">Guitar Virtuoso</label></li>
1239            <li class="list-group-item"><input type="checkbox"  id="gypsy" class="sts-style"><label class="form-check-label ml-2" for="gypsy">Gypsy</label></li>
1240            <li class="list-group-item"><input type="checkbox"  id="hair-metal" class="sts-style"><label class="form-check-label ml-2" for="hair-metal">Hair-Metal</label></li>
1241            <li class="list-group-item"><input type="checkbox"  id="haitian" class="sts-style"><label class="form-check-label ml-2" for="haitian">Haitian</label></li>
1242            <li class="list-group-item"><input type="checkbox"  id="halloween" class="sts-style"><label class="form-check-label ml-2" for="halloween">Halloween</label></li>
1243            <li class="list-group-item"><input type="checkbox"  id="hard-bop" class="sts-style"><label class="form-check-label ml-2" for="hard-bop">Hard Bop</label></li>
1244            <li class="list-group-item"><input type="checkbox"  id="hard-rock" class="sts-style"><label class="form-check-label ml-2" for="hard-rock">Hard Rock</label></li>
1245            <li class="list-group-item"><input type="checkbox"  id="hardcore-punk" class="sts-style"><label class="form-check-label ml-2" for="hardcore-punk">Hardcore Punk</label></li>
1246            <li class="list-group-item"><input type="checkbox"  id="hardcore-rap" class="sts-style"><label class="form-check-label ml-2" for="hardcore-rap">Hardcore Rap</label></li>
1247            <li class="list-group-item"><input type="checkbox"  id="hawaiian" class="sts-style"><label class="form-check-label ml-2" for="hawaiian">Hawaiian</label></li>
1248            <li class="list-group-item"><input type="checkbox"  id="heartland-rock" class="sts-style"><label class="form-check-label ml-2" for="heartland-rock">Heartland Rock</label></li>
1249            <li class="list-group-item"><input type="checkbox"  id="hi-nrg" class="sts-style"><label class="form-check-label ml-2" for="hi-nrg">Hi-Nrg</label></li>
1250            <li class="list-group-item"><input type="checkbox"  id="high-life" class="sts
1250-style"><label class="form-check-label ml-2" for="high-life">High Life</label></li>
1251            <li class="list-group-item"><input type="checkbox"  id="hip-hop" class="sts-style"><label class="form-check-label ml-2" for="hip-hop">Hip Hop</label></li>
1252            <li class="list-group-item"><input type="checkbox"  id="holiday-special-occasion" class="sts-style"><label class="form-check-label ml-2" for="holiday-special-occasion">Holiday & Special Occasion</label></li>
1253            <li class="list-group-item"><input type="checkbox"  id="honky-tonk-country" class="sts-style"><label class="form-check-label ml-2" for="honky-tonk-country">Honky Tonk Country</label></li>
1254            <li class="list-group-item"><input type="checkbox"  id="house" class="sts-style"><label class="form-check-label ml-2" for="house">House</label></li>
1255            <li class="list-group-item"><input type="checkbox"  id="humor" class="sts-style"><label class="form-check-label ml-2" for="humor">Humor</label></li>
1256            <li class="list-group-item"><input type="checkbox"  id="hungarian" class="sts-style"><label class="form-check-label ml-2" for="hungarian">Hungarian</label></li>
1257            <li class="list-group-item"><input type="checkbox"  id="hymn" class="sts-style"><label class="form-check-label ml-2" for="hymn">Hymn</label></li>
1258            <li class="list-group-item"><input type="checkbox"  id="icelandic" class="sts-style"><label class="form-check-label ml-2" for="icelandic">Icelandic</label></li>
1259            <li class="list-group-item"><input type="checkbox"  id="impressionism" class="sts-style"><label class="form-check-label ml-2" for="impressionism">Impressionism</label></li>
1260            <li class="list-group-item"><input type="checkbox"  id="indian" class="sts-style"><label class="form-check-label ml-2" for="indian">Indian</label></li>
1261            <li class="list-group-item"><input type="checkbox"  id="indie-electronic" class="sts-style"><label class="form-check-label ml-2" for="indie-electronic">Indie Electronic</label></li>
1262            <li class="list-group-item"><input type="checkbox"  id="indie-pop" class="sts-style"><label class="form-check-label ml-2" for="indie-pop">Indie Pop</label></li>
1263            <li class="list-group-item"><input type="checkbox"  id="indie-r-b" class="sts-style"><label class="form-check-label ml-2" for="indie-r-b">Indie R&B</label></li>
1264            <li class="list-group-item"><input type="checkbox"  id="industrial" class="sts-style"><label class="form-check-label ml-2" for="industrial">Industrial</label></li>
1265            <li class="list-group-item"><input type="checkbox"  id="industrial-metal" class="sts-style"><label class="form-check-label ml-2" for="industrial-metal">Industrial Metal</label></li>
1266            <li class="list-group-item"><input type="checkbox"  id="inspirational" class="sts-style"><label class="form-check-label ml-2" for="inspirational">Inspirational</label></li>
1267            <li class="list-group-item"><input type="checkbox"  id="inspirational-gospel" class="sts-style"><label class="form-check-label ml-2" for="inspirational-gospel">Inspirational Gospel</label></li>
1268            <li class="list-group-item"><input type="checkbox"  id="instrumental-country" class="sts-style"><label class="form-check-label ml-2" for="instrumental-country">Instrumental Country</label></li>
1269            <li class="list-group-item"><input type="checkbox"  id="instrumental-jazz" class="sts-style"><label class="form-check-label ml-2" for="instrumental-jazz">Instrumental Jazz</label></li>
1270            <li class="list-group-item"><input type="checkbox"  id="instrumental-pop" class="sts-style"><label class="form-check-label ml-2" for="instrumental-pop">Instrumental Pop</label></li>
1271            <li class="list-group-item"><input type="checkbox"  id="instrumental-rock" class="sts-style"><label class="form-check-label ml-2" for="instrumental-rock">Instrumental Rock</label></li>
1272            <li class="list-group-item"><input type="checkbox"  id="irish" class="sts-style"><label class="form-check-label ml-2" for="irish">Irish</label></li>
1273            <li class="list-group-item"><input type="checkbox"  id="israeli" class="sts-style"><label class="form-check-label ml-2" for="israeli">Israeli</label></li>
1274            <li class="list-group-item"><input type="checkbox"  id="italian" class="sts-style"><label class="form-check-label ml-2" for="italian">Italian</label></li>
1275            <li class="list-group-item"><input type="checkbox"  id="jam-band" class="sts-style"><label class="form-check-label ml-2" for="jam-band">Jam Band</label></li>
1276            <li class="list-group-item"><input type="checkbox"  id="jamaican" class="sts-style"><label class="form-check-label ml-2" for="jamaican">Jamaican</label></li>
1277            <li class="list-group-item"><input type="checkbox"  id="jangle-pop" class="sts-style"><label class="form-check-label ml-2" for="jangle-pop">Jangle-Pop</label></li>
1278            <li class="list-group-item"><input type="checkbox"  id="japanese" class="sts-style"><label class="form-check-label ml-2" for="japanese">Japanese</label></li>
1279            <li class="list-group-item"><input type="checkbox"  id="jazz-blues" class="sts-style"><label class="form-check-label ml-2" for="jazz-blues">Jazz Blues</label></li>
1280            <li class="list-group-item"><input type="checkbox"  id="jazz-standards" class="sts-style"><label class="form-check-label ml-2" for="jazz-standards">Jazz Standards</label></li>
1281            <li class="list-group-item"><input type="checkbox"  id="jazz-funk" class="sts-style"><label class="form-check-label ml-2" for="jazz-funk">Jazz-Funk</label></li>
1282            <li class="list-group-item"><input type="checkbox"  id="jazz-fusion" class="sts-style"><label class="form-check-label ml-2" for="jazz-fusion">Jazz-Fusion</label></li>
1283            <li class="list-group-item"><input type="checkbox"  id="jazz-pop" class="sts-style"><label class="form-check-label ml-2" for="jazz-pop">Jazz-Pop</label></li>
1284            <li class="list-group-item"><input type="checkbox"  id="jazz-rap" class="sts-style"><label class="form-check-label ml-2" for="jazz-rap">
1284Jazz-Rap</label></li>
1285            <li class="list-group-item"><input type="checkbox"  id="jazz-rock" class="sts-style"><label class="form-check-label ml-2" for="jazz-rock">Jazz-Rock</label></li>
1286            <li class="list-group-item"><input type="checkbox"  id="jewish" class="sts-style"><label class="form-check-label ml-2" for="jewish">Jewish</label></li>
1287            <li class="list-group-item"><input type="checkbox"  id="jive" class="sts-style"><label class="form-check-label ml-2" for="jive">Jive</label></li>
1288            <li class="list-group-item"><input type="checkbox"  id="jump-blues" class="sts-style"><label class="form-check-label ml-2" for="jump-blues">Jump Blues</label></li>
1289            <li class="list-group-item"><input type="checkbox"  id="jungle" class="sts-style"><label class="form-check-label ml-2" for="jungle">Jungle</label></li>
1290            <li class="list-group-item"><input type="checkbox"  id="k-pop" class="sts-style"><label class="form-check-label ml-2" for="k-pop">K-pop</label></li>
1291            <li class="list-group-item"><input type="checkbox"  id="korean" class="sts-style"><label class="form-check-label ml-2" for="korean">Korean</label></li>
1292            <li class="list-group-item"><input type="checkbox"  id="kraut-rock" class="sts-style"><label class="form-check-label ml-2" for="kraut-rock">Kraut-Rock</label></li>
1293            <li class="list-group-item"><input type="checkbox"  id="kwanzaa" class="sts-style"><label class="form-check-label ml-2" for="kwanzaa">Kwanzaa</label></li>
1294            <li class="list-group-item"><input type="checkbox"  id="latin" class="sts-style"><label class="form-check-label ml-2" for="latin">Latin</label></li>
1295            <li class="list-group-item"><input type="checkbox"  id="latin-continuum" class="sts-style"><label class="form-check-label ml-2" for="latin-continuum">Latin Continuum</label></li>
1296            <li class="list-group-item"><input type="checkbox"  id="latin-jazz" class="sts-style"><label class="form-check-label ml-2" for="latin-jazz">Latin Jazz</label></li>
1297            <li class="list-group-item"><input type="checkbox"  id="latin-pop" class="sts-style"><label class="form-check-label ml-2" for="latin-pop">Latin Pop</label></li>
1298            <li class="list-group-item"><input type="checkbox"  id="latin-rap" class="sts-style"><label class="form-check-label ml-2" for="latin-rap">Latin Rap</label></li>
1299            <li class="list-group-item"><input type="checkbox"  id="latin-rock" class="sts-style"><label class="form-check-label ml-2" for="latin-rock">Latin Rock</label></li>
1300            <li class="list-group-item"><input type="checkbox"  id="legit" class="sts-style"><label class="form-check-label ml-2" for="legit">Legit</label></li>
1301            <li class="list-group-item"><input type="checkbox"  id="lent" class="sts-style"><label class="form-check-label ml-2" for="lent">Lent</label></li>
1302            <li class="list-group-item"><input type="checkbox"  id="lo-fi" class="sts-style"><label class="form-check-label ml-2" for="lo-fi">Lo-Fi</label></li>
1303            <li class="list-group-item"><input type="checkbox"  id="lounge" class="sts-style"><label class="form-check-label ml-2" for="lounge">Lounge</label></li>
1304            <li class="list-group-item"><input type="checkbox"  id="love" class="sts-style"><label class="form-check-label ml-2" for="love">Love</label></li>
1305            <li class="list-group-item"><input type="checkbox"  id="mambo" class="sts-style"><label class="form-check-label ml-2" for="mambo">Mambo</label></li>
1306            <li class="list-group-item"><input type="checkbox"  id="march" class="sts-style"><label class="form-check-label ml-2" for="march">March</label></li>
1307            <li class="list-group-item"><input type="checkbox"  id="marching-band" class="sts-style"><label class="form-check-label ml-2" for="marching-band">Marching Band</label></li>
1308            <li class="list-group-item"><input type="checkbox"  id="medieval" class="sts-style"><label class="form-check-label ml-2" for="medieval">Medieval</label></li>
1309            <li class="list-group-item"><input type="checkbox"  id="memorial" class="sts-style"><label class="form-check-label ml-2" for="memorial">Memorial</label></li>
1310            <li class="list-group-item"><input type="checkbox"  id="memphis-blues" class="sts-style"><label class="form-check-label ml-2" for="memphis-blues">Memphis Blues</label></li>
1311            <li class="list-group-item"><input type="checkbox"  id="memphis-soul" class="sts-style"><label class="form-check-label ml-2" for="memphis-soul">Memphis Soul</label></li>
1312            <li class="list-group-item"><input type="checkbox"  id="mersey-rock" class="sts-style"><label class="form-check-label ml-2" for="mersey-rock">Mersey Rock</label></li>
1313            <li class="list-group-item"><input type="checkbox"  id="mexican" class="sts-style"><label class="form-check-label ml-2" for="mexican">Mexican</label></li>
1314            <li class="list-group-item"><input type="checkbox"  id="military" class="sts-style"><label class="form-check-label ml-2" for="military">Military</label></li>
1315            <li class="list-group-item"><input type="checkbox"  id="minimalism" class="sts-style"><label class="form-check-label ml-2" for="minimalism">Minimalism</label></li>
1316            <li class="list-group-item"><input type="checkbox"  id="minstrel" class="sts-style"><label class="form-check-label ml-2" for="minstrel">Minstrel</label></li>
1317            <li class="list-group-item"><input type="checkbox"  id="mod-revival" class="sts-style"><label class="form-check-label ml-2" for="mod-revival">Mod-revival</label></li>
1318            <li class="list-group-item"><input type="checkbox"  id="modern-big-band" class="sts-style"><label class="form-check-label ml-2" for="modern-big-band">Modern Big Band</label></li>
1319            <li class="list-group-item"><input type="checkbox"  id="modern-blues" class="sts-style"><label class="form-check-label ml-2" for="modern-blues">Modern Blues</label></li>
1320            <li class="list-group-item"><input type="checkbox"  id="modern-electric-blues" class="sts-style"><label class="form-check-label ml-2" for="modern-electric-blues">
1320Modern Electric Blues</label></li>
1321            <li class="list-group-item"><input type="checkbox"  id="mother-s-day" class="sts-style"><label class="form-check-label ml-2" for="mother-s-day">Mother's Day</label></li>
1322            <li class="list-group-item"><input type="checkbox"  id="motown" class="sts-style"><label class="form-check-label ml-2" for="motown">Motown</label></li>
1323            <li class="list-group-item"><input type="checkbox"  id="motown-era" class="sts-style"><label class="form-check-label ml-2" for="motown-era">Motown Era </label></li>
1324            <li class="list-group-item"><input type="checkbox"  id="musical-theatre" class="sts-style"><label class="form-check-label ml-2" for="musical-theatre">Musical Theatre</label></li>
1325            <li class="list-group-item"><input type="checkbox"  id="nashville-sound-countrypolitan" class="sts-style"><label class="form-check-label ml-2" for="nashville-sound-countrypolitan">Nashville Sound/Countrypolitan</label></li>
1326            <li class="list-group-item"><input type="checkbox"  id="neo-bop" class="sts-style"><label class="form-check-label ml-2" for="neo-bop">Neo Bop</label></li>
1327            <li class="list-group-item"><input type="checkbox"  id="neo-classical" class="sts-style"><label class="form-check-label ml-2" for="neo-classical">Neo-Classical</label></li>
1328            <li class="list-group-item"><input type="checkbox"  id="neo-classical-metal" class="sts-style"><label class="form-check-label ml-2" for="neo-classical-metal">Neo-Classical Metal</label></li>
1329            <li class="list-group-item"><input type="checkbox"  id="neo-psychedelia" class="sts-style"><label class="form-check-label ml-2" for="neo-psychedelia">Neo-Psychedelia</label></li>
1330            <li class="list-group-item"><input type="checkbox"  id="neo-soul" class="sts-style"><label class="form-check-label ml-2" for="neo-soul">Neo-Soul</label></li>
1331            <li class="list-group-item"><input type="checkbox"  id="neo-traditionalist-country" class="sts-style"><label class="form-check-label ml-2" for="neo-traditionalist-country">Neo-Traditionalist Country</label></li>
1332            <li class="list-group-item"><input type="checkbox"  id="new-acoustic" class="sts-style"><label class="form-check-label ml-2" for="new-acoustic">New Acoustic</label></li>
1333            <li class="list-group-item"><input type="checkbox"  id="new-age" class="sts-style"><label class="form-check-label ml-2" for="new-age">New Age</label></li>
1334            <li class="list-group-item"><input type="checkbox"  id="new-jack-swing" class="sts-style"><label class="form-check-label ml-2" for="new-jack-swing">New Jack Swing</label></li>
1335            <li class="list-group-item"><input type="checkbox"  id="new-orleans" class="sts-style"><label class="form-check-label ml-2" for="new-orleans">New Orleans</label></li>
1336            <li class="list-group-item"><input type="checkbox"  id="new-orleans-blues" class="sts-style"><label class="form-check-label ml-2" for="new-orleans-blues">New Orleans Blues</label></li>
1337            <li class="list-group-item"><input type="checkbox"  id="new-orleans-r-b" class="sts-style"><label class="form-check-label ml-2" for="new-orleans-r-b">New Orleans R&B</label></li>
1338            <li class="list-group-item"><input type="checkbox"  id="new-orleans-rhythm-blues" class="sts-style"><label class="form-check-label ml-2" for="new-orleans-rhythm-blues">New Orleans Rhythm & Blues</label></li>
1339            <li class="list-group-item"><input type="checkbox"  id="new-romantic" class="sts-style"><label class="form-check-label ml-2" for="new-romantic">New Romantic</label></li>
1340            <li class="list-group-item"><input type="checkbox"  id="new-traditionalist" class="sts-style"><label class="form-check-label ml-2" for="new-traditionalist">New Traditionalist</label></li>
1341            <li class="list-group-item"><input type="checkbox"  id="new-wave" class="sts-style"><label class="form-check-label ml-2" for="new-wave">New Wave</label></li>
1342            <li class="list-group-item"><input type="checkbox"  id="new-wave-post-punk-revival" class="sts-style"><label class="form-check-label ml-2" for="new-wave-post-punk-revival">New Wave/Post-Punk Revival</label></li>
1343            <li class="list-group-item"><input type="checkbox"  id="new-years" class="sts-style"><label class="form-check-label ml-2" for="new-years">New Years</label></li>
1344            <li class="list-group-item"><input type="checkbox"  id="new-york-punk" class="sts-style"><label class="form-check-label ml-2" for="new-york-punk">New York Punk</label></li>
1345            <li class="list-group-item"><input type="checkbox"  id="new-zealand" class="sts-style"><label class="form-check-label ml-2" for="new-zealand">New Zealand</label></li>
1346            <li class="list-group-item"><input type="checkbox"  id="noise-rock" class="sts-style"><label class="form-check-label ml-2" for="noise-rock">Noise-Rock</label></li>
1347            <li class="list-group-item"><input type="checkbox"  id="norwegian" class="sts-style"><label class="form-check-label ml-2" for="norwegian">Norwegian</label></li>
1348            <li class="list-group-item"><input type="checkbox"  id="nostalgia" class="sts-style"><label class="form-check-label ml-2" for="nostalgia">Nostalgia</label></li>
1349            <li class="list-group-item"><input type="checkbox"  id="novelty" class="sts-style"><label class="form-check-label ml-2" for="novelty">Novelty</label></li>
1350            <li class="list-group-item"><input type="checkbox"  id="nursery-rhymes" class="sts-style"><label class="form-check-label ml-2" for="nursery-rhymes">Nursery Rhymes</label></li>
1351            <li class="list-group-item"><input type="checkbox"  id="old-school-rap" class="sts-style"><label class="form-check-label ml-2" for="old-school-rap">Old School Rap</label></li>
1352            <li class="list-group-item"><input type="checkbox"  id="old-time-country" class="sts-style"><label class="form-check-label ml-2" for="old-time-country">Old-Time Country</label></li>
1353            <li class="list-group-item"><input type="checkbox"  id="oldies" class="sts-style"><label class="form-check-label ml-2" for="oldies">Oldies</label></li>
1354            <li class="list-group-item"><input type="checkbox"  id="olympics" class="sts-style"><label class="form-check-label ml-2" for="olympics">Olympics</label></li>
1355            <li class="list-group-item"><input type="checkbox"  id="opera" class="sts-style"><label class="form-check-label ml-2" for="opera">Opera</label></li>
1356            <li class="list-group-item"><input type="checkbox"  id="outlaw-country" class="sts-style"><label class="form-check-label ml-2" for="outlaw-country">Outlaw Country</label></li>
1357            <li class="list-group-item"><input type="checkbox"  id="panamanian" class="sts-style"><label class="form-check-label ml-2" for="panamanian">Panamanian</label></li>
1358            <li class="list-group-item"><input type="checkbox"  id="patriotic" class="sts-style"><label class="form-check-label ml-2" for="patriotic">Patriotic</label></li>
1359            <li class="list-group-item"><input type="checkbox"  id="peruvian" class="sts-style"><label class="form-check-label ml-2" for="peruvian">Peruvian</label></li>
1360            <li class="list-group-item"><input type="checkbox"  id="philly-soul" class="sts-style"><label class="form-check-label ml-2" for="philly-soul">Philly Soul</label></li>
1361            <li class="list-group-item"><input type="checkbox"  id="piano-blues" class="sts-style"><label class="form-check-label ml-2" for="piano-blues">Piano Blues</label></li>
1362            <li class="list-group-item"><input type="checkbox"  id="piano-jazz" class="sts-style"><label class="form-check-label ml-2" for="piano-jazz">Piano Jazz</label></li>
1363            <li class="list-group-item"><input type="checkbox"  id="piano-rock" class="sts-style"><label class="form-check-label ml-2" for="piano-rock">Piano Rock</label></li>
1364            <li class="list-group-item"><input type="checkbox"  id="piedmont-blues" class="sts-style"><label class="form-check-label ml-2" for="piedmont-blues">Piedmont Blues</label></li>
1365            <li class="list-group-item"><input type="checkbox"  id="poetic" class="sts-style"><label class="form-check-label ml-2" for="poetic">Poetic</label></li>
1366            <li class="list-group-item"><input type="checkbox"  id="polish" class="sts-style"><label class="form-check-label ml-2" for="polish">Polish</label></li>
1367            <li class="list-group-item"><input type="checkbox"  id="polka" class="sts-style"><label class="form-check-label ml-2" for="polka">Polka</label></li>
1368            <li class="list-group-item">
1368<input type="checkbox"  id="pop-musical-theatre" class="sts-style"><label class="form-check-label ml-2" for="pop-musical-theatre">Pop Musical Theatre</label></li>
1369            <li class="list-group-item"><input type="checkbox"  id="pop-vocal" class="sts-style"><label class="form-check-label ml-2" for="pop-vocal">Pop Vocal</label></li>
1370            <li class="list-group-item"><input type="checkbox"  id="pop-jazz" class="sts-style"><label class="form-check-label ml-2" for="pop-jazz">Pop-Jazz</label></li>
1371            <li class="list-group-item"><input type="checkbox"  id="pop-rap" class="sts-style"><label class="form-check-label ml-2" for="pop-rap">Pop-Rap</label></li>
1372            <li class="list-group-item"><input type="checkbox"  id="pop-soul" class="sts-style"><label class="form-check-label ml-2" for="pop-soul">Pop-Soul</label></li>
1373            <li class="list-group-item"><input type="checkbox"  id="portuguese" class="sts-style"><label class="form-check-label ml-2" for="portuguese">Portuguese</label></li>
1374            <li class="list-group-item"><input type="checkbox"  id="post-golden-age" class="sts-style"><label class="form-check-label ml-2" for="post-golden-age">Post Golden Age</label></li>
1375            <li class="list-group-item"><input type="checkbox"  id="post-bop" class="sts-style"><label class="form-check-label ml-2" for="post-bop">Post-Bop</label></li>
1376            <li class="list-group-item"><input type="checkbox"  id="post-grunge" class="sts-style"><label class="form-check-label ml-2" for="post-grunge">Post-Grunge</label></li>
1377            <li class="list-group-item"><input type="checkbox"  id="post-punk" class="sts-style"><label class="form-check-label ml-2" for="post-punk">Post-Punk</label></li>
1378            <li class="list-group-item"><input type="checkbox"  id="post-rock-experimental" class="sts-style"><label class="form-check-label ml-2" for="post-rock-experimental">Post-Rock/Experimental</label></li>
1379            <li class="list-group-item"><input type="checkbox"  id="post-romantic" class="sts-style"><label class="form-check-label ml-2" for="post-romantic">Post-Romantic</label></li>
1380            <li class="list-group-item"><input type="checkbox"  id="power-pop" class="sts-style"><label class="form-check-label ml-2" for="power-pop">Power Pop</label></li>
1381            <li class="list-group-item"><input type="checkbox"  id="praise-worship" class="sts-style"><label class="form-check-label ml-2" for="praise-worship">Praise & Worship</label></li>
1382            <li class="list-group-item"><input type="checkbox"  id="pre-golden-age" class="sts-style"><label class="form-check-label ml-2" for="pre-golden-age">Pre Golden Age</label></li>
1383            <li class="list-group-item"><input type="checkbox"  id="prewar-country-blues" class="sts-style"><label class="form-check-label ml-2" for="prewar-country-blues">Prewar Country Blues</label></li>
1384            <li class="list-group-item"><input type="checkbox"  id="progressive-big-band" class="sts-style"><label class="form-check-label ml-2" for="progressive-big-band">Progressive Big Band</label></li>
1385            <li class="list-group-item"><input type="checkbox"  id="progressive-bluegrass" class="sts-style"><label class="form-check-label ml-2" for="progressive-bluegrass">Progressive Bluegrass</label></li>
1386            <li class="list-group-item"><input type="checkbox"  id="progressive-country" class="sts-style"><label class="form-check-label ml-2" for="progressive-country">Progressive Country</label></li>
1387            <li class="list-group-item"><input type="checkbox"  id="progressive-electronic" class="sts-style"><label class="form-check-label ml-2" for="progressive-electronic">Progressive Electronic</label></li>
1388            <li class="list-group-item"><input type="checkbox"  id="progressive-metal" class="sts-style"><label class="form-check-label ml-2" for="progressive-metal">Progressive Metal</label></li>
1389            <li class="list-group-item"><input type="checkbox"  id="protest-music" class="sts-style"><label class="form-check-label ml-2" for="protest-music">Protest Music</label></li>
1390            <li class="list-group-item"><input type="checkbox"  id="proto-punk" class="sts-style"><label class="form-check-label ml-2" for="proto-punk">Proto-Punk</label></li>
1391            <li class="list-group-item"><input type="checkbox"  id="psychedelic" class="sts-style"><label class="form-check-label ml-2" for="psychedelic">Psychedelic</label></li>
1392            <li class="list-group-item"><input type="checkbox"  id="pub-rock" class="sts-style"><label class="form-check-label ml-2" for="pub-rock">Pub Rock</label></li>
1393            <li class="list-group-item"><input type="checkbox"  id="puerto-rican" class="sts-style"><label class="form-check-label ml-2" for="puerto-rican">Puerto Rican</label></li>
1394            <li class="list-group-item"><input type="checkbox"  id="punk" class="sts-style"><label class="form-check-label ml-2" for="punk">Punk</label></li>
1395            <li class="list-group-item"><input type="checkbox"  id="punk-revival" class="sts-style"><label class="form-check-label ml-2" for="punk-revival">Punk Revival</label></li>
1396            <li class="list-group-item"><input type="checkbox"  id="punk-rock-and-emo" class="sts-style"><label class="form-check-label ml-2" for="punk-rock-and-emo">Punk, Rock and Emo</label></li>
1397            <li class="list-group-item"><input type="checkbox"  id="punk-pop" class="sts-style"><label class="form-check-label ml-2" for="punk-pop">Punk-Pop</label></li>
1398            <li class="list-group-item"><input type="checkbox"  id="quiet-storm" class="sts-style"><label class="form-check-label ml-2" for="quiet-storm">Quiet Storm</label></li>
1399            <li class="list-group-item"><input type="checkbox"  id="ragga" class="sts-style"><label class="form-check-label ml-2" for="ragga">Ragga</label></li>
1400            <li class="list-group-item"><input type="checkbox"  id="ragtime" class="sts-style"><label class="form-check-label ml-2" for="ragtime">Ragtime</label></li>
1401            <li class="list-group-item"><input type="checkbox"  id="rap" class="sts-style"><label class="form-check-label ml-2" for="rap">Rap</label></li>
1402            <li class="list-group-item"><input type="checkbox"  id="rap-r-b" class="sts-style"><label class="form-check-label ml-2" for="rap-r-b">Rap R&B</label></li>
1403            <li class="list-group-item"><input type="checkbox"  id="rap-metal" class="sts-style"><label class="form-check-label ml-2" for="rap-metal">Rap-Metal</label></li>
1404            <li class="list-group-item"><input type="checkbox"  id="rap-rock" class="sts-style"><label class="form-check-label ml-2" for="rap-rock">Rap-Rock</label></li>
1405            <li class="list-group-item">
1405<input type="checkbox"  id="rave" class="sts-style"><label class="form-check-label ml-2" for="rave">Rave</label></li>
1406            <li class="list-group-item"><input type="checkbox"  id="reference" class="sts-style"><label class="form-check-label ml-2" for="reference">Reference</label></li>
1407            <li class="list-group-item"><input type="checkbox"  id="reggae" class="sts-style"><label class="form-check-label ml-2" for="reggae">Reggae</label></li>
1408            <li class="list-group-item"><input type="checkbox"  id="religious" class="sts-style"><label class="form-check-label ml-2" for="religious">Religious</label></li>
1409            <li class="list-group-item"><input type="checkbox"  id="renaissance" class="sts-style"><label class="form-check-label ml-2" for="renaissance">Renaissance</label></li>
1410            <li class="list-group-item"><input type="checkbox"  id="retro-rock" class="sts-style"><label class="form-check-label ml-2" for="retro-rock">Retro Rock</label></li>
1411            <li class="list-group-item"><input type="checkbox"  id="retro-soul" class="sts-style"><label class="form-check-label ml-2" for="retro-soul">Retro Soul</label></li>
1412            <li class="list-group-item"><input type="checkbox"  id="rock-steady" class="sts-style"><label class="form-check-label ml-2" for="rock-steady">Rock Steady</label></li>
1413            <li class="list-group-item"><input type="checkbox"  id="rock-en-espanol" class="sts-style"><label class="form-check-label ml-2" for="rock-en-espanol">Rock en Español</label></li>
1414            <li class="list-group-item"><input type="checkbox"  id="rockabilly" class="sts-style"><label class="form-check-label ml-2" for="rockabilly">Rockabilly</label></li>
1415            <li class="list-group-item"><input type="checkbox"  id="romanian" class="sts-style"><label class="form-check-label ml-2" for="romanian">Romanian</label></li>
1416            <li class="list-group-item"><input type="checkbox"  id="romantic" class="sts-style"><label class="form-check-label ml-2" for="romantic">Romantic</label></li>
1417            <li class="list-group-item"><input type="checkbox"  id="roots-rock" class="sts-style"><label class="form-check-label ml-2" for="roots-rock">Roots-Rock</label></li>
1418            <li class="list-group-item"><input type="checkbox"  id="russian" class="sts-style"><label class="form-check-label ml-2" for="russian">Russian</label></li>
1419            <li class="list-group-item"><input type="checkbox"  id="sacred" class="sts-style"><label class="form-check-label ml-2" for="sacred">Sacred</label></li>
1420            <li class="list-group-item"><input type="checkbox"  id="sacred-vocal" class="sts-style"><label class="form-check-label ml-2" for="sacred-vocal">Sacred Vocal</label></li>
1421            <li class="list-group-item"><input type="checkbox"  id="salsa" class="sts-style"><label class="form-check-label ml-2" for="salsa">Salsa</label></li>
1422            <li class="list-group-item"><input type="checkbox"  id="samba" class="sts-style"><label class="form-check-label ml-2" for="samba">Samba</label></li>
1423            <li class="list-group-item"><input type="checkbox"  id="scandinavian" class="sts-style"><label class="form-check-label ml-2" for="scandinavian">Scandinavian</label></li>
1424            <li class="list-group-item"><input type="checkbox"  id="schlager" class="sts-style"><label class="form-check-label ml-2" for="schlager">Schlager</label></li>
1425            <li class="list-group-item"><input type="checkbox"  id="school-song" class="sts-style"><label class="form-check-label ml-2" for="school-song">School Song</label></li>
1426            <li class="list-group-item"><input type="checkbox"  id="scottish" class="sts-style"><label class="form-check-label ml-2" for="scottish">Scottish</label></li>
1427            <li class="list-group-item"><input type="checkbox"  id="screamo" class="sts-style"><label class="form-check-label ml-2" for="screamo">Screamo</label></li>
1428            <li class="list-group-item"><input type="checkbox"  id="shoegazing" class="sts-style"><label class="form-check-label ml-2" for="shoegazing">Shoegazing</label></li>
1429            <li class="list-group-item"><input type="checkbox"  id="singer-songwriter" class="sts-style"><label class="form-check-label ml-2" for="singer-songwriter">Singer-Songwriter</label></li>
1430            <li class="list-group-item"><input type="checkbox"  id="ska" class="sts-style"><label class="form-check-label ml-2" for="ska">Ska</label></li>
1431            <li class="list-group-item"><input type="checkbox"  id="ska-revival" class="sts-style"><label class="form-check-label ml-2" for="ska-revival">Ska-Revival</label></li>
1432            <li class="list-group-item"><input type="checkbox"  id="skiffle" class="sts-style"><label class="form-check-label ml-2" for="skiffle">Skiffle</label></li>
1433            <li class="list-group-item"><input type="checkbox"  id="smooth-jazz" class="sts-style"><label class="form-check-label ml-2" for="smooth-jazz">Smooth Jazz</label></li>
1434            <li class="list-group-item"><input type="checkbox"  id="smooth-soul" class="sts-style"><label class="form-check-label ml-2" for="smooth-soul">Smooth Soul</label></li>
1435            <li class="list-group-item"><input type="checkbox"  id="soft-rock" class="sts-style"><label class="form-check-label ml-2" for="soft-rock">Soft Rock</label></li>
1436            <li class="list-group-item"><input type="checkbox"  id="solo-instrumental" class="sts-style"><label class="form-check-label ml-2" for="solo-instrumental">Solo Instrumental</label></li>
1437            <li class="list-group-item"><input type="checkbox"  id="son" class="sts-style"><label class="form-check-label ml-2" for="son">Son</label></li>
1438            <li class="list-group-item"><input type="checkbox"  id="song" class="sts-style"><label class="form-check-label ml-2" for="song">Song</label></li>
1439            <li class="list-group-item"><input type="checkbox"  id="soul-blues" class="sts-style"><label class="form-check-label ml-2" for="soul-blues">Soul Blues</label></li>
1440            <li class="list-group-item"><input type="checkbox"  id="soul-jazz" class="sts-style"><label class="form-check-label ml-2" for="soul-jazz">Soul-Jazz</label></li>
1441            <li class="list-group-item"><input type="checkbox"  id="soul-r-b" class="sts-style"><label class="form-check-label ml-2" for="soul-r-b">Soul/R&B</label></li>
1442            <li class="list-group-item"><input type="checkbox"  id="south-american" class="sts-style"><label class="form-check-label ml-2" for="south-american">South American</label></li>
1443            <li class="list-group-item"><input type="checkbox"  id="southern-gospel" class="sts-style"><label class="form-check-label ml-2" for="southern-gospel">Southern Gospel</label></li>
1444            <li class="list-group-item"><input type="checkbox"  id="southern-rap" class="sts-style"><label class="form-check-label ml-2" for="southern-rap">Southern Rap</label></li>
1445            <li class="list-group-item"><input type="checkbox"  id="southern-rock" class="sts-style"><label class="form-check-label ml-2" for="southern-rock">Southern Rock</label></li>
1446            <li class="list-group-item"><input type="checkbox"  id="southern-soul" class="sts-style"><label class="form-check-label ml-2" for="southern-soul">Southern Soul</label></li>
1447            <li class="list-group-item"><input type="checkbox"  id="spanish" class="sts-style"><label class="form-check-label ml-2" for="spanish">Spanish</label></li>
1448            <li class="list-group-item"><input type="checkbox"  id="special-use" class="sts-style"><label class="form-check-label ml-2" for="special-use">Special Use</label></li>
1449            <li class="list-group-item"><input type="checkbox"  id="speed-metal" class="sts-style"><label class="form-check-label ml-2" for="speed-metal">Speed Metal</label></li>
1450            <li class="list-group-item"><input type="checkbox"  id="spiritual" class="sts-style"><label class="form-check-label ml-2" for="spiritual">Spiritual</label></li>
1451            <li class="list-group-item"><input type="checkbox"  id="sports-athletics" class="sts-style"><label class="form-check-label ml-2" for="sports-athletics">Sports/Athletics</label></li>
1452            <li class="list-group-item"><input type="checkbox"  id="stride" class="sts-style"><label class="form-check-label ml-2" for="stride">Stride</label></li>
1453            <li class="list-group-item"><input type="checkbox"  id="student" class="sts-style"><label class="form-check-label ml-2" for="student">Student</label></li>
1454            <li class="list-group-item"><input type="checkbox"  id="surf" class="sts-style"><label class="form-check-label ml-2" for="surf">Surf</label></li>
1455            <li class="list-group-item"><input type="checkbox"  id="swedish" class="sts-style"><label class="form-check-label ml-2" for="swedish">Swedish</label></li>
1456            <li class="list-group-item"><input type="checkbox"  id="swing" class="sts-style"><label class="form-check-label ml-2" for="swing">Swing</label></li>
1457            <li class="list-group-item"><input type="checkbox"  id="swiss" class="sts-style"><label class="form-check-label ml-2" for="swiss">Swiss</label></li>
1458            <li class="list-group-item"><input type="checkbox"  id="synth-pop" class="sts-style"><label class="form-check-label ml-2" for="synth-pop">Synth-pop</label></li>
1459            <li class="list-group-item"><input type="checkbox"  id="teacher-educator" class="sts-style"><label class="form-check-label ml-2" for="teacher-educator">Teacher/Educator</label></li>
1460            <li class="list-group-item"><input type="checkbox"  id="techno" class="sts-style"><label class="form-check-label ml-2" for="techno">Techno</label></li>
1461            <li class="list-group-item"><input type="checkbox"  id="teen" class="sts-style"><label class="form-check-label ml-2" for="teen">Teen</label></li>
1462            <li class="list-group-item"><input type="checkbox"  id="teen-dance" class="sts-style"><label class="form-check-label ml-2" for="teen-dance">Teen Dance</label></li>
1463            <li class="list-group-item"><input type="checkbox"  id="teen-idol" class="sts-style"><label class="form-check-label ml-2" for="teen-idol">Teen Idol</label></li>
1464            <li class="list-group-item"><input type="checkbox"  id="teen-pop" class="sts-style"><label class="form-check-label ml-2" for="teen-pop">Teen Pop</label></li>
1465            <li class="list-group-item"><input type="checkbox"  id="teens" class="sts-style"><label class="form-check-label ml-2" for="teens">Teens</label></li>
1466            <li class="list-group-item"><input type="checkbox"  id="tex-mex" class="sts-style"><label class="form-check-label ml-2" for="tex-mex">Tex-Mex</label></li>
1467            <li class="list-group-item"><input type="checkbox"  id="texas-blues" class="sts-style"><label class="form-check-label ml-2" for="texas-blues">Texas Blues</label></li>
1468            <li class="list-group-item"><input type="checkbox"  id="thanksgiving" class="sts-style"><label class="form-check-label ml-2" for="thanksgiving">Thanksgiving</label></li>
1469            <li class="list-group-item"><input type="checkbox"  id="theater" class="sts-style"><label class="form-check-label ml-2" for="theater">Theater</label></li>
1470            <li class="list-group-item"><input type="checkbox"  id="third-wave-ska-revival" class="sts-style"><label class="form-check-label ml-2" for="third-wave-ska-revival">Third wave ska-revival</label></li>
1471            <li class="list-group-item"><input type="checkbox"  id="thrash" class="sts-style"><label class="form-check-label ml-2" for="thrash">Thrash</label></li>
1472            <li class="list-group-item"><input type="checkbox"  id="tin-pan-alley" class="sts-style"><label class="form-check-label ml-2" for="tin-pan-alley">Tin Pan Alley</label></li>
1473            <li class="list-group-item"><input type="checkbox"  id="torch" class="sts-style"><label class="form-check-label ml-2" for="torch">Torch</label></li>
1474            <li class="list-group-item"><input type="checkbox"  id="traditional-country" class="sts-style"><label class="form-check-label ml-2" for="traditional-country">Traditional Country</label></li>
1475            <li class="list-group-item"><input type="checkbox"  id="traditional-dance" class="sts-style"><label class="form-check-label ml-2" for="traditional-dance">Traditional Dance</label></li>
1476            <li class="list-group-item"><input type="checkbox"  id="traditional-folk" class="sts-style"><label class="form-check-label ml-2" for="traditional-folk">Traditional Folk</label></li>
1477            <li class="list-group-item"><input type="checkbox"  id="traditional-pop" class="sts-style"><label class="form-check-label ml-2" for="traditional-pop">Traditional Pop</label></li>
1478            <li class="list-group-item"><input type="checkbox"  id="trance" class="sts-style"><label class="form-check-label ml-2" for="trance">Trance</label></li>
1479            <li class="list-group-item"><input type="checkbox"  id="tribute" class="sts-style"><label class="form-check-label ml-2" for="tribute">Tribute</label></li>
1480            <li class="list-group-item"><input type="checkbox"  id="trip-hop" class="sts-style"><label class="form-check-label ml-2" for="trip-hop">Trip-Hop</label></li>
1481            <li class="list-group-item"><input type="checkbox"  id="tropical" class="sts-style"><label class="form-check-label ml-2" for="tropical">Tropical</label></li>
1482            <li class="list-group-item"><input type="checkbox"  id="turntablism" class="sts-style"><label class="form-check-label ml-2" for="turntablism">Turntablism</label></li>
1483            <li class="list-group-item"><input type="checkbox"  id="uptempo" class="sts-style"><label class="form-check-label ml-2" for="uptempo">Uptempo</label></li>
1484            <li class="list-group-item"><input type="checkbox"  id="urban" class="sts-style"><label class="form-check-label ml-2" for="urban">Urban</label></li>
1485            <li class="list-group-item"><input type="checkbox"  id="urban-blues" class="sts-style"><label class="form-check-label ml-2" for="urban-blues">Urban Blues</label></li>
1486            <li class="list-group-item"><input type="checkbox"  id="urban-cowboy" class="sts-style"><label class="form-check-label ml-2" for="urban-cowboy">Urban Cowboy</label></li>
1487            <li class="list-group-item"><input type="checkbox"  id="urban-folk" class="sts-style"><label class="form-check-label ml-2" for="urban-folk">Urban Folk</label></li>
1488            <li class="list-group-item"><input type="checkbox"  id="vaudeville" class="sts-style"><label class="form-check-label ml-2" for="vaudeville">Vaudeville</label></li>
1489            <li class="list-group-item"><input type="checkbox"  id="venezuelan" class="sts-style"><label class="form-check-label ml-2" for="venezuelan">Venezuelan</label></li>
1490            <li class="list-group-item"><input type="checkbox"  id="video-game-music" class="sts-style"><label class="form-check-label ml-2" for="video-game-music">Video Game Music</label></li>
1491            <li class="list-group-item"><input type="checkbox"  id="vocal-jazz" class="sts-style"><label class="form-check-label ml-2" for="vocal-jazz">Vocal Jazz</label></li>
1492            <li class="list-group-item"><input type="checkbox"  id="vocal-pop" class="sts-style"><label class="form-check-label ml-2" for="vocal-pop">Vocal Pop</label></li>
1493            <li class="list-group-item"><input type="checkbox"  id="waltz" class="sts-style"><label class="form-check-label ml-2" for="waltz">Waltz</label></li>
1494            <li class="list-group-item"><input type="checkbox"  id="wedding" class="sts-style"><label class="form-check-label ml-2" for="wedding">Wedding</label></li>
1495            <li class="list-group-item"><input type="checkbox"  id="wedding-reception" class="sts-style"><label class="form-check-label ml-2" for="wedding-reception">Wedding Reception</label></li>
1496            <li class="list-group-item"><input type="checkbox"  id="wedding-contemporary" class="sts-style"><label class="form-check-label ml-2" for="wedding-contemporary">Wedding, Contemporary</label></li>
1497            <li class="list-group-item"><input type="checkbox"  id="welsh" class="sts-style"><label class="form-check-label ml-2" for="welsh">Welsh</label></li>
1498            <li class="list-group-item"><input type="checkbox"  id="west-coast-blues" class="sts-style"><label class="form-check-label ml-2" for="west
1498-coast-blues">West Coast Blues</label></li>
1499            <li class="list-group-item"><input type="checkbox"  id="west-coast-jazz" class="sts-style"><label class="form-check-label ml-2" for="west-coast-jazz">West Coast Jazz</label></li>
1500            <li class="list-group-item"><input type="checkbox"  id="west-coast-rap" class="sts-style"><label class="form-check-label ml-2" for="west-coast-rap">West Coast Rap</label></li>
1501            <li class="list-group-item"><input type="checkbox"  id="western-swing" class="sts-style"><label class="form-check-label ml-2" for="western-swing">Western Swing</label></li>
1502            <li class="list-group-item"><input type="checkbox"  id="western-swing-revival" class="sts-style"><label class="form-check-label ml-2" for="western-swing-revival">Western Swing Revival</label></li>
1503            <li class="list-group-item"><input type="checkbox"  id="world" class="sts-style"><label class="form-check-label ml-2" for="world">World</label></li>
1504            <li class="list-group-item"><input type="checkbox"  id="world-fusion" class="sts-style"><label class="form-check-label ml-2" for="world-fusion">World Fusion</label></li>
1505        </ul>
1506        <!-- JavaScript to filter genres -->
1507        
1507<script>
1508            function filterGenres() {
1509                // Get the search query
1510                var input = document.getElementById('styles-search-box');
1511                var filter = input.value.toLowerCase();
1512                // Get all list items that contain input elements with class 'sts-style'
1513                var listItems = document.querySelectorAll('.list-group-item input.sts-style');
1514
1515                // Loop through these list items and filter based on the search query
1516                listItems.forEach(function(item) {
1517                    var listItem = item.closest('.list-group-item');  // Get the parent <li> element
1518                    var label = listItem.querySelector('label').innerText.toLowerCase(); // Get the label text
1519
1520                    // Check if the label matches the search query
1521                    if (label.includes(filter)) {
1522                        listItem.style.display = '';
1523                    } else {
1524                        listItem.style.display = 'none';
1525                    }
1526                });
1527            }
1528        </script>
1528
1529    </div>
1530                            </div>
1531
1532                        </form>
1533<!--                        <div class="my-3 text-center" style="background-color:#e7e3db;">-->
1534<!--                            
1534<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
1534-->
1535<!--                            &lt;!&ndash; Search page side banner &ndash;&gt;-->
1536<!--                            <ins class="adsbygoogle"-->
1537<!--                                 style="display:block"-->
1538<!--                                 data-ad-client="ca-pub-3824853813190448"-->
1539<!--                                 data-ad-slot="3456699597"-->
1540<!--                                 data-ad-format="auto"-->
1541<!--                                 data-full-width-responsive="true"></ins>-->
1542<!--                            
1542<script>-->
1543<!--                                 (adsbygoogle = window.adsbygoogle || []).push({});-->
1544<!--                            </script>
1544-->
1545<!--                        </div>-->
1546                    </div>
1547                    <div class="col-8">
1548                        <div id="explore-spinner" class="col-8 overlay-loader d-none">
1549                            <div class="loader">
1550                                <div></div>
1551                                <div></div>
1552                                <div></div>
1553                                <div></div>
1554                                <div></div>
1555                                <div></div>
1556                                <div></div>
1557                            </div>
1558                        </div>
1559                        <div id="explore-table" class="d-none" >
1560                            <table  class="table">
1561                                <thead>
1562                                <tr>
1563                                    <th scope="col">Song</th>
1564                                    <th scope="col">In original</th>
1565                                    <th scope="col">Transposed</th>
1566                                    <th scope="col"></th>
1567                                </tr>
1568                                </thead>
1569                                <tbody id="explore-results">
1570                                    <tr is="song-card"
1571                                        v-for="item in songs"
1572                                        v-bind:item="item"
1573                                        v-bind:key="item.itemId">
1574                                    </tr>
1575                                <!-- Workaround syntax for tr bug in vue https://stackoverflow.com/questions/50759981/vuejs-doesnt-render-components-inside-html-table-elements -->
1576                                </tbody>
1577                            </table>
1578                        </div>
1579                        <div class="bg-light p-3 border">
1580                            <h6 class="text-center mb-3"> To see search results create an account or log in</h6>
1581                            <form class="form-inline" id="login-form">
1582                                <a href="/sign-up?referrer=/search?showdemobanner=yes" class="btn btn-success mr-3 ml-auto" id="link-signup">Create an account</a>
1583                                <a href="/login?referrer=/search" class="btn btn-primary mr-auto" id="link-login">Log In</a>
1584                            </form>
1585                        </div>
1586                        
1587                    </div>
1588                </div>
1589
1590            </div>
1591            <div class="tab-pane fade mx-auto" id="div-search" role="tabpanel" aria-labelledby="search-tab" style="max-width: 750px;">
1592
1593                <div id="searchForm" class="row mx-0 mt-3">
1594                    <div class="form mb-2 w-100 px-3">
1595                        <label class="sr-only" for="name_input">Search for song or artists by name</label>
1596                        <div class="input-group mb-2">
1597                            <div class="input-group-prepend">
1598                                <div class="input-group-text">
1599                                    <i class="fa fa-search fa" aria-hidden="true"></i>
1600                                </div>
1601                            </div>
1602                            <input type="search" class="form-control form-control-lg" id="name_input" placeholder="Search for song or artists by name">
1603                        </div>
1604                    </div>
1605                </div>
1606
1607                <div class="row mx-0 mt-2">
1608                    <div class="col-0">
1609                    </div>
1610                    <div class="col-12">
1611                        <div id="search-spinner" class="col-8 overlay-loader d-none">
1612                            <div class="loader">
1613                                <div></div>
1614                                <div></div>
1615                                <div></div>
1616                                <div></div>
1617                                <div></div>
1618                                <div></div>
1619                                <div></div>
1620                            </div>
1621                        </div>
1622                        <div id="search-table" class="d-none" >
1623                            <table  class="table">
1624                                <thead>
1625                                <tr>
1626                                    <th scope="col">Song</th>
1627                                    <th scope="col">In original</th>
1628                                    <th scope="col">Transposed</th>
1629                                    <th scope="col"></th>
1630                                </tr>
1631                                </thead>
1632                                <tbody id="search-results">
1633                                <tr is="song-card"
1634                                    v-for="item in songs"
1635                                    v-bind:item="item"
1636                                    v-bind:key="item.song.id">
1637                                </tr>
1638                                <!-- Workaround syntax for tr bug in vue https://stackoverflow.com/questions/50759981/vuejs-doesnt-render-components-inside-html-table-elements -->
1639                                </tbody>
1640                            </table>
1641                        </div>
1642                    </div>
1643                </div>
1644
1645            </div>
1646        </div>
1647
1648
1649
1650    </div>
1651
1652</div>
1653
1654
1655
1656
1657
1658<div>
1659<!--        deactivated-->
1660<!--        <th:block th:unless="${hideShare}">-->
1661<!--            <blockquote id="quote-footer-share" class="blockquote text-center mt-4 ml-3 mr-3">-->
1662<!--                <footer class="blockquote-footer"> Share the word. </footer>-->
1663<!--            </blockquote>-->
1664<!--            <th:block th:unless="${hideFeedbackBtn}">-->
1665<!--                <div th:if="${isUserAuthenticated}" class="mx-0 my-4">-->
1666<!--                    <p class="text-center h5 mb-3"> Do you enjoy our tools?</p>-->
1667<!--                    <p class="text-center"><a href="/help-carrots" target="_blank" class="btn btn-primary btn-lg mx-auto"> Help us improve! </a></p>-->
1668<!--                </div>-->
1669<!--            </th:block>-->
1670<!--        </th:block>-->
1671        <footer class="page-footer">
1672            <div class="container-fluid">
1673                <div class="row">
1674                    <div class="col-12 page-footer-title">
1675                        <strong>SINGING CARROTS LIMITED</strong><br/>
1676                        <small>Company Number:&nbsp;16223851 | VAT Number:&nbsp;498788883</small>
1677                    </div>
1678                </div>
1679                <div class="row">
1680                    <div class="col-md-3">
1681                        <ul class="page-footer-links page-footer-links--primary">
1682                            <li>
1683                                <a href="/about">
1684                                    About
1685                                </a>
1686                            </li>
1687                            <li>
1688                                <a href="/studio">
1689                                    Carrots for Teachers
1690                                </a>
1691                            </li>
1692                            <li>
1693                                <a href="/schools">
1694                                    Carrots for Schools
1695                                </a>
1696                            </li>
1697                            <li>
1698                                <a href="/teachers">
1699                                    Find a Teacher
1700                                </a>
1701                            </li>
1702                            <li>
1703                                <a href="https://www.youtube.com/channel/UCVKzgF-DQ7tXa0SgnClBtyA" target="_blank">
1704                                    Carrots on YouTube
1705                                </a>
1706                            </li>
1707                            <li>
1708                                <a href="https://apps.apple.com/app/singing-carrots-ai-vocal-coach/id6776270059" target="_blank" rel="noopener"
1709                                   onclick="if (typeof _track_analytics_event === 'function') { _track_analytics_event('footer--ios-app-click', { category: 'Footer' }); }">
1710                                    Singing Carrots AI Coach for iOS
1711                                </a>
1712                            </li>
1713                            <li>
1714                                <a href="/contact">
1715                                    Contact us
1716                                </a>
1717                            </li>
1718                        </ul>
1719                    </div>
1720                    <div class="col-md-3">
1721                        <ul class="page-footer-links">
1722                            <li>
1723                                <a href="/terms" target="_blank">
1724                                    Terms of use
1725                                </a>
1726                            </li>
1727                            <li>
1728                                <a href="/privacy-policy" target="_blank">
1729                                    Privacy policy
1730                                </a>
1731                            </li>
1732                            <li>
1733                                <a href="/disclaimer" target="_blank">
1734                                    Disclaimer
1735                                </a>
1736                            </li>
1737                            <li>
1738                                <a href="/affiliate" >
1739                                    Affiliate program
1740                                </a>
1741                            </li>
1742                        </ul>
1743                    </div>
1744                    <div class="col-md-3">
1745                        <ul class="page-footer-links">
1746                            <li class="page-footer-links--header">Find Singing Teachers</li>
1747                            <li>
1748                                <a href="/singing-teachers/london/united-kingdom">
1749                                    London
1750                                </a>
1751                            </li>
1752                            <li>
1753                                <a href="/singing-teachers/new-yor
1753k/united-states">
1754                                    New York
1755                                </a>
1756                            </li>
1757                            <li>
1758                                <a href="/singing-teachers/los-angeles/united-states">
1759                                    Los Angeles
1760                                </a>
1761                            </li>
1762                            <li>
1763                                <a href="/singing-teachers/toronto/canada">
1764                                    Toronto
1765                                </a>
1766                            </li>
1767                            <li>
1768                                <a href="/singing-teachers/sydney/australia">
1769                                    Sydney
1770                                </a>
1771                            </li>
1772                            <li>
1773                                <a href="/teachers/locations">
1774                                    <strong>All Locations →</strong>
1775                                </a>
1776                            </li>
1777                        </ul>
1778                    </div>
1779                </div>
1780            </div>
1781
1782            <!--    AdThrive Ads-->
1783            
1783<script>
1784                !function(){"use strict";!function(e){if(-1===e.cookie.indexOf("__adblocker")){e.cookie="__adblocker=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";var t=new XMLHttpRequest;t.open("GET","https://www.npttech.com/advertising.js",!0),t.onreadystatechange=function(){if(XMLHttpRequest.DONE===t.readyState)if(200===t.status){var n=e.createElement("script");n.innerHTML=t.responseText,e.getElementsByTagName("head")[0].appendChild(n)}else{var a=new Date;a.setTime(a.getTime()+3e5),e.cookie="__adblocker=true; expires="+a.toUTCString()+"; path=/"}},t.send()}}(document)}();
1785            </script>
1785
1786            
1786<script>
1787                !function(){"use strict";var e;e=document,function(){var t,n;function r(){var t=e.createElement("script");t.src="https://cafemedia-com.videoplayerhub.com/galleryplayer.js",e.head.appendChild(t)}function a(){var t=e.cookie.match("(^|[^;]+)\\s*__adblocker\\s*=\\s*([^;]+)");return t&&t.pop()}function c(){clearInterval(n)}return{init:function(){var e;"true"===(t=a())?r():(e=0,n=setInterval((function(){100!==e&&"false"!==t||c(),"true"===t&&(r(),c()),t=a(),e++}),50))}}}().init()}();
1788            </script>
1788
1789        </footer>
1790
1791        <!-- Firebase App (the core Firebase SDK) is always required and must be listed first -->
1792        
1792<script src="https://www.gstatic.com/firebasejs/8.2.6/firebase-app.js"></script>
1792
1793        
1793<script src="https://www.gstatic.com/firebasejs/8.2.6/firebase-auth.js"></script>
1793
1794        
1794<script>
1795              // Web app's Firebase configuration
1796              var firebaseConfig = {
1797                    apiKey: "AIzaSyCq6H1QRRkFk9zF2bcS15b7EOF6agUQHQk",
1798                    authDomain: "singing-carrots.firebaseapp.com",
1799                    projectId: "singing-carrots",
1800                    storageBucket: "singing-carrots.appspot.com",
1801                    messagingSenderId: "1058369278074",
1802                    appId: "1:1058369278074:web:377802cbe50652d2cd2bc3"
1803              };
1804
1805              // Initialize Firebase
1806              firebase.initializeApp(firebaseConfig);
1807
1808       </script>
1808
1809        <!-- Purchase modals below are gated off inside the native app shells
1810             (iOS Guideline 3.1.1; Android mirrors it): the demo-tier paywall
1811             ("See Prices" -> /pro) and the Black Friday Stripe-checkout modals
1812             must never inject into an in-app page. commonFooter reaches the
1813             apps only via /stats today; this gate also covers any future
1814             in-app page that includes commonFooter. -->
1815        
1816
1817        <!-- Black Friday Modals - All three included, JavaScript will show the correct one -->
1818        
1819        
1820        
1821
1822        <!-- Black Friday Email Modal - Only if promo is active -->
1823        
1824    </div>
1825
1826<div id="cookieConsent" class="row fixed-bottom d-none" style="min-width:100%;background:rgba(255,255,255,0.7);z-index:2;">
1827        <div class=" bg-dark fixed-bottom row p-2 pl-5 pr-4">
1828            <form style="color:#f2f2f2;width:100%">
1829                We use cookies.
1830                <a href="/terms" target="_blank" class="mx-2"> Terms </a>
1831                <button id="btnCookieOK" type="button" class="btn btn-link py-0 px-2" style="float:right;color:#FFF"><strong><i class="fa fa-times" aria-hidden="true"></i></strong></button>
1832            </form>
1833        </div>
1834    </div>
1835<div id="hintLikedSong" class="d-none shadow fixed-bottom px-3 pt-1 pb-2 ml-auto mr-5 mb-5" style="width:300px;z-index:2;background: #fbe4ad;border-radius: 16px;">
1836        <div class="row mx-0">
1837            <span class="h6 mr-auto my-auto"><i class="fa fa-info-circle" aria-hidden="true"></i> Tip</span>
1838            <button id="btnDismissHintLikedSong" type="button" class="btn btn-link ml-auto pr-0"> Dismiss (x)</button>
1839        </div>
1840        <hr class="mt-0 mb-1">
1841        <p class="mb-2">
1842            The songs you star are added to <a id="linkRepertoireHintLikedSong" href="/repertoire"> your repertoire page </a>
1843        </p>
1844        
1844<script type="text/javascript">
1845            window.addEventListener("load", function() {
1846                document.getElementById("btnDismissHintLikedSong").addEventListener("click", function(event) {
1847                    $('#hintLikedSong').addClass('d-none');
1848
1849                    var hintLikedSongCookie = getCookie("hintLikedSong");
1850                    if (hintLikedSongCookie != "viewed") {
1851                        setCookie("hintLikedSong", "viewed", 3000);
1852                        ga('send', 'event', 'Hint', 'likedSongDismissed');
1853                        gtag('event', 'repertoire-hint--dismissed', { category: 'RepertoireHint' });
1854                    }
1855                });
1856                document.getElementById("linkRepertoireHintLikedSong").addEventListener("click", function(event) {
1857                    ga('send', 'event', 'Hint', 'likedSongRepertoireLink');
1858                    gtag('event', 'repertoire-hint--link', { category: 'RepertoireHint' });
1859                    return true;
1860                });
1861            });
1862
1863            function showHintLikedSong() {
1864                var hintLikedSongCookie = getCookie("hintLikedSong");
1865                if (hintLikedSongCookie != "viewed") {
1866                    $('#hintLikedSong').removeClass('d-none');
1867                    ga('send', 'event', 'Hint', 'likedSongViewed');
1868                    gtag('event', 'repertoire-hint--seen', { category: 'RepertoireHint' });
1869                }
1870            }
1871        </script>
1871
1872    </div>
1873
1874
1875
1876<!-- Email Confirmation Modal (Blocking) -->
1877
1878
1879<!-- Email Confirmation Thank You Modal (Non-blocking) -->
1880
1881
1882<!-- Pass server-side variables to JavaScript -->
1883<script>
1884/*<![CDATA[*/
1885    window._needsEmailConfirmation = false;
1886    window._showThankYouModal = false;
1887/*]]>*/
1888</script>
1888
1889
1890<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d23a1affd9664b8d9e066e4da5f9cd0d","r":1,"spa":2}' crossorigin="anonymous"></script>
1890
1891</body>
1892</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.