www.biblestudytools.com Open in urlscan Pro
172.67.82.137  Public Scan

Form analysis
3 forms found in the DOM

GET https://www.biblestudytools.com/search/

<form action="https://www.biblestudytools.com/search/" method="get" id="mobile-search-form" @keydown.enter="window.BST.Zeta.TrackSearch(searchQuery);">
  <input x-data="{translation: BST.SiteStorage().readPref('translation')}" type="hidden" name="t" x-model="translation" value="niv">
  <!-- Mobile search box -->
  <div class="md:hidden block inset-0 z-10 justify-end px-5">
    <button type="button" class="block lg:hidden focus:outline-none bg-gray-700 p-3 rounded-full shadow-md" :class="{ 'text-white': isOpen, 'hidden': showSearch }" @click="showSearch = !showSearch" aria-label="Search">
      <svg class="text-white h-4 w-4 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56.966 56.966">
        <path
          d="M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23  s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92  c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17  s-17-7.626-17-17S14.61,6,23.984,6z">
        </path>
      </svg>
    </button>
    <div x-show="showSearch" class="fixed inset-0 z-10 bg-black bg-opacity-20" style="backdrop-filter: blur(14px); display: none;">
      <div class="absolute inset-x-0 flex items-center justify-between p-2 bg-white shadow-md">
        <div class="flex items-center flex-1 px-2 space-x-2">
          <!-- search icon -->
          <span>
            <svg class="text-black-600 h-4 w-4 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56.966 56.966">
              <path
                d="M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23  s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92  c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17  s-17-7.626-17-17S14.61,6,23.984,6z">
              </path>
            </svg>
          </span>
          <input type="text" name="q" placeholder="Search" x-model="searchQuery" class="w-full px-4 py-3 text-gray-800 rounded-md focus:bg-gray-100 focus:outline-none">
        </div>
        <!-- close button -->
        <button type="button" @click="showSearch = !showSearch" class="flex-shrink-0 p-4 rounded-md" aria-label="Search">
          <svg class="w-8 h-8 text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
          </svg>
        </button>
      </div>
    </div>
  </div>
</form>

GET https://www.biblestudytools.com/search/

<form action="https://www.biblestudytools.com/search/" method="get" id="desktop-search-form" class="px-3" @keydown.enter="window.BST.Zeta.TrackSearch(searchQuery);">
  <input x-data="{translation: BST.SiteStorage().readPref('translation')}" type="hidden" name="t" x-model="translation" value="niv">
  <!-- Desktop search box -->
  <div class="items-center hidden md:block bg-gray-200 rounded-full shadow-inner border border-gray-400">
    <div class="flex items-center pr-1">
      <input type="text" name="q" placeholder="Search the Bible" x-model="searchQuery" class="w-full px-4 py-2 bg-transparent placeholder-gray-900 text-gray-800 rounded-md focus:outline-none">
      <div x-data="{showSearchDropdown: false, currentSelection: 'bibles', selectionText: 'The Bible', selectItem(value, text) {
            this.currentSelection = value; this.selectionText = text; this.showSearchDropdown = false; BST.SiteStorage().writePref('search-filter-value', value); BST.SiteStorage().writePref('search-filter-text', text);
          }}" x-init="selectItem(BST.SiteStorage().readPref('search-filter-value', 'bibles'), BST.SiteStorage().readPref('search-filter-text', 'The Bible'))" class="relative inline-block text-left" @click.away="showSearchDropdown = false">
        <input type="hidden" name="s" x-model="currentSelection" value="bibles">
        <div>
          <button @click="showSearchDropdown = !showSearchDropdown;" type="button" class="bg-gray-300 hover:bg-gray-200 text-gray-800 font-bold py-2 px-2 pr-3 rounded inline-flex items-center my-1 border border-gray-400" id="menu-button"
            aria-expanded="true" aria-haspopup="true">
            <svg class="rotate-180 w-6 h-6 flex-initial" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" style="enable-background:new 0 0 40 40" xml:space="preserve">
              <circle cx="20" cy="20" r="20" style="fill:none"></circle>
              <path d="M20 14c-.5 0-1 .2-1.4.6l-6 6c-.8.8-.8 2 0 2.8s2 .8 2.8 0l4.6-4.6 4.6 4.6c.8.8 2 .8 2.8 0s.8-2 0-2.8l-6-6c-.4-.4-.9-.6-1.4-.6z" style="fill:#222" alt="Pick a Translation"></path>
            </svg>
            <span class="whitespace-nowrap" x-text="selectionText">The Bible</span>
          </button>
        </div>
        <div class="absolute right-0 z-10 mt-2 w-56 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none" role="menu" aria-orientation="vertical" aria-labelledby="menu-button" tabindex="-1"
          x-show="showSearchDropdown" style="display: none;">
          <div class="py-1 font-bold" role="none">
            <button type="button" @click="selectItem('bibles', 'The Bible')" class="text-gray-700 block px-4 py-2 hover:bg-yellow-400 w-full text-left" role="menuitem" tabindex="-1" id="menu-item-0">The Bible</button>
            <button type="button" @click="selectItem('topics', 'Topics')" class="text-gray-700 block px-4 py-2 hover:bg-yellow-400 w-full text-left" role="menuitem" tabindex="-1" id="menu-item-1">Topics</button>
            <button type="button" @click="selectItem('studies', 'Bible Study')" class="text-gray-700 block px-4 py-2 hover:bg-yellow-400 w-full text-left" role="menuitem" tabindex="-1" id="menu-item-2">Bible Study</button>
            <button type="button" @click="selectItem('pastors', 'Pastors')" class="text-gray-700 block px-4 py-2 hover:bg-yellow-400 w-full text-left" role="menuitem" tabindex="-1" id="menu-item-3">Pastors</button>
            <button type="button" @click="selectItem('references', 'References')" class="text-gray-700 block px-4 py-2 hover:bg-yellow-400 w-full text-left" role="menuitem" tabindex="-1" id="menu-item-4">References</button>
            <button type="button" @click="selectItem('stories', 'Bible Stories')" class="text-gray-700 block px-4 py-2 hover:bg-yellow-400 w-full text-left" role="menuitem" tabindex="-1" id="menu-item-5">Bible Stories</button>
          </div>
        </div>
      </div>
      <button type="submit" class="ml-1 pr-3 bg-gray-700 p-2 py-3 rounded-r-full shadow-md" aria-label="Search">
        <svg class="text-white h-4 w-4 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56.966 56.966">
          <path
            d="M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23  s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92  c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17  s-17-7.626-17-17S14.61,6,23.984,6z">
          </path>
        </svg>
      </button>
    </div>
  </div>
</form>

https://www.biblestudytools.com/search/

<form action="https://www.biblestudytools.com/search/" x-show="mode === 1" class="flex flex-col space-y-2 md:space-y-3 p-3 py-0 md:p-0 w-full">
  <div class="flex">
    <input name="q" type="text" placeholder="Search the Bible" class="px-3 text-lg md:text-xl bg-gray-200 border border-gray-300 shadow-inner rounded-l-xl w-full">
    <button type="submit" class="bg-yellow-400 px-3 py-4 rounded-r-xl text-gray-800 font-bold whitespace-nowrap">Find It!</button>
  </div>
  <div class="flex flex-col md:flex-row md:space-x-3">
    <div class="basis-1/2">
      <div id="translation-selection" x-data="BST.BibleTranslationSelector('https://www.biblestudytools.com/api/bible/bible-versions/', 'https://www.biblestudytools.com/api/bible/books-selection/')"
        x-init="$watch('open', value => window.BST.ScrollLock.setBodyLock('translation-selection', value)); start()">
        <input type="hidden" name="t" :value="currentTranslation.code" value="niv">
        <div>
          <a @click="open = !open; getAllTranslation(currentTranslation.code)" class="focus:outline-none cursor-pointer text-gray-700 hover:text-black border-gray-100 rounded-md font-bold py-2 px-4 pr-1 inline-flex items-center bg-white w-full text-left shadow-md border" aria-label="Select a Translation">

            <span x-show="loading" style="display: none;">
                <svg aria-hidden="true" class="inline w-7 h-7 mr-2 text-gray-200 animate-spin dark:text-gray-600 fill-yellow-400" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z" fill="currentColor"></path>
                    <path d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z" fill="currentFill"></path>
                </svg>
                <span class="sr-only">Loading...</span>
            </span>

            <span class="hidden md:inline-block flex-grow truncate" x-text="currentTranslation.name">New International Version</span>
            <span class="md:hidden flex-grow" x-text="currentTranslation.abbrev">NIV</span>

            <svg class="rotate-180 w-7 h-7 flex-initial" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" style="enable-background:new 0 0 40 40" xml:space="preserve">
                <circle cx="20" cy="20" r="20" style="fill:none"></circle><path d="M20 14c-.5 0-1 .2-1.4.6l-6 6c-.8.8-.8 2 0 2.8s2 .8 2.8 0l4.6-4.6 4.6 4.6c.8.8 2 .8 2.8 0s.8-2 0-2.8l-6-6c-.4-.4-.9-.6-1.4-.6z" style="fill:#222" alt="Pick a Translation"></path>
            </svg>
        </a>
        </div>
        <div class="modal fixed w-screen h-screen top-0 left-0 flex items-center justify-center z-30" x-show="open" style="display: none;">
          <div class="modal-overlay absolute w-full h-full bg-black opacity-80 top-0 left-0 " @click="open = false"></div>
          <div class="absolute h-full w-full lg:w-1/2 lg:h-1/2 bg-white rounded-sm justify-center z-10 flex flex-col shadow-xl p-3">
            <div x-show="!loading" class="grid grid-cols-2 items-center pb-3 border-b border-gray-200" style="">
              <div class="font-bold"> Change Translation </div>
              <button type="button" class="flex items-center justify-end mr-3" @click="open = false" aria-label="Close Translation Selection">
                <svg class="fill-current w-6 h-6 inline-block" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18 18 6M6 6l12 12"></path>
                </svg> Close </button>
            </div>
            <div x-show="loading" class="text-center" style="display: none;">
              <div class="animate-spin transform rotate-180 w-24 h-24 mx-auto">
                <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="83" height="83"
                  style="width:100%;height:100%;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgba(0,0,0,0);background-clip:initial;background-attachment:initial;animation-play-state:paused"
                  viewBox="0 0 100 100">
                  <g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1,1);animation-play-state:paused">
                    <path fill="#cc5960" d="M92.5 53.9 79.2 42.2 67.4 55.5l7.1-.4c-1.9 9.1-8.9 16.6-18 19.1-11 2.9-22.5-1.9-28.2-11.7l-9 5.2C25.8 78.8 37.6 85.4 50 85.4c3 0 6.1-.4 9.1-1.2 13.9-3.8 24.2-15.6 26-29.8l7.4-.5z"
                      style="fill:#463519;animation-play-state:paused"></path>
                    <path fill="#e17a5f" d="M40.8 15.8C27 19.6 16.7 31.4 14.9 45.6l-7.4.5 13.3 11.7 11.8-13.3-7.1.4c1.9-9.1 8.9-16.6 18-19.1 10.9-2.9 22.5 1.9 28.1 11.6l9-5.2c-8-13.7-24.3-20.5-39.8-16.4z"
                      style="fill:#cea43b;animation-play-state:paused"></path>
                  </g>
                </svg>
              </div>
              <span class="font-light text-lg text-blue-300 uppercase">Loading</span>
            </div>
            <ul class="text-grey-600 overflow-y-auto w-full lg:w-full">
              <li x-show="!loading &amp;&amp; recentTranslations &amp;&amp; recentTranslations.length > 0" class="p-3 mb-1 border-b-2 bg-gray-100 font-bold text-lg" style="display: none;">Recent Translations</li>
              <template x-show="!loading" x-for="translation in recentTranslations" style="">
                <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                  :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                  <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                    @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                    <span class="flex text-left" x-text="translation.name"></span>
                    <span class="flex flex-inline items-center">
                      <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev"></span>
                      <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md">
                        <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                        <div class="flex flex-auto flex-row-reverse">
                          <div>
                            <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                              <path
                                d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                              </path>
                            </svg>
                          </div>
                        </div>
                      </div>
                      <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md">
                        <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                        <div class="flex flex-auto flex-row-reverse">
                          <div>
                            <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                              <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                            </svg>
                          </div>
                        </div>
                      </div>
                    </span>
                    <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3">CURRENT TRANSLATION</span>
                  </button>
                </li>
              </template>
              <li x-show="!loading" class="p-3 mb-1 border-b-2 text-lg font-bold mt-5 bg-gray-100" style="">All Translations</li>
              <template x-for="translation in translations">
                <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                  :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                  <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                    @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                    <span class="flex text-left" x-text="translation.name"></span>
                    <span class="flex flex-inline items-center">
                      <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev"></span>
                      <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md">
                        <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                        <div class="flex flex-auto flex-row-reverse">
                          <div>
                            <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                              <path
                                d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                              </path>
                            </svg>
                          </div>
                        </div>
                      </div>
                      <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md">
                        <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                        <div class="flex flex-auto flex-row-reverse">
                          <div>
                            <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                              <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                            </svg>
                          </div>
                        </div>
                      </div>
                    </span>
                    <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3">CURRENT TRANSLATION</span>
                  </button>
                </li>
              </template>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Almeida Atualizada (Portuguese)</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">AA</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">American Standard Version</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">ASV</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">The Bible in Basic English</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">BBE</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">La Biblia de las Américas (Español)</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">BLA</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Common English Bible</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">CEB</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Common English Bible w/ Apocrypha</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">CEBA</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">The Complete Jewish Bible</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">CJB</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Holman Christian Standard Bible</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">CSB</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Chinese Union Version - Traditional</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">CUV</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Chinese Union Version - Pinyin</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">CUVP</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Chinese Union Version - Simplified</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">CUVS</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">The Darby Translation</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">DBY</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Elberfelder 1905 (German)</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">ELB</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">English Standard Version</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">ESV</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Giovanni Diodati 1649 (Italian)</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">GDB</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Good News Translation</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">GNT</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Good News Translation w/ Apocrypha</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">GNTA</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">GOD'S WORD Translation</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">GW</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Hebrew Names Version</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">HNV</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">La Biblia del Jubileo 2000</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">JBS</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Jubilee Bible 2000</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">JUB</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">King James Version</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">KJV</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">King James Version w/ Apocrypha</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">KJVA</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Lexham English Bible</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">LEB</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Louis Segond 1910 (French)</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">LSG</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Luther Bible 1912 (German)</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">LUT</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Septuagint Bible w/ Apocrypha</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">LXX</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">The Message Bible</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">MSG</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">New American Standard Bible</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">NAS</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">New Century Version</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">NCV</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">New International Reader's Version</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">NIRV</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3 disabled text-black" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">New International Version</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">NIV</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">New King James Version</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">NKJV</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">New Living Translation</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">NLT</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">New Revised Standard</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">NRS</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">New Revised Standard w/ Apocrypha</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">NRSA</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Nueva Traducción Viviente</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">NTV</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Nueva Versión Internacional</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">NVI</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Nova Versão Internacional</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">NVI-PT</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Orthodox Jewish Bible</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">OJB</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Ostervald (French)</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">OST</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Douay-Rheims Catholic Bible</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">RHE</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Riveduta 1927 (Italian)</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">RIV</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Revised Standard Version</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">RSV</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Revised Standard Version w/ Apocrypha</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">RSVA</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">La Biblia Reina-Valera (Español)</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">RVR</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">SBL Greek New Testament</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">SBLGNT</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Sagradas Escrituras (1569) (Español)</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">SEV</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Statenvertaling (Dutch)</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">SVV</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Third Millennium Bible</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">TMB</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Third Millennium Bible w/ Apocrypha</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">TMBA</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Tyndale</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">TYN</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">The Latin Vulgate</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">VUL</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">The Latin Vulgate w/ Apocrypha</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">VULA</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">The Webster Bible</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">WBT</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">World English Bible</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">WEB</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Weymouth New Testament</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">WNT</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Wycliffe</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">WYC</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
              <li x-show="!translation.hideme" class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 select-none"
                :class="{'font-bold bg-yellow-400 rounded-b-xl rounded-t-lg border-b-4 border-yellow-500': translation.code === currentTranslationCode}">
                <button type="button" class="flex flex-col w-full p-0 text-xl py-4 px-3" :class="{'disabled text-black': translation.code === currentTranslationCode}"
                  @click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
                  <span class="flex text-left" x-text="translation.name">Young's Literal Translation</span>
                  <span class="flex flex-inline items-center">
                    <span class="text-yellow-900 font-bold text-xl mr-1" x-text="translation.abbrev">YLT</span>
                    <div x-show="translation.hasAudio" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Audio Available</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve">
                            <path
                              d="M256 0C126.613 0 21.333 105.28 21.333 234.667v160c0 37.504 27.904 68.352 64 73.579v1.088C85.333 492.864 104.469 512 128 512c23.531 0 42.667-19.136 42.667-42.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v-85.333C85.333 140.565 161.899 64 256 64s170.667 76.565 170.667 170.667V320c0-23.531-19.136-42.667-42.667-42.667-23.531 0-42.667 19.136-42.667 42.667v149.333C341.333 492.864 360.469 512 384 512c23.531 0 42.667-19.136 42.667-42.667v-1.088c36.096-5.227 64-36.075 64-73.579v-160C490.667 105.28 385.387 0 256 0zM85.312 446.955c-24.299-4.992-42.645-26.539-42.645-52.288 0-4.8.853-9.408 2.069-13.888a59.31 59.31 0 0 1 1.067-3.456c1.365-3.968 3.093-7.765 5.333-11.285.235-.363.384-.789.619-1.131 2.496-3.691 5.589-6.933 8.96-9.92.896-.811 1.835-1.557 2.795-2.304 3.648-2.816 7.552-5.355 11.925-7.189a51.975 51.975 0 0 1 9.877-3.051v104.512zm341.355-.043V342.4a53.016 53.016 0 0 1 9.877 3.051c4.395 1.835 8.277 4.395 11.925 7.189a49.32 49.32 0 0 1 2.795 2.325c3.349 2.987 6.464 6.229 8.939 9.92.235.363.384.768.619 1.131 2.24 3.499 3.968 7.317 5.333 11.264a47.254 47.254 0 0 1 1.088 3.477c1.237 4.501 2.091 9.109 2.091 13.909-.001 25.75-18.347 47.297-42.667 52.246z">
                            </path>
                          </svg>
                        </div>
                      </div>
                    </div>
                    <div x-show="translation.code === 'esv'" class="flex flex-inline justify-center items-center m-1 font-bold py-1 px-2 rounded-full text-grey-700 bg-yellow-100 border border-yellow-400 shadow-md" style="display: none;">
                      <div class="text-xs font-normal leading-none max-w-full flex-initial mr-1">Study Bible</div>
                      <div class="flex flex-auto flex-row-reverse">
                        <div>
                          <svg class="fill-current w-4 h-4 place-content-center" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
                            <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 19a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0a9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13"></path>
                          </svg>
                        </div>
                      </div>
                    </div>
                  </span>
                  <span x-show="translation.code === currentTranslationCode" class="text-yellow-700 text-sm mt-3" style="display: none;">CURRENT TRANSLATION</span>
                </button>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="hidden md:inline-block basis-1/2">
      <div id="translation-selection" x-data="BST.BibleChapterSelector('https://www.biblestudytools.com/api/bible/chapter-selection/', 'https://www.biblestudytools.com/api/bible/books-selection/')"
        x-init="$watch('open', value => window.BST.ScrollLock.setBodyLock('translation-selection', value)); tab=2">
        <input type="hidden" :value="!currentSelection.code ? 'all' : currentSelection.code" name="c" value="all">
        <div>
          <button type="button" @click="open = !open; getFormBookFilterItems()"
            class="focus:outline-none cursor-pointer inline-block text-gray-700 hover:text-black border-gray-100 rounded-md font-bold py-2 px-4 pr-1 inline-flex items-center bg-white w-full block text-left shadow-md border border-gray-300"
            aria-label="Select a Chapter">
            <span class="flex-grow overflow-ellipsis">
              <span x-text="currentSelection.name"></span>
              <template x-if="!currentSelection.name">
                <span>All Books</span>
              </template><span>All Books</span>
            </span>
            <svg class="rotate-180 w-7 h-7 flex-initial" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" style="enable-background:new 0 0 40 40" xml:space="preserve">
              <circle cx="20" cy="20" r="20" style="fill:none"></circle>
              <path d="M20 14c-.5 0-1 .2-1.4.6l-6 6c-.8.8-.8 2 0 2.8s2 .8 2.8 0l4.6-4.6 4.6 4.6c.8.8 2 .8 2.8 0s.8-2 0-2.8l-6-6c-.4-.4-.9-.6-1.4-.6z" style="fill:#222" alt="Pick a Book"></path>
            </svg>
          </button>
        </div>
        <div class="modal fixed w-full h-full top-0 left-0 flex items-center justify-center z-30" x-show="open" style="display: none;">
          <div class="modal-overlay absolute w-full h-full bg-black opacity-50 top-0 left-0" @click="open = false"></div>
          <div class="absolute h-full w-full lg:w-1/2 lg:h-1/2 bg-white rounded-sm flex justify-center z-10 flex-col shadow-xl">
            <div x-show="!loading" class="grid grid-cols-2 items-center bg-gray-100">
              <div class="font-bold ">
                <div class="inline-flex">
                  <button type="button" class="py-4 px-4 font-bold hover:bg-yellow-300 hover:text-black focus:z-10 border-b-4 bg-white border-white text-black"
                    :class="{'bg-white border-white text-black': tab == 2, 'bg-gray-100 text-gray-500 border-gray-300': tab != 2}"> Books </button>
                </div>
              </div>
              <div class="flex justify-end font-bold p-3">
                <button type="button" class="flex items-center justify-end mr-3" @click="open = false" aria-label="Close Translation Selection">
                  <svg class="fill-current w-6 h-6 inline-block" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18 18 6M6 6l12 12"></path>
                  </svg> Close </button>
              </div>
            </div>
            <div x-show="loading" class="text-center" style="display: none;">
              <div class="animate-spin transform rotate-180 w-24 h-24 mx-auto">
                <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="83" height="83"
                  style="width:100%;height:100%;background-size:initial;background-repeat-y:initial;background-repeat-x:initial;background-position-y:initial;background-position-x:initial;background-origin:initial;background-image:initial;background-color:rgba(0,0,0,0);background-clip:initial;background-attachment:initial;animation-play-state:paused"
                  viewBox="0 0 100 100">
                  <g class="ldl-scale" style="transform-origin:50% 50%;transform:rotate(0deg) scale(1,1);animation-play-state:paused">
                    <path fill="#cc5960" d="M92.5 53.9 79.2 42.2 67.4 55.5l7.1-.4c-1.9 9.1-8.9 16.6-18 19.1-11 2.9-22.5-1.9-28.2-11.7l-9 5.2C25.8 78.8 37.6 85.4 50 85.4c3 0 6.1-.4 9.1-1.2 13.9-3.8 24.2-15.6 26-29.8l7.4-.5z"
                      style="fill:#463519;animation-play-state:paused"></path>
                    <path fill="#e17a5f" d="M40.8 15.8C27 19.6 16.7 31.4 14.9 45.6l-7.4.5 13.3 11.7 11.8-13.3-7.1.4c1.9-9.1 8.9-16.6 18-19.1 10.9-2.9 22.5 1.9 28.1 11.6l9-5.2c-8-13.7-24.3-20.5-39.8-16.4z"
                      style="fill:#cea43b;animation-play-state:paused"></path>
                  </g>
                </svg>
              </div>
              <span class="font-light text-lg text-blue-300 uppercase">Loading</span>
            </div>
            <ul x-show="!loading &amp;&amp; tab == 2" class="text-grey-600 overflow-y-auto w-full p-3 h-full">
              <li class="hover:rounded-b-xl hover:rounded-t-lg hover:bg-gray-100 py-4 px-3 cursor-pointer border-b-2 border-gray-100 last:border-none" @click="currentSelection = {name: 'All Books', code: 'all'}; open = false">
                <button type="button" class="block p-0 text-xl text-black hover:text-yellow-900)">
                  <span>All Books</span>
                </button>
              </li>
              <h3 class="text-xl font-bold mt-5">Testaments</h3>
              <template x-for="testament in testaments">
                <li class="hover:rounded-b-xl hover:rounded-t-lg hover:bg-gray-100 py-4 px-3 cursor-pointer border-b-2 border-gray-100 last:border-none" @click="currentSelection = testament; open = false">
                  <button type="button" class="block p-0 text-xl text-black hover:text-yellow-900)">
                    <span x-text="testament.name"></span>
                  </button>
                </li>
              </template>
              <h3 class="text-xl font-bold mt-5">Divisions</h3>
              <template x-for="collection in collections">
                <li class="hover:rounded-b-xl hover:rounded-t-lg hover:bg-gray-100 py-4 px-3 cursor-pointer border-b-2 border-gray-100 last:border-none" @click="currentSelection = collection; open = false">
                  <button type="button" class="block p-0 text-xl text-black hover:text-yellow-900)">
                    <span x-text="collection.name"></span>
                  </button>
                </li>
              </template>
              <h3 class="text-xl font-bold mt-5">Books</h3>
              <template x-for="book in books">
                <li class="hover:rounded-b-xl hover:rounded-t-lg hover:bg-gray-100 py-4 px-3 cursor-pointer border-b-2 border-gray-100  last:border-none" @click="currentSelection = book; open = false">
                  <button type="button" class="block p-0 text-xl text-black hover:text-yellow-900)">
                    <span x-text="book.name"></span>
                  </button>
                </li>
              </template>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

Text Content

The Bible
The Bible Topics Bible Study Pastors References Bible Stories
Join PLUS Login
 * Join PLUS Login
 * PLUS
 * Bible
   * Bible Versions
   * Verse of the Day
   * Verses by Topic
   * Reading Plans
   * Parallel Bible
   * Books of the Bible
   * Compare Translations
   * Audio Bible
   * Interlinear Bible
 * Study
   * Library
   * Commentaries
   * Concordances
   * Dictionaries
   * Encyclopedias
   * Bible Stories
   * Apocrypha Books
   * Lexicons
 * Tools
   * Bible Living Articles
   * Devotionals
   * Inspirations
   * Video
   * Audio Books
   * Bible Trivia
   * Pastors
   * Sermons
   * Sunday School Lessons
 * Newsletters
   
   Get Your Bible Minute in Your Inbox Every Morning


Grow Deeper in the Word
Search Browse
Find It!
Loading... New International Version NIV
Change Translation
Close

Loading
 * Recent Translations
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * All Translations
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Almeida Atualizada (Portuguese) AA
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * American Standard Version ASV
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * The Bible in Basic English BBE
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * La Biblia de las Américas (Español) BLA
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Common English Bible CEB
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Common English Bible w/ Apocrypha CEBA
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * The Complete Jewish Bible CJB
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Holman Christian Standard Bible CSB
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Chinese Union Version - Traditional CUV
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Chinese Union Version - Pinyin CUVP
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Chinese Union Version - Simplified CUVS
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * The Darby Translation DBY
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Elberfelder 1905 (German) ELB
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * English Standard Version ESV
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Giovanni Diodati 1649 (Italian) GDB
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Good News Translation GNT
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Good News Translation w/ Apocrypha GNTA
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * GOD'S WORD Translation GW
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Hebrew Names Version HNV
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * La Biblia del Jubileo 2000 JBS
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Jubilee Bible 2000 JUB
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * King James Version KJV
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * King James Version w/ Apocrypha KJVA
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Lexham English Bible LEB
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Louis Segond 1910 (French) LSG
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Luther Bible 1912 (German) LUT
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Septuagint Bible w/ Apocrypha LXX
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * The Message Bible MSG
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * New American Standard Bible NAS
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * New Century Version NCV
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * New International Reader's Version NIRV
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * New International Version NIV
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * New King James Version NKJV
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * New Living Translation NLT
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * New Revised Standard NRS
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * New Revised Standard w/ Apocrypha NRSA
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Nueva Traducción Viviente NTV
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Nueva Versión Internacional NVI
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Nova Versão Internacional NVI-PT
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Orthodox Jewish Bible OJB
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Ostervald (French) OST
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Douay-Rheims Catholic Bible RHE
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Riveduta 1927 (Italian) RIV
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Revised Standard Version RSV
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Revised Standard Version w/ Apocrypha RSVA
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * La Biblia Reina-Valera (Español) RVR
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * SBL Greek New Testament SBLGNT
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Sagradas Escrituras (1569) (Español) SEV
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Statenvertaling (Dutch) SVV
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Third Millennium Bible TMB
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Third Millennium Bible w/ Apocrypha TMBA
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Tyndale TYN
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * The Latin Vulgate VUL
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * The Latin Vulgate w/ Apocrypha VULA
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * The Webster Bible WBT
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * World English Bible WEB
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Weymouth New Testament WNT
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Wycliffe WYC
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION
 * Young's Literal Translation YLT
   Audio Available
   
   Study Bible
   
   CURRENT TRANSLATION

All Books All Books
Books
Close

Loading
 * All Books


   TESTAMENTS

   


   DIVISIONS

   


   BOOKS

   


Tap Click to Change

New International Version NIV
Tap Click to Change

Loading...
Select a Version

Select a Book

Select a Book
GenesisExodusLeviticusNumbersDeuteronomyJoshuaJudgesRuth1 Samuel2 Samuel1 Kings2
Kings1 Chronicles2 ChroniclesEzraNehemiahEstherJobPsalmsProverbsEcclesiastesSong
of
SongsIsaiahJeremiahLamentationsEzekielDanielHoseaJoelAmosObadiahJonahMicahNahumHabakkukZephaniahHaggaiZechariahMalachiMatthewMarkLukeJohnActsRomans1
Corinthians2 CorinthiansGalatiansEphesiansPhilippiansColossians1 Thessalonians2
Thessalonians1 Timothy2 TimothyTitusPhilemonHebrewsJames1 Peter2 Peter1 John2
John3 JohnJudeRevelation
Select a Chapter




BIBLE VERSE OF THE DAY

Mark 14:61-62


SHARE

Close
Share Tweet Save
61 But Jesus remained silent and gave no answer. Again the high priest asked
him, “Are you the Messiah, the Son of the Blessed One?”
62 “I am,” said Jesus. “And you will see the Son of Man sitting at the right
hand of the Mighty One and coming on the clouds of heaven.”




TODAY'S BIBLE READING

Acts 2:1-13; Deuteronomy 13-14; Job 10
Read 3 passages each day, starting with Genesis, Psalms, and Luke. From the
original Bible Study Tools 365 day reading plan.
Start your own Bible reading plan



BIBLE STUDY

How to Find the Pathway to Happiness
What Does Amen Mean, and Why Do We Say It?
7 Reasons Sex Is Important for Your Marriage
7 Things Christians Get Wrong about Spiritual Warfare
More Bible Study Articles



BIBLE STUDY VIDEOS

Prayers for When Change Seems Impossible
Does the Bible Say That Men Must Be the Breadwinners?
A Prayer to Remember Those Less Fortunate
Does the Tithe Apply to Christians Today?
More Bible Study Videos



FEATURED VERSE TOPICS

Healing Bible Verses Worry and Anxiety Bible Verses Bible Verses About Grief
Comforting Bible Verses God's Promises in the Bible Bible Verses For Faith in
Hard Times Encouraging Bible Verses Friendship Bible Verses Forgiveness Bible
Verses Strength Bible Verses Love Bible Verses Inspirational Bible Verses


POPULAR BIBLE VERSES

John 3:16 Romans 8:28 Genesis 1:1 Proverbs 3:6 Philippians 4:6 Jeremiah 29:11
Philippians 4:13 Proverbs 3:5 Romans 12:2 Matthew 28:19



POPULAR BIBLE COMMENTARIES

People's New Testament
PLUS
The Tony Evans Bible Commentary
PLUS
Matthew Henry Commentary on the Whole Bible (Complete)

John Gill's Exposition of the Bible

Geneva Study Bible
PLUS
Wesley's Explanatory Notes
PLUS
ESV Study Bible - Articles and Resources
PLUS


TODAY'S INSPIRATION

Psalm 121:1-2
More Inspirations



BIBLESTUDYTOOLS.COM IS THE LARGEST FREE ONLINE BIBLE WEBSITE FOR VERSE SEARCH
AND IN-DEPTH STUDIES.

We aim to offer the freshest and most compelling biblically-based content to
Christians who take their relationship with Christ seriously.
BibleStudyTools.com gives Christians of any age and at any stage the opportunity
to read, study, understand, and apply the Bible to their lives. With free
devotionals, study guides, helpful articles, and rich personalization functions,
visitors to Bible Study Tools will be able to make the most of their Bible study
time and unlock its meaning in their lives in new and vital ways.

Search verses using the translation and version you like with over 30 to choose
from including New International (NIV), King James (KJV), New American Standard
(NASB), The Message, New Living (NLT), Holman Christian Standard (HCSB), English
Standard (ESV), and many more versions of the Holy Bible.

Our rich online library includes well known and trusted commentaries including
the popular Matthew Henry Commentary, CSB Study Bible, Tony Evans Bible
Commentary, commentaries from Warren Wiersbe, and many more. Other Bible study
resources include concordances included Strong's Exhaustive Concordance and
Naves Topical Concordance, Bible dictionaries, encyclopedias, parallel Bible,
Hebrew and Greek lexicons, and historical Christian and church books such as
Fox's Book of Martyrs.

Our Bible verses by topic pages provide Biblical encouragement and wisdom for
the trials, situations, and events that we all face as we walk this faith
journey. In addition, we offer both Verse of the Day and Daily Bible Reading
Plans by email to help you stay connected to God’s Word daily.

A BibleStudyTools PLUS subscription offers visitors the access to exclusive
in-depth Bible study articles, commentaries, printable prayer and devotional
guides, and personalization features within the Bible such as note-taking,
highlighting, and more - all in an ad-free environment!

Learn more about who we are here.

Privacy Policy Our Sites About Us Contact Us


Proud member of Salem Media Group.


Copyright © 2024, Bible Study Tools. All rights reserved. Article Images
Copyright © 2024 Getty Images unless otherwise indicated.
California - Do Not Sell My Personal Information California - CCPA Notice




Confirm

Are you sure?

Yes No


BIBLE STUDY TOOLS ASKS FOR YOUR CONSENT TO USE YOUR PERSONAL DATA TO:

 * perm_identity
   Personalised advertising and content, advertising and content measurement,
   audience research and services development
 * devices
   Store and/or access information on a device

expand_moreremove
Learn more
 * 
   How can I change my choice?
 * 
   What if I don't consent?
 * 
   How does legitimate interest work?
 * 
   Do I have to consent to everything?

Your personal data will be processed and information from your device (cookies,
unique identifiers, and other device data) may be stored by, accessed by and
shared with 144 TCF vendor(s) and 66 ad partner(s), or used specifically by this
site or app.

Some vendors may process your personal data on the basis of legitimate interest,
which you can object to by managing your options below. Look for a link at the
bottom of this page or in our privacy policy where you can withdraw consent.

Consent



Manage options

arrow_back

Data preferences


MANAGE YOUR DATA

You can choose how your personal data is used. Vendors want your permission to
do the following:

TCF vendors

help_outline


STORE AND/OR ACCESS INFORMATION ON A DEVICE

Cookies, device or similar online identifiers (e.g. login-based identifiers,
randomly assigned identifiers, network based identifiers) together with other
information (e.g. browser type and information, language, screen size, supported
technologies etc.) can be stored or read on your device to recognise it each
time it connects to an app or to a website, for one or several of the purposes
presented here.

View details
Consent (125 vendors)


USE LIMITED DATA TO SELECT ADVERTISING

Advertising presented to you on this service can be based on limited data, such
as the website or app you are using, your non-precise location, your device type
or which content you are (or have been) interacting with (for example, to limit
the number of times an ad is presented to you).

View details
Consent (78 vendors)Legitimate interest (31 vendors)help_outline


CREATE PROFILES FOR PERSONALISED ADVERTISING

Information about your activity on this service (such as forms you submit,
content you look at) can be stored and combined with other information about you
(for example, information from your previous activity on this service and other
websites or apps) or similar users. This is then used to build or improve a
profile about you (that might include possible interests and personal aspects).
Your profile can be used (also later) to present advertising that appears more
relevant based on your possible interests by this and other entities.

View details
Consent (100 vendors)


USE PROFILES TO SELECT PERSONALISED ADVERTISING

Advertising presented to you on this service can be based on your advertising
profiles, which can reflect your activity on this service or other websites or
apps (like the forms you submit, content you look at), possible interests and
personal aspects.

View details
Consent (96 vendors)


CREATE PROFILES TO PERSONALISE CONTENT

Information about your activity on this service (for instance, forms you submit,
non-advertising content you look at) can be stored and combined with other
information about you (such as your previous activity on this service or other
websites or apps) or similar users. This is then used to build or improve a
profile about you (which might for example include possible interests and
personal aspects). Your profile can be used (also later) to present content that
appears more relevant based on your possible interests, such as by adapting the
order in which content is shown to you, so that it is even easier for you to
find content that matches your interests.

View details
Consent (34 vendors)


USE PROFILES TO SELECT PERSONALISED CONTENT

Content presented to you on this service can be based on your content
personalisation profiles, which can reflect your activity on this or other
services (for instance, the forms you submit, content you look at), possible
interests and personal aspects. This can for example be used to adapt the order
in which content is shown to you, so that it is even easier for you to find
(non-advertising) content that matches your interests.

View details
Consent (29 vendors)


MEASURE ADVERTISING PERFORMANCE

Information regarding which advertising is presented to you and how you interact
with it can be used to determine how well an advert has worked for you or other
users and whether the goals of the advertising were reached. For instance,
whether you saw an ad, whether you clicked on it, whether it led you to buy a
product or visit a website, etc. This is very helpful to understand the
relevance of advertising campaigns.

View details
Consent (83 vendors)Legitimate interest (47 vendors)help_outline


MEASURE CONTENT PERFORMANCE

Information regarding which content is presented to you and how you interact
with it can be used to determine whether the (non-advertising) content e.g.
reached its intended audience and matched your interests. For instance, whether
you read an article, watch a video, listen to a podcast or look at a product
description, how long you spent on this service and the web pages you visit etc.
This is very helpful to understand the relevance of (non-advertising) content
that is shown to you.

View details
Consent (35 vendors)Legitimate interest (16 vendors)help_outline


UNDERSTAND AUDIENCES THROUGH STATISTICS OR COMBINATIONS OF DATA FROM DIFFERENT
SOURCES

Reports can be generated based on the combination of data sets (like user
profiles, statistics, market research, analytics data) regarding your
interactions and those of other users with advertising or (non-advertising)
content to identify common characteristics (for instance, to determine which
target audiences are more receptive to an ad campaign or to certain contents).

View details
Consent (60 vendors)Legitimate interest (21 vendors)help_outline


DEVELOP AND IMPROVE SERVICES

Information about your activity on this service, such as your interaction with
ads or content, can be very helpful to improve products and services and to
build new products and services based on user interactions, the type of
audience, etc. This specific purpose does not include the development or
improvement of user profiles and identifiers.

View details
Consent (66 vendors)Legitimate interest (40 vendors)help_outline


USE LIMITED DATA TO SELECT CONTENT

Content presented to you on this service can be based on limited data, such as
the website or app you are using, your non-precise location, your device type,
or which content you are (or have been) interacting with (for example, to limit
the number of times a video or an article is presented to you).

View details
Consent (14 vendors)Legitimate interest (2 vendors)help_outline


ENSURE SECURITY, PREVENT AND DETECT FRAUD, AND FIX ERRORS

help_outline

Your data can be used to monitor for and prevent unusual and possibly fraudulent
activity (for example, regarding advertising, ad clicks by bots), and ensure
systems and processes work properly and securely. It can also be used to correct
any problems you, the publisher or the advertiser may encounter in the delivery
of content and ads and in your interaction with them.

View details


DELIVER AND PRESENT ADVERTISING AND CONTENT

help_outline

Certain information (like an IP address or device capabilities) is used to
ensure the technical compatibility of the content or advertising, and to
facilitate the transmission of the content or ad to your device.

View details


MATCH AND COMBINE DATA FROM OTHER DATA SOURCES

help_outline

Information about your activity on this service may be matched and combined with
other information relating to you and originating from various sources (for
instance your activity on a separate online service, your use of a loyalty card
in-store, or your answers to a survey), in support of the purposes explained in
this notice.

View details


LINK DIFFERENT DEVICES

help_outline

In support of the purposes explained in this notice, your device might be
considered as likely linked to other devices that belong to you or your
household (for instance because you are logged in to the same service on both
your phone and your computer, or because you may use the same Internet
connection on both devices).

View details


IDENTIFY DEVICES BASED ON INFORMATION TRANSMITTED AUTOMATICALLY

help_outline

Your device might be distinguished from other devices based on information it
automatically sends when accessing the Internet (for instance, the IP address of
your Internet connection or the type of browser you are using) in support of the
purposes exposed in this notice.

View details


USE PRECISE GEOLOCATION DATA

With your acceptance, your precise location (within a radius of less than 500
metres) may be used in support of the purposes explained in this notice.

View details
Consent

You can choose your data preferences. This site or app wants your permission to
do the following:

Site or app


STORE AND/OR ACCESS INFORMATION ON A DEVICE

Cookies, device or similar online identifiers (e.g. login-based identifiers,
randomly assigned identifiers, network based identifiers) together with other
information (e.g. browser type and information, language, screen size, supported
technologies etc.) can be stored or read on your device to recognise it each
time it connects to an app or to a website, for one or several of the purposes
presented here.

View details
Consent


USE LIMITED DATA TO SELECT ADVERTISING

Advertising presented to you on this service can be based on limited data, such
as the website or app you are using, your non-precise location, your device type
or which content you are (or have been) interacting with (for example, to limit
the number of times an ad is presented to you).

View details
Consent


CREATE PROFILES FOR PERSONALISED ADVERTISING

Information about your activity on this service (such as forms you submit,
content you look at) can be stored and combined with other information about you
(for example, information from your previous activity on this service and other
websites or apps) or similar users. This is then used to build or improve a
profile about you (that might include possible interests and personal aspects).
Your profile can be used (also later) to present advertising that appears more
relevant based on your possible interests by this and other entities.

View details
Consent


USE PROFILES TO SELECT PERSONALISED ADVERTISING

Advertising presented to you on this service can be based on your advertising
profiles, which can reflect your activity on this service or other websites or
apps (like the forms you submit, content you look at), possible interests and
personal aspects.

View details
Consent


CREATE PROFILES TO PERSONALISE CONTENT

Information about your activity on this service (for instance, forms you submit,
non-advertising content you look at) can be stored and combined with other
information about you (such as your previous activity on this service or other
websites or apps) or similar users. This is then used to build or improve a
profile about you (which might for example include possible interests and
personal aspects). Your profile can be used (also later) to present content that
appears more relevant based on your possible interests, such as by adapting the
order in which content is shown to you, so that it is even easier for you to
find content that matches your interests.

View details
Consent


USE PROFILES TO SELECT PERSONALISED CONTENT

Content presented to you on this service can be based on your content
personalisation profiles, which can reflect your activity on this or other
services (for instance, the forms you submit, content you look at), possible
interests and personal aspects. This can for example be used to adapt the order
in which content is shown to you, so that it is even easier for you to find
(non-advertising) content that matches your interests.

View details
Consent


MEASURE ADVERTISING PERFORMANCE

Information regarding which advertising is presented to you and how you interact
with it can be used to determine how well an advert has worked for you or other
users and whether the goals of the advertising were reached. For instance,
whether you saw an ad, whether you clicked on it, whether it led you to buy a
product or visit a website, etc. This is very helpful to understand the
relevance of advertising campaigns.

View details
Consent


MEASURE CONTENT PERFORMANCE

Information regarding which content is presented to you and how you interact
with it can be used to determine whether the (non-advertising) content e.g.
reached its intended audience and matched your interests. For instance, whether
you read an article, watch a video, listen to a podcast or look at a product
description, how long you spent on this service and the web pages you visit etc.
This is very helpful to understand the relevance of (non-advertising) content
that is shown to you.

View details
Consent


UNDERSTAND AUDIENCES THROUGH STATISTICS OR COMBINATIONS OF DATA FROM DIFFERENT
SOURCES

Reports can be generated based on the combination of data sets (like user
profiles, statistics, market research, analytics data) regarding your
interactions and those of other users with advertising or (non-advertising)
content to identify common characteristics (for instance, to determine which
target audiences are more receptive to an ad campaign or to certain contents).

View details
Consent


DEVELOP AND IMPROVE SERVICES

Information about your activity on this service, such as your interaction with
ads or content, can be very helpful to improve products and services and to
build new products and services based on user interactions, the type of
audience, etc. This specific purpose does not include the development or
improvement of user profiles and identifiers.

View details
Consent


USE LIMITED DATA TO SELECT CONTENT

Content presented to you on this service can be based on limited data, such as
the website or app you are using, your non-precise location, your device type,
or which content you are (or have been) interacting with (for example, to limit
the number of times a video or an article is presented to you).

View details
Consent

Vendor preferences

Accept all



Confirm choices

arrow_back

Vendor preferences


CONFIRM OUR VENDORS

Vendors can use your data to provide services. Declining a vendor can stop them
from using the data that you shared.

TCF vendors

help_outline


EXPONENTIAL INTERACTIVE, INC D/B/A VDX.TV

Cookie duration: 90 (days).

Data collected and processed: Device identifiers, Probabilistic identifiers,
Privacy choices, Users’ profiles, IP addresses, Browsing and interaction data,
Non-precise location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


ROQ.AD GMBH

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Precise location data,
Authentication-derived identifiers, IP addresses, Browsing and interaction data,
Non-precise location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


ADMAXIM LIMITED

Cookie duration: 30 (days).

Data collected and processed: Probabilistic identifiers, IP addresses, Browsing
and interaction data

more

Cookie duration resets each session.


View details | Privacy policylaunch
Consent


INDEX EXCHANGE INC.

Cookie duration: 395 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Precise location data, IP addresses, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


QUANTCAST

Cookie duration: 396 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles,
Authentication-derived identifiers, IP addresses, User-provided data, Browsing
and interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


BEESWAXIO CORPORATION

Cookie duration: 395 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Precise location data, IP addresses,
Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


SOVRN, INC.

Cookie duration: 365 (days).

Data collected and processed: Device characteristics, Privacy choices, Users’
profiles, IP addresses, Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Privacy policylaunch
Consent


ADIKTEEV

Doesn't use cookies.

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Users’ profiles, Authentication-derived identifiers,
IP addresses, Non-precise location data

more

Uses other forms of storage.


View details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


RTB HOUSE S.A.

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, IP addresses, Browsing and interaction data,
Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


THE UK TRADE DESK LTD

Cookie duration: 3629 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, Precise location
data, Authentication-derived identifiers, IP addresses, Browsing and interaction
data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


ADMETRICS GMBH

Doesn't use cookies.

Data collected and processed: Device characteristics, Privacy choices, IP
addresses, Browsing and interaction data

more




View details | Privacy policylaunch
Consent


NEXXEN INC.

Cookie duration: 180 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, IP addresses,
Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


EPSILON

Cookie duration: 184 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles,
Authentication-derived identifiers, IP addresses, User-provided data, Browsing
and interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Privacy policylaunch
Consent


YAHOO EMEA LIMITED

Cookie duration: 397 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, Precise location
data, IP addresses, Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


ADVENTORI SAS

Cookie duration: 90 (days).

Data collected and processed: Device identifiers, Probabilistic identifiers, IP
addresses, User-provided data, Browsing and interaction data, Non-precise
location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Privacy policylaunch
Consent


TRIPLELIFT, INC.

Cookie duration: 90 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Precise location data, Authentication-derived
identifiers, IP addresses, Browsing and interaction data, Non-precise location
data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


XANDR, INC.

Cookie duration: 90 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Precise location data, Authentication-derived
identifiers, IP addresses, Browsing and interaction data, Non-precise location
data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


NEORY GMBH

Cookie duration: 90 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles,
Authentication-derived identifiers, IP addresses, User-provided data, Browsing
and interaction data, Non-precise location data

more

Cookie duration resets each session.


View details | Privacy policylaunch
Consent


NEXXEN GROUP LLC

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, IP addresses,
Non-precise location data

more

Cookie duration resets each session.


View details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


NEURAL.ONE

Cookie duration: 365 (days).

Data collected and processed: Device characteristics, Probabilistic identifiers,
Privacy choices, IP addresses, Browsing and interaction data, Non-precise
location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


ADITION (VIRTUAL MINDS GMBH)

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, Precise location
data, IP addresses, User-provided data, Browsing and interaction data,
Non-precise location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


ACTIVE AGENT (VIRTUAL MINDS GMBH)

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, Precise location
data, IP addresses, User-provided data, Browsing and interaction data,
Non-precise location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


TABOOLA EUROPE LIMITED

Cookie duration: 366 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, IP addresses,
Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


EQUATIV

Cookie duration: 396 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, Precise location
data, Authentication-derived identifiers, IP addresses, Browsing and interaction
data, Non-precise location data

more

Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


ADFORM A/S

Cookie duration: 3650 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles,
Authentication-derived identifiers, IP addresses, User-provided data, Browsing
and interaction data, Non-precise location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


MAGNITE, INC.

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Precise location data, IP addresses,
Browsing and interaction data, Non-precise location data

more

Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


RATEGAIN ADARA INC

Cookie duration: 730 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Authentication-derived identifiers, IP
addresses, User-provided data, Browsing and interaction data, Non-precise
location data

more




View details | Storage details | Privacy policylaunch
Consent


SIFT MEDIA, INC

Doesn't use cookies.

Data collected and processed: Device identifiers, Device characteristics,
Precise location data, IP addresses, Non-precise location data

more




View details | Privacy policylaunch
Consent


RAKUTEN MARKETING LLC

Cookie duration: 730 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles,
Authentication-derived identifiers, IP addresses, User-provided data, Browsing
and interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


LUMEN RESEARCH LIMITED

Doesn't use cookies.

Data collected and processed: Device characteristics, IP addresses, Browsing and
interaction data, Non-precise location data

more




View details | Privacy policylaunch
Legitimate interesthelp_outline


AMAZON AD SERVER

Cookie duration: 396 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Authentication-derived identifiers, IP
addresses, Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


OPENX

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, IP addresses, Browsing and interaction data, Non-precise
location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


YIELDLAB (VIRTUAL MINDS GMBH)

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Precise location data, IP addresses,
User-provided data, Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


ROKU ADVERTISING SERVICES

Cookie duration: 396 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, Precise location
data, Authentication-derived identifiers, IP addresses, User-provided data,
Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


NANO INTERACTIVE GROUP LTD.

Doesn't use cookies.

Data collected and processed: Device characteristics, Browsing and interaction
data, Non-precise location data

more




View details | Privacy policylaunch
Consent


SIMPLIFI HOLDINGS LLC

Cookie duration: 366 (days).

Data collected and processed: Device identifiers, Precise location data, IP
addresses

more

Uses other forms of storage.


View details | Privacy policylaunch
Consent


PUBMATIC, INC

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, Precise location
data, Authentication-derived identifiers, IP addresses, User-provided data,
Browsing and interaction data, Non-precise location data

more

Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


COMSCORE B.V.

Cookie duration: 720 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Authentication-derived identifiers,
IP addresses, User-provided data, Browsing and interaction data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Privacy policylaunch
Consent


FLASHTALKING

Cookie duration: 730 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles,
Authentication-derived identifiers, IP addresses, Browsing and interaction data,
Non-precise location data

more




View details | Privacy policylaunch
Consent


SHARETHROUGH, INC

Cookie duration: 30 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles,
Authentication-derived identifiers, IP addresses, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


PULSEPOINT, INC.

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics, IP
addresses

more

Cookie duration resets each session. Uses other forms of storage.


View details | Privacy policylaunch
Consent


SMAATO, INC.

Cookie duration: 21 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Precise location data, Authentication-derived
identifiers, IP addresses, User-provided data, Browsing and interaction data,
Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


SEMASIO GMBH

Cookie duration: 366 (days).

Data collected and processed: Device identifiers, Privacy choices, IP addresses,
Browsing and interaction data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


CRIMTAN HOLDINGS LIMITED

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, Precise location
data, Authentication-derived identifiers, IP addresses, User-provided data,
Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session.


View details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


GENIUS SPORTS UK LIMITED

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles,
Authentication-derived identifiers, IP addresses, Browsing and interaction data,
Non-precise location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


CRITEO SA

Cookie duration: 390 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles,
Authentication-derived identifiers, IP addresses, Browsing and interaction data,
Non-precise location data

more

Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


ADLOOX SA

Doesn't use cookies.

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, IP addresses, Browsing and interaction data,
Non-precise location data

more

Uses other forms of storage.


View details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


BLIS GLOBAL LIMITED

Cookie duration: 400 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, Precise location
data, Authentication-derived identifiers, IP addresses, User-provided data,
Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


LOTAME SOLUTIONS, INC

Cookie duration: 274 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles,
Authentication-derived identifiers, IP addresses, User-provided data, Browsing
and interaction data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Privacy policylaunch
Consent


LIVERAMP

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Authentication-derived identifiers, IP addresses, Browsing and
interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


GROUPM UK LIMITED

Cookie duration: 395 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Precise location data,
Authentication-derived identifiers, IP addresses, Browsing and interaction data,
Non-precise location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


LOOPME LIMITED

Cookie duration: 90 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, Precise location
data, IP addresses, User-provided data, Browsing and interaction data,
Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


DYNATA LLC

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Authentication-derived identifiers, IP
addresses, User-provided data, Browsing and interaction data, Non-precise
location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


ASK LOCALA

Doesn't use cookies.

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Precise location data, IP addresses, Non-precise location data

more

Uses other forms of storage.


View details | Privacy policylaunch
Consent


NEAR INTELLIGENCE

Doesn't use cookies.

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Precise location data, IP addresses, Browsing
and interaction data, Non-precise location data

more

Uses other forms of storage.


View details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


DOUBLEVERIFY INC.

Doesn't use cookies.

Data collected and processed: Device characteristics, Probabilistic identifiers,
Privacy choices, IP addresses, Browsing and interaction data, Non-precise
location data

more




View details | Privacy policylaunch
Legitimate interesthelp_outline


BIDSWITCH GMBH

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Precise location data,
Authentication-derived identifiers, IP addresses, Browsing and interaction data,
Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Privacy policylaunch
Consent


IPONWEB GMBH

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Authentication-derived identifiers, IP addresses, User-provided
data, Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


NEXTROLL, INC.

Cookie duration: 183 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, IP addresses, User-provided data, Browsing and
interaction data, Non-precise location data

more

Cookie duration resets each session.


View details | Privacy policylaunch
Consent


ID5 TECHNOLOGY LTD

Cookie duration: 90 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Authentication-derived identifiers,
IP addresses, Browsing and interaction data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


TEADS FRANCE SAS

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, IP addresses,
Browsing and interaction data, Non-precise location data

more

Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


STRÖER SSP GMBH (SSP)

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, IP addresses,
Browsing and interaction data, Non-precise location data

more

Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


OS DATA SOLUTIONS GMBH & CO. KG

Cookie duration: 90 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, IP addresses,
User-provided data, Browsing and interaction data, Non-precise location data

more

Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


PERMODO GMBH

Doesn't use cookies.

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, IP addresses, Browsing and interaction data,
Non-precise location data

more

Uses other forms of storage.


View details | Privacy policylaunch
Consent


PLATFORM161 B.V.

Cookie duration: 396 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, Precise location
data, IP addresses, Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


ADACADO TECHNOLOGIES INC. (DBA ADACADO)

Cookie duration: 365 (days).

Data collected and processed: Privacy choices, IP addresses, Browsing and
interaction data, Non-precise location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


LIVEINTENT INC.

Cookie duration: 731 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Authentication-derived identifiers, IP addresses, Browsing and
interaction data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


BASIS GLOBAL TECHNOLOGIES, INC.

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Precise location data, Authentication-derived
identifiers, IP addresses, Browsing and interaction data, Non-precise location
data

more

Cookie duration resets each session.


View details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


SMADEX, S.L.U.

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, IP addresses,
User-provided data, Non-precise location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


BOMBORA INC.

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics, Users’
profiles, Authentication-derived identifiers, IP addresses, Browsing and
interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


EASYMEDIA GMBH

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, Precise location
data, IP addresses, Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


BIDTELLECT, INC

Cookie duration: 90 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, IP addresses

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


REMERGE GMBH

Doesn't use cookies.

Data collected and processed: Device identifiers, Device characteristics, IP
addresses, Browsing and interaction data, Non-precise location data

more

Uses other forms of storage.


View details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


ADVANCED STORE GMBH

Cookie duration: 365 (days).

Data collected and processed: Device identifiers

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


MAGNITE CTV, INC.

Cookie duration: 366 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Precise location data, IP addresses,
Browsing and interaction data, Non-precise location data

more




View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


DELTA PROJECTS AB

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, Precise location
data, Authentication-derived identifiers, IP addresses, User-provided data,
Browsing and interaction data, Non-precise location data

more




View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


USEMAX ADVERTISEMENT (EMEGO GMBH)

Cookie duration: 365 (days).

Data collected and processed: Users’ profiles

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


EMETRIQ GMBH

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles,
Authentication-derived identifiers, IP addresses, User-provided data, Browsing
and interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


PUBLICIS MEDIA GMBH

Cookie duration: 1825 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles,
Authentication-derived identifiers, IP addresses, User-provided data, Browsing
and interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Privacy policylaunch
Consent


M.D. PRIMIS TECHNOLOGIES LTD.

Cookie duration: 25 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, IP addresses, User-provided data,
Browsing and interaction data, Non-precise location data

more




View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


ACUITYADS INC.

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Authentication-derived identifiers, IP
addresses, Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


ONETAG LIMITED

Cookie duration: 396 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, IP addresses, Browsing and interaction data, Non-precise
location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


CLOUD TECHNOLOGIES S.A.

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Authentication-derived identifiers, IP
addresses, Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session.


View details | Privacy policylaunch
Consent


SMARTOLOGY LIMITED

Doesn't use cookies.

Data collected and processed: IP addresses

more

Uses other forms of storage.


View details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


IMPROVE DIGITAL

Cookie duration: 90 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, Precise location
data, Authentication-derived identifiers, IP addresses, User-provided data,
Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


ADOBE ADVERTISING CLOUD

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Privacy choices,
Authentication-derived identifiers, IP addresses

more




View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


BANNERFLOW AB

Cookie duration: 366 (days).

Data collected and processed: Device characteristics, Privacy choices, IP
addresses, Non-precise location data

more




View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


TABMO SAS

Doesn't use cookies.

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, Precise location
data, IP addresses, User-provided data, Browsing and interaction data,
Non-precise location data

more

Uses other forms of storage.


View details | Privacy policylaunch
Consent


INTEGRAL AD SCIENCE (INCORPORATING ADMANTX)

Doesn't use cookies.

Data collected and processed: Device characteristics, Privacy choices, IP
addresses, Browsing and interaction data, Non-precise location data

more




View details | Privacy policylaunch
Legitimate interesthelp_outline


WIZALY

Cookie duration: 365 (days).

Data collected and processed: Device characteristics, Privacy choices,
Authentication-derived identifiers, IP addresses, Browsing and interaction data,
Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


WEBORAMA

Cookie duration: 393 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles,
Authentication-derived identifiers, IP addresses, User-provided data, Browsing
and interaction data, Non-precise location data

more

Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


JIVOX CORPORATION

Cookie duration: 30 (days).

Data collected and processed: Device identifiers, Privacy choices, Users’
profiles, Precise location data, IP addresses, Browsing and interaction data,
Non-precise location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


SAGE+ARCHER BV

Doesn't use cookies.

Data collected and processed: Non-precise location data

more




View details | Privacy policylaunch
Consent


ON DEVICE RESEARCH LIMITED

Cookie duration: 30 (days).

Data collected and processed: Device identifiers, Device characteristics,
Precise location data, IP addresses, User-provided data, Browsing and
interaction data, Non-precise location data

more




View details | Storage details | Privacy policylaunch
Consent


ROCKABOX MEDIA LTD

Doesn't use cookies.

Data collected and processed: Device characteristics, IP addresses, Browsing and
interaction data, Non-precise location data

more




View details | Storage details | Privacy policylaunch
Legitimate interesthelp_outline


EXACTAG GMBH

Cookie duration: 180 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Authentication-derived identifiers, IP addresses, Browsing and
interaction data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


CELTRA INC.

Doesn't use cookies.

Data collected and processed: Device identifiers, Device characteristics,
Precise location data, IP addresses

more

Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


MAINADV SRL

Cookie duration: 30 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, IP addresses, User-provided data, Browsing and interaction
data, Non-precise location data

more

Uses other forms of storage.


View details | Privacy policylaunch
Consent


GEMIUS SA

Cookie duration: 1825 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Browsing and interaction data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


INMOBI PTE LTD

Doesn't use cookies.

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Users’ profiles, Precise location data, IP addresses,
User-provided data, Browsing and interaction data, Non-precise location data

more

Uses other forms of storage.


View details | Privacy policylaunch
Consent


THE KANTAR GROUP LIMITED

Cookie duration: 914 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, IP addresses, Browsing and interaction data, Non-precise
location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Privacy policylaunch
Consent


NIELSEN MEDIA RESEARCH LTD.

Cookie duration: 120 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, IP addresses, Browsing and interaction data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


SOLOCAL SA

Cookie duration: 396 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Precise location data, IP addresses,
User-provided data, Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


PIXALATE, INC.

Doesn't use cookies.

Data collected and processed: Device identifiers, Device characteristics, IP
addresses, Browsing and interaction data, Non-precise location data

more




View details | Storage details | Privacy policylaunch
Consent


ORACLE ADVERTISING

Cookie duration: 180 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Authentication-derived identifiers, IP
addresses, User-provided data, Browsing and interaction data, Non-precise
location data

more

Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


NUMBERLY

Cookie duration: 180 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Authentication-derived identifiers, IP
addresses, User-provided data, Browsing and interaction data, Non-precise
location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


AUDIENCEPROJECT A/S

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles,
Authentication-derived identifiers, IP addresses, User-provided data, Browsing
and interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


DEMANDBASE, INC.

Cookie duration: 730 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, Precise location
data, IP addresses, User-provided data, Browsing and interaction data,
Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


EFFILIATION / EFFINITY

Cookie duration: 30 (days).

Data collected and processed: Device characteristics

more

Cookie duration resets each session.


View details | Privacy policylaunch
Consent


ARRIVALIST CO.

Cookie duration: 365 (days).

Data collected and processed: IP addresses, Non-precise location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


PIANO SOFTWARE INC.

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Authentication-derived identifiers, IP
addresses, User-provided data, Browsing and interaction data

more

Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


SEENTHIS AB

Doesn't use cookies.

Data collected and processed: Device characteristics, IP addresses

more




View details | Privacy policylaunch


COMMANDERS ACT

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, IP addresses

more




View details | Storage details | Privacy policylaunch
Consent


TRAVEL AUDIENCE GMBH

Cookie duration: 397 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Users’ profiles, Precise location data,
Authentication-derived identifiers, IP addresses, Browsing and interaction data,
Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Privacy policylaunch
Consent


HUMAN

Doesn't use cookies.

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, IP addresses, Non-precise location data

more




View details | Privacy policylaunch
Legitimate interesthelp_outline


ADLUDIO LTD.

Doesn't use cookies.

Data collected and processed: Device characteristics

more




View details | Privacy policylaunch
Consent


BLENDEE SRL

Cookie duration: 366 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Authentication-derived identifiers, IP
addresses, User-provided data, Browsing and interaction data, Non-precise
location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


INNOVID LLC

Cookie duration: 90 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, IP addresses, Browsing and interaction data, Non-precise
location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


PAPIRFLY AS

Doesn't use cookies.

Data collected and processed: Device characteristics

more




View details | Privacy policylaunch
Legitimate interesthelp_outline


NEUSTAR, INC., A TRANSUNION COMPANY

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles,
Authentication-derived identifiers, IP addresses, User-provided data, Browsing
and interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


VERVE GROUP EUROPE GMBH

Doesn't use cookies.

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Precise location data, Authentication-derived
identifiers, IP addresses, User-provided data, Browsing and interaction data,
Non-precise location data

more

Uses other forms of storage.


View details | Privacy policylaunch
Consent


OTTO (GMBH & CO KG)

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Privacy choices, Users’
profiles, IP addresses, User-provided data, Browsing and interaction data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


ADOBE AUDIENCE MANAGER, ADOBE EXPERIENCE PLATFORM

Cookie duration: 180 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, Precise location
data, Authentication-derived identifiers, IP addresses, User-provided data,
Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


LOCALSENSOR B.V.

Doesn't use cookies.

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Precise location data, IP addresses, Non-precise location data

more

Uses other forms of storage.


View details | Privacy policylaunch
Consent


ONLINE SOLUTION

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, Precise location
data, IP addresses, User-provided data, Browsing and interaction data,
Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Privacy policylaunch
Consent


RELAY42 NETHERLANDS B.V.

Cookie duration: 730 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles, IP addresses,
User-provided data, Browsing and interaction data

more




View details | Storage details | Privacy policylaunch
Consent


GP ONE GMBH

Cookie duration: Uses session cookies.

Data collected and processed: Device characteristics, Privacy choices, IP
addresses, User-provided data, Browsing and interaction data, Non-precise
location data

more

Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


THE MEDIAGRID INC.

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Precise location data, IP addresses,
Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


MINDTAKE RESEARCH GMBH

Cookie duration: 180 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Users’ profiles, IP addresses, Browsing and
interaction data

more

Uses other forms of storage.


View details | Privacy policylaunch
Consent


NC AUDIENCE EXCHANGE, LLC

Cookie duration: 365 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Privacy choices, Users’ profiles,
Authentication-derived identifiers, IP addresses, User-provided data, Browsing
and interaction data, Non-precise location data

more

Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


CINT AB

Cookie duration: 730 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, IP addresses, Browsing and interaction data

more

Uses other forms of storage.


View details | Privacy policylaunch
Consent


GOOGLE ADVERTISING PRODUCTS

Cookie duration: 396 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Authentication-derived identifiers, IP
addresses, User-provided data, Browsing and interaction data, Non-precise
location data

more

Uses other forms of storage.


View details | Storage details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


GFK GMBH

Cookie duration: 730 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Authentication-derived identifiers, IP
addresses, User-provided data, Browsing and interaction data, Non-precise
location data

more

Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


REVJET

Cookie duration: 730 (days).

Data collected and processed: Device identifiers, Privacy choices, Users’
profiles, IP addresses, Non-precise location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


PROTECTED MEDIA LTD

Doesn't use cookies.

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, IP addresses, Browsing and interaction data

more




View details | Privacy policylaunch
Legitimate interesthelp_outline


ORACLE DATA CLOUD - MOAT

Doesn't use cookies.

Data collected and processed: IP addresses, Non-precise location data

more




View details | Privacy policylaunch
Legitimate interesthelp_outline


HEARTS AND SCIENCE MÜNCHEN GMBH

Cookie duration: 60 (days).

Data collected and processed: IP addresses

more

Cookie duration resets each session.


View details | Privacy policylaunch
Consent


AMAZON ADVERTISING

Cookie duration: 396 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Users’ profiles, Authentication-derived identifiers, IP
addresses, Browsing and interaction data, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Storage details | Privacy policylaunch
Consent


MOLOCO, INC.

Cookie duration: 730 (days).

Data collected and processed: Device identifiers, Device characteristics, IP
addresses, Non-precise location data

more

Cookie duration resets each session. Uses other forms of storage.


View details | Privacy policylaunch
ConsentLegitimate interesthelp_outline


ADTRIBA GMBH

Cookie duration: 730 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, Authentication-derived identifiers, IP addresses, Browsing and
interaction data, Non-precise location data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


OBJECTIVE PARTNERS BV

Cookie duration: 90 (days).

Data collected and processed: Device identifiers

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent


ENSIGHTEN

Cookie duration: 1825 (days).

Data collected and processed: Device identifiers, Device characteristics,
Privacy choices, IP addresses, Browsing and interaction data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Legitimate interesthelp_outline


EBAY INC

Cookie duration: 90 (days).

Data collected and processed: Device characteristics, Privacy choices, IP
addresses

more




View details | Storage details | Privacy policylaunch
Consent


HURRA COMMUNICATIONS GMBH

Cookie duration: 366 (days).

Data collected and processed: Device identifiers, Device characteristics,
Probabilistic identifiers, Precise location data, Authentication-derived
identifiers, IP addresses, Browsing and interaction data, Non-precise location
data

more

Cookie duration resets each session.


View details | Storage details | Privacy policylaunch
Consent

Ad partners

help_outline


GSKINNER

Privacy policylaunch
Consent


AKAMAI

Privacy policylaunch
Consent


META

Privacy policylaunch
Consent


AUNICA

Privacy policylaunch
Consent


BOOKING.COM

Privacy policylaunch
Consent


C3 METRICS

Privacy policylaunch
Consent


IBM

Privacy policylaunch
Consent


EVIDON

Privacy policylaunch
Consent


CUBED

Privacy policylaunch
Consent


OPTOMATON

Privacy policylaunch
Consent


INTELLIAD

Privacy policylaunch
Consent


ANALIGHTS

Privacy policylaunch
Consent


DSTILLERY

Privacy policylaunch
Consent


MEDIAMATH

Privacy policylaunch
Consent


ZMS

Privacy policylaunch
Consent


DENTSU AEGIS NETWORK

Privacy policylaunch
Consent


IGNITION ONE

Privacy policylaunch
Consent


OMNICOM MEDIA GROUP

Privacy policylaunch
Consent


DIGISEG

Privacy policylaunch
Consent


CEDATO

Privacy policylaunch
Consent


RESONATE

Privacy policylaunch
Consent


SOJERN

Privacy policylaunch
Consent


HAENSEL AMS

Privacy policylaunch
Consent


BDSK HANDELS GMBH & CO. KG

Privacy policylaunch
Consent


TRADEDOUBLER AB

Privacy policylaunch
Consent


TRUSTARC

Privacy policylaunch
Consent


TRUEFFECT

Privacy policylaunch
Consent


MARKETING SCIENCE CONSULTING GROUP, INC.

Privacy policylaunch
Consent


DENTSU

Privacy policylaunch
Consent


KOBLER

Privacy policylaunch
Consent


TRAVEL DATA COLLECTIVE

Privacy policylaunch
Consent


ADVOLUTION.CONTROL

Privacy policylaunch
Consent


WIDESPACE

Privacy policylaunch
Consent


LIFESTREET

Privacy policylaunch
Consent


VIMEO

Privacy policylaunch
Consent


BATCH MEDIA

Privacy policylaunch
Consent


VODAFONE GMBH

Privacy policylaunch
Consent


MAGNITE

Privacy policylaunch
Consent


SCENESTEALER

Privacy policylaunch
Consent


NETQUEST

Privacy policylaunch
Consent


MANAGE.COM

Privacy policylaunch
Consent


CLOUDFLARE

Privacy policylaunch
Consent


SALESFORCE DMP

Privacy policylaunch
Consent


NETFLIX

Privacy policylaunch
Consent


MACROMILL GROUP

Privacy policylaunch
Consent


EBUILDERS

Privacy policylaunch
Consent


APPLOVIN CORP.

Privacy policylaunch
Consent


EMX DIGITAL

Privacy policylaunch
Consent


FRACTIONAL MEDIA

Privacy policylaunch
Consent


RACKSPACE

Privacy policylaunch
Consent


LIFTOFF

Privacy policylaunch
Consent


MSI-ACI

Privacy policylaunch
Consent


NAVEGG

Privacy policylaunch
Consent


ADMEDO

Privacy policylaunch
Consent


KOCHAVA

Privacy policylaunch
Consent


MOBITRANS

Privacy policylaunch
Consent


ADEX

Privacy policylaunch
Consent


IMPACT

Privacy policylaunch
Consent


SPOTAD

Privacy policylaunch
Consent


AARKI

Privacy policylaunch
Consent


ADVENTIVE

Privacy policylaunch
Consent


SFR

Privacy policylaunch
Consent


CABLATO

Privacy policylaunch
Consent


WAYSTACK

Privacy policylaunch
Consent


CLINCH

Privacy policylaunch
Consent


TRESENSA

Privacy policylaunch
Consent

Accept all



Confirm choices

Close