hivocals.com
Open in
urlscan Pro
23.227.38.32
Public Scan
URL:
https://hivocals.com/collections/browse-vocals?gad_source=2
Submission: On March 02 via api from US — Scanned from CA
Submission: On March 02 via api from US — Scanned from CA
Form analysis 7 forms found in the DOM
POST /cart
<form action="/cart" method="post" novalidate="">
<div id="CartContainer" class="fixed top-0 right-0 bottom-0 w-11/12 max-w-md bg-primary-background text-primary-text transform transition-transform overflow-hidden flex flex-col px-5" x-show="$store.drawer.cartDrawerOpen"
x-transition:enter="transition ease duration-300" x-transition:enter-start="opacity-0 translate-x-full" x-transition:enter-end="opacity-100" x-transition:leave="transition ease duration-300" x-transition:leave-end="opacity-100 translate-x-full"
@click.away.prevent="$store.drawer.cartDrawerOpen = false" role="dialog" aria-modal="true" data-cart-drawer="" aria-labelledby="CartTitle" style="display: none;">
<div class="relative flex items-center justify-between py-4 border-b-theme-width border-primary-border">
<h1 class="font-heading text-base" id="CartTitle" tabindex="-1"> Your cart - <span x-text="$store.cartCount.countWithText()">0 vocals</span>
</h1>
<button @click.prevent="$store.drawer.cartDrawerOpen = false" class="block top-0">
<span class="visually-hidden">Close (esc)</span>
<span class="inline-block w-7 h-7"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-close" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M18.364 4.222l1.414 1.414L13.414 12l6.364 6.364-1.414 1.414L12 13.414l-6.364 6.364-1.414-1.414L10.586 12 4.222 5.636l1.414-1.414L12 10.586l6.364-6.364z" clip-rule="evenodd"></path>
</svg></span>
</button>
</div>
<template x-if="state && !state.item_count">
<div class="py-4">
<p class="supports-cookies text-align--center" x-text="theme.strings.cartEmpty"></p>
<p class="supports-no-cookies cookie-message" x-text="theme.strings.cartCookies"></p>
</div>
</template>
<div class="py-4">
<p class="supports-cookies text-align--center" x-text="theme.strings.cartEmpty">Your cart is currently empty.</p>
<p class="supports-no-cookies cookie-message" x-text="theme.strings.cartCookies">Enable cookies to use the shopping cart</p>
</div>
<template x-if="state && state.item_count">
<div class="flex-auto flex flex-col overflow-hidden">
<div class="py-4 flex-auto overflow-hidden overflow-y-auto px-5 -mx-5">
<div class="grid grid-cols-1 gap-gutter">
<template x-for="(item, index) in state.items" :key="item.key">
<div class="flex py-4 transition bg-primary-background" :class="{ 'opacity-50 cursor-wait': item.updating }" :data-cart-item-index="(index + 1)" :data-cart-item-key="item.key" data-cart-row="">
<template x-if="!(item.featured_image.url === null)">
<div class="flex-shrink-0 w-20 md:w-28 mr-4">
<a :href="item.url" class="block" aria-hidden="true" tabindex="-1">
<img class="w-full text-transparent" :src="getSizedImageUrl(item.featured_image.url, '110x')" :srcset="getCartImgSrcset(item.featured_image.url)" :width="item.featured_image.width" :height="item.featured_image.height" :alt="item.product_title" sizes="(min-width: 48em) 5rem, 3.5rem">
<pre x-text="item.featured_image.src"></pre>
</a>
</div>
</template>
<div class="flex-auto pr-4">
<a class="f--heading font-size--m md--up--font-size--l color--active-text" :href="item.url" x-text="item.product_title"></a>
<template x-if="item.variant_title">
<p class="text-sm" x-text="item.variant_title"></p>
</template>
<p class="text-sm mt-1 text-primary-meta" x-text="item.vendor"></p>
<template x-if="item.selling_plan_allocation">
<p class="text-sm mt-1 text-primary-meta" x-text="item.selling_plan_allocation.selling_plan.name"></p>
</template>
<template x-for="property in flatProperties(item.properties)" :key="property.name">
<p class="text-sm">
<span x-text="property.name"></span>: <span x-text="property.value"></span>
</p>
</template>
<template x-if="item.line_level_discount_allocations.length">
<ul class="lg:hidden mt-1 text-sm text-primary-accent" aria-label="Discount">
<template x-for="allocation in item.line_level_discount_allocations">
<li class="">
<span x-text="allocation.discount_application.title"></span>
<span class="whitespace-nowrap">−<span x-html="formatMoney(allocation.amount)"></span></span>
</li>
</template>
</ul>
</template>
<button class="none lg:inline-block mt-2 text-sm" data-qty-adjust="remove" @click.prevent="qtyAdjust($event, item)">
<small>Remove </small>
<span class="visually-hidden" x-text="item.title"></span>
</button>
</div>
<div class="ml-1 text-right">
<template x-if="item.line_level_discount_allocations.length">
<div>
<span class="visually-hidden">Regular price</span>
<del class="line-through" x-html="formatMoney(item.original_price)"></del>
<span class="visually-hidden">Sale price</span>
<span class="" x-html="formatMoney(item.final_line_price)"></span>
</div>
</template>
<template x-if="!item.line_level_discount_allocations.length">
<span class="" x-html="formatMoney(item.final_line_price)"></span>
</template>
<template x-if="item.unit_price_measurement">
<div class="text-sm">
<span x-html="formatMoney(item.unit_price)"></span> / <span x-text="item.unit_price_measurement.reference_value"></span>
<span x-text="item.unit_price_measurement.reference_unit"></span>
</div>
</template>
<template x-if="item.line_level_discount_allocations.length">
<ul class="hidden lg:block mt-1 text-sm text-primary-accent" aria-label="Discount">
<template x-for="allocation in item.line_level_discount_allocations">
<li class="">
<span x-text="allocation.discount_application.title"></span>
<span class="whitespace-nowrap">−<span x-html="formatMoney(allocation.amount)"></span></span>
</li>
</template>
</ul>
</template>
</div>
</div>
</template>
</div>
</div>
<div class="pt-4 lg:pt-8 pb-safe-bottom border-primary-border border-t-theme-width">
<div :class="{ 'opacity-50 cursor-wait': updating }">
<template x-if="state.cart_level_discount_applications.length" x-for="application in state.cart_level_discount_applications">
<p class="flex justify-between text-primary-accent pb-2">
<span class="visually-hidden">Discount</span>
<span x-text="application.title"></span>
<span class="ml-2" x-html="formatMoney(application.total_allocated_amount)"></span>
</p>
</template>
<p class="flex justify-between text-lg">
<span>Subtotal</span>
<span class="ml-2" x-html="formatMoney(state.total_price)"></span>
</p>
<p class="mt-4 text-sm accent-links-primary text-right"> </p>
<div class="text-right mt-4">
<div>
<input type="submit" name="checkout" class="cursor-pointer py-2 px-4 w-full w-full btn btn-solid-primary-text" :disabled="updating" value="Check Out">
</div>
<div class="w-full md:mt-2 additional-checkout-buttons Liquid error (snippets/cart-drawer line 237): Could not find asset snippets/button-style.liquid">
<div class="dynamic-checkout__content" id="dynamic-checkout-cart" data-shopify="dynamic-checkout-cart"></div>
</div>
</div>
</div>
</div>
</div>
</template>
</div>
</form>GET /search
<form x-ref="searchForm" action="/search" method="get" role="search" @submit="onFormSubmit">
<div class="relative">
<input id="header-search" type="search" name="q" value="" class="header-search-input pl-9 py-2 placeholder-current font-secondary w-full" placeholder="Search" aria-expanded="false" aria-owns="predictive-search-results-list"
aria-controls="predictive-search-results-list" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false" x-ref="input" x-model="rawQuery" @input.debounce.300="onChange" @focus="onFocus">
<label class="visually-hidden" for="header-search">Search</label>
<input type="hidden" name="options[prefix]" value="last">
<button class="absolute left-0 top-1/2 transform -translate-y-1/2 p-1" aria-label="Search">
<span class="inline-block w-7 h-7"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-search" viewBox="0 0 24 24">
<path fill-rule="evenodd"
d="M10.548 17.187a6.647 6.647 0 01-6.64-6.64 6.647 6.647 0 016.64-6.639 6.647 6.647 0 016.64 6.64 6.647 6.647 0 01-6.64 6.64zm6.629-1.253a8.507 8.507 0 001.918-5.386C19.095 5.834 15.26 2 10.548 2 5.835 2 2 5.834 2 10.548c0 4.712 3.835 8.547 8.548 8.547a8.503 8.503 0 005.265-1.828L20.546 22l1.35-1.349-4.72-4.717z"
clip-rule="evenodd"></path>
</svg></span>
</button>
<button @click="close(true,true)" class="block p-1 absolute right-0 top-1/2 transform -translate-y-1/2">
<span class="visually-hidden">Close (esc)</span>
<span class="inline-block w-7 h-7"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-close" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M18.364 4.222l1.414 1.414L13.414 12l6.364 6.364-1.414 1.414L12 13.414l-6.364 6.364-1.414-1.414L10.586 12 4.222 5.636l1.414-1.414L12 10.586l6.364-6.364z" clip-rule="evenodd"></path>
</svg></span>
</button>
</div>
<div id="predictiveSearchResults" :class="{'opacity-0': !isOpen }" tabindex="-1"
class="bg-primary-background pb-4 lg:pb-8 section-x-padding absolute bottom-border-width left-0 right-0 transform translate-y-search-results z-50 overflow-hidden overflow-y-auto max-h-screen-header opacity-0">
<template x-if="loading && !results">
<div class="w-7 h-7 mx-auto" data-predictive-loading="">
<div class="loading"></div>
</div>
</template>
<template x-if="isOpen">
<div class="text-primary-text" x-ref="results">
</div>
</template>
</div>
<span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span>
</form><form id="Facet-Filters-Form" @submit.prevent="filterFormSubmit">
<div class="">
<div class="">
<div class="mb-5 -mt-2" data-index="0" data-accordion="" data-initial-state="false">
<button type="button" class="w-full flex items-center border-b-text-width py-2 border-primary-border font-secondary text-left text-sm" x-bind:aria-expanded="accordionOpen.accordion0? true: 'false'"
@click="accordionOpen.accordion0 = !accordionOpen.accordion0" aria-controls="accordion0" aria-expanded="false"> Vocal Type <span class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition"
:class="{'rotate-180': accordionOpen.accordion0}"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-down" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M16.668 5L18 6.332l-7.993 7.993L10 14.32l-.007.006L2 6.332 3.332 5 10 11.668 16.668 5z"></path>
</svg></span>
</button>
<div class="pb-5" id="accordion0" x-show="accordionOpen.accordion0" style="display: none;">
<ul class="mt-5">
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.vocal_type" value="Cover" @input.debounce.1000ms="filterFormSubmit" id="Filter-Vocal Type-0-desktop">
<label for="Filter-Vocal Type-0-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">Cover</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.vocal_type" value="Exclusive" @input.debounce.1000ms="filterFormSubmit" id="Filter-Vocal Type-1-desktop">
<label for="Filter-Vocal Type-1-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">Exclusive</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.vocal_type" value="Non-Exclusive" @input.debounce.1000ms="filterFormSubmit" id="Filter-Vocal Type-2-desktop">
<label for="Filter-Vocal Type-2-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">Non-Exclusive</span>
</span>
</label>
</li>
</ul>
</div>
</div>
<div class="mb-5 -mt-2" data-index="1" data-accordion="" data-initial-state="false">
<button type="button" class="w-full flex items-center border-b-text-width py-2 border-primary-border font-secondary text-left text-sm" x-bind:aria-expanded="accordionOpen.accordion1? true: 'false'"
@click="accordionOpen.accordion1 = !accordionOpen.accordion1" aria-controls="accordion1" aria-expanded="false"> BPM <span class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition"
:class="{'rotate-180': accordionOpen.accordion1}"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-down" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M16.668 5L18 6.332l-7.993 7.993L10 14.32l-.007.006L2 6.332 3.332 5 10 11.668 16.668 5z"></path>
</svg></span>
</button>
<div class="pb-5" id="accordion1" x-show="accordionOpen.accordion1" style="display: none;">
<ul class="mt-5">
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="63" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-0-desktop">
<label for="Filter-BPM-0-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">63</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="65" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-1-desktop">
<label for="Filter-BPM-1-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">65</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="67" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-2-desktop">
<label for="Filter-BPM-2-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">67</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="68" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-3-desktop">
<label for="Filter-BPM-3-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">68</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="70" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-4-desktop">
<label for="Filter-BPM-4-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">70</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="71" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-5-desktop">
<label for="Filter-BPM-5-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">71</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="72" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-6-desktop">
<label for="Filter-BPM-6-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">72</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="73" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-7-desktop">
<label for="Filter-BPM-7-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">73</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="74" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-8-desktop">
<label for="Filter-BPM-8-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">74</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="75" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-9-desktop">
<label for="Filter-BPM-9-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">75</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="76" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-10-desktop">
<label for="Filter-BPM-10-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">76</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="77" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-11-desktop">
<label for="Filter-BPM-11-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">77</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="78" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-12-desktop">
<label for="Filter-BPM-12-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">78</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="79" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-13-desktop">
<label for="Filter-BPM-13-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">79</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="80" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-14-desktop">
<label for="Filter-BPM-14-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">80</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="81" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-15-desktop">
<label for="Filter-BPM-15-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">81</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="82" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-16-desktop">
<label for="Filter-BPM-16-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">82</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="83" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-17-desktop">
<label for="Filter-BPM-17-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">83</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="84" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-18-desktop">
<label for="Filter-BPM-18-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">84</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="85" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-19-desktop">
<label for="Filter-BPM-19-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">85</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="86" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-20-desktop">
<label for="Filter-BPM-20-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">86</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="87" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-21-desktop">
<label for="Filter-BPM-21-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">87</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="88" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-22-desktop">
<label for="Filter-BPM-22-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">88</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="89" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-23-desktop">
<label for="Filter-BPM-23-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">89</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="90" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-24-desktop">
<label for="Filter-BPM-24-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">90</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="91" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-25-desktop">
<label for="Filter-BPM-25-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">91</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="92" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-26-desktop">
<label for="Filter-BPM-26-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">92</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="93" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-27-desktop">
<label for="Filter-BPM-27-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">93</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="94" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-28-desktop">
<label for="Filter-BPM-28-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">94</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="95" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-29-desktop">
<label for="Filter-BPM-29-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">95</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="96" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-30-desktop">
<label for="Filter-BPM-30-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">96</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="97" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-31-desktop">
<label for="Filter-BPM-31-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">97</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="98" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-32-desktop">
<label for="Filter-BPM-32-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">98</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="99" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-33-desktop">
<label for="Filter-BPM-33-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">99</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="100" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-34-desktop">
<label for="Filter-BPM-34-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">100</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="101" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-35-desktop">
<label for="Filter-BPM-35-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">101</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="102" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-36-desktop">
<label for="Filter-BPM-36-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">102</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="103" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-37-desktop">
<label for="Filter-BPM-37-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">103</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="104" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-38-desktop">
<label for="Filter-BPM-38-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">104</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="105" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-39-desktop">
<label for="Filter-BPM-39-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">105</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="106" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-40-desktop">
<label for="Filter-BPM-40-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">106</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="107" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-41-desktop">
<label for="Filter-BPM-41-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">107</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="108" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-42-desktop">
<label for="Filter-BPM-42-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">108</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="109" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-43-desktop">
<label for="Filter-BPM-43-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">109</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="110" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-44-desktop">
<label for="Filter-BPM-44-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">110</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="111" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-45-desktop">
<label for="Filter-BPM-45-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">111</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="112" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-46-desktop">
<label for="Filter-BPM-46-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">112</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="113" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-47-desktop">
<label for="Filter-BPM-47-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">113</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="114" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-48-desktop">
<label for="Filter-BPM-48-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">114</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="115" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-49-desktop">
<label for="Filter-BPM-49-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">115</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="116" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-50-desktop">
<label for="Filter-BPM-50-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">116</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="117" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-51-desktop">
<label for="Filter-BPM-51-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">117</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="118" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-52-desktop">
<label for="Filter-BPM-52-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">118</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="119" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-53-desktop">
<label for="Filter-BPM-53-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">119</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="120" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-54-desktop">
<label for="Filter-BPM-54-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">120</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="121" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-55-desktop">
<label for="Filter-BPM-55-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">121</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="122" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-56-desktop">
<label for="Filter-BPM-56-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">122</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="123" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-57-desktop">
<label for="Filter-BPM-57-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">123</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="124" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-58-desktop">
<label for="Filter-BPM-58-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">124</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="125" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-59-desktop">
<label for="Filter-BPM-59-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">125</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="125.5" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-60-desktop">
<label for="Filter-BPM-60-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">125.5</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="126" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-61-desktop">
<label for="Filter-BPM-61-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">126</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="127" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-62-desktop">
<label for="Filter-BPM-62-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">127</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="128" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-63-desktop">
<label for="Filter-BPM-63-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">128</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="129" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-64-desktop">
<label for="Filter-BPM-64-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">129</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="130" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-65-desktop">
<label for="Filter-BPM-65-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">130</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="131" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-66-desktop">
<label for="Filter-BPM-66-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">131</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="132" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-67-desktop">
<label for="Filter-BPM-67-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">132</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="133" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-68-desktop">
<label for="Filter-BPM-68-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">133</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="134" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-69-desktop">
<label for="Filter-BPM-69-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">134</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="135" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-70-desktop">
<label for="Filter-BPM-70-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">135</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="136" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-71-desktop">
<label for="Filter-BPM-71-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">136</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="137" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-72-desktop">
<label for="Filter-BPM-72-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">137</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="138" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-73-desktop">
<label for="Filter-BPM-73-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">138</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="139" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-74-desktop">
<label for="Filter-BPM-74-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">139</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="140" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-75-desktop">
<label for="Filter-BPM-75-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">140</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="142" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-76-desktop">
<label for="Filter-BPM-76-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">142</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="143" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-77-desktop">
<label for="Filter-BPM-77-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">143</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="144" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-78-desktop">
<label for="Filter-BPM-78-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">144</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="145" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-79-desktop">
<label for="Filter-BPM-79-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">145</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="146" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-80-desktop">
<label for="Filter-BPM-80-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">146</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="147" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-81-desktop">
<label for="Filter-BPM-81-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">147</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="148" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-82-desktop">
<label for="Filter-BPM-82-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">148</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="149" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-83-desktop">
<label for="Filter-BPM-83-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">149</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="150" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-84-desktop">
<label for="Filter-BPM-84-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">150</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="151" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-85-desktop">
<label for="Filter-BPM-85-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">151</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="152" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-86-desktop">
<label for="Filter-BPM-86-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">152</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="154" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-87-desktop">
<label for="Filter-BPM-87-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">154</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="155" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-88-desktop">
<label for="Filter-BPM-88-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">155</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="158" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-89-desktop">
<label for="Filter-BPM-89-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">158</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="160" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-90-desktop">
<label for="Filter-BPM-90-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">160</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="164" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-91-desktop">
<label for="Filter-BPM-91-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">164</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="165" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-92-desktop">
<label for="Filter-BPM-92-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">165</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="170" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-93-desktop">
<label for="Filter-BPM-93-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">170</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="172" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-94-desktop">
<label for="Filter-BPM-94-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">172</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="174" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-95-desktop">
<label for="Filter-BPM-95-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">174</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="175" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-96-desktop">
<label for="Filter-BPM-96-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">175</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="178" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-97-desktop">
<label for="Filter-BPM-97-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">178</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="180" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-98-desktop">
<label for="Filter-BPM-98-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">180</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="186" @input.debounce.1000ms="filterFormSubmit" id="Filter-BPM-99-desktop">
<label for="Filter-BPM-99-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">186</span>
</span>
</label>
</li>
</ul>
</div>
</div>
<div class="mb-5 -mt-2" data-index="2" data-accordion="" data-initial-state="false">
<button type="button" class="w-full flex items-center border-b-text-width py-2 border-primary-border font-secondary text-left text-sm" x-bind:aria-expanded="accordionOpen.accordion2? true: 'false'"
@click="accordionOpen.accordion2 = !accordionOpen.accordion2" aria-controls="accordion2" aria-expanded="false"> KEY <span class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition"
:class="{'rotate-180': accordionOpen.accordion2}"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-down" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M16.668 5L18 6.332l-7.993 7.993L10 14.32l-.007.006L2 6.332 3.332 5 10 11.668 16.668 5z"></path>
</svg></span>
</button>
<div class="pb-5" id="accordion2" x-show="accordionOpen.accordion2" style="display: none;">
<ul class="mt-5">
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="A" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-0-desktop">
<label for="Filter-KEY-0-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">A</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="A Major" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-1-desktop">
<label for="Filter-KEY-1-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">A Major</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="A Minor" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-2-desktop">
<label for="Filter-KEY-2-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">A Minor</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="A# Major" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-3-desktop">
<label for="Filter-KEY-3-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">A# Major</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="A# Minor" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-4-desktop">
<label for="Filter-KEY-4-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">A# Minor</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="Ab Major" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-5-desktop">
<label for="Filter-KEY-5-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">Ab Major</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="Ab Minor" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-6-desktop">
<label for="Filter-KEY-6-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">Ab Minor</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="B Major" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-7-desktop">
<label for="Filter-KEY-7-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">B Major</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="B Minor" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-8-desktop">
<label for="Filter-KEY-8-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">B Minor</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="Bb Major" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-9-desktop">
<label for="Filter-KEY-9-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">Bb Major</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="Bb Minor" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-10-desktop">
<label for="Filter-KEY-10-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">Bb Minor</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="C Major" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-11-desktop">
<label for="Filter-KEY-11-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">C Major</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="C Minor" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-12-desktop">
<label for="Filter-KEY-12-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">C Minor</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="C# Major" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-13-desktop">
<label for="Filter-KEY-13-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">C# Major</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="C# Minor" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-14-desktop">
<label for="Filter-KEY-14-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">C# Minor</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="D Major" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-15-desktop">
<label for="Filter-KEY-15-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">D Major</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="D Minor" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-16-desktop">
<label for="Filter-KEY-16-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">D Minor</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="D# Major" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-17-desktop">
<label for="Filter-KEY-17-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">D# Major</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="D# Minor" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-18-desktop">
<label for="Filter-KEY-18-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">D# Minor</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="Db Minor" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-19-desktop">
<label for="Filter-KEY-19-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">Db Minor</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="E Major" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-20-desktop">
<label for="Filter-KEY-20-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">E Major</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="E Minor" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-21-desktop">
<label for="Filter-KEY-21-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">E Minor</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="E# Major" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-22-desktop">
<label for="Filter-KEY-22-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">E# Major</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="Eb Minor" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-23-desktop">
<label for="Filter-KEY-23-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">Eb Minor</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="F Major" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-24-desktop">
<label for="Filter-KEY-24-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">F Major</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="F Minor" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-25-desktop">
<label for="Filter-KEY-25-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">F Minor</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="F#" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-26-desktop">
<label for="Filter-KEY-26-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">F#</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="F# Major" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-27-desktop">
<label for="Filter-KEY-27-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">F# Major</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="F# Minor" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-28-desktop">
<label for="Filter-KEY-28-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">F# Minor</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="G Major" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-29-desktop">
<label for="Filter-KEY-29-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">G Major</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="G Minor" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-30-desktop">
<label for="Filter-KEY-30-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">G Minor</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="G# Major" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-31-desktop">
<label for="Filter-KEY-31-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">G# Major</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="G# Minor" @input.debounce.1000ms="filterFormSubmit" id="Filter-KEY-32-desktop">
<label for="Filter-KEY-32-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">G# Minor</span>
</span>
</label>
</li>
</ul>
</div>
</div>
<div class="mb-5 -mt-2" data-index="3" data-accordion="" data-initial-state="false">
<button type="button" class="w-full flex items-center border-b-text-width py-2 border-primary-border font-secondary text-left text-sm" x-bind:aria-expanded="accordionOpen.accordion3? true: 'false'"
@click="accordionOpen.accordion3 = !accordionOpen.accordion3" aria-controls="accordion3" aria-expanded="false"> Male / Female <span class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition"
:class="{'rotate-180': accordionOpen.accordion3}"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-down" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M16.668 5L18 6.332l-7.993 7.993L10 14.32l-.007.006L2 6.332 3.332 5 10 11.668 16.668 5z"></path>
</svg></span>
</button>
<div class="pb-5" id="accordion3" x-show="accordionOpen.accordion3" style="display: none;">
<ul class="mt-5">
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.male_female" value="Female" @input.debounce.1000ms="filterFormSubmit" id="Filter-Male / Female-0-desktop">
<label for="Filter-Male / Female-0-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">Female</span>
</span>
</label>
</li>
<li class="custom-checkbox flex justify-start mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.male_female" value="Male" @input.debounce.1000ms="filterFormSubmit" id="Filter-Male / Female-1-desktop">
<label for="Filter-Male / Female-1-desktop" class="cursor-pointer flex items-center ">
<span class="custom-checkbox__input"></span>
<span>
<span class="mr-1">Male</span>
</span>
</label>
</li>
</ul>
</div>
</div><noscript>
<div class="mt-4">
<input class="cursor-pointer btn btn-primary-accent" type="submit" value="Apply">
</div>
</noscript>
</div>
</div>
</form><form class="flex-auto flex flex-col overflow-hidden" id="Facet-Filters-Form-Mobile" @submit.prevent="filterFormSubmit">
<div class="py-4 flex-auto overflow-hidden overflow-y-auto px-5 -mx-5">
<div class="mb-4" data-index="0" data-initial-state="false">
<button type="button" class="w-full flex items-center border-b-text-width py-2 border-primary-border font-secondary text-left text-sm" x-bind:aria-expanded="accordionOpen.accordion0? true: 'false'"
@click="accordionOpen.accordion0 = !accordionOpen.accordion0" aria-controls="accordion0" aria-expanded="false"> Vocal Type <span class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition"
:class="{'rotate-180': accordionOpen.accordion0}"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-down" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M16.668 5L18 6.332l-7.993 7.993L10 14.32l-.007.006L2 6.332 3.332 5 10 11.668 16.668 5z"></path>
</svg></span>
</button>
<div class="pb-4" id="accordion0" x-show="accordionOpen.accordion0" style="display: none;">
<ul class="mt-5">
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.vocal_type" value="Cover" id="Filter-Vocal Type-0-mobile">
<label for="Filter-Vocal Type-0-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> Cover </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.vocal_type" value="Exclusive" id="Filter-Vocal Type-1-mobile">
<label for="Filter-Vocal Type-1-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> Exclusive </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.vocal_type" value="Non-Exclusive" id="Filter-Vocal Type-2-mobile">
<label for="Filter-Vocal Type-2-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> Non-Exclusive </label>
</li>
</ul>
</div>
</div>
<div class="mb-4" data-index="1" data-initial-state="false">
<button type="button" class="w-full flex items-center border-b-text-width py-2 border-primary-border font-secondary text-left text-sm" x-bind:aria-expanded="accordionOpen.accordion1? true: 'false'"
@click="accordionOpen.accordion1 = !accordionOpen.accordion1" aria-controls="accordion1" aria-expanded="false"> BPM <span class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition"
:class="{'rotate-180': accordionOpen.accordion1}"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-down" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M16.668 5L18 6.332l-7.993 7.993L10 14.32l-.007.006L2 6.332 3.332 5 10 11.668 16.668 5z"></path>
</svg></span>
</button>
<div class="pb-4" id="accordion1" x-show="accordionOpen.accordion1" style="display: none;">
<ul class="mt-5">
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="63" id="Filter-BPM-0-mobile">
<label for="Filter-BPM-0-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 63 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="65" id="Filter-BPM-1-mobile">
<label for="Filter-BPM-1-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 65 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="67" id="Filter-BPM-2-mobile">
<label for="Filter-BPM-2-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 67 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="68" id="Filter-BPM-3-mobile">
<label for="Filter-BPM-3-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 68 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="70" id="Filter-BPM-4-mobile">
<label for="Filter-BPM-4-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 70 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="71" id="Filter-BPM-5-mobile">
<label for="Filter-BPM-5-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 71 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="72" id="Filter-BPM-6-mobile">
<label for="Filter-BPM-6-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 72 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="73" id="Filter-BPM-7-mobile">
<label for="Filter-BPM-7-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 73 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="74" id="Filter-BPM-8-mobile">
<label for="Filter-BPM-8-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 74 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="75" id="Filter-BPM-9-mobile">
<label for="Filter-BPM-9-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 75 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="76" id="Filter-BPM-10-mobile">
<label for="Filter-BPM-10-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 76 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="77" id="Filter-BPM-11-mobile">
<label for="Filter-BPM-11-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 77 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="78" id="Filter-BPM-12-mobile">
<label for="Filter-BPM-12-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 78 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="79" id="Filter-BPM-13-mobile">
<label for="Filter-BPM-13-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 79 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="80" id="Filter-BPM-14-mobile">
<label for="Filter-BPM-14-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 80 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="81" id="Filter-BPM-15-mobile">
<label for="Filter-BPM-15-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 81 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="82" id="Filter-BPM-16-mobile">
<label for="Filter-BPM-16-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 82 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="83" id="Filter-BPM-17-mobile">
<label for="Filter-BPM-17-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 83 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="84" id="Filter-BPM-18-mobile">
<label for="Filter-BPM-18-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 84 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="85" id="Filter-BPM-19-mobile">
<label for="Filter-BPM-19-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 85 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="86" id="Filter-BPM-20-mobile">
<label for="Filter-BPM-20-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 86 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="87" id="Filter-BPM-21-mobile">
<label for="Filter-BPM-21-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 87 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="88" id="Filter-BPM-22-mobile">
<label for="Filter-BPM-22-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 88 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="89" id="Filter-BPM-23-mobile">
<label for="Filter-BPM-23-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 89 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="90" id="Filter-BPM-24-mobile">
<label for="Filter-BPM-24-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 90 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="91" id="Filter-BPM-25-mobile">
<label for="Filter-BPM-25-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 91 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="92" id="Filter-BPM-26-mobile">
<label for="Filter-BPM-26-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 92 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="93" id="Filter-BPM-27-mobile">
<label for="Filter-BPM-27-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 93 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="94" id="Filter-BPM-28-mobile">
<label for="Filter-BPM-28-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 94 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="95" id="Filter-BPM-29-mobile">
<label for="Filter-BPM-29-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 95 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="96" id="Filter-BPM-30-mobile">
<label for="Filter-BPM-30-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 96 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="97" id="Filter-BPM-31-mobile">
<label for="Filter-BPM-31-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 97 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="98" id="Filter-BPM-32-mobile">
<label for="Filter-BPM-32-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 98 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="99" id="Filter-BPM-33-mobile">
<label for="Filter-BPM-33-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 99 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="100" id="Filter-BPM-34-mobile">
<label for="Filter-BPM-34-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 100 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="101" id="Filter-BPM-35-mobile">
<label for="Filter-BPM-35-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 101 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="102" id="Filter-BPM-36-mobile">
<label for="Filter-BPM-36-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 102 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="103" id="Filter-BPM-37-mobile">
<label for="Filter-BPM-37-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 103 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="104" id="Filter-BPM-38-mobile">
<label for="Filter-BPM-38-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 104 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="105" id="Filter-BPM-39-mobile">
<label for="Filter-BPM-39-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 105 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="106" id="Filter-BPM-40-mobile">
<label for="Filter-BPM-40-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 106 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="107" id="Filter-BPM-41-mobile">
<label for="Filter-BPM-41-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 107 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="108" id="Filter-BPM-42-mobile">
<label for="Filter-BPM-42-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 108 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="109" id="Filter-BPM-43-mobile">
<label for="Filter-BPM-43-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 109 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="110" id="Filter-BPM-44-mobile">
<label for="Filter-BPM-44-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 110 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="111" id="Filter-BPM-45-mobile">
<label for="Filter-BPM-45-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 111 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="112" id="Filter-BPM-46-mobile">
<label for="Filter-BPM-46-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 112 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="113" id="Filter-BPM-47-mobile">
<label for="Filter-BPM-47-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 113 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="114" id="Filter-BPM-48-mobile">
<label for="Filter-BPM-48-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 114 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="115" id="Filter-BPM-49-mobile">
<label for="Filter-BPM-49-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 115 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="116" id="Filter-BPM-50-mobile">
<label for="Filter-BPM-50-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 116 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="117" id="Filter-BPM-51-mobile">
<label for="Filter-BPM-51-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 117 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="118" id="Filter-BPM-52-mobile">
<label for="Filter-BPM-52-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 118 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="119" id="Filter-BPM-53-mobile">
<label for="Filter-BPM-53-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 119 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="120" id="Filter-BPM-54-mobile">
<label for="Filter-BPM-54-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 120 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="121" id="Filter-BPM-55-mobile">
<label for="Filter-BPM-55-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 121 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="122" id="Filter-BPM-56-mobile">
<label for="Filter-BPM-56-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 122 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="123" id="Filter-BPM-57-mobile">
<label for="Filter-BPM-57-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 123 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="124" id="Filter-BPM-58-mobile">
<label for="Filter-BPM-58-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 124 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="125" id="Filter-BPM-59-mobile">
<label for="Filter-BPM-59-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 125 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="125.5" id="Filter-BPM-60-mobile">
<label for="Filter-BPM-60-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 125.5 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="126" id="Filter-BPM-61-mobile">
<label for="Filter-BPM-61-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 126 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="127" id="Filter-BPM-62-mobile">
<label for="Filter-BPM-62-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 127 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="128" id="Filter-BPM-63-mobile">
<label for="Filter-BPM-63-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 128 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="129" id="Filter-BPM-64-mobile">
<label for="Filter-BPM-64-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 129 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="130" id="Filter-BPM-65-mobile">
<label for="Filter-BPM-65-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 130 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="131" id="Filter-BPM-66-mobile">
<label for="Filter-BPM-66-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 131 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="132" id="Filter-BPM-67-mobile">
<label for="Filter-BPM-67-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 132 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="133" id="Filter-BPM-68-mobile">
<label for="Filter-BPM-68-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 133 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="134" id="Filter-BPM-69-mobile">
<label for="Filter-BPM-69-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 134 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="135" id="Filter-BPM-70-mobile">
<label for="Filter-BPM-70-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 135 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="136" id="Filter-BPM-71-mobile">
<label for="Filter-BPM-71-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 136 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="137" id="Filter-BPM-72-mobile">
<label for="Filter-BPM-72-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 137 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="138" id="Filter-BPM-73-mobile">
<label for="Filter-BPM-73-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 138 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="139" id="Filter-BPM-74-mobile">
<label for="Filter-BPM-74-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 139 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="140" id="Filter-BPM-75-mobile">
<label for="Filter-BPM-75-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 140 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="142" id="Filter-BPM-76-mobile">
<label for="Filter-BPM-76-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 142 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="143" id="Filter-BPM-77-mobile">
<label for="Filter-BPM-77-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 143 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="144" id="Filter-BPM-78-mobile">
<label for="Filter-BPM-78-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 144 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="145" id="Filter-BPM-79-mobile">
<label for="Filter-BPM-79-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 145 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="146" id="Filter-BPM-80-mobile">
<label for="Filter-BPM-80-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 146 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="147" id="Filter-BPM-81-mobile">
<label for="Filter-BPM-81-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 147 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="148" id="Filter-BPM-82-mobile">
<label for="Filter-BPM-82-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 148 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="149" id="Filter-BPM-83-mobile">
<label for="Filter-BPM-83-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 149 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="150" id="Filter-BPM-84-mobile">
<label for="Filter-BPM-84-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 150 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="151" id="Filter-BPM-85-mobile">
<label for="Filter-BPM-85-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 151 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="152" id="Filter-BPM-86-mobile">
<label for="Filter-BPM-86-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 152 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="154" id="Filter-BPM-87-mobile">
<label for="Filter-BPM-87-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 154 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="155" id="Filter-BPM-88-mobile">
<label for="Filter-BPM-88-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 155 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="158" id="Filter-BPM-89-mobile">
<label for="Filter-BPM-89-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 158 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="160" id="Filter-BPM-90-mobile">
<label for="Filter-BPM-90-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 160 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="164" id="Filter-BPM-91-mobile">
<label for="Filter-BPM-91-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 164 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="165" id="Filter-BPM-92-mobile">
<label for="Filter-BPM-92-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 165 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="170" id="Filter-BPM-93-mobile">
<label for="Filter-BPM-93-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 170 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="172" id="Filter-BPM-94-mobile">
<label for="Filter-BPM-94-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 172 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="174" id="Filter-BPM-95-mobile">
<label for="Filter-BPM-95-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 174 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="175" id="Filter-BPM-96-mobile">
<label for="Filter-BPM-96-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 175 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="178" id="Filter-BPM-97-mobile">
<label for="Filter-BPM-97-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 178 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="180" id="Filter-BPM-98-mobile">
<label for="Filter-BPM-98-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 180 </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.bpm" value="186" id="Filter-BPM-99-mobile">
<label for="Filter-BPM-99-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> 186 </label>
</li>
</ul>
</div>
</div>
<div class="mb-4" data-index="2" data-initial-state="false">
<button type="button" class="w-full flex items-center border-b-text-width py-2 border-primary-border font-secondary text-left text-sm" x-bind:aria-expanded="accordionOpen.accordion2? true: 'false'"
@click="accordionOpen.accordion2 = !accordionOpen.accordion2" aria-controls="accordion2" aria-expanded="false"> KEY <span class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition"
:class="{'rotate-180': accordionOpen.accordion2}"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-down" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M16.668 5L18 6.332l-7.993 7.993L10 14.32l-.007.006L2 6.332 3.332 5 10 11.668 16.668 5z"></path>
</svg></span>
</button>
<div class="pb-4" id="accordion2" x-show="accordionOpen.accordion2" style="display: none;">
<ul class="mt-5">
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="A" id="Filter-KEY-0-mobile">
<label for="Filter-KEY-0-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> A </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="A Major" id="Filter-KEY-1-mobile">
<label for="Filter-KEY-1-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> A Major </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="A Minor" id="Filter-KEY-2-mobile">
<label for="Filter-KEY-2-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> A Minor </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="A# Major" id="Filter-KEY-3-mobile">
<label for="Filter-KEY-3-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> A# Major </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="A# Minor" id="Filter-KEY-4-mobile">
<label for="Filter-KEY-4-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> A# Minor </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="Ab Major" id="Filter-KEY-5-mobile">
<label for="Filter-KEY-5-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> Ab Major </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="Ab Minor" id="Filter-KEY-6-mobile">
<label for="Filter-KEY-6-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> Ab Minor </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="B Major" id="Filter-KEY-7-mobile">
<label for="Filter-KEY-7-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> B Major </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="B Minor" id="Filter-KEY-8-mobile">
<label for="Filter-KEY-8-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> B Minor </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="Bb Major" id="Filter-KEY-9-mobile">
<label for="Filter-KEY-9-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> Bb Major </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="Bb Minor" id="Filter-KEY-10-mobile">
<label for="Filter-KEY-10-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> Bb Minor </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="C Major" id="Filter-KEY-11-mobile">
<label for="Filter-KEY-11-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> C Major </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="C Minor" id="Filter-KEY-12-mobile">
<label for="Filter-KEY-12-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> C Minor </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="C# Major" id="Filter-KEY-13-mobile">
<label for="Filter-KEY-13-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> C# Major </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="C# Minor" id="Filter-KEY-14-mobile">
<label for="Filter-KEY-14-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> C# Minor </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="D Major" id="Filter-KEY-15-mobile">
<label for="Filter-KEY-15-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> D Major </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="D Minor" id="Filter-KEY-16-mobile">
<label for="Filter-KEY-16-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> D Minor </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="D# Major" id="Filter-KEY-17-mobile">
<label for="Filter-KEY-17-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> D# Major </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="D# Minor" id="Filter-KEY-18-mobile">
<label for="Filter-KEY-18-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> D# Minor </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="Db Minor" id="Filter-KEY-19-mobile">
<label for="Filter-KEY-19-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> Db Minor </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="E Major" id="Filter-KEY-20-mobile">
<label for="Filter-KEY-20-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> E Major </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="E Minor" id="Filter-KEY-21-mobile">
<label for="Filter-KEY-21-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> E Minor </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="E# Major" id="Filter-KEY-22-mobile">
<label for="Filter-KEY-22-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> E# Major </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="Eb Minor" id="Filter-KEY-23-mobile">
<label for="Filter-KEY-23-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> Eb Minor </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="F Major" id="Filter-KEY-24-mobile">
<label for="Filter-KEY-24-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> F Major </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="F Minor" id="Filter-KEY-25-mobile">
<label for="Filter-KEY-25-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> F Minor </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="F#" id="Filter-KEY-26-mobile">
<label for="Filter-KEY-26-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> F# </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="F# Major" id="Filter-KEY-27-mobile">
<label for="Filter-KEY-27-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> F# Major </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="F# Minor" id="Filter-KEY-28-mobile">
<label for="Filter-KEY-28-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> F# Minor </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="G Major" id="Filter-KEY-29-mobile">
<label for="Filter-KEY-29-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> G Major </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="G Minor" id="Filter-KEY-30-mobile">
<label for="Filter-KEY-30-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> G Minor </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="G# Major" id="Filter-KEY-31-mobile">
<label for="Filter-KEY-31-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> G# Major </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.key" value="G# Minor" id="Filter-KEY-32-mobile">
<label for="Filter-KEY-32-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> G# Minor </label>
</li>
</ul>
</div>
</div>
<div class="mb-4" data-index="3" data-initial-state="false">
<button type="button" class="w-full flex items-center border-b-text-width py-2 border-primary-border font-secondary text-left text-sm" x-bind:aria-expanded="accordionOpen.accordion3? true: 'false'"
@click="accordionOpen.accordion3 = !accordionOpen.accordion3" aria-controls="accordion3" aria-expanded="false"> Male / Female <span class="inline-block w-4 align-middle svg-scale ml-auto transform origin-center rotate transition"
:class="{'rotate-180': accordionOpen.accordion3}"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-down" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M16.668 5L18 6.332l-7.993 7.993L10 14.32l-.007.006L2 6.332 3.332 5 10 11.668 16.668 5z"></path>
</svg></span>
</button>
<div class="pb-4" id="accordion3" x-show="accordionOpen.accordion3" style="display: none;">
<ul class="mt-5">
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.male_female" value="Female" id="Filter-Male / Female-0-mobile">
<label for="Filter-Male / Female-0-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> Female </label>
</li>
<li class="custom-checkbox flex justify-start items-center mb-2">
<input type="checkbox" class="visually-hidden absolute" name="filter.p.m.my_fields.male_female" value="Male" id="Filter-Male / Female-1-mobile">
<label for="Filter-Male / Female-1-mobile" class="cursor-pointer flex items-center hover:text-Tertiary-accent">
<span class="custom-checkbox__input"></span> Male </label>
</li>
</ul>
</div>
</div>
</div>
<div class="pt-4 lg:pt-8 pb-safe-bottom border-Tertiary-border border-t-theme-width">
<div class="mt-4 ">
<input class="cursor-pointer btn btn-solid-Tertiary-text w-full" type="submit" value="Apply">
</div>
</div>
</form>POST /contact#FooterNewsletter
<form method="post" action="/contact#FooterNewsletter" id="FooterNewsletter" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓">
<div class="flex flex-row justify-center md:max-w-xs">
<input type="hidden" name="contact[tags]" value="newsletter">
<label class="visually-hidden" for="Email-footer"> Email Address </label>
<input type="email" name="contact[email]" id="Email-footer" value="" placeholder="email@example.com" autocorrect="off" autocapitalize="off"
class="newsletter__input text-tertiary-text bg-tertiary-background border-primary-border flex-1 max-w-xl min-w-0 border-b-text-width py-3 placeholder-secondary">
<button class="inline-flex justify-center items-center text-sm font-secondary leading-none cursor-pointer text-tertiary-text border-transparent d:mw-auto ml-2" type="submit" name="commit" id="Subscribe">
<span class="btn-text">Subscribe</span>
</button>
</div>
</form>POST /localization
<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" data-disclosure-form=""><input type="hidden" name="form_type" value="localization"><input
type="hidden" name="utf8" value="✓"><input type="hidden" name="_method" value="put"><input type="hidden" name="return_to" value="/collections/browse-vocals">
<div class="inline-block">
<h2 class="visually-hidden" id="country-heading"> Country/region </h2>
<div class="relative text-tertiary-text" data-disclosure-country="">
<button type="button" class="text-sm border-tertiary-text border-tertiary-meta p-2" aria-expanded="false" aria-controls="country-list" aria-describedby="country-heading" data-disclosure-toggle=""> United States (USD $) <span
class="inline-block ml-1 w-3 fill-current">
<svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-down" viewBox="0 0 20 20">
<path fill-rule="evenodd" d="M16.668 5L18 6.332l-7.993 7.993L10 14.32l-.007.006L2 6.332 3.332 5 10 11.668 16.668 5z"></path>
</svg>
</span>
</button>
<ul id="country-list" class="disclosure-list absolute bg-tertiary-background opacity-0 top-0 left-0 lg:left-auto lg:right-0 transform transition-opacity border-tertiary-text border-tertiary-meta py-2" data-disclosure-list="" inert=""
aria-hidden="true">
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="AF" data-disclosure-option="" tabindex="-1">
<span class="">Afghanistan (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="AX" data-disclosure-option="" tabindex="-1">
<span class="">Åland Islands (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="AL" data-disclosure-option="" tabindex="-1">
<span class="">Albania (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="DZ" data-disclosure-option="" tabindex="-1">
<span class="">Algeria (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="AD" data-disclosure-option="" tabindex="-1">
<span class="">Andorra (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="AO" data-disclosure-option="" tabindex="-1">
<span class="">Angola (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="AI" data-disclosure-option="" tabindex="-1">
<span class="">Anguilla (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="AG" data-disclosure-option="" tabindex="-1">
<span class="">Antigua & Barbuda (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="AR" data-disclosure-option="" tabindex="-1">
<span class="">Argentina (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="AM" data-disclosure-option="" tabindex="-1">
<span class="">Armenia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="AW" data-disclosure-option="" tabindex="-1">
<span class="">Aruba (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="AC" data-disclosure-option="" tabindex="-1">
<span class="">Ascension Island (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="AU" data-disclosure-option="" tabindex="-1">
<span class="">Australia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="AT" data-disclosure-option="" tabindex="-1">
<span class="">Austria (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="AZ" data-disclosure-option="" tabindex="-1">
<span class="">Azerbaijan (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BS" data-disclosure-option="" tabindex="-1">
<span class="">Bahamas (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BH" data-disclosure-option="" tabindex="-1">
<span class="">Bahrain (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BD" data-disclosure-option="" tabindex="-1">
<span class="">Bangladesh (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BB" data-disclosure-option="" tabindex="-1">
<span class="">Barbados (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BY" data-disclosure-option="" tabindex="-1">
<span class="">Belarus (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BE" data-disclosure-option="" tabindex="-1">
<span class="">Belgium (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BZ" data-disclosure-option="" tabindex="-1">
<span class="">Belize (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BJ" data-disclosure-option="" tabindex="-1">
<span class="">Benin (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BM" data-disclosure-option="" tabindex="-1">
<span class="">Bermuda (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BT" data-disclosure-option="" tabindex="-1">
<span class="">Bhutan (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BO" data-disclosure-option="" tabindex="-1">
<span class="">Bolivia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BA" data-disclosure-option="" tabindex="-1">
<span class="">Bosnia & Herzegovina (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BW" data-disclosure-option="" tabindex="-1">
<span class="">Botswana (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BR" data-disclosure-option="" tabindex="-1">
<span class="">Brazil (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="IO" data-disclosure-option="" tabindex="-1">
<span class="">British Indian Ocean Territory (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="VG" data-disclosure-option="" tabindex="-1">
<span class="">British Virgin Islands (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BN" data-disclosure-option="" tabindex="-1">
<span class="">Brunei (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BG" data-disclosure-option="" tabindex="-1">
<span class="">Bulgaria (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BF" data-disclosure-option="" tabindex="-1">
<span class="">Burkina Faso (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BI" data-disclosure-option="" tabindex="-1">
<span class="">Burundi (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="KH" data-disclosure-option="" tabindex="-1">
<span class="">Cambodia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="CM" data-disclosure-option="" tabindex="-1">
<span class="">Cameroon (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="CV" data-disclosure-option="" tabindex="-1">
<span class="">Cape Verde (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BQ" data-disclosure-option="" tabindex="-1">
<span class="">Caribbean Netherlands (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="KY" data-disclosure-option="" tabindex="-1">
<span class="">Cayman Islands (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="CF" data-disclosure-option="" tabindex="-1">
<span class="">Central African Republic (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="TD" data-disclosure-option="" tabindex="-1">
<span class="">Chad (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="CL" data-disclosure-option="" tabindex="-1">
<span class="">Chile (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="CN" data-disclosure-option="" tabindex="-1">
<span class="">China (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="CX" data-disclosure-option="" tabindex="-1">
<span class="">Christmas Island (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="CC" data-disclosure-option="" tabindex="-1">
<span class="">Cocos (Keeling) Islands (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="CO" data-disclosure-option="" tabindex="-1">
<span class="">Colombia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="KM" data-disclosure-option="" tabindex="-1">
<span class="">Comoros (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="CG" data-disclosure-option="" tabindex="-1">
<span class="">Congo - Brazzaville (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="CD" data-disclosure-option="" tabindex="-1">
<span class="">Congo - Kinshasa (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="CK" data-disclosure-option="" tabindex="-1">
<span class="">Cook Islands (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="CR" data-disclosure-option="" tabindex="-1">
<span class="">Costa Rica (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="CI" data-disclosure-option="" tabindex="-1">
<span class="">Côte d’Ivoire (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="HR" data-disclosure-option="" tabindex="-1">
<span class="">Croatia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="CW" data-disclosure-option="" tabindex="-1">
<span class="">Curaçao (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="CY" data-disclosure-option="" tabindex="-1">
<span class="">Cyprus (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="CZ" data-disclosure-option="" tabindex="-1">
<span class="">Czechia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="DK" data-disclosure-option="" tabindex="-1">
<span class="">Denmark (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="DJ" data-disclosure-option="" tabindex="-1">
<span class="">Djibouti (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="DM" data-disclosure-option="" tabindex="-1">
<span class="">Dominica (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="DO" data-disclosure-option="" tabindex="-1">
<span class="">Dominican Republic (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="EC" data-disclosure-option="" tabindex="-1">
<span class="">Ecuador (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="EG" data-disclosure-option="" tabindex="-1">
<span class="">Egypt (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="SV" data-disclosure-option="" tabindex="-1">
<span class="">El Salvador (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="GQ" data-disclosure-option="" tabindex="-1">
<span class="">Equatorial Guinea (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="ER" data-disclosure-option="" tabindex="-1">
<span class="">Eritrea (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="EE" data-disclosure-option="" tabindex="-1">
<span class="">Estonia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="SZ" data-disclosure-option="" tabindex="-1">
<span class="">Eswatini (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="ET" data-disclosure-option="" tabindex="-1">
<span class="">Ethiopia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="FK" data-disclosure-option="" tabindex="-1">
<span class="">Falkland Islands (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="FO" data-disclosure-option="" tabindex="-1">
<span class="">Faroe Islands (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="FJ" data-disclosure-option="" tabindex="-1">
<span class="">Fiji (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="FI" data-disclosure-option="" tabindex="-1">
<span class="">Finland (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="FR" data-disclosure-option="" tabindex="-1">
<span class="">France (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="GF" data-disclosure-option="" tabindex="-1">
<span class="">French Guiana (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="PF" data-disclosure-option="" tabindex="-1">
<span class="">French Polynesia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="TF" data-disclosure-option="" tabindex="-1">
<span class="">French Southern Territories (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="GA" data-disclosure-option="" tabindex="-1">
<span class="">Gabon (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="GM" data-disclosure-option="" tabindex="-1">
<span class="">Gambia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="GE" data-disclosure-option="" tabindex="-1">
<span class="">Georgia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="DE" data-disclosure-option="" tabindex="-1">
<span class="">Germany (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="GH" data-disclosure-option="" tabindex="-1">
<span class="">Ghana (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="GI" data-disclosure-option="" tabindex="-1">
<span class="">Gibraltar (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="GR" data-disclosure-option="" tabindex="-1">
<span class="">Greece (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="GL" data-disclosure-option="" tabindex="-1">
<span class="">Greenland (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="GD" data-disclosure-option="" tabindex="-1">
<span class="">Grenada (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="GP" data-disclosure-option="" tabindex="-1">
<span class="">Guadeloupe (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="GT" data-disclosure-option="" tabindex="-1">
<span class="">Guatemala (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="GG" data-disclosure-option="" tabindex="-1">
<span class="">Guernsey (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="GN" data-disclosure-option="" tabindex="-1">
<span class="">Guinea (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="GW" data-disclosure-option="" tabindex="-1">
<span class="">Guinea-Bissau (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="GY" data-disclosure-option="" tabindex="-1">
<span class="">Guyana (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="HT" data-disclosure-option="" tabindex="-1">
<span class="">Haiti (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="HN" data-disclosure-option="" tabindex="-1">
<span class="">Honduras (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="HK" data-disclosure-option="" tabindex="-1">
<span class="">Hong Kong SAR (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="HU" data-disclosure-option="" tabindex="-1">
<span class="">Hungary (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="IS" data-disclosure-option="" tabindex="-1">
<span class="">Iceland (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="IN" data-disclosure-option="" tabindex="-1">
<span class="">India (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="ID" data-disclosure-option="" tabindex="-1">
<span class="">Indonesia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="IQ" data-disclosure-option="" tabindex="-1">
<span class="">Iraq (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="IE" data-disclosure-option="" tabindex="-1">
<span class="">Ireland (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="IM" data-disclosure-option="" tabindex="-1">
<span class="">Isle of Man (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="IL" data-disclosure-option="" tabindex="-1">
<span class="">Israel (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="IT" data-disclosure-option="" tabindex="-1">
<span class="">Italy (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="JM" data-disclosure-option="" tabindex="-1">
<span class="">Jamaica (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="JP" data-disclosure-option="" tabindex="-1">
<span class="">Japan (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="JE" data-disclosure-option="" tabindex="-1">
<span class="">Jersey (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="JO" data-disclosure-option="" tabindex="-1">
<span class="">Jordan (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="KZ" data-disclosure-option="" tabindex="-1">
<span class="">Kazakhstan (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="KE" data-disclosure-option="" tabindex="-1">
<span class="">Kenya (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="KI" data-disclosure-option="" tabindex="-1">
<span class="">Kiribati (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="XK" data-disclosure-option="" tabindex="-1">
<span class="">Kosovo (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="KW" data-disclosure-option="" tabindex="-1">
<span class="">Kuwait (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="KG" data-disclosure-option="" tabindex="-1">
<span class="">Kyrgyzstan (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="LA" data-disclosure-option="" tabindex="-1">
<span class="">Laos (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="LV" data-disclosure-option="" tabindex="-1">
<span class="">Latvia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="LB" data-disclosure-option="" tabindex="-1">
<span class="">Lebanon (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="LS" data-disclosure-option="" tabindex="-1">
<span class="">Lesotho (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="LR" data-disclosure-option="" tabindex="-1">
<span class="">Liberia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="LY" data-disclosure-option="" tabindex="-1">
<span class="">Libya (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="LI" data-disclosure-option="" tabindex="-1">
<span class="">Liechtenstein (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="LT" data-disclosure-option="" tabindex="-1">
<span class="">Lithuania (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="LU" data-disclosure-option="" tabindex="-1">
<span class="">Luxembourg (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="MO" data-disclosure-option="" tabindex="-1">
<span class="">Macao SAR (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="MG" data-disclosure-option="" tabindex="-1">
<span class="">Madagascar (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="MW" data-disclosure-option="" tabindex="-1">
<span class="">Malawi (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="MY" data-disclosure-option="" tabindex="-1">
<span class="">Malaysia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="MV" data-disclosure-option="" tabindex="-1">
<span class="">Maldives (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="ML" data-disclosure-option="" tabindex="-1">
<span class="">Mali (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="MT" data-disclosure-option="" tabindex="-1">
<span class="">Malta (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="MQ" data-disclosure-option="" tabindex="-1">
<span class="">Martinique (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="MR" data-disclosure-option="" tabindex="-1">
<span class="">Mauritania (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="MU" data-disclosure-option="" tabindex="-1">
<span class="">Mauritius (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="YT" data-disclosure-option="" tabindex="-1">
<span class="">Mayotte (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="MX" data-disclosure-option="" tabindex="-1">
<span class="">Mexico (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="MD" data-disclosure-option="" tabindex="-1">
<span class="">Moldova (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="MC" data-disclosure-option="" tabindex="-1">
<span class="">Monaco (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="MN" data-disclosure-option="" tabindex="-1">
<span class="">Mongolia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="ME" data-disclosure-option="" tabindex="-1">
<span class="">Montenegro (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="MS" data-disclosure-option="" tabindex="-1">
<span class="">Montserrat (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="MA" data-disclosure-option="" tabindex="-1">
<span class="">Morocco (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="MZ" data-disclosure-option="" tabindex="-1">
<span class="">Mozambique (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="MM" data-disclosure-option="" tabindex="-1">
<span class="">Myanmar (Burma) (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="NA" data-disclosure-option="" tabindex="-1">
<span class="">Namibia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="NR" data-disclosure-option="" tabindex="-1">
<span class="">Nauru (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="NP" data-disclosure-option="" tabindex="-1">
<span class="">Nepal (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="NL" data-disclosure-option="" tabindex="-1">
<span class="">Netherlands (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="NC" data-disclosure-option="" tabindex="-1">
<span class="">New Caledonia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="NZ" data-disclosure-option="" tabindex="-1">
<span class="">New Zealand (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="NI" data-disclosure-option="" tabindex="-1">
<span class="">Nicaragua (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="NE" data-disclosure-option="" tabindex="-1">
<span class="">Niger (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="NG" data-disclosure-option="" tabindex="-1">
<span class="">Nigeria (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="NU" data-disclosure-option="" tabindex="-1">
<span class="">Niue (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="NF" data-disclosure-option="" tabindex="-1">
<span class="">Norfolk Island (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="MK" data-disclosure-option="" tabindex="-1">
<span class="">North Macedonia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="NO" data-disclosure-option="" tabindex="-1">
<span class="">Norway (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="OM" data-disclosure-option="" tabindex="-1">
<span class="">Oman (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="PK" data-disclosure-option="" tabindex="-1">
<span class="">Pakistan (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="PS" data-disclosure-option="" tabindex="-1">
<span class="">Palestinian Territories (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="PA" data-disclosure-option="" tabindex="-1">
<span class="">Panama (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="PG" data-disclosure-option="" tabindex="-1">
<span class="">Papua New Guinea (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="PY" data-disclosure-option="" tabindex="-1">
<span class="">Paraguay (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="PE" data-disclosure-option="" tabindex="-1">
<span class="">Peru (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="PH" data-disclosure-option="" tabindex="-1">
<span class="">Philippines (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="PN" data-disclosure-option="" tabindex="-1">
<span class="">Pitcairn Islands (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="PL" data-disclosure-option="" tabindex="-1">
<span class="">Poland (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="PT" data-disclosure-option="" tabindex="-1">
<span class="">Portugal (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="QA" data-disclosure-option="" tabindex="-1">
<span class="">Qatar (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="RE" data-disclosure-option="" tabindex="-1">
<span class="">Réunion (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="RO" data-disclosure-option="" tabindex="-1">
<span class="">Romania (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="RU" data-disclosure-option="" tabindex="-1">
<span class="">Russia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="RW" data-disclosure-option="" tabindex="-1">
<span class="">Rwanda (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="WS" data-disclosure-option="" tabindex="-1">
<span class="">Samoa (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="SM" data-disclosure-option="" tabindex="-1">
<span class="">San Marino (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="ST" data-disclosure-option="" tabindex="-1">
<span class="">São Tomé & Príncipe (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="SA" data-disclosure-option="" tabindex="-1">
<span class="">Saudi Arabia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="SN" data-disclosure-option="" tabindex="-1">
<span class="">Senegal (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="RS" data-disclosure-option="" tabindex="-1">
<span class="">Serbia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="SC" data-disclosure-option="" tabindex="-1">
<span class="">Seychelles (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="SL" data-disclosure-option="" tabindex="-1">
<span class="">Sierra Leone (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="SG" data-disclosure-option="" tabindex="-1">
<span class="">Singapore (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="SX" data-disclosure-option="" tabindex="-1">
<span class="">Sint Maarten (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="SK" data-disclosure-option="" tabindex="-1">
<span class="">Slovakia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="SI" data-disclosure-option="" tabindex="-1">
<span class="">Slovenia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="SB" data-disclosure-option="" tabindex="-1">
<span class="">Solomon Islands (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="SO" data-disclosure-option="" tabindex="-1">
<span class="">Somalia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="ZA" data-disclosure-option="" tabindex="-1">
<span class="">South Africa (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="GS" data-disclosure-option="" tabindex="-1">
<span class="">South Georgia & South Sandwich Islands (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="KR" data-disclosure-option="" tabindex="-1">
<span class="">South Korea (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="SS" data-disclosure-option="" tabindex="-1">
<span class="">South Sudan (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="ES" data-disclosure-option="" tabindex="-1">
<span class="">Spain (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="LK" data-disclosure-option="" tabindex="-1">
<span class="">Sri Lanka (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="BL" data-disclosure-option="" tabindex="-1">
<span class="">St. Barthélemy (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="SH" data-disclosure-option="" tabindex="-1">
<span class="">St. Helena (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="KN" data-disclosure-option="" tabindex="-1">
<span class="">St. Kitts & Nevis (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="LC" data-disclosure-option="" tabindex="-1">
<span class="">St. Lucia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="MF" data-disclosure-option="" tabindex="-1">
<span class="">St. Martin (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="PM" data-disclosure-option="" tabindex="-1">
<span class="">St. Pierre & Miquelon (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="VC" data-disclosure-option="" tabindex="-1">
<span class="">St. Vincent & Grenadines (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="SD" data-disclosure-option="" tabindex="-1">
<span class="">Sudan (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="SR" data-disclosure-option="" tabindex="-1">
<span class="">Suriname (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="SJ" data-disclosure-option="" tabindex="-1">
<span class="">Svalbard & Jan Mayen (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="SE" data-disclosure-option="" tabindex="-1">
<span class="">Sweden (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="CH" data-disclosure-option="" tabindex="-1">
<span class="">Switzerland (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="TW" data-disclosure-option="" tabindex="-1">
<span class="">Taiwan (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="TJ" data-disclosure-option="" tabindex="-1">
<span class="">Tajikistan (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="TZ" data-disclosure-option="" tabindex="-1">
<span class="">Tanzania (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="TH" data-disclosure-option="" tabindex="-1">
<span class="">Thailand (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="TL" data-disclosure-option="" tabindex="-1">
<span class="">Timor-Leste (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="TG" data-disclosure-option="" tabindex="-1">
<span class="">Togo (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="TK" data-disclosure-option="" tabindex="-1">
<span class="">Tokelau (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="TO" data-disclosure-option="" tabindex="-1">
<span class="">Tonga (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="TT" data-disclosure-option="" tabindex="-1">
<span class="">Trinidad & Tobago (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="TA" data-disclosure-option="" tabindex="-1">
<span class="">Tristan da Cunha (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="TN" data-disclosure-option="" tabindex="-1">
<span class="">Tunisia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="TR" data-disclosure-option="" tabindex="-1">
<span class="">Türkiye (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="TM" data-disclosure-option="" tabindex="-1">
<span class="">Turkmenistan (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="TC" data-disclosure-option="" tabindex="-1">
<span class="">Turks & Caicos Islands (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="TV" data-disclosure-option="" tabindex="-1">
<span class="">Tuvalu (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="UM" data-disclosure-option="" tabindex="-1">
<span class="">U.S. Outlying Islands (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="UG" data-disclosure-option="" tabindex="-1">
<span class="">Uganda (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="UA" data-disclosure-option="" tabindex="-1">
<span class="">Ukraine (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="AE" data-disclosure-option="" tabindex="-1">
<span class="">United Arab Emirates (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="GB" data-disclosure-option="" tabindex="-1">
<span class="">United Kingdom (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" aria-current="true" data-value="US" data-disclosure-option="" tabindex="-1">
<span class="text-tertiary-accent font-bold">United States (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="UY" data-disclosure-option="" tabindex="-1">
<span class="">Uruguay (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="UZ" data-disclosure-option="" tabindex="-1">
<span class="">Uzbekistan (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="VU" data-disclosure-option="" tabindex="-1">
<span class="">Vanuatu (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="VA" data-disclosure-option="" tabindex="-1">
<span class="">Vatican City (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="VE" data-disclosure-option="" tabindex="-1">
<span class="">Venezuela (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="VN" data-disclosure-option="" tabindex="-1">
<span class="">Vietnam (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="WF" data-disclosure-option="" tabindex="-1">
<span class="">Wallis & Futuna (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="EH" data-disclosure-option="" tabindex="-1">
<span class="">Western Sahara (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="YE" data-disclosure-option="" tabindex="-1">
<span class="">Yemen (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="ZM" data-disclosure-option="" tabindex="-1">
<span class="">Zambia (USD $)</span>
</a>
</li>
<li class="text-sm w-40">
<a class="block p-2" href="#" data-value="ZW" data-disclosure-option="" tabindex="-1">
<span class="">Zimbabwe (USD $)</span>
</a>
</li>
</ul>
<input type="hidden" name="country_code" id="CountrySelector" value="US" data-disclosure-input="">
</div>
</div>
</form>POST /cart/add
<form method="post" action="/cart/add">
<button class="licensepurchase-button" type="submit" name="add" id="checkout-btn">🛒 Add To Cart</button>
<input id="checkout-id" type="hidden" name="id" value="">
</form>Text Content
Skip to content
Close (esc)
Menu
Close menu
* Home
* Browse Vocals
* • Browse All Vocals
* • Exclusive Vocals
* • Non-Exclusive Vocals
* • Cover Vocals
* Sell Your Vocals
* • Seller Login
* • Seller Sign Up
* • Seller Tutorials
* Make An Offer
* Buyer Log in
* Create Buyer Account
* Facebook
* Instagram
* TikTok
* Twitter
* Youtube
YOUR CART - 0 VOCALS
Close (esc)
Your cart is currently empty.
Enable cookies to use the shopping cart
:
−
Remove
Regular price Sale price
/
−
Discount
Subtotal
* Home
* Browse Vocals
* • Browse All Vocals
* • Exclusive Vocals
* • Non-Exclusive Vocals
* • Cover Vocals
* Sell Your Vocals
* • Seller Login
* • Seller Sign Up
* • Seller Tutorials
* Make An Offer
Menu
* Facebook
* Instagram
* TikTok
* Twitter
* Youtube
Buyer Log in
Search our site
Search Close (esc)
0 0 vocals
LET ME OUT
J.O.Y
THE ECHO
Heleen
SHOOTING STARS
Maria
I WAS THERE
Renaissance
WANNA GO BACK
LK
Collection
1087 vocals
Vocal Type
* Cover
* Exclusive
* Non-Exclusive
BPM
* 63
* 65
* 67
* 68
* 70
* 71
* 72
* 73
* 74
* 75
* 76
* 77
* 78
* 79
* 80
* 81
* 82
* 83
* 84
* 85
* 86
* 87
* 88
* 89
* 90
* 91
* 92
* 93
* 94
* 95
* 96
* 97
* 98
* 99
* 100
* 101
* 102
* 103
* 104
* 105
* 106
* 107
* 108
* 109
* 110
* 111
* 112
* 113
* 114
* 115
* 116
* 117
* 118
* 119
* 120
* 121
* 122
* 123
* 124
* 125
* 125.5
* 126
* 127
* 128
* 129
* 130
* 131
* 132
* 133
* 134
* 135
* 136
* 137
* 138
* 139
* 140
* 142
* 143
* 144
* 145
* 146
* 147
* 148
* 149
* 150
* 151
* 152
* 154
* 155
* 158
* 160
* 164
* 165
* 170
* 172
* 174
* 175
* 178
* 180
* 186
KEY
* A
* A Major
* A Minor
* A# Major
* A# Minor
* Ab Major
* Ab Minor
* B Major
* B Minor
* Bb Major
* Bb Minor
* C Major
* C Minor
* C# Major
* C# Minor
* D Major
* D Minor
* D# Major
* D# Minor
* Db Minor
* E Major
* E Minor
* E# Major
* Eb Minor
* F Major
* F Minor
* F#
* F# Major
* F# Minor
* G Major
* G Minor
* G# Major
* G# Minor
Male / Female
* Female
* Male
Filter
1087 VOCALS
Sort Featured Best selling Alphabetically, A-Z Alphabetically, Z-A Price, low to
high Price, high to low Date, old to new Date, new to old
* Superpower - Barbie Mak - G major - BPM 124 - Female
Superpowe...
Barbie Mak
124 BPM
G Maj
Exclusive
$450.00
Added to Cart
$450.00
Add to Cart Superpower - Barbie Mak - G major - BPM 124 - Female
Added to Cart
* Take my heart
Take my h...
Renaissance
124 BPM
C# Min
Exclusive
$499.00
Added to Cart
$499.00
Add to Cart Take my heart
Added to Cart
* Let Me Out
Let Me Out
J.O.Y
116 BPM
F# Min
Exclusive
$599.00
Added to Cart
$599.00
Add to Cart Let Me Out
Added to Cart
* Call On Me
Call On Me
Junior Paes
128 BPM
F# Min
Non-Exclusive
$39.99
Added to Cart
$39.99
Add to Cart Call On Me
Added to Cart
* The Echo
The Echo
Heleen
139 BPM
D# Min
Exclusive
Sold Out
Added to Cart
Sold Out
Add to Cart The Echo
Added to Cart
* Love On - Selena Gomez Cover
Love On -...
Barbie Mak
112 BPM
C Maj
Cover
$39.90
Added to Cart
$39.90
Add to Cart Love On - Selena Gomez Cover
Added to Cart
* Close The Door
Close The...
Syd The Rocker Kid
154 BPM
C Maj
Exclusive
Sold Out
Added to Cart
Sold Out
Add to Cart Close The Door
Added to Cart
* Against The Grain - Dminor - 134BPM - Female
Against T...
Sharon B
134 BPM
D Min
Non-Exclusive
$39.99
Added to Cart
$39.99
Add to Cart Against The Grain - Dminor - 134BPM - Female
Added to Cart
* Padam Padam (EDM)
Padam Pad...
Junior Paes
128 BPM
C Min
Cover
$39.99
Added to Cart
$39.99
Add to Cart Padam Padam (EDM)
Added to Cart
* Don't Mind It - Barbie Mak - B minor - BPM 120 - Female
Don't Min...
Barbie Mak
120 BPM
B Min
Exclusive
$399.00
Added to Cart
$399.00
Add to Cart Don't Mind It - Barbie Mak - B minor - BPM 120 - Female
Added to Cart
* Special Fire
Special Fire
Eleina
134 BPM
G Min
Exclusive
$299.00
Added to Cart
$299.00
Add to Cart Special Fire
Added to Cart
* Creepin' - The Weekend Cover
Creepin' ...
Barbie Mak
99 BPM
E Maj
Cover
$39.90
Added to Cart
$39.90
Add to Cart Creepin' - The Weekend Cover
Added to Cart
* Blame Me
Blame Me
Marian
120 BPM
E Min
Non-Exclusive
$18.95
Added to Cart
$18.95
Add to Cart Blame Me
Added to Cart
* What's Up
What's Up
Junior Paes
128 BPM
G Maj
Cover
$39.99
Added to Cart
$39.99
Add to Cart What's Up
Added to Cart
* Let Me Down Slowly - Alec Benjamin Cover
Let Me Do...
Barbie Mak
144 BPM
Eb Min
Cover
$39.90
Added to Cart
$39.90
Add to Cart Let Me Down Slowly - Alec Benjamin Cover
Added to Cart
* FRIDAY NIGHT
FRIDAY NIGHT
Summer Ray
126 BPM
C Maj
Non-Exclusive
$40.00
Added to Cart
$40.00
Add to Cart FRIDAY NIGHT
Added to Cart
* Speed Demon
Speed Demon
Summer Ray
125 BPM
C Min
Non-Exclusive
$29.00
Added to Cart
$29.00
Add to Cart Speed Demon
Added to Cart
* Midnight Conversation
Midnight ...
Summer Ray
125 BPM
D Min
Non-Exclusive
$30.00
Added to Cart
$30.00
Add to Cart Midnight Conversation
Added to Cart
* When I Need Your Love
When I Ne...
Junior Paes
128 BPM
D Min
Exclusive
$200.00
Added to Cart
$200.00
Add to Cart When I Need Your Love
Added to Cart
* ELECTRIC PULSE
ELECTRIC ...
Summer Ray
127 BPM
F Maj
Non-Exclusive
$39.00
Added to Cart
$39.00
Add to Cart ELECTRIC PULSE
Added to Cart
* Reasons
Reasons
George Cooksey
125 BPM
Bb Maj
Non-Exclusive
$42.99
Added to Cart
$42.99
Add to Cart Reasons
Added to Cart
* Moment
Moment
George Cooksey
104 BPM
G Min
Non-Exclusive
$39.99
Added to Cart
$39.99
Add to Cart Moment
Added to Cart
* Dreams (EDM)
Dreams (EDM)
Junior Paes
128 BPM
C Maj
Cover
$39.99
Added to Cart
$39.99
Add to Cart Dreams (EDM)
Added to Cart
* I Hate U, I Love U (Gnash)
I Hate U,...
Alita XS
95 BPM
F# Min
Cover
$30.00
Added to Cart
$30.00
Add to Cart I Hate U, I Love U (Gnash)
Added to Cart
* Lost Time
Lost Time
Maria
120 BPM
B Min
Exclusive
$349.00
Added to Cart
$349.00
Add to Cart Lost Time
Added to Cart
* Post Malone - Circles (Cover by Dütz)
Post Malo...
Dütz
120 BPM
C Maj
Cover
$39.99
Added to Cart
$39.99
Add to Cart Post Malone - Circles (Cover by Dütz)
Added to Cart
* Just Love
Just Love
ALVN
128 BPM
A Min
Non-Exclusive
$39.99
Added to Cart
$39.99
Add to Cart Just Love
Added to Cart
* Houdini - Dua Lipa Cover
Houdini -...
Barbie Mak
117 BPM
D Min
Cover
$39.90
Added to Cart
$39.90
Add to Cart Houdini - Dua Lipa Cover
Added to Cart
* Electricity
Electricity
Valley Girl
120 BPM
A# Maj
Non-Exclusive
$39.99
Added to Cart
$39.99
Add to Cart Electricity
Added to Cart
* Dirty
Dirty
George Cooksey
109 BPM
B Maj
Non-Exclusive
$37.99
Added to Cart
$37.99
Add to Cart Dirty
Added to Cart
* Wanna Go Back
Wanna Go ...
LK
118 BPM
C Min
Exclusive
$599.00
Added to Cart
$599.00
Add to Cart Wanna Go Back
Added to Cart
* Be The Same
Be The Same
George Cooksey
128 BPM
A Maj
Non-Exclusive
$38.99
Added to Cart
$38.99
Add to Cart Be The Same
Added to Cart
* Careful
Careful
George Cooksey
116 BPM
E Maj
Non-Exclusive
$42.99
Added to Cart
$42.99
Add to Cart Careful
Added to Cart
* I was there
I was there
Renaissance
123 BPM
G# Min
Exclusive
$499.00
Added to Cart
$499.00
Add to Cart I was there
Added to Cart
* Break Free
Break Free
Maria
100 BPM
F Maj
Exclusive
$349.00
Added to Cart
$349.00
Add to Cart Break Free
Added to Cart
* Habits
Habits
LK
146 BPM
E Maj
Exclusive
$599.00
Added to Cart
$599.00
Add to Cart Habits
Added to Cart
* Shooting Stars
Shooting ...
Maria
130 BPM
G Min
Exclusive
$399.00
Added to Cart
$399.00
Add to Cart Shooting Stars
Added to Cart
* Don't Let Me Go
Don't Let...
Marian
120 BPM
D Maj
Non-Exclusive
$18.95
Added to Cart
$18.95
Add to Cart Don't Let Me Go
Added to Cart
* Strangers - Kenya Grace Cover
Strangers...
Barbie Mak
78 BPM
B Min
Cover
$39.90
Added to Cart
$39.90
Add to Cart Strangers - Kenya Grace Cover
Added to Cart
* Emotions
Emotions
Marian
119 BPM
A Min
Non-Exclusive
$19.95
Added to Cart
$19.95
Add to Cart Emotions
Added to Cart
* In The Air
In The Air
George Cooksey
127 BPM
Bb Maj
Non-Exclusive
$47.99
Added to Cart
$47.99
Add to Cart In The Air
Added to Cart
* Drag Me Down
Drag Me Down
George Cooksey
80 BPM
C Maj
Non-Exclusive
$37.99
Added to Cart
$37.99
Add to Cart Drag Me Down
Added to Cart
* Friends
Friends
George Cooksey
120 BPM
D# Maj
Non-Exclusive
$42.99
Added to Cart
$42.99
Add to Cart Friends
Added to Cart
* Justin Bieber - Ghost (Cover by Dütz)
Justin Bi...
Dütz
154 BPM
D Maj
Cover
$39.99
Added to Cart
$39.99
Add to Cart Justin Bieber - Ghost (Cover by Dütz)
Added to Cart
* She Wolf (Sia & David Guetta)
She Wolf ...
Alita XS
125 BPM
D Maj
Cover
$35.00
Added to Cart
$35.00
Add to Cart She Wolf (Sia & David Guetta)
Added to Cart
* Here Comes The Sun
Here Come...
Davee
128 BPM
A Maj
Cover
$39.99
Added to Cart
$39.99
Add to Cart Here Comes The Sun
Added to Cart
* Home
Home
George Cooksey
128 BPM
E Min
Non-Exclusive
$39.99
Added to Cart
$39.99
Add to Cart Home
Added to Cart
* Worst Days
Worst Days
Valley Girl
125 BPM
C Maj
Non-Exclusive
$39.99
Added to Cart
$39.99
Add to Cart Worst Days
Added to Cart
Showing vocals 1-48 of 1087
Next
FILTER
Close menu
Vocal Type
* Cover
* Exclusive
* Non-Exclusive
BPM
* 63
* 65
* 67
* 68
* 70
* 71
* 72
* 73
* 74
* 75
* 76
* 77
* 78
* 79
* 80
* 81
* 82
* 83
* 84
* 85
* 86
* 87
* 88
* 89
* 90
* 91
* 92
* 93
* 94
* 95
* 96
* 97
* 98
* 99
* 100
* 101
* 102
* 103
* 104
* 105
* 106
* 107
* 108
* 109
* 110
* 111
* 112
* 113
* 114
* 115
* 116
* 117
* 118
* 119
* 120
* 121
* 122
* 123
* 124
* 125
* 125.5
* 126
* 127
* 128
* 129
* 130
* 131
* 132
* 133
* 134
* 135
* 136
* 137
* 138
* 139
* 140
* 142
* 143
* 144
* 145
* 146
* 147
* 148
* 149
* 150
* 151
* 152
* 154
* 155
* 158
* 160
* 164
* 165
* 170
* 172
* 174
* 175
* 178
* 180
* 186
KEY
* A
* A Major
* A Minor
* A# Major
* A# Minor
* Ab Major
* Ab Minor
* B Major
* B Minor
* Bb Major
* Bb Minor
* C Major
* C Minor
* C# Major
* C# Minor
* D Major
* D Minor
* D# Major
* D# Minor
* Db Minor
* E Major
* E Minor
* E# Major
* Eb Minor
* F Major
* F Minor
* F#
* F# Major
* F# Minor
* G Major
* G Minor
* G# Major
* G# Minor
Male / Female
* Female
* Male
NAVIGATION
* Buyer FAQ
* Seller FAQ
* Terms of Service
* Privacy Policy
* Blog
* Contact Us
* DistroKid Discount
* Free VST Plugins
NEWSLETTER
Email Address Subscribe
GET CONNECTED
* Facebook
* Instagram
* TikTok
* Twitter
* Youtube
© 2024, HiVocals.
Powered by HiVocals Limited
ACCEPTED PAYMENTS
* American Express
* Apple Pay
* Diners Club
* Discover
* Google Pay
* Maestro
* Mastercard
* PayPal
* Shop Pay
* Union Pay
* Visa
COUNTRY/REGION
United States (USD $)
* Afghanistan (USD $)
* Åland Islands (USD $)
* Albania (USD $)
* Algeria (USD $)
* Andorra (USD $)
* Angola (USD $)
* Anguilla (USD $)
* Antigua & Barbuda (USD $)
* Argentina (USD $)
* Armenia (USD $)
* Aruba (USD $)
* Ascension Island (USD $)
* Australia (USD $)
* Austria (USD $)
* Azerbaijan (USD $)
* Bahamas (USD $)
* Bahrain (USD $)
* Bangladesh (USD $)
* Barbados (USD $)
* Belarus (USD $)
* Belgium (USD $)
* Belize (USD $)
* Benin (USD $)
* Bermuda (USD $)
* Bhutan (USD $)
* Bolivia (USD $)
* Bosnia & Herzegovina (USD $)
* Botswana (USD $)
* Brazil (USD $)
* British Indian Ocean Territory (USD $)
* British Virgin Islands (USD $)
* Brunei (USD $)
* Bulgaria (USD $)
* Burkina Faso (USD $)
* Burundi (USD $)
* Cambodia (USD $)
* Cameroon (USD $)
* Cape Verde (USD $)
* Caribbean Netherlands (USD $)
* Cayman Islands (USD $)
* Central African Republic (USD $)
* Chad (USD $)
* Chile (USD $)
* China (USD $)
* Christmas Island (USD $)
* Cocos (Keeling) Islands (USD $)
* Colombia (USD $)
* Comoros (USD $)
* Congo - Brazzaville (USD $)
* Congo - Kinshasa (USD $)
* Cook Islands (USD $)
* Costa Rica (USD $)
* Côte d’Ivoire (USD $)
* Croatia (USD $)
* Curaçao (USD $)
* Cyprus (USD $)
* Czechia (USD $)
* Denmark (USD $)
* Djibouti (USD $)
* Dominica (USD $)
* Dominican Republic (USD $)
* Ecuador (USD $)
* Egypt (USD $)
* El Salvador (USD $)
* Equatorial Guinea (USD $)
* Eritrea (USD $)
* Estonia (USD $)
* Eswatini (USD $)
* Ethiopia (USD $)
* Falkland Islands (USD $)
* Faroe Islands (USD $)
* Fiji (USD $)
* Finland (USD $)
* France (USD $)
* French Guiana (USD $)
* French Polynesia (USD $)
* French Southern Territories (USD $)
* Gabon (USD $)
* Gambia (USD $)
* Georgia (USD $)
* Germany (USD $)
* Ghana (USD $)
* Gibraltar (USD $)
* Greece (USD $)
* Greenland (USD $)
* Grenada (USD $)
* Guadeloupe (USD $)
* Guatemala (USD $)
* Guernsey (USD $)
* Guinea (USD $)
* Guinea-Bissau (USD $)
* Guyana (USD $)
* Haiti (USD $)
* Honduras (USD $)
* Hong Kong SAR (USD $)
* Hungary (USD $)
* Iceland (USD $)
* India (USD $)
* Indonesia (USD $)
* Iraq (USD $)
* Ireland (USD $)
* Isle of Man (USD $)
* Israel (USD $)
* Italy (USD $)
* Jamaica (USD $)
* Japan (USD $)
* Jersey (USD $)
* Jordan (USD $)
* Kazakhstan (USD $)
* Kenya (USD $)
* Kiribati (USD $)
* Kosovo (USD $)
* Kuwait (USD $)
* Kyrgyzstan (USD $)
* Laos (USD $)
* Latvia (USD $)
* Lebanon (USD $)
* Lesotho (USD $)
* Liberia (USD $)
* Libya (USD $)
* Liechtenstein (USD $)
* Lithuania (USD $)
* Luxembourg (USD $)
* Macao SAR (USD $)
* Madagascar (USD $)
* Malawi (USD $)
* Malaysia (USD $)
* Maldives (USD $)
* Mali (USD $)
* Malta (USD $)
* Martinique (USD $)
* Mauritania (USD $)
* Mauritius (USD $)
* Mayotte (USD $)
* Mexico (USD $)
* Moldova (USD $)
* Monaco (USD $)
* Mongolia (USD $)
* Montenegro (USD $)
* Montserrat (USD $)
* Morocco (USD $)
* Mozambique (USD $)
* Myanmar (Burma) (USD $)
* Namibia (USD $)
* Nauru (USD $)
* Nepal (USD $)
* Netherlands (USD $)
* New Caledonia (USD $)
* New Zealand (USD $)
* Nicaragua (USD $)
* Niger (USD $)
* Nigeria (USD $)
* Niue (USD $)
* Norfolk Island (USD $)
* North Macedonia (USD $)
* Norway (USD $)
* Oman (USD $)
* Pakistan (USD $)
* Palestinian Territories (USD $)
* Panama (USD $)
* Papua New Guinea (USD $)
* Paraguay (USD $)
* Peru (USD $)
* Philippines (USD $)
* Pitcairn Islands (USD $)
* Poland (USD $)
* Portugal (USD $)
* Qatar (USD $)
* Réunion (USD $)
* Romania (USD $)
* Russia (USD $)
* Rwanda (USD $)
* Samoa (USD $)
* San Marino (USD $)
* São Tomé & Príncipe (USD $)
* Saudi Arabia (USD $)
* Senegal (USD $)
* Serbia (USD $)
* Seychelles (USD $)
* Sierra Leone (USD $)
* Singapore (USD $)
* Sint Maarten (USD $)
* Slovakia (USD $)
* Slovenia (USD $)
* Solomon Islands (USD $)
* Somalia (USD $)
* South Africa (USD $)
* South Georgia & South Sandwich Islands (USD $)
* South Korea (USD $)
* South Sudan (USD $)
* Spain (USD $)
* Sri Lanka (USD $)
* St. Barthélemy (USD $)
* St. Helena (USD $)
* St. Kitts & Nevis (USD $)
* St. Lucia (USD $)
* St. Martin (USD $)
* St. Pierre & Miquelon (USD $)
* St. Vincent & Grenadines (USD $)
* Sudan (USD $)
* Suriname (USD $)
* Svalbard & Jan Mayen (USD $)
* Sweden (USD $)
* Switzerland (USD $)
* Taiwan (USD $)
* Tajikistan (USD $)
* Tanzania (USD $)
* Thailand (USD $)
* Timor-Leste (USD $)
* Togo (USD $)
* Tokelau (USD $)
* Tonga (USD $)
* Trinidad & Tobago (USD $)
* Tristan da Cunha (USD $)
* Tunisia (USD $)
* Türkiye (USD $)
* Turkmenistan (USD $)
* Turks & Caicos Islands (USD $)
* Tuvalu (USD $)
* U.S. Outlying Islands (USD $)
* Uganda (USD $)
* Ukraine (USD $)
* United Arab Emirates (USD $)
* United Kingdom (USD $)
* United States (USD $)
* Uruguay (USD $)
* Uzbekistan (USD $)
* Vanuatu (USD $)
* Vatican City (USD $)
* Venezuela (USD $)
* Vietnam (USD $)
* Wallis & Futuna (USD $)
* Western Sahara (USD $)
* Yemen (USD $)
* Zambia (USD $)
* Zimbabwe (USD $)
Close (esc)
* Choosing a selection results in a full page refresh.
* Press the space key then arrow keys to make a selection.
🛒 Add To Cart
🏷️ 5% OFF VOCALS 💲
Unlock a complimentary 5% off top-tier vocals. Stay in the loop with exclusive
promotions and updates!
Claim discount
No, thanks