.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; }

.header .site-title { padding: 0 2rem; text-align: right; }