#root{margin:0 auto;padding:0 1rem;text-align:center}button{color:#e3e3e3}.v{color:#84b0ff;padding-right:3px;vertical-align:top;font-size:smaller;cursor:pointer;position:relative}.v:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;pointer-events:auto}.v:hover,.v.selected{text-decoration:underline}.input-styles{text-align:center;border:1px;border-style:solid;border-radius:9px;border-color:#e3e3e347;background-color:#3b3b3b}#user-text-area{font-family:inherit;resize:none;padding:10px;min-height:39px;max-height:91px;box-sizing:border-box;width:90vw;font-size:20px;max-width:400px}.bold{font-weight:700}#suggestions{position:absolute;width:30vw;color:#fff;height:auto;max-height:50vh;transform:translate(40px,50px);overflow-y:scroll;min-width:200px;max-width:240px;z-index:9999;box-shadow:0 4px 6px #0009,0 1px 3px #ffffff0d inset}.suggestion{display:flex;justify-content:center;align-items:center;height:2.75rem;font-size:1.1rem;cursor:pointer}.suggestion.selected{background-color:#3b82f66b}datalist option{display:none}#input-buttons>button{margin:0 5px;min-width:92px}#title{font-size:40px;line-height:48px}.content-container{max-width:900px;font-weight:450;margin-bottom:26px;line-height:1.8}#chapter-buttons>button{margin:0 5px 15px}.collapsible-section{width:300px;height:50px;display:flex;justify-content:space-between;margin:10px 0;border-radius:9px;justify-content:center;align-items:center}.section-title-text{margin-left:auto;margin-right:auto;padding-left:20px}.collapsible-section>svg{padding-left:10px}.search-result-title{font-size:larger;color:#84b0ff;cursor:pointer}.search-result-title :hover{color:#a3a8ff}.flash-highlight{animation:flashHighlight 2s ease-out forwards}@keyframes flashHighlight{0%{background-color:#ff0}80%{background-color:#ff0}to{background-color:transparent}}.svg-button{display:inline-flex;align-items:center}#copy-button>svg{padding-left:4px}.tooltip-btn{position:relative}.tooltip-btn:hover:after{content:attr(data-tip);position:absolute;top:-35px;left:50%;transform:translate(-50%);padding:6px 8px;font-size:12px;border-radius:9px;white-space:nowrap;z-index:999;pointer-events:none}#input-and-select-container,.collapsible-sections{display:flex;flex-direction:column;align-items:center}#input-and-select-container>*:not(.modal){margin:10px 0}.select-styles{width:280px;height:25px;border-radius:6px;padding:0 10px;font-size:16px;color:#84b0ff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.strongs-definition{display:flex;flex-direction:column;margin:auto auto 40px;width:90vw;font-size:16px}.definition-components{flex-direction:column;max-width:400px;margin:auto;padding-left:0}.strongs-definition-list-item{list-style-position:inside;margin:5px 0}#original-language-verse{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;width:90vw;max-width:650px;margin-bottom:30px;margin:2rem auto}.bubble{margin:10px}.bubble,.lex-word{background:#1e1e1e;border-radius:.75rem;padding:1rem;transition:background .2s ease;font-size:1rem;box-shadow:0 4px 6px #0009,0 1px 3px #ffffff0d inset}.lex-word{display:flex;justify-content:center;flex-direction:column}#original-language-verse .english{font-weight:700;font-style:italic}#now-playing{display:flex;justify-content:space-between;align-items:center}.now-playing-title{color:#84b0ff;font-weight:500}#now-playing .icon-container{padding:.25rem}.now-playing-container{max-width:calc(100% - 40px);margin:auto;min-height:32px}.now-playing-container.no-audio{display:flex;justify-content:center;align-items:center;opacity:.75}.lex-word:hover,.clickable-word,.audio-book:hover{color:#84b0ff;cursor:pointer}.clickable-word:hover{text-decoration:underline}#definition-buttons>button{margin:10px 5px 0}.strongs-definition>h3{margin-bottom:5px}.hide .menu-icon-container{opacity:0;transform:translateY(-12px);pointer-events:none}.menu-icon-container{height:60px;width:60px;position:fixed;top:21px;transition:opacity .2s ease,transform .2s ease;z-index:8888}.menu-icon-container.left{left:40px}.menu-icon-container.right{right:40px}.menu-icon-container svg{background:#1a1a1a;width:38px;height:38px;border-radius:8px;padding:3px}svg,svg *{stroke:#e3e3e3}@media (prefers-color-scheme: dark){.icon-container:hover:not(:active){background-color:#3b3b3b}}.icon-container{display:flex;justify-content:center;align-items:center;border-radius:8px;cursor:pointer}.close-icon-container{margin-right:15px;height:40px;width:40px}.menu-icon-container:active svg,.menu-icon-container svg:active,.close-icon-container:active svg line,.close-icon-container svg:active line{stroke:#84b0ff}.menu{height:100%;width:300px;position:fixed;top:0;overflow-y:auto;transition:transform .5s ease;background-color:#1a1a1a;z-index:9999}.menu.left.open{box-shadow:1px 0 #ffffff14,2px 0 4px #000c}.menu.right.open{box-shadow:-1px 0 #ffffff14,-2px 0 4px #000c}.menu.left{left:0;transform:translate(-100%)}.menu.right{right:0;transform:translate(+100%)}.menu>div:first-child{display:flex;align-items:center;margin-top:.5rem}.menu>div:first-child b{margin:0 auto;padding-left:55px}.menu.open{transform:translate(0)}.menu-items{display:flex;flex-direction:column;align-items:center}.audio-book{padding:5px 0;margin:5px 0;width:75%;display:flex;background:#292929;border-radius:9px;height:35px;align-items:center}.audio-book>span{margin:auto;padding-right:calc(20px + .5rem)}.audio-book>svg{padding-left:.5rem}.audio-chapter-name{margin:auto}.audio-chapter svg{padding:.25rem}.audio-chapter{display:flex;padding:.75rem .2rem;border-radius:9px;border:1px solid transparent}.audio-chapter .icon-container{border:1px solid transparent}.audio-chapter:hover .play-pause-chapter path,.audio-chapter .go-to-external:hover path{stroke:#84b0ff}.audio-chapter .go-to-external:hover{border:1px solid white}.audio-chapter-container{width:75%}.audio-chapter:active{border:1px solid white}.audio-chapter:hover{background-color:#3b3b3b;cursor:pointer;color:#84b0ff}#audio-menu-header{position:sticky;top:0;background:inherit;box-shadow:0 6px 12px -6px #0009;border-bottom-left-radius:9px;border-bottom-right-radius:9px;margin-bottom:.5rem;z-index:9999}.audio-menu-loading{display:inline-flex;margin-left:1.5em;opacity:75%;background:linear-gradient(90deg,#fff6,#ffffffe6,#fff6);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.audio-menu-loading:after{content:"";animation:dots 1.75s steps(4,end) infinite;width:1.5em;text-align:left}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.playing-indicator{display:inline-flex;gap:4px;margin-left:8px;align-items:flex-end;padding-bottom:.7rem;padding-left:.1rem;width:24px}.playing-indicator span{width:4px;height:4px;border-radius:50%;background:currentColor;animation:bounce .9s infinite ease-in-out}.playing-indicator span:nth-child(2){animation-delay:.15s}.playing-indicator span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}#play-mode-selector{margin:1rem auto;background:#1a1a1a;display:flex;border-radius:9px;width:fit-content}.play-mode{cursor:pointer;width:85px;padding:3px 0;background-color:#292929;border:1px solid;border-color:#1a1a1a;border-radius:9px}.play-mode.selected,.play-mode:hover{border:1px solid white;background-color:#383838;border-radius:9px}.history-item{margin:7px 5px;cursor:pointer;width:200px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:9999}.modal-main{position:fixed;height:fit-content;max-height:85%;width:75%;max-width:400px;border:1px solid #e3e3e347;border-radius:9px;background:#242424;top:50%;left:50%;transform:translate(-50%,-50%);overflow-y:scroll}.copy-modal{padding:15px 3px;max-width:390px;min-width:315px}.copy-modal .modal-header{margin-top:8px;margin-bottom:15px}.copy-modal button{margin:0 5px}.modal-header>*:first-child{display:inline-block;margin:auto;padding-left:35px}.modal-header{display:flex;align-items:center;margin-top:15px;margin-bottom:12px}.modal-main .close-icon-container{height:30px;width:30px;margin-right:5px}.popup,.tooltip-btn:hover:after{background:#e3e3e3;color:#000}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:8px 14px;border-radius:8px;font-size:14px;z-index:9999;animation:toast-animation 4s ease forwards}.scroll-toast{display:flex;flex-direction:row;min-width:238px;justify-content:space-between;align-items:center}@keyframes toast-animation{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.toast:first-child{z-index:10000}.toast button{background:inherit;border:1px solid black;color:#000;margin:0 3px}#scripture-header{display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.summary-content{width:85%;max-width:400px;margin:auto;margin-bottom:1rem}.icon-button,.header-button{width:36px;height:36px;padding:6px;display:flex;align-items:center;justify-content:center}#icon-buttons{display:flex;align-items:center;justify-content:center}#summary-button{margin-left:17px}#main audio{opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}#cross-reference-button{margin-right:17px}#cross-reference-button svg{fill:#fff}#chapter-title{margin-bottom:0;margin-top:.75rem}#menu-icon-placeholder{display:flex;justify-content:center}#menu-icon-placeholder .menu-icon-container{position:static;margin:auto}#menu-icon-placeholder .menu-icon-container.right{margin-left:.5em}#menu-icon-placeholder .menu-icon-container.left{margin-right:.5em}@media (max-width: 530px){#title{margin-bottom:10px}.menu{height:100%;width:100%}.now-playing-container{font-size:1.2rem;padding:.5rem 0}.menu>div:first-child b{font-size:1.25rem}}@media (prefers-color-scheme: light){.input-styles,.bubble,.lex-word{background-color:inherit;border-color:inherit}.menu-icon-container svg{border:1px solid #80808042;background:#f9f9f9}svg,svg *{stroke:#000}.audio-book,.play-mode,.play-mode.selected,.play-mode:hover,.audio-chapter:hover{background:#f2f3f4}svg:active,svg *:active,.audio-chapter:hover .play-pause-chapter path,.audio-chapter .go-to-external:hover path{stroke:#004bd0}.audio-chapter:hover,.now-playing-title{color:#004bd0}.menu-icon-container:hover:not(:active),#play-mode-selector{background-color:inherit}.menu-icon-container:hover:not(:active) svg,#play-mode-selector svg{border:2px solid black}.close-icon-container svg{border-radius:8px}.menu,#suggestions{background-color:#fff;color:#000}.bubble,.lex-word,.play-mode:hover,.play-mode.selected,.audio-chapter:active,.audio-chapter .go-to-external:hover{border:1px solid black}.select-styles{border-color:#000}.v,.select-styles,.audio-book:hover,.collapsible-section,.search-result-title,.lex-word:hover,a,.clickable-word{color:#004bd0!important}.audio-chapter .icon-container:hover svg,#now-playing .icon-container:hover svg{border:none!important}.icon-container:hover:not(.menu-icon-container){background:#f2f3f4;border-radius:9px}button{color:#000}#cross-reference-button svg{fill:#000}.modal-main{background:#fff}.popup,.tooltip-btn:hover:after,.toast button{background-color:#000;color:#fff}.toast button,.play-mode{border:1px solid white}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#84b0ff;text-decoration:inherit}a:hover{cursor:pointer;text-decoration:underline}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;max-height:39px;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9;border-color:#80808042}}