.react-autosuggest{background-color:#fff;border-radius:3px;box-shadow:0 10px 15px -3px #0003,0 4px 6px -4px #0003;color:#000;font-size:.825rem;margin-top:.25rem;overflow:hidden;position:absolute;width:100%;z-index:30}.react-autosuggest ul{list-style-type:none;line-height:180%;margin:0;padding:0}.react-autosuggest .react-autosuggest__suggestions-list li{padding:.5rem .75rem}.react-autosuggest .react-autosuggest__suggestions-list li>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-autosuggest .react-autosuggest__suggestion--highlighted{background-color:var(--gray-100)}.annotation-search{background-color:#3c3c3c;border-radius:4px;color:#fff;display:flex;font-family:Manrope,Arial,Helvetica,sans-serif;font-size:.725rem;padding-right:8px;position:relative}.annotation-search .searchbox-wrapper{position:relative}.annotation-search .result-count{align-items:center;display:flex;height:100%;position:absolute;right:.675rem;top:0}.annotation-search .collapsible{align-items:center;display:flex;gap:1rem;overflow:hidden}.annotation-search .collapsible .actions{align-items:center;border-left:1px solid rgba(255,255,255,.25);display:flex;gap:.5rem;padding-left:.5rem}.annotation-search .collapsible .actions button{height:auto;width:auto}.annotation-search input{background-color:transparent;border:none;box-sizing:border-box;color:#fff;font-size:.825rem;outline:none;padding:.5rem 40px .5rem 36px;text-overflow:ellipsis;width:220px}.annotation-search input::placeholder{color:#fff;opacity:1}.annotation-search input::-ms-input-placeholder{color:#fff}.annotation-search>svg{color:#fff;left:8px;position:absolute;top:8px}header{align-items:center;font-family:Manrope;background-color:#000;display:flex;justify-content:space-between;padding:.5rem}header .header-left{align-items:center;display:flex;gap:1.25rem;font-size:.825rem;padding-left:.25rem}header .header-right{align-items:center;display:flex;gap:.75rem}header a{align-items:center;color:#fff;display:flex;gap:.25rem;text-decoration:none}header a+a:before{content:"·";padding-right:.75rem}header button{all:unset;align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:34px;justify-content:center;outline:none;width:34px}header button:hover{background-color:#3c3c3c}header button.active{background-color:#fff;color:#000}.thumbnail-wrapper{display:block;flex:0 0 auto;height:80px;position:relative;width:80px}.thumbnail-wrapper .react-loading-skeleton{border-radius:4px;height:100%;line-height:inherit}.thumbnail-wrapper img{border-radius:4px;height:100%;object-fit:cover;width:100%}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.related.related-images{box-sizing:border-box;display:flex;flex:0 0 auto;overflow-y:auto;overflow-x:hidden;position:relative}.related-images-wrapper{box-sizing:border-box;display:flex;flex-direction:column;padding:10px 30px 10px 20px;width:300px}.related.related-images button.close{all:unset;color:var(--text-muted-foreground);cursor:pointer;position:absolute;right:.75rem;top:.75rem}.related.related-images button.close:hover{color:inherit}.related.related-images h3{font-weight:400;font-size:1.1rem;margin:0 0 1rem;padding:0}.related.related-images ul{list-style-type:none;margin:0;padding:0}.related.related-images>ul>li{overflow:hidden}.related.related-images .preview{display:flex;gap:.5rem}.related.related-images .taglist-wrapper{overflow:hidden}.related.related-images ul.taglist{display:flex;gap:.25rem;flex-wrap:wrap;padding:1px 0}.related.related-images ul.taglist li{background-color:var(--gray-300);border-radius:2px;display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:140%;overflow:hidden;padding:0 .25rem;text-overflow:ellipsis;white-space:nowrap}.related.related-images ul.taglist li:not(.common){background-color:var(--gray-100);color:var(--gray-400)}.related.related-images a{display:block;font-style:italic;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related.related-images .no-selection{align-items:center;color:#00000059;display:flex;flex-grow:1;font-family:Manrope;font-size:14px;font-weight:500;justify-content:center}a.verse-snippet-quote{background-color:#ff5e5e66;border-bottom:2px solid #e05252;color:#000;text-decoration:none}.related.related-verses{box-sizing:border-box;display:flex;flex:0 0 auto;overflow-y:auto;overflow-x:hidden;position:relative}.related-verses-wrapper{box-sizing:border-box;display:flex;flex-direction:column;padding:10px 30px 10px 20px;width:300px}.related.related-verses button.close{all:unset;color:var(--text-muted-foreground);cursor:pointer;position:absolute;right:.75rem;top:.75rem}.related.related-verses button.close:hover{color:inherit}.related.related-verses h3{font-weight:400;font-size:1.1rem;margin:0 0 .75rem;padding:0}.related.related-verses ul{list-style-type:none;margin:0;padding:0}.related-verses-wrapper>ul>li{padding:0 0 1.75rem}.related.related-verses ul.taglist li{background-color:var(--gray-300);border-radius:2px;display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:140%;padding:0 .25rem;white-space:nowrap}.related.related-verses ul.taglist li:not(.common){background-color:var(--gray-100);color:var(--gray-400)}.related.related-verses ul.taglist li+li{margin-left:.25rem}.related.related-verses ul .snippet-preview{color:var(--text-muted-foreground);font-style:italic;line-height:160%;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis}.related.related-verses a{font-style:italic;font-size:.875rem}.related.related-verses .no-selection{align-items:center;color:#00000059;display:flex;flex-grow:1;font-family:Manrope;font-size:14px;font-weight:500;justify-content:center}.annotation-popup{background:#fff;border-radius:var(--border-radius);line-height:160%;max-width:50ch;padding:5px 15px}.annotation-popup .tags{padding:.25rem 0}.annotation-popup .related{color:var(--text-muted-foreground);font-size:15px}.annotation-popup .related button{all:unset;cursor:pointer}.annotation-popup .related button+button:before{content:"·";padding:0 .25rem}.annotation-popup .related button span:hover{text-decoration:underline;text-underline-offset:2px}
