.option-wrap .select.open .options::-webkit-scrollbar { width: 1rem; }
.option-wrap .select.open .options::-webkit-scrollbar-thumb { background-color: var(--color-primary); border-radius: 1rem; }
.option-wrap .select.open .options::-webkit-scrollbar-track { background-color: var(--color-secondary); }

.option-wrap { display: flex; justify-content: space-between; position: absolute; top: 0; left: 2rem; width: 40rem; height: 100%; }

.option-wrap .option { display: none; align-items: center; width: 100%; height: 6rem; }
.option-wrap .option.on { display: flex; }
.option-wrap .option.hide { display: none !important; }
.option-wrap .option.hide.show { display: flex !important; }

.option-wrap .select { position: relative; border-radius: 1rem; background-color: white; }
.option-wrap .select .options { width: 100%; padding: 0 1rem; }
.option-wrap .select .btn-close { display: none; position: absolute; top: 1rem; right: 1rem; width: 4rem; height: 4rem; padding: .5rem; }
.option-wrap .select .btn-close svg { display: block; fill: var(--color-primary); }

.option-wrap { width: 46rem; }
.option-wrap .select.books { width: 30rem; }
.option-wrap .select.chapter { width: 15rem; }

.option-wrap .select.open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: var(--color-secondary); }
.option-wrap .select.open .options { max-height: 40rem; margin-top: 6rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; background-color: var(--color-secondary); overflow-y: auto; }
.option-wrap .select.open .options .option { display: flex; }
.option-wrap .select.open .btn-close { display: block; }

.option-wrap .select.open .search-wrap { display: block; top: 1rem; left: 1rem; width: 24rem; height: 4rem; border-radius: .5rem; background-color: white; }
.option-wrap .select.open .search-wrap input { display: block; font-size: 3rem; color: var(--color-primary); }

.section .book-label { position: sticky; top: 9.9rem; margin-bottom: 2rem; padding-top: 2.1rem; border-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; background-color: white;  z-index: 10; }
.section .book-label span { display: block; width: 100%; padding: 2rem; border-radius: 1rem; background-color: var(--color-primary); color: white; text-align: center; }
.section .book-label a { position: absolute; top: 2rem; width: 11rem; height: 11rem; }
.section .book-label a:before { content: ''; display: block; position: absolute; top: 3rem; left: 5rem; width: 1rem; height: 5rem; border-radius: 1rem; background-color: #fff3; }
.section .book-label a:after { content: ''; display: block; position: absolute; bottom: 3rem; left: 5rem; width: 1rem; height: 5rem; border-radius: 1rem; background-color: #fff3; }
.section .book-label a.prev-chapter { left: 0; }
.section .book-label a.next-chapter { right: 0; }
.section .book-label a.prev-chapter:before { height: 3.4rem; background-color: #fff; transform: rotate(45deg); }
.section .book-label a.prev-chapter:after { height: 3.4rem; background-color: #fff; transform: rotate(-45deg); }
.section .book-label a.next-chapter:before { height: 3.4rem; background-color: #fff; transform: rotate(-45deg); }
.section .book-label a.next-chapter:after { height: 3.4rem; background-color: #fff; transform: rotate(45deg); }
.section .book-label a.disabled { pointer-events: none; }
.section .book-label a.disabled:before { height: 5rem !important; background-color: #fff3 !important; transform: rotate(0) !important; }
.section .book-label a.disabled:after { height: 5rem !important; background-color: #fff3 !important; transform: rotate(0) !important; }

.section .bible-wrap {}
.section .bible-wrap p { position: relative; margin-bottom: 2rem; padding-left: 8rem; word-break: keep-all; }
.section .bible-wrap p .paragraph-num { display: block; position: absolute; top: 0; left: 0; }

.total-search-label { text-align: center; font-weight: bold; display: block; width: 100%; margin-bottom: 1rem; }
.total-search-label.label-2 { margin-top: 2rem; }
.total-search { border: 1rem solid var(--color-secondary); width: 100%; padding: 2rem; border-radius: 2rem; text-align: center; outline: none; }
.total-search::placeholder { color: #ddd; }

.bible-versions { display: flex; justify-content: space-between; margin: 4rem 0 2rem; padding: 2rem; border-radius: 1rem; background-color: #0001; }
.bible-versions label { position: relative; padding-left: 3.5rem; font-size: 3rem; line-height: 1; color: #0003; transition: color .3s ease; }
.bible-versions input { display: none; }
.bible-versions label:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 3rem; height: 3rem; border-radius: 2rem; border: .7rem solid #0001; background-color: #0001; box-sizing: border-box; transition: border-color .3s ease, background-color .3s ease; }
.bible-versions input:checked+label { color: var(--color-primary); font-weight: bold; }
.bible-versions input:checked+label:before { border-color: #fff6; background-color: var(--color-primary); }

#result { background-color: #0001; padding: 3rem; border-radius: 1rem; font-size: 3rem; }
#result p { margin-top: 3rem; }
#result .search2 { margin-bottom: 3rem; }
#result ol { margin: 0; list-style: numeric; }
#result ol.length1 { padding-left: 4rem; }
#result ol.length2 { padding-left: 5rem; }
#result ol.length3 { padding-left: 6rem; }
#result li { position: relative; margin-bottom: 2rem; list-style: inherit; }
#result li::marker { text-align: left; font-family: monospace; font-size: 2rem; }
.search-book-label { font-size: 4rem; margin-bottom: 2rem; }

.bible-verse-wrap { margin-bottom: 5rem; }
.bible-verse-wrap:last-child { margin-bottom: 0; }
.bible-verse .sentence { display: flex; margin-bottom: 2rem; word-break: keep-all; }
.bible-verse .sentence .book-type { display: flex; justify-content: center; align-items: center; margin-right: 1rem; padding: .5rem 1rem; width: 15rem; flex-shrink: 0; background-color: var(--color-secondary); border-radius: 1rem; text-align: center; font-size: 2.4rem; }
.bible-verse h4 { background-color: var(--color-secondary); text-align: center; padding: 1rem 0; border-radius: 1rem; margin-bottom: 2rem; }
.bible-verse ol { margin-bottom: 5rem; }
.bible-verse li { word-break: keep-all; }
.bible-verse p { margin: 0 !important; }

.highlight { color: crimson; font-weight: bold; }
.keyword-result-num { display: none; margin: 2rem 0; text-align: center; }
.keyword-result-num.on { display: block; }
.keyword-result-num span { font-weight: bold; }