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

Submitted URL: http://www.biblestudytools.com/
Effective URL: https://www.biblestudytools.com/
Submission: On December 04 via api from US — Scanned from IS

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 js-bound">
        </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 js-bound">
      <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 js-bound">
    <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

Your 2025 Bible Reading Plan Awaits > Get a Free Copy
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

Hebrews 10:23


SHARE

Close
Share Tweet Save
23 Let us hold unswervingly to the hope we profess, for he who promised is
faithful.




TODAY'S BIBLE READING

Ephesians 1; Ezekiel 4-5; Psalm 150
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

Amazing Lessons from John 1 as We Meditate on Who Jesus Is This Christmas
Christmas Character Study: Mary
How to Cultivate Christlike Humility This Christmas
What Is the Seal of God and What Does it Have to Do with the End Times?
More Bible Study Articles



BIBLE STUDY VIDEOS

5 Verses to Prepare Your Heart for Christmas
Prayers for Joy in the Morning
7 Prophecies That Foretold Jesus' Birth
Tell God How Thankful You Are with These 5 Psalms!
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
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

Your Daily Verse - Romans 8:28
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, 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:

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


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 142 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 to manage or withdraw consent in privacy and cookie
settings.

Consent



Manage options



Data preferences


MANAGE YOUR DATA

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

TCF vendors


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 (126 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 (76 vendors)Legitimate interest (33 vendors)


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 (101 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 (31 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 (27 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 (82 vendors)Legitimate interest (48 vendors)


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)


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 (59 vendors)Legitimate interest (23 vendors)


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 (70 vendors)Legitimate interest (39 vendors)


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 (15 vendors)Legitimate interest (3 vendors)


ENSURE SECURITY, PREVENT AND DETECT FRAUD, AND FIX ERRORS

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

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


SAVE AND COMMUNICATE PRIVACY CHOICES

The choices you make regarding the purposes and entities listed in this notice
are saved and made available to those entities in the form of digital signals
(such as a string of characters). This is necessary in order to enable both this
service and those entities to respect such choices.

View details


MATCH AND COMBINE DATA FROM OTHER DATA SOURCES

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

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

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

How this consent management platform (CMP) works:

CMP privacy choices


STORAGE, DURATION, AND USAGE DETAILS

The choices you make with this CMP regarding the purposes and entities will
affect how personalized advertising is presented to you. We need to store these
choices to respect them on future visits, and they are stored differently based
on the type of site or app you're using:
 * For sites, your choices are saved in a cookie named “FCCDCF” for a maximum
   duration of 390 days.
 * For apps, your choices are saved in device storage prefixed by “IABTCF_”.
   Your choices will be invalidated after 390 days and overwritten once you make
   new privacy choices on this app.
 * For accelerated mobile page (AMP) sites, your choices are saved in local
   storage prefixed by “amp-store”. Your choices will be invalidated after 390
   days and overwritten once you make new privacy choices on this site.

Vendor preferences

Accept all



Confirm choices

Vendor preferences


CONFIRM OUR VENDORS

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

TCF vendors


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

Cookie duration: 90 (days).

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

more

Cookie duration resets each session.


View details | Privacy policy
Consent


ROQ.AD GMBH

Cookie duration: 365 (days).

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

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
Consent


ADMAXIM LIMITED

Cookie duration: 30 (days).

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

more

Cookie duration resets each session.


View details | Privacy policy
Consent


INDEX EXCHANGE INC.

Cookie duration: 395 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


QUANTCAST

Cookie duration: 396 (days).

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

more

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


View details | Storage details | Privacy policy
ConsentLegitimate interest


BEESWAXIO CORPORATION

Cookie duration: 395 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


SOVRN, INC.

Cookie duration: 365 (days).

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

more

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


View details | Privacy policy
Consent


ADIKTEEV

Doesn't use cookies.

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

more

Uses other forms of storage.


View details | Privacy policy
ConsentLegitimate interest


RTB HOUSE S.A.

Cookie duration: 365 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


THE UK TRADE DESK LTD

Cookie duration: 365 (days).

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

more

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


View details | Storage details | Privacy policy
ConsentLegitimate interest


NEXXEN INC.

Cookie duration: 180 (days).

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

more

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


View details | Storage details | Privacy policy
ConsentLegitimate interest


EPSILON

Cookie duration: 184 (days).

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

more

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


View details | Privacy policy
Consent


YAHOO EMEA LIMITED

Cookie duration: 397 (days).

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

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
Consent


ADVENTORI SAS

Cookie duration: 90 (days).

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

more

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


View details | Privacy policy
Consent


TRIPLE LIFT, INC.

Cookie duration: 90 (days).

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

more

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


View details | Privacy policy
ConsentLegitimate interest


XANDR, INC.

Cookie duration: 90 (days).

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

more

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


View details | Storage details | Privacy policy
ConsentLegitimate interest


NEORY GMBH

Cookie duration: 90 (days).

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

more

Cookie duration resets each session.


View details | Privacy policy
Consent


NEXXEN GROUP LLC

Cookie duration: 365 (days).

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

more

Cookie duration resets each session.


View details | Privacy policy
ConsentLegitimate interest


NEURAL.ONE

Cookie duration: 365 (days).

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

more

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


View details | Privacy policy
Consent


ADITION (VIRTUAL MINDS GMBH)

Cookie duration: 90 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


ACTIVE AGENT (VIRTUAL MINDS GMBH)

Cookie duration: 90 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


TABOOLA EUROPE LIMITED

Cookie duration: 366 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


EQUATIV

Cookie duration: 396 (days).

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

more

Uses other forms of storage.


View details | Storage details | Privacy policy
Consent


ADFORM A/S

Cookie duration: 3650 (days).

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

more

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


View details | Storage details | Privacy policy
ConsentLegitimate interest


MAGNITE, INC.

Cookie duration: 365 (days).

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

more

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


View details | Storage details | Privacy policy
ConsentLegitimate interest


RATEGAIN ADARA INC

Cookie duration: 730 (days).

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

more




View details | Storage details | Privacy policy
Consent


SIFT MEDIA, INC

Doesn't use cookies.

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

more




View details | Privacy policy
Consent


RAKUTEN MARKETING LLC

Cookie duration: 730 (days).

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

more

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


View details | Privacy policy
ConsentLegitimate interest


LUMEN RESEARCH LIMITED

Doesn't use cookies.

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

more




View details | Privacy policy
Legitimate interest


AMAZON AD SERVER

Cookie duration: 396 (days).

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

more

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


View details | Storage details | Privacy policy
ConsentLegitimate interest


OPENX

Cookie duration: 365 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


YIELDLAB (VIRTUAL MINDS GMBH)

Cookie duration: 90 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


ROKU ADVERTISING SERVICES

Cookie duration: 396 (days).

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

more

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


View details | Storage details | Privacy policy
ConsentLegitimate interest


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 policy
Consent


SIMPLIFI HOLDINGS LLC

Cookie duration: 366 (days).

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

more

Uses other forms of storage.


View details | Privacy policy
Consent


PUBMATIC, INC

Cookie duration: 365 (days).

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

more

Uses other forms of storage.


View details | Storage details | Privacy policy
ConsentLegitimate interest


COMSCORE B.V.

Cookie duration: 720 (days).

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

more

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


View details | Privacy policy
Consent


FLASHTALKING

Cookie duration: 730 (days).

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

more




View details | Privacy policy
Consent


SHARETHROUGH, INC

Cookie duration: 30 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


PULSEPOINT, INC.

Cookie duration: 365 (days).

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

more

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


View details | Privacy policy
Consent


SMAATO, INC.

Cookie duration: 21 (days).

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

more

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


View details | Storage details | Privacy policy
ConsentLegitimate interest


SEMASIO GMBH

Cookie duration: 366 (days).

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

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
Consent


CRIMTAN HOLDINGS LIMITED

Cookie duration: 365 (days).

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

more

Cookie duration resets each session.


View details | Privacy policy
ConsentLegitimate interest


GENIUS SPORTS UK LIMITED

Cookie duration: 365 (days).

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

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
Consent


CRITEO SA

Cookie duration: 390 (days).

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

more

Uses other forms of storage.


View details | Storage details | Privacy policy
Consent


ADLOOX SA

Doesn't use cookies.

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

more

Uses other forms of storage.


View details | Privacy policy
ConsentLegitimate interest


BLIS GLOBAL LIMITED

Cookie duration: 400 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


LOTAME SOLUTIONS, INC

Cookie duration: 274 (days).

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

more

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


View details | Privacy policy
Consent


LIVERAMP

Cookie duration: 365 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


GROUPM UK LIMITED

Cookie duration: 395 (days).

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

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
ConsentLegitimate interest


LOOPME LIMITED

Cookie duration: 90 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


DYNATA LLC

Cookie duration: 365 (days).

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

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
Consent


ASK LOCALA

Doesn't use cookies.

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

more

Uses other forms of storage.


View details | Privacy policy
Consent


AZIRA

Doesn't use cookies.

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

more

Uses other forms of storage.


View details | Privacy policy
ConsentLegitimate interest


DOUBLEVERIFY INC.

Doesn't use cookies.

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

more




View details | Privacy policy
Legitimate interest


BIDSWITCH GMBH

Cookie duration: 365 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


IPONWEB GMBH

Cookie duration: 365 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


NEXTROLL, INC.

Cookie duration: 183 (days).

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

more

Cookie duration resets each session.


View details | Privacy policy
Consent


ID5 TECHNOLOGY LTD

Cookie duration: 90 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


TEADS FRANCE SAS

Cookie duration: 365 (days).

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

more

Uses other forms of storage.


View details | Storage details | Privacy policy
ConsentLegitimate interest


STRÖER SSP GMBH (SSP)

Cookie duration: 365 (days).

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

more

Uses other forms of storage.


View details | Storage details | Privacy policy
ConsentLegitimate interest


OS DATA SOLUTIONS GMBH

Cookie duration: 90 (days).

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

more

Uses other forms of storage.


View details | Storage details | Privacy policy
ConsentLegitimate interest


PERMODO GMBH

Doesn't use cookies.

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

more

Uses other forms of storage.


View details | Privacy policy
Consent


PLATFORM161 B.V.

Cookie duration: 396 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


LIVEINTENT INC.

Cookie duration: 731 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


BASIS GLOBAL TECHNOLOGIES, INC.

Cookie duration: 365 (days).

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

more

Cookie duration resets each session.


View details | Privacy policy
ConsentLegitimate interest


SMADEX, S.L.U.

Cookie duration: 365 (days).

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

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
Consent


BOMBORA INC.

Cookie duration: 365 (days).

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

more

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


View details | Storage details | Privacy policy
ConsentLegitimate interest


EASYMEDIA GMBH

Cookie duration: 365 (days).

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

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
Consent


BIDTELLECT, INC

Cookie duration: 90 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


REMERGE GMBH

Doesn't use cookies.

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

more

Uses other forms of storage.


View details | Privacy policy
ConsentLegitimate interest


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 policy
ConsentLegitimate interest


MAGNITE CTV, INC.

Cookie duration: 366 (days).

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

more

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


View details | Storage details | Privacy policy
ConsentLegitimate interest


DELTA PROJECTS AB

Cookie duration: 365 (days).

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

more




View details | Storage details | Privacy policy
ConsentLegitimate interest


USEMAX ADVERTISEMENT (EMEGO GMBH)

Cookie duration: 365 (days).

Data collected and processed: IP addresses, Users’ profiles

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
Consent


EMETRIQ GMBH

Cookie duration: 365 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


PUBLICIS MEDIA GMBH

Cookie duration: 1825 (days).

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

more

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


View details | Privacy policy
Consent


M.D. PRIMIS TECHNOLOGIES LTD.

Cookie duration: 25 (days).

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

more




View details | Storage details | Privacy policy
ConsentLegitimate interest


ACUITYADS INC.

Cookie duration: 365 (days).

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

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
ConsentLegitimate interest


ONETAG LIMITED

Cookie duration: 396 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


CLOUD TECHNOLOGIES S.A.

Cookie duration: 365 (days).

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

more

Cookie duration resets each session.


View details | Privacy policy
Consent


SMARTOLOGY LIMITED

Doesn't use cookies.

Data collected and processed: IP addresses

more

Uses other forms of storage.


View details | Privacy policy
ConsentLegitimate interest


IMPROVE DIGITAL

Cookie duration: 90 (days).

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

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
ConsentLegitimate interest


ADOBE ADVERTISING CLOUD

Cookie duration: 365 (days).

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

more




View details | Storage details | Privacy policy
ConsentLegitimate interest


BANNERFLOW AB

Cookie duration: 366 (days).

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

more

Cookie duration resets each session.


View details | Privacy policy
Consent


TABMO SAS

Doesn't use cookies.

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

more

Uses other forms of storage.


View details | Privacy policy
Consent


INTEGRAL AD SCIENCE (INCORPORATING ADMANTX)

Doesn't use cookies.

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

more




View details | Privacy policy
Legitimate interest


WIZALY

Cookie duration: 365 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


WEBORAMA

Cookie duration: 393 (days).

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

more

Uses other forms of storage.


View details | Storage details | Privacy policy
ConsentLegitimate interest


JIVOX CORPORATION

Cookie duration: 30 (days).

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

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
Consent


VISTAR MEDIA EMEA BV

Doesn't use cookies.

Data collected and processed: Non-precise location data

more




View details | Privacy policy
Consent


ON DEVICE RESEARCH LIMITED

Cookie duration: 30 (days).

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

more




View details | Storage details | Privacy policy
Consent


ROCKABOX MEDIA LTD

Doesn't use cookies.

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

more




View details | Storage details | Privacy policy
Legitimate interest


EXACTAG GMBH

Cookie duration: 180 (days).

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

more

Cookie duration resets each session.


View details | Privacy policy
Consent


CELTRA INC.

Doesn't use cookies.

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

more

Uses other forms of storage.


View details | Storage details | Privacy policy
Consent


MAINADV SRL

Cookie duration: 30 (days).

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

more

Uses other forms of storage.


View details | Privacy policy
Consent


GEMIUS SA

Cookie duration: 1825 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


INMOBI PTE LTD

Doesn't use cookies.

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

more

Uses other forms of storage.


View details | Privacy policy
Consent


THE KANTAR GROUP LIMITED

Cookie duration: 914 (days).

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

more

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


View details | Privacy policy
Consent


NIELSEN MEDIA RESEARCH LTD.

Cookie duration: 120 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


SOLOCAL SA

Cookie duration: 396 (days).

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

more

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


View details | Storage details | Privacy policy
ConsentLegitimate interest


PIXALATE, INC.

Doesn't use cookies.

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

more




View details | Storage details | Privacy policy
Consent


NUMBERLY

Cookie duration: 180 (days).

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

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
Consent


AUDIENCEPROJECT A/S

Cookie duration: 365 (days).

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

more

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


View details | Storage details | Privacy policy
ConsentLegitimate interest


DEMANDBASE, INC.

Cookie duration: 730 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


EFFILIATION / EFFINITY

Cookie duration: 30 (days).

Data collected and processed: Device characteristics

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
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 policy
Consent


PIANO SOFTWARE INC.

Cookie duration: 365 (days).

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

more

Uses other forms of storage.


View details | Storage details | Privacy policy
Consent


SEENTHIS AB

Doesn't use cookies.

Data collected and processed: IP addresses, Device characteristics

more




View details | Privacy policy


COMMANDERS ACT

Cookie duration: 365 (days).

Data collected and processed: IP addresses, Device identifiers

more




View details | Storage details | Privacy policy
Consent


TRAVEL AUDIENCE GMBH

Cookie duration: 397 (days).

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

more

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


View details | Privacy policy
Consent


HUMAN

Doesn't use cookies.

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

more




View details | Privacy policy
Legitimate interest


BLENDEE SRL

Cookie duration: 366 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


INNOVID LLC

Cookie duration: 90 (days).

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

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
ConsentLegitimate interest


PAPIRFLY AS

Doesn't use cookies.

Data collected and processed: Device characteristics

more




View details | Privacy policy
Legitimate interest


NEUSTAR, INC., A TRANSUNION COMPANY

Cookie duration: 365 (days).

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

more

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


View details | Privacy policy
ConsentLegitimate interest


VERVE GROUP EUROPE GMBH

Doesn't use cookies.

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

more

Uses other forms of storage.


View details | Privacy policy
Consent


OTTO (GMBH & CO KG)

Cookie duration: 365 (days).

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

more

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


View details | Storage details | Privacy policy
ConsentLegitimate interest


ADOBE AUDIENCE MANAGER, ADOBE EXPERIENCE PLATFORM

Cookie duration: 180 (days).

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

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
Consent


LOCALSENSOR B.V.

Doesn't use cookies.

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

more

Uses other forms of storage.


View details | Privacy policy
Consent


ONLINE SOLUTION

Cookie duration: 365 (days).

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

more

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


View details | Privacy policy
Consent


RELAY42 NETHERLANDS B.V.

Cookie duration: 730 (days).

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

more




View details | Storage details | Privacy policy
Consent


GP ONE GMBH

Cookie duration: Uses session cookies.

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

more

Uses other forms of storage.


View details | Storage details | Privacy policy
ConsentLegitimate interest


LIFTOFF MONETIZE AND VUNGLE EXCHANGE

Doesn't use cookies.

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

more

Uses other forms of storage.


View details | Privacy policy
ConsentLegitimate interest


THE MEDIAGRID INC.

Cookie duration: 365 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


REPPUBLIKA RESEARCH & ANALYTICS AUSTRIA GMBH

Cookie duration: 180 (days).

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

more

Uses other forms of storage.


View details | Privacy policy
Consent


NC AUDIENCE EXCHANGE, LLC

Cookie duration: 365 (days).

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

more

Uses other forms of storage.


View details | Storage details | Privacy policy
ConsentLegitimate interest


CINT AB

Cookie duration: 730 (days).

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

more

Uses other forms of storage.


View details | Privacy policy
Consent


GOOGLE ADVERTISING PRODUCTS

Cookie duration: 396 (days).

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

more

Uses other forms of storage.


View details | Storage details | Privacy policy
ConsentLegitimate interest


GFK GMBH

Cookie duration: 730 (days).

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

more

Uses other forms of storage.


View details | Storage details | Privacy policy
Consent


REVJET

Cookie duration: 365 (days).

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

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
Consent


PROTECTED MEDIA LTD

Doesn't use cookies.

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

more




View details | Privacy policy
Legitimate interest


CLINCH LABS LTD

Cookie duration: 730 (days).

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

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
ConsentLegitimate interest


ORACLE DATA CLOUD - MOAT

Doesn't use cookies.

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

more




View details | Privacy policy
Legitimate interest


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 policy
Consent


AMAZON ADVERTISING

Cookie duration: 396 (days).

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

more

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


View details | Storage details | Privacy policy
Consent


MOLOCO, INC.

Cookie duration: 730 (days).

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

more

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


View details | Privacy policy
ConsentLegitimate interest


ADTRIBA GMBH

Cookie duration: 730 (days).

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

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
Consent


ENSIGHTEN

Cookie duration: 1825 (days).

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

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
Legitimate interest


EBAY INC

Cookie duration: 90 (days).

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

more




View details | Storage details | Privacy policy
Consent


METRIXLAB NEDERLAND B.V.

Cookie duration: 730 (days).

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

more

Uses other forms of storage.


View details | Privacy policy
Consent


HURRA COMMUNICATIONS GMBH

Cookie duration: 366 (days).

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

more

Cookie duration resets each session.


View details | Storage details | Privacy policy
Consent

Ad partners


AKAMAI

Privacy policy
Consent


META

Privacy policy
Consent


AUNICA

Privacy policy
Consent


BOOKING.COM

Privacy policy
Consent


C3 METRICS

Privacy policy
Consent


IBM

Privacy policy
Consent


EVIDON

Privacy policy
Consent


ADACADO

Privacy policy
Consent


INTELLIAD

Privacy policy
Consent


DSTILLERY

Privacy policy
Consent


MEDIAMATH

Privacy policy
Consent


ZMS

Privacy policy
Consent


OMNICOM MEDIA GROUP

Privacy policy
Consent


RESONATE

Privacy policy
Consent


SOJERN

Privacy policy
Consent


TRADEDOUBLER AB

Privacy policy
Consent


TRUSTARC

Privacy policy
Consent


TRUEFFECT

Privacy policy
Consent


TRAVEL DATA COLLECTIVE

Privacy policy
Consent


ADVOLUTION.CONTROL

Privacy policy
Consent


LIFESTREET

Privacy policy
Consent


BATCH MEDIA

Privacy policy
Consent


VODAFONE GMBH

Privacy policy
Consent


MAGNITE

Privacy policy
Consent


SCENESTEALER

Privacy policy
Consent


NETQUEST

Privacy policy
Consent


MANAGE.COM

Privacy policy
Consent


CLOUDFLARE

Privacy policy
Consent


SALESFORCE DMP

Privacy policy
Consent


NETFLIX

Privacy policy
Consent


EBUILDERS

Privacy policy
Consent


APPLOVIN CORP.

Privacy policy
Consent


EMX DIGITAL

Privacy policy
Consent


FRACTIONAL MEDIA

Privacy policy
Consent


RACKSPACE

Privacy policy
Consent


MSI-ACI

Privacy policy
Consent


ADMETRICS

Privacy policy
Consent


NAVEGG

Privacy policy
Consent


ADMEDO

Privacy policy
Consent


KOCHAVA

Privacy policy
Consent


MOBITRANS

Privacy policy
Consent


ADEX

Privacy policy
Consent


IMPACT

Privacy policy
Consent


SPOTAD

Privacy policy
Consent


AARKI

Privacy policy
Consent


ADVENTIVE

Privacy policy
Consent


SFR

Privacy policy
Consent


CABLATO

Privacy policy
Consent


WAYSTACK

Privacy policy
Consent


TRESENSA

Privacy policy
Consent


ADLUDIO

Privacy policy
Consent


GSKINNER

Privacy policy
Consent


CUBED

Privacy policy
Consent


OPTOMATON

Privacy policy
Consent


DENTSU AEGIS NETWORK

Privacy policy
Consent


DIGISEG

Privacy policy
Consent


CEDATO

Privacy policy
Consent


HAENSEL AMS

Privacy policy
Consent


BDSK HANDELS GMBH & CO. KG

Privacy policy
Consent


OBJECTIVE PARTNERS

Privacy policy
Consent


MARKETING SCIENCE CONSULTING GROUP, INC.

Privacy policy
Consent


DENTSU

Privacy policy
Consent


KOBLER

Privacy policy
Consent


WIDESPACE

Privacy policy
Consent


VIMEO

Privacy policy
Consent


ORACLE DATA CLOUD

Privacy policy
Consent

Accept all



Confirm choices

Close



This site uses cookies.
Salem Media, our partners and affiliates (We) use cookies to operate our website
and share information, which allows us to show you personalized content and
manage our objectives as a business. By using this website and continuing to
navigate, you accept these cookies.Privacy Policy
OK