www.biblestudytools.com
Open in
urlscan Pro
2606:4700:20::6819:3b37
Public Scan
Submitted URL: http://www.biblestudytools.com/
Effective URL: https://www.biblestudytools.com/
Submission: On December 02 via api from US — Scanned from DE
Effective URL: https://www.biblestudytools.com/
Submission: On December 02 via api from US — Scanned from DE
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 flex 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-600 rounded-md focus:bg-gray-100 focus:outline-none">
</div>
<!-- close button -->
<button type="button" @click="showSearch = !showSearch" class="flex-shrink-0 p-4 rounded-md" aria-label="Search">
<svg class="w-8 h-8 text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div>
</form>GET https://www.biblestudytools.com/search/
<form action="https://www.biblestudytools.com/search/" method="get" id="desktop-search-form" class="px-3" @keydown.enter="window.BST.Zeta.TrackSearch(searchQuery);">
<input x-data="{translation: BST.SiteStorage().readPref('translation')}" type="hidden" name="t" x-model="translation" value="niv">
<!-- Desktop search box -->
<div class="items-center hidden md:block bg-gray-200 rounded-full shadow-inner border border-gray-400">
<div class="flex items-center flex-1 space-x-2 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-600 rounded-md focus:outline-none">
<button type="submit" class="ml-1 mr-1 bg-gray-700 p-2 rounded-full shadow-md" aria-label="Search">
<svg class="text-white h-4 w-4 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56.966 56.966">
<path
d="M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23 s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92 c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17 s-17-7.626-17-17S14.61,6,23.984,6z">
</path>
</svg>
</button>
</div>
</div>
</form>https://www.biblestudytools.com/search/
<form action="https://www.biblestudytools.com/search/" x-show="mode === 1" class="flex flex-col space-y-2 md:space-y-3 p-3 py-0 md:p-0 w-full">
<div class="flex">
<input name="q" type="text" placeholder="Search the Bible" class="px-3 text-lg md:text-xl bg-gray-200 border border-gray-300 shadow-inner rounded-l-xl w-full">
<button type="submit" class="bg-yellow-400 px-3 py-4 rounded-r-xl text-gray-800 font-bold whitespace-nowrap">Find It!</button>
</div>
<div class="flex flex-col md:flex-row md:space-x-3">
<div class="basis-1/2">
<div id="translation-selection" x-data="BST.BibleTranslationSelector('https://www.biblestudytools.com/api/bible/bible-versions/', 'https://www.biblestudytools.com/api/bible/books-selection/')"
x-init="$watch('open', value => window.BST.ScrollLock.setBodyLock('translation-selection', value)); start()">
<input type="hidden" name="t" :value="currentTranslation.code" value="niv">
<div>
<a @click="open = !open; getAllTranslation(currentTranslation.code)" class="focus:outline-none cursor-pointer 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 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 shadow-md">
<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 && recentTranslations && 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"
: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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name"></span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold text-lg" 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm">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 class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name"></span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm">CURRENT TRANSLATION</span>
</button>
</li>
</template>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Almeida Atualizada (Portuguese)</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">American Standard Version</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">The Bible in Basic English</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">La Biblia de las Américas (Español)</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Common English Bible</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Common English Bible w/ Apocrypha</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">The Complete Jewish Bible</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Holman Christian Standard Bible</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Chinese Union Version - Traditional</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Chinese Union Version - Pinyin</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Chinese Union Version - Simplified</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">The Darby Translation</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Elberfelder 1905 (German)</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">English Standard Version</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Giovanni Diodati 1649 (Italian)</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Good News Translation</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Good News Translation w/ Apocrypha</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">GOD'S WORD Translation</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Hebrew Names Version</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">La Biblia del Jubileo 2000</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Jubilee Bible 2000</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">King James Version</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">King James Version w/ Apocrypha</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Lexham English Bible</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Louis Segond 1910 (French)</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Luther Bible 1912 (German)</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Septuagint Bible w/ Apocrypha</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">The Message Bible</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">New American Standard Bible</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">New Century Version</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">New International Reader's Version</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100 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="block text-xl w-full text-left focus:outline-none py-4 px-3 disabled text-yellow-900 hover:text-black" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">New International Version</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">New King James Version</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">New Living Translation</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">New Revised Standard</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">New Revised Standard w/ Apocrypha</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Nueva Traducción Viviente</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Nueva Versión Internacional</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Nova Versão Internacional</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Orthodox Jewish Bible</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Ostervald (French)</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Douay-Rheims Catholic Bible</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Riveduta 1927 (Italian)</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Revised Standard Version</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Revised Standard Version w/ Apocrypha</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">La Biblia Reina-Valera (Español)</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">SBL Greek New Testament</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Sagradas Escrituras (1569) (Español)</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Statenvertaling (Dutch)</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Third Millennium Bible</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Third Millennium Bible w/ Apocrypha</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Tyndale</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">The Latin Vulgate</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">The Latin Vulgate w/ Apocrypha</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">The Webster Bible</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">World English Bible</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Weymouth New Testament</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Wycliffe</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" style="display: none;">CURRENT TRANSLATION</span>
</button>
</li>
<li class="hover:rounded-b-xl hover:rounded-t-lg cursor-pointer border-b-2 border-gray-100" :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="block text-xl w-full text-left focus:outline-none py-4 px-3" :class="{'disabled text-yellow-900 hover:text-black': translation.code === currentTranslationCode}"
@click="BST.SiteStorage().writePref('translation', translation.code); pushRecent(translation); open = false;">
<span x-text="translation.name">Young's Literal Translation</span>
<span class="flex flex-inline content-center">
<span class="text-yellow-800 font-bold 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 bg-white rounded-full text-grey-700 bg-yellow-400 border border-yellow-400 inline-block 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>
</span>
<span x-show="translation.code === currentTranslationCode" class="block text-yellow-700 text-sm" 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 && 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
Please Help Provide Clean Water to Persecuted Christians 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 CURRENT TRANSLATION * All Translations Audio Available CURRENT TRANSLATION * Almeida Atualizada (Portuguese) AA Audio Available CURRENT TRANSLATION * American Standard Version ASV Audio Available CURRENT TRANSLATION * The Bible in Basic English BBE Audio Available CURRENT TRANSLATION * La Biblia de las Américas (Español) BLA Audio Available CURRENT TRANSLATION * Common English Bible CEB Audio Available CURRENT TRANSLATION * Common English Bible w/ Apocrypha CEBA Audio Available CURRENT TRANSLATION * The Complete Jewish Bible CJB Audio Available CURRENT TRANSLATION * Holman Christian Standard Bible CSB Audio Available CURRENT TRANSLATION * Chinese Union Version - Traditional CUV Audio Available CURRENT TRANSLATION * Chinese Union Version - Pinyin CUVP Audio Available CURRENT TRANSLATION * Chinese Union Version - Simplified CUVS Audio Available CURRENT TRANSLATION * The Darby Translation DBY Audio Available CURRENT TRANSLATION * Elberfelder 1905 (German) ELB Audio Available CURRENT TRANSLATION * English Standard Version ESV Audio Available CURRENT TRANSLATION * Giovanni Diodati 1649 (Italian) GDB Audio Available CURRENT TRANSLATION * Good News Translation GNT Audio Available CURRENT TRANSLATION * Good News Translation w/ Apocrypha GNTA Audio Available CURRENT TRANSLATION * GOD'S WORD Translation GW Audio Available CURRENT TRANSLATION * Hebrew Names Version HNV Audio Available CURRENT TRANSLATION * La Biblia del Jubileo 2000 JBS Audio Available CURRENT TRANSLATION * Jubilee Bible 2000 JUB Audio Available CURRENT TRANSLATION * King James Version KJV Audio Available CURRENT TRANSLATION * King James Version w/ Apocrypha KJVA Audio Available CURRENT TRANSLATION * Lexham English Bible LEB Audio Available CURRENT TRANSLATION * Louis Segond 1910 (French) LSG Audio Available CURRENT TRANSLATION * Luther Bible 1912 (German) LUT Audio Available CURRENT TRANSLATION * Septuagint Bible w/ Apocrypha LXX Audio Available CURRENT TRANSLATION * The Message Bible MSG Audio Available CURRENT TRANSLATION * New American Standard Bible NAS Audio Available CURRENT TRANSLATION * New Century Version NCV Audio Available CURRENT TRANSLATION * New International Reader's Version NIRV Audio Available CURRENT TRANSLATION * New International Version NIV Audio Available CURRENT TRANSLATION * New King James Version NKJV Audio Available CURRENT TRANSLATION * New Living Translation NLT Audio Available CURRENT TRANSLATION * New Revised Standard NRS Audio Available CURRENT TRANSLATION * New Revised Standard w/ Apocrypha NRSA Audio Available CURRENT TRANSLATION * Nueva Traducción Viviente NTV Audio Available CURRENT TRANSLATION * Nueva Versión Internacional NVI Audio Available CURRENT TRANSLATION * Nova Versão Internacional NVI-PT Audio Available CURRENT TRANSLATION * Orthodox Jewish Bible OJB Audio Available CURRENT TRANSLATION * Ostervald (French) OST Audio Available CURRENT TRANSLATION * Douay-Rheims Catholic Bible RHE Audio Available CURRENT TRANSLATION * Riveduta 1927 (Italian) RIV Audio Available CURRENT TRANSLATION * Revised Standard Version RSV Audio Available CURRENT TRANSLATION * Revised Standard Version w/ Apocrypha RSVA Audio Available CURRENT TRANSLATION * La Biblia Reina-Valera (Español) RVR Audio Available CURRENT TRANSLATION * SBL Greek New Testament SBLGNT Audio Available CURRENT TRANSLATION * Sagradas Escrituras (1569) (Español) SEV Audio Available CURRENT TRANSLATION * Statenvertaling (Dutch) SVV Audio Available CURRENT TRANSLATION * Third Millennium Bible TMB Audio Available CURRENT TRANSLATION * Third Millennium Bible w/ Apocrypha TMBA Audio Available CURRENT TRANSLATION * Tyndale TYN Audio Available CURRENT TRANSLATION * The Latin Vulgate VUL Audio Available CURRENT TRANSLATION * The Latin Vulgate w/ Apocrypha VULA Audio Available CURRENT TRANSLATION * The Webster Bible WBT Audio Available CURRENT TRANSLATION * World English Bible WEB Audio Available CURRENT TRANSLATION * Weymouth New Testament WNT Audio Available CURRENT TRANSLATION * Wycliffe WYC Audio Available CURRENT TRANSLATION * Young's Literal Translation YLT Audio Available 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 Lamentations 3:22 SHARE Close Share Tweet Save 22 Because of the LORD’s great love we are not consumed, for his compassions never fail. TODAY'S BIBLE READING Galatians 5:1-15; Lamentations 5; Psalm 147 Read 3 passages each day, starting with Genesis, Psalms, and Luke. From the original Bible Study Tools 365 day reading plan. Start your own Bible reading plan BIBLE STUDY How Is the Word a Lamp to Our Feet and a Light to Our Path? Why Did the Wise Men Present Jesus with Gold, Frankincense, and Myrrh? Does God Expect Us to Believe in Ourselves? What Does Spiritual Warfare Actually Look Like? More Bible Study Articles BIBLE STUDY VIDEOS How Can the Practice of Solitude Improve Your Prayer Life? Bible Study Minute: Write as You Read the Bible 5 Things Christians Label as ‘Sin’ That Aren’t Actually Sinful Prayers for Anxiety and Fear More Bible Study Videos FEATURED VERSE TOPICS Healing Bible Verses Worry and Anxiety Bible Verses Bible Verses About Grief Comforting Bible Verses God's Promises in the Bible Bible Verses For Faith in Hard Times Encouraging Bible Verses Friendship Bible Verses Forgiveness Bible Verses Strength Bible Verses Love Bible Verses Inspirational Bible Verses POPULAR BIBLE VERSES John 3:16 Romans 8:28 Genesis 1:1 Proverbs 3:6 Philippians 4:6 Jeremiah 29:11 Philippians 4:13 Proverbs 3:5 Romans 12:2 Matthew 28:19 POPULAR BIBLE COMMENTARIES People's New Testament PLUS The Tony Evans Bible Commentary PLUS Matthew Henry Commentary on the Whole Bible (Complete) John Gill's Exposition of the Bible Geneva Study Bible PLUS Wesley's Explanatory Notes PLUS TODAY'S INSPIRATION Advent Week 1 - Hope More Inspirations BIBLESTUDYTOOLS.COM IS THE LARGEST FREE ONLINE BIBLE WEBSITE FOR VERSE SEARCH AND IN-DEPTH STUDIES. We aim to offer the freshest and most compelling biblically-based content to Christians who take their relationship with Christ seriously. BibleStudyTools.com gives Christians of any age and at any stage the opportunity to read, study, understand, and apply the Bible to their lives. With free devotionals, study guides, helpful articles, and rich personalization functions, visitors to Bible Study Tools will be able to make the most of their Bible study time and unlock its meaning in their lives in new and vital ways. Search verses using the translation and version you like with over 30 to choose from including New International (NIV), King James (KJV), New American Standard (NASB), The Message, New Living (NLT), Holman Christian Standard (HCSB), English Standard (ESV), and many more versions of the Holy Bible. Our rich online library includes well known and trusted commentaries including the popular Matthew Henry Commentary, CSB Study Bible, Tony Evans Bible Commentary, commentaries from Warren Wiersbe, and many more. Other Bible study resources include concordances included Strong's Exhaustive Concordance and Naves Topical Concordance, Bible dictionaries, encyclopedias, parallel Bible, Hebrew and Greek lexicons, and historical Christian and church books such as Fox's Book of Martyrs. Our Bible verses by topic pages provide Biblical encouragement and wisdom for the trials, situations, and events that we all face as we walk this faith journey. In addition, we offer both Verse of the Day and Daily Bible Reading Plans by email to help you stay connected to God’s Word daily. A BibleStudyTools PLUS subscription offers visitors the access to exclusive in-depth Bible study articles, commentaries, printable prayer and devotional guides, and personalization features within the Bible such as note-taking, highlighting, and more - all in an ad-free environment! Learn more about who we are here. Privacy Policy Our Sites About Us Contact Us Proud member of Salem Media Group. Copyright © 2023, Bible Study Tools. All rights reserved. Article Images Copyright © 2023 Getty Images unless otherwise indicated. California - Do Not Sell My Personal Information California - CCPA Notice Confirm Are you sure? Yes No BIBLE STUDY TOOLS ASKS FOR YOUR CONSENT TO USE YOUR PERSONAL DATA TO: * perm_identity Personalised advertising and content, advertising and content measurement, audience research and services development * devices Store and/or access information on a device expand_moreremove Learn more * How can I change my choice? * What if I don't consent? * How does legitimate interest work? * Do I have to consent to everything? Your personal data will be processed and information from your device (cookies, unique identifiers, and other device data) may be stored by, accessed by and shared with 144 TCF vendor(s) and 69 ad partner(s), or used specifically by this site or app. Some vendors may process your personal data on the basis of legitimate interest, which you can object to by managing your options below. Look for a link at the bottom of this page or in our privacy policy where you can withdraw consent. Consent Manage options arrow_back Data preferences MANAGE YOUR DATA You can choose how your personal data is used. Vendors want your permission to do the following: TCF vendors help_outline STORE AND/OR ACCESS INFORMATION ON A DEVICE Cookies, device or similar online identifiers (e.g. login-based identifiers, randomly assigned identifiers, network based identifiers) together with other information (e.g. browser type and information, language, screen size, supported technologies etc.) can be stored or read on your device to recognise it each time it connects to an app or to a website, for one or several of the purposes presented here. View details Consent (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 (34 vendors)help_outline CREATE PROFILES FOR PERSONALISED ADVERTISING Information about your activity on this service (such as forms you submit, content you look at) can be stored and combined with other information about you (for example, information from your previous activity on this service and other websites or apps) or similar users. This is then used to build or improve a profile about you (that might include possible interests and personal aspects). Your profile can be used (also later) to present advertising that appears more relevant based on your possible interests by this and other entities. View details Consent (103 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 (99 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 (36 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, such as by adapting 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 (30 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 (81 vendors)Legitimate interest (50 vendors)help_outline MEASURE CONTENT PERFORMANCE Information regarding which content is presented to you and how you interact with it can be used to determine whether the (non-advertising) content e.g. reached its intended audience and matched your interests. For instance, whether you read an article, watch a video, listen to a podcast or look at a product description, how long you spent on this service and the web pages you visit etc. This is very helpful to understand the relevance of (non-advertising) content that is shown to you. View details Consent (33 vendors)Legitimate interest (16 vendors)help_outline UNDERSTAND AUDIENCES THROUGH STATISTICS OR COMBINATIONS OF DATA FROM DIFFERENT SOURCES Reports can be generated based on the combination of data sets (like user profiles, statistics, market research, analytics data) regarding your interactions and those of other users with advertising or (non-advertising) content to identify common characteristics (for instance, to determine which target audiences are more receptive to an ad campaign or to certain contents). View details Consent (59 vendors)Legitimate interest (21 vendors)help_outline DEVELOP AND IMPROVE SERVICES Information about your activity on this service, such as your interaction with ads or content, can be very helpful to improve products and services and to build new products and services based on user interactions, the type of audience, etc. This specific purpose does not include the development or improvement of user profiles and identifiers. View details Consent (66 vendors)Legitimate interest (39 vendors)help_outline USE LIMITED DATA TO SELECT CONTENT Content presented to you on this service can be based on limited data, such as the website or app you are using, your non-precise location, your device type, or which content you are (or have been) interacting with (for example, to limit the number of times a video or an article is presented to you). View details Consent (13 vendors)Legitimate interest (2 vendors)help_outline ENSURE SECURITY, PREVENT AND DETECT FRAUD, AND FIX ERRORS help_outline Your data can be used to monitor for and prevent unusual and possibly fraudulent activity (for example, regarding advertising, ad clicks by bots), and ensure systems and processes work properly and securely. It can also be used to correct any problems you, the publisher or the advertiser may encounter in the delivery of content and ads and in your interaction with them. View details DELIVER AND PRESENT ADVERTISING AND CONTENT help_outline Certain information (like an IP address or device capabilities) is used to ensure the technical compatibility of the content or advertising, and to facilitate the transmission of the content or ad to your device. View details MATCH AND COMBINE DATA FROM OTHER DATA SOURCES help_outline Information about your activity on this service may be matched and combined with other information relating to you and originating from various sources (for instance your activity on a separate online service, your use of a loyalty card in-store, or your answers to a survey), in support of the purposes explained in this notice. View details LINK DIFFERENT DEVICES help_outline In support of the purposes explained in this notice, your device might be considered as likely linked to other devices that belong to you or your household (for instance because you are logged in to the same service on both your phone and your computer, or because you may use the same Internet connection on both devices). View details IDENTIFY DEVICES BASED ON INFORMATION TRANSMITTED AUTOMATICALLY help_outline Your device might be distinguished from other devices based on information it automatically sends when accessing the Internet (for instance, the IP address of your Internet connection or the type of browser you are using) in support of the purposes exposed in this notice. View details USE PRECISE GEOLOCATION DATA With your acceptance, your precise location (within a radius of less than 500 metres) may be used in support of the purposes explained in this notice. View details Consent Vendor preferences Accept all Confirm choices arrow_back Vendor preferences CONFIRM OUR VENDORS Vendors can use your data to provide services. Declining a vendor can stop them from using the data that you shared. TCF vendors help_outline EXPONENTIAL INTERACTIVE, INC D/B/A VDX.TV Cookie duration: 90 (days). Data collected and processed: IP addresses, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline ROQ.AD GMBH Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Privacy choices, Authentication-derived identifiers, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch Consent ADMAXIM LIMITED Cookie duration: 30 (days). Data collected and processed: IP addresses, Browsing and interaction data, Probabilistic identifiers more Cookie duration resets each session. View details | Storage details | Privacy policylaunch Consent INDEX EXCHANGE INC. Cookie duration: 395 (days). Data collected and processed: IP addresses, Device characteristics, Privacy choices, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline QUANTCAST Cookie duration: 396 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline BEESWAXIO CORPORATION Cookie duration: 395 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Privacy choices, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline SOVRN, INC. Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Users’ profiles, Privacy choices, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline ADIKTEEV Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, Probabilistic identifiers, Users’ profiles, Authentication-derived identifiers, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline RTB HOUSE S.A. Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Users’ profiles, Privacy choices, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline THE UK TRADE DESK LTD Cookie duration: 3629 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline ADMETRICS GMBH Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Privacy choices more View details | Privacy policylaunch Consent AMOBEE INC. Cookie duration: 180 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline EPSILON Cookie duration: 184 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline YAHOO EMEA LIMITED Cookie duration: 397 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline ADVENTORI SAS Cookie duration: 90 (days). Data collected and processed: IP addresses, User-provided data, Browsing and interaction data, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline TRIPLELIFT, INC. Cookie duration: 90 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Users’ profiles, Privacy choices, Authentication-derived identifiers, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline XANDR, INC. Cookie duration: 90 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Users’ profiles, Privacy choices, Authentication-derived identifiers, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline NEORY GMBH Cookie duration: 90 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline UNRULY GROUP LLC Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, Probabilistic identifiers, Users’ profiles, Privacy choices, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline NEURAL.ONE Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Privacy choices, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline ADITION (VIRTUAL MINDS GMBH) Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline ACTIVE AGENT (VIRTUAL MINDS GMBH) Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline TABOOLA EUROPE LIMITED Cookie duration: 366 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline SMART ADSERVER Cookie duration: 396 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Precise location data, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline ADFORM A/S Cookie duration: 1 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline MAGNITE, INC. Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Privacy choices, Precise location data, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline RATEGAIN ADARA INC Cookie duration: 730 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline SIFT MEDIA, INC Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, Precise location data, Device identifiers, Non-precise location data more View details | Privacy policylaunch ConsentLegitimate interesthelp_outline RAKUTEN MARKETING LLC Cookie duration: 730 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline LUMEN RESEARCH LIMITED Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Non-precise location data more View details | Privacy policylaunch ConsentLegitimate interesthelp_outline AMAZON AD SERVER Cookie duration: 396 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline OPENX Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Privacy choices, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline YIELDLAB (VIRTUAL MINDS GMBH) Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Users’ profiles, Privacy choices, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline ROKU ADVERTISING SERVICES Cookie duration: 396 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline SIMPLIFI HOLDINGS INC Cookie duration: 366 (days). Data collected and processed: IP addresses, Precise location data, Device identifiers more Uses other forms of storage. View details | Privacy policylaunch Consent PUBMATIC, INC Cookie duration: 90 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Precise location data, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline COMSCORE B.V. Cookie duration: 720 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Privacy choices, Authentication-derived identifiers, Device identifiers more Cookie duration resets each session. Uses other forms of storage. View details | Privacy policylaunch Consent FLASHTALKING Cookie duration: 730 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more View details | Privacy policylaunch ConsentLegitimate interesthelp_outline SHARETHROUGH, INC Cookie duration: 30 (days). Data collected and processed: IP addresses, Device characteristics, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline 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 policylaunch ConsentLegitimate interesthelp_outline SMAATO, INC. Cookie duration: 21 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Users’ profiles, Privacy choices, Authentication-derived identifiers, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline SEMASIO GMBH Cookie duration: 366 (days). Data collected and processed: IP addresses, Browsing and interaction data, Privacy choices, Device identifiers more Cookie duration resets each session. View details | Storage details | Privacy policylaunch Consent CRIMTAN HOLDINGS LIMITED Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline GENIUS SPORTS UK LIMITED Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch Consent CRITEO SA Cookie duration: 390 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline ADLOOX SA Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline BLIS GLOBAL LIMITED Cookie duration: 400 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline LOTAME SOLUTIONS, INC Cookie duration: 274 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers more Cookie duration resets each session. Uses other forms of storage. View details | Privacy policylaunch Consent LIVERAMP Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline GROUPM UK LIMITED Cookie duration: 395 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Privacy choices, Authentication-derived identifiers, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline LOOPME LIMITED Cookie duration: 90 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline DYNATA LLC Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch Consent ASK LOCALA Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, Privacy choices, Precise location data, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline NEAR INTELLIGENCE Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Precise location data, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline DOUBLEVERIFY INC. Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Privacy choices, Non-precise location data more View details | Privacy policylaunch ConsentLegitimate interesthelp_outline BIDSWITCH GMBH Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Privacy choices, Authentication-derived identifiers, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch Consent IPONWEB GMBH Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch Consent NEXTROLL, INC. Cookie duration: 183 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Users’ profiles, Privacy choices, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline ID5 TECHNOLOGY LTD Cookie duration: 90 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Privacy choices, Authentication-derived identifiers, Device identifiers more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch Consent TEADS FRANCE SAS Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline STRÖER SSP GMBH (SSP) Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline OS DATA SOLUTIONS GMBH & CO. KG Cookie duration: 90 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline PERMODO GMBH Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Users’ profiles, Privacy choices, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline PLATFORM161 B.V. Cookie duration: 396 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline ADACADO TECHNOLOGIES INC. (DBA ADACADO) Cookie duration: 365 (days). Data collected and processed: IP addresses, Browsing and interaction data, Privacy choices, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline LIVEINTENT INC. Cookie duration: 731 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Privacy choices, Authentication-derived identifiers, Device identifiers more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch Consent BASIS GLOBAL TECHNOLOGIES, INC. Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Users’ profiles, Privacy choices, Authentication-derived identifiers, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline SMADEX, S.L.U. Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Probabilistic identifiers, Users’ profiles, Privacy choices, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline BOMBORA INC. Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Users’ profiles, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline EASYMEDIA GMBH Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch Consent BIDTELLECT, INC Cookie duration: 90 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Users’ profiles, Device identifiers more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch Consent REMERGE GMBH Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline ADVANCED STORE GMBH Cookie duration: 365 (days). Data collected and processed: Device identifiers more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline MAGNITE CTV, INC. Cookie duration: 366 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Privacy choices, Precise location data, Device identifiers, Non-precise location data more View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline DELTA PROJECTS AB Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Precise location data, Device identifiers, Non-precise location data more View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline USEMAX ADVERTISEMENT (EMEGO GMBH) Cookie duration: 365 (days). Data collected and processed: Users’ profiles more Cookie duration resets each session. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline EMETRIQ GMBH Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch Consent PUBLICIS MEDIA GMBH Cookie duration: 90 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Privacy policylaunch Consent M.D. PRIMIS TECHNOLOGIES LTD. Cookie duration: 25 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Privacy choices, Device identifiers, Non-precise location data more View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline ACUITYADS INC. Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline ONETAG LIMITED Cookie duration: 396 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Privacy choices, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline CLOUD TECHNOLOGIES S.A. Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline SMARTOLOGY LIMITED Doesn't use cookies. Data collected and processed: IP addresses more Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline IMPROVE DIGITAL Cookie duration: 90 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline ADOBE ADVERTISING CLOUD Cookie duration: 365 (days). Data collected and processed: IP addresses, Privacy choices, Authentication-derived identifiers, Device identifiers more View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline BANNERFLOW AB Cookie duration: 366 (days). Data collected and processed: IP addresses more View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline TABMO SAS Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Precise location data, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline INTEGRAL AD SCIENCE (INCORPORATING ADMANTX) Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Privacy choices, Non-precise location data more View details | Privacy policylaunch ConsentLegitimate interesthelp_outline WIZALY Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Privacy choices, Authentication-derived identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch Consent WEBORAMA Cookie duration: 393 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline JIVOX CORPORATION Cookie duration: 30 (days). Data collected and processed: IP addresses, Browsing and interaction data, Users’ profiles, Privacy choices, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline MOBILE PROFESSIONALS BV / SAGE&ARCHER BV Doesn't use cookies. Data collected and processed: Non-precise location data more View details | Privacy policylaunch Consent ON DEVICE RESEARCH LIMITED Cookie duration: 30 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Precise location data, Device identifiers, Non-precise location data more View details | Storage details | Privacy policylaunch 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 policylaunch ConsentLegitimate interesthelp_outline EXACTAG GMBH Cookie duration: 180 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Privacy choices, Authentication-derived identifiers, Device identifiers more Cookie duration resets each session. View details | Storage details | Privacy policylaunch Consent CELTRA INC. Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, Precise location data, Device identifiers more Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline MAINADV SRL Cookie duration: 30 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Privacy choices, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline GEMIUS SA Cookie duration: 1825 (days). Data collected and processed: Device characteristics, Browsing and interaction data, Users’ profiles, Privacy choices, Device identifiers more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch Consent INMOBI PTE LTD Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Precise location data, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline THE KANTAR GROUP LIMITED Cookie duration: 914 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Privacy choices, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Privacy policylaunch Consent NIELSEN MEDIA RESEARCH LTD. Cookie duration: 120 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Privacy choices, Device identifiers more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline SOLOCAL SA Cookie duration: 396 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Users’ profiles, Privacy choices, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline PIXALATE, INC. Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Device identifiers, Non-precise location data more View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline ORACLE ADVERTISING Cookie duration: 180 (days). Data collected and processed: Device characteristics, User-provided data, Browsing and interaction data, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Storage details | Privacy policylaunch Consent NUMBERLY Cookie duration: 180 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch Consent AUDIENCEPROJECT APS Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline DEMANDBASE, INC. Cookie duration: 730 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline EFFILIATION / EFFINITY Cookie duration: 2 (days). Data collected and processed: Device characteristics more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch Consent PIANO SOFTWARE INC. Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers more Uses other forms of storage. View details | Storage details | Privacy policylaunch Consent SEENTHIS AB Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics more View details | Privacy policylaunch COMMANDERS ACT Cookie duration: 365 (days). Data collected and processed: IP addresses, Device identifiers more View details | Storage details | Privacy policylaunch Consent TRAVEL AUDIENCE GMBH Cookie duration: 397 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Authentication-derived identifiers, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Privacy policylaunch Consent HUMAN Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, Probabilistic identifiers, Device identifiers, Non-precise location data more View details | Privacy policylaunch ConsentLegitimate interesthelp_outline BLENDEE SRL Cookie duration: 366 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch Consent INNOVID LLC Cookie duration: 90 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Privacy choices, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline PAPIRFLY AS Doesn't use cookies. Data collected and processed: Device characteristics more View details | Privacy policylaunch ConsentLegitimate interesthelp_outline NEUSTAR, INC., A TRANSUNION COMPANY Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline SALESFORCE.COM, INC. Cookie duration: 180 (days). Data collected and processed: Device characteristics, User-provided data, Browsing and interaction data, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Privacy policylaunch Consent VERVE GROUP EUROPE GMBH Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Users’ profiles, Privacy choices, Authentication-derived identifiers, Precise location data, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline OTTO (GMBH & CO KG) Cookie duration: 365 (days). Data collected and processed: IP addresses, User-provided data, Browsing and interaction data, Users’ profiles, Privacy choices, Device identifiers more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline ADOBE AUDIENCE MANAGER, ADOBE EXPERIENCE PLATFORM Cookie duration: 180 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline LOCALSENSOR B.V. Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, Privacy choices, Precise location data, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Privacy policylaunch Consent ONLINE SOLUTION Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline RELAY42 NETHERLANDS B.V. Cookie duration: 730 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Device identifiers more View details | Storage details | Privacy policylaunch Consent GP ONE GMBH Cookie duration: Uses session cookies. Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Privacy choices, Non-precise location data more Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline LIFTOFF MOBILE, INC. Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Privacy choices, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline THE MEDIAGRID INC. Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Privacy choices, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch Consent MINDTAKE RESEARCH GMBH Cookie duration: 180 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Device identifiers more Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline NC AUDIENCE EXCHANGE, LLC Cookie duration: 365 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline CINT AB Cookie duration: 730 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Privacy choices, Device identifiers more View details | Privacy policylaunch ConsentLegitimate interesthelp_outline GOOGLE ADVERTISING PRODUCTS Cookie duration: 396 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline GFK SE Cookie duration: 730 (days). Data collected and processed: IP addresses, Device characteristics, User-provided data, Browsing and interaction data, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Uses other forms of storage. View details | Privacy policylaunch Consent REVJET Cookie duration: 730 (days). Data collected and processed: IP addresses, Users’ profiles, Privacy choices, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline PROTECTED MEDIA LTD Doesn't use cookies. Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Device identifiers more View details | Privacy policylaunch ConsentLegitimate interesthelp_outline CLINCH LABS LTD Cookie duration: 730 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Probabilistic identifiers, Users’ profiles, Privacy choices, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline ORACLE DATA CLOUD - MOAT Doesn't use cookies. Data collected and processed: IP addresses, Non-precise location data more View details | Privacy policylaunch ConsentLegitimate interesthelp_outline HEARTS AND SCIENCE MÜNCHEN GMBH Cookie duration: 60 (days). Data collected and processed: IP addresses more Cookie duration resets each session. View details | Privacy policylaunch ConsentLegitimate interesthelp_outline AMAZON ADVERTISING Cookie duration: 396 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Users’ profiles, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. Uses other forms of storage. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline 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 policylaunch ConsentLegitimate interesthelp_outline ADTRIBA GMBH Cookie duration: 730 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Privacy choices, Authentication-derived identifiers, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch Consent OBJECTIVE PARTNERS BV Cookie duration: 90 (days). Data collected and processed: Device identifiers more Cookie duration resets each session. View details | Storage details | Privacy policylaunch Consent ENSIGHTEN Cookie duration: 1825 (days). Data collected and processed: IP addresses, Device characteristics, Browsing and interaction data, Privacy choices, Device identifiers more Cookie duration resets each session. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline EBAY INC Cookie duration: 90 (days). Data collected and processed: IP addresses, Device characteristics, Privacy choices more View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline HURRA COMMUNICATIONS GMBH Cookie duration: 366 (days). Data collected and processed: IP addresses, Device characteristics, Authentication-derived identifiers, Precise location data, Device identifiers, Non-precise location data more Cookie duration resets each session. View details | Storage details | Privacy policylaunch ConsentLegitimate interesthelp_outline Ad partners help_outline GSKINNER Privacy policylaunch Consent AKAMAI Privacy policylaunch Consent FACEBOOK Privacy policylaunch Consent AUNICA Privacy policylaunch Consent BOOKING.COM Privacy policylaunch Consent C3 METRICS Privacy policylaunch Consent IBM Privacy policylaunch Consent EVIDON Privacy policylaunch Consent CUBED Privacy policylaunch Consent OPTOMATON Privacy policylaunch Consent INTELLIAD Privacy policylaunch Consent ANALIGHTS Privacy policylaunch Consent DSTILLERY Privacy policylaunch Consent MEDIAMATH Privacy policylaunch Consent DMA INSTITUTE Privacy policylaunch Consent ZMS Privacy policylaunch Consent DENTSU AEGIS NETWORK Privacy policylaunch Consent IGNITION ONE Privacy policylaunch Consent OMNICOM MEDIA GROUP Privacy policylaunch Consent DIGISEG Privacy policylaunch Consent CEDATO Privacy policylaunch Consent RESONATE Privacy policylaunch Consent SOJERN Privacy policylaunch Consent HAENSEL AMS Privacy policylaunch Consent BDSK HANDELS GMBH & CO. KG Privacy policylaunch Consent VIDEOLOGY Privacy policylaunch Consent TRADEDOUBLER AB Privacy policylaunch Consent TRUSTARC Privacy policylaunch Consent TRUEFFECT Privacy policylaunch Consent MARKETING SCIENCE CONSULTING GROUP, INC. Privacy policylaunch Consent DENTSU Privacy policylaunch Consent ESSENS Privacy policylaunch Consent TRAVEL DATA COLLECTIVE Privacy policylaunch Consent ADVOLUTION.CONTROL Privacy policylaunch Consent WIDESPACE Privacy policylaunch Consent LIFESTREET Privacy policylaunch Consent VIMEO Privacy policylaunch Consent BATCH MEDIA Privacy policylaunch Consent VODAFONE GMBH Privacy policylaunch Consent MAGNITE Privacy policylaunch Consent SCENESTEALER Privacy policylaunch Consent NETQUEST Privacy policylaunch Consent MANAGE.COM Privacy policylaunch Consent CLOUDFLARE Privacy policylaunch Consent HAVAS MEDIA FRANCE - DBI Privacy policylaunch Consent NETFLIX Privacy policylaunch Consent MACROMILL GROUP Privacy policylaunch Consent EBUILDERS Privacy policylaunch Consent APPLOVIN CORP. Privacy policylaunch Consent EMX DIGITAL Privacy policylaunch Consent NANO INTERACTIVE Privacy policylaunch Consent FRACTIONAL MEDIA Privacy policylaunch Consent RACKSPACE Privacy policylaunch Consent MSI-ACI Privacy policylaunch Consent ARRIVALIST Privacy policylaunch Consent NAVEGG Privacy policylaunch Consent ADMEDO Privacy policylaunch Consent KOCHAVA Privacy policylaunch Consent MOBITRANS Privacy policylaunch Consent ADEX Privacy policylaunch Consent IMPACT Privacy policylaunch Consent SPOTAD Privacy policylaunch Consent AARKI Privacy policylaunch Consent ADVENTIVE Privacy policylaunch Consent SFR Privacy policylaunch Consent CABLATO Privacy policylaunch Consent WAYSTACK Privacy policylaunch Consent TRESENSA Privacy policylaunch Consent ADLUDIO Privacy policylaunch Consent Accept all Confirm choices Close