.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}/*!
* 
*   simple-keyboard v3.8.79
*   https://github.com/hodgef/simple-keyboard
*
*   Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
*
*   This source code is licensed under the MIT license found in the
*   LICENSE file in the root directory of this source tree.
*
*/.hg-theme-default{background-color:#ececec;border-radius:5px;box-sizing:border-box;font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;overflow:hidden;padding:5px;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.hg-theme-default .hg-button span,.hg-theme-default .hg-button span svg{pointer-events:none}.hg-theme-default button.hg-button{border-width:0;font-size:inherit}.hg-theme-default .hg-button{display:inline-block;flex-grow:1}.hg-theme-default .hg-row{display:flex}.hg-theme-default .hg-row:not(:last-child){margin-bottom:5px}.hg-theme-default .hg-row .hg-button-container,.hg-theme-default .hg-row .hg-button:not(:last-child){margin-right:5px}.hg-theme-default .hg-row>div:last-child{margin-right:0}.hg-theme-default .hg-row .hg-button-container{display:flex}.hg-theme-default .hg-button{align-items:center;background:#fff;border-bottom:1px solid #b5b5b5;border-radius:5px;box-shadow:0 0 3px -1px #0000004d;box-sizing:border-box;cursor:pointer;display:flex;height:40px;justify-content:center;padding:5px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.hg-theme-default .hg-button.hg-standardBtn{width:20px}.hg-theme-default .hg-button.hg-activeButton{background:#efefef}.hg-theme-default.hg-layout-numeric .hg-button{align-items:center;display:flex;height:60px;justify-content:center;width:33.3%}.hg-theme-default .hg-button.hg-button-numpadadd,.hg-theme-default .hg-button.hg-button-numpadenter{height:85px}.hg-theme-default .hg-button.hg-button-numpad0{width:105px}.hg-theme-default .hg-button.hg-button-com{max-width:85px}.hg-theme-default .hg-button.hg-standardBtn.hg-button-at{max-width:45px}.hg-theme-default .hg-button.hg-selectedButton{background:#05194687;color:#fff}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"]{max-width:82px}.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"]{max-width:60px}.hg-candidate-box{background:#ececec;border-bottom:2px solid #b5b5b5;border-radius:5px;display:inline-flex;margin-top:-10px;position:absolute;transform:translateY(-100%);-webkit-user-select:none;-moz-user-select:none;user-select:none}ul.hg-candidate-box-list{display:flex;flex:1;list-style:none;margin:0;padding:0}li.hg-candidate-box-list-item{align-items:center;display:flex;height:40px;justify-content:center;width:40px}li.hg-candidate-box-list-item:hover{background:#00000008;cursor:pointer}li.hg-candidate-box-list-item:active{background:#0000001a}.hg-candidate-box-prev:before{content:"◄"}.hg-candidate-box-next:before{content:"►"}.hg-candidate-box-next,.hg-candidate-box-prev{align-items:center;color:#969696;cursor:pointer;display:flex;padding:0 10px}.hg-candidate-box-next{border-bottom-right-radius:5px;border-top-right-radius:5px}.hg-candidate-box-prev{border-bottom-left-radius:5px;border-top-left-radius:5px}.hg-candidate-box-btn-active{color:#444}:root{--script-size: calc(1rem * var(--fs-mod, 1));--header-height: 6rem;--header-width: min(360px, 100%);--custom-scrollbar-width: 4px;--header-padding: 2.4rem;--scripture-max-width: 75rem;--option-height: 2.7rem;--option-height-modal: 6rem;--input-height: calc(.6 * var(--header-height));--menu-padding: 1rem;--preview-base-size: 10px;--gloss-container-track-size: 1fr;--gloss-container-height: 0px;--quranic-height: calc(6 * var(--script-size));--line-height: calc(var(--quranic-height) + var(--gloss-container-height));--tippy-border-radius: 7px;--font-sans: "Noto Sans", "Noto Sans Arabic", "Noto Sans Bengali", "Noto Sans Devanagari", "Noto Sans Tamil", sans-serif;--font-serif: "Noto Serif", "Noto Naskh Arabic", "Noto Serif Bengali", "Noto Serif Devanagari", "Noto Serif Tamil", serif;--font-medina: "Medina";--font-ottoman: "Ottoman";--font-asia: "Asia";--font-indonesia: "Indonesia";--blue: #273557;--bookmark: #802f3e}[data-theme=light]{--bg: #fbfbfa;--text: black;--chrome-bg: #ededec;--chrome-color: #666;--input-bg: #d7d7d8;--input-focus: #e2e2e2;--gloss1: rgb(163, 21, 21);--gloss2: rgb(4, 81, 165);--gloss3: rgb(158, 111, 10);--gloss4: rgb(0, 128, 0);--gloss5: rgb(115, 57, 128);--highlight-bg-1: #fff59d;--highlight-bg-2: #c5e1ff;--highlight-bg-3: #c8facc;--highlight-bg-4: #ffd6e7;--highlight-bg-5: #ffe7c2;--highlight-bg: var(--highlight-bg-1);--double-highlight-bg-1: #ffe66b;--double-highlight-bg-2: #9ec9ff;--double-highlight-bg-3: #a6f1b4;--double-highlight-bg-4: #ffb4da;--double-highlight-bg-5: #ffd5ab;--double-highlight-bg: var(--double-highlight-bg-1);--active-bg: #3266d0;--active-bg-alt: #2c59b3;--border-color: rgba(0, 0, 0, .2);--border: solid 1px var(--border-color);--primary: white;--contrast: black;--custom-scrollbar: var(--blue);--status-bar: var(--blue);--glow: deeppink;--accent: var(--blue);--gold: #ccb479;--gold-alt: #96865e;--copper: #9f6e50;--checked-color: var(--accent)}[data-theme=dark]{color-scheme:dark;--bg: #1a1c1d;--text: #d4d4d4;--chrome-bg: #2d2d2c;--chrome-color: #bbb;--input-bg: #1b1b1c;--input-focus: #242424;--gloss1: rgb(206, 145, 120);--gloss2: rgb(86, 156, 214);--gloss3: rgb(215, 186, 125);--gloss4: rgb(181, 206, 168);--gloss5: rgb(181, 134, 192);--highlight-bg-1: #747733;--highlight-bg-2: #2f546c;--highlight-bg-3: #365f4c;--highlight-bg-4: #6e4a6d;--highlight-bg-5: #6a4f40;--highlight-bg: var(--highlight-bg-1);--double-highlight-bg-1: #b8bb46;--double-highlight-bg-2: #4184b0;--double-highlight-bg-3: #4f9b77;--double-highlight-bg-4: #ae6caa;--double-highlight-bg-5: #af7c5d;--double-highlight-bg: var(--double-highlight-bg-1);--active-bg: #2c59b3;--active-bg-alt: #3266d0;--border-color: rgba(255, 255, 255, .2);--border: solid 1px var(--border-color);--primary: black;--contrast: white;--custom-scrollbar: #616161;--status-bar: #292929;--glow: deepskyblue;--accent: white;--gold: #96865e;--gold-alt: #ccb479;--copper: #e2c09e;--checked-color: var(--border-color)}[hidden]{display:none!important}:active,:focus{-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}::selection{color:#fff;background-color:var(--active-bg)}*{box-sizing:border-box}html{font-size:max(10px,1.5vmin);font-size:max(10px,calc(1.5*min(1svw,1svh)));overscroll-behavior:none;text-size-adjust:100%;-webkit-text-size-adjust:100%}html,body{overflow:hidden;height:100%}body{display:flex;margin:0;font-family:var(--font-sans);font-size:1.4rem;background-color:var(--bg)}[lang=ta]>body{font-size:1.2rem}body *{font-size:inherit;font-family:inherit;cursor:inherit}main{position:relative;display:flex;flex-direction:column;align-items:center;height:100vh;width:calc(100vw - var(--header-width));overflow-y:auto;overflow-anchor:none;background-image:url(/build/assets/background.HDUhWLzp.jpg);background-repeat:repeat;background-size:10rem;background-color:var(--primary);background-blend-mode:difference}html.touch main{scrollbar-gutter:stable}#page{display:flex;flex-direction:column;align-items:center;min-height:100%;width:100%;max-width:calc(var(--scripture-max-width) + 20rem);box-shadow:0 0 3px 1px #0003;background-color:var(--bg)}#border{display:flex;flex-direction:column;align-items:center;margin:auto 0;width:100%;background-color:var(--bg)}#scripture{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;font-size:var(--script-size);width:100%;max-width:var(--scripture-max-width);padding:0 2.5vw}.line{display:contents}a.detail-icon{color:#fff}i{-webkit-user-select:none;user-select:none;width:fit-content}hr{margin:var(--menu-padding) 0;border:none;border-top:var(--border)}a:hover{cursor:pointer}fieldset{display:flex;flex-direction:column;border:0;margin:0;padding:0}legend{color:var(--accent);font-weight:500}fieldset:has(>legend),#bottom-links{border-top:groove var(--border-color) 2px}fieldset:has(>legend){padding:1rem 0 0}.spacer{width:100%;pointer-events:none;overflow:visible}.boundary-spinner{display:none;width:2rem;height:2rem;border:.2rem solid transparent;border-top-color:var(--accent);border-radius:50%;animation:spin 1s cubic-bezier(.6,.02,.4,1) infinite}.spacer[data-spinner]{align-items:center}.spacer[data-spinner],.spacer[data-label]{display:flex;justify-content:center}.spacer[data-spinner]>.boundary-spinner,.spacer[data-label]>.boundary-spinner{display:block}.spacer[data-label]:first-child{align-items:start}.spacer[data-label]:last-child{align-items:end}.spacer[data-label]>.boundary-spinner{width:100%;height:fit-content;line-height:2;border:none;border-radius:0;background:#b22222;color:#fff;font-weight:500;text-align:center;animation:none}.combobox,.stepper,select,input[type=text],input[type=search],input[type=number]{color:var(--contrast);height:var(--input-height);min-height:var(--input-height);border-radius:calc(var(--input-height) / 2)}select,input[type=text],input[type=search],input[type=number]{background-color:var(--input-bg);border:0;padding:0 .5rem}.menu-panel select,.menu-panel input[type=text],.menu-panel input[type=search],.menu-panel input[type=number]{background-color:var(--chrome-bg)}html:not(.touch) select:hover,html:not(.touch) input[type=text]:hover,html:not(.touch) input[type=search]:hover,html:not(.touch) input[type=number]:hover,html:not(.touch) .menu-button:hover{background-color:var(--input-focus);transition:background-color .1s}select:focus,input[type=text]:focus,input[type=search]:focus,input[type=number]:focus{background-color:var(--input-bg);outline:none;transition:none}select{padding:0 1px}input[type=search]::-webkit-search-cancel-button{display:none}.grid input[type=search]::-webkit-search-cancel-button{display:initial}button{display:flex;align-items:center;justify-content:center;height:var(--input-height);min-height:var(--input-height);flex:1;gap:.8rem;font-weight:600;color:inherit;cursor:pointer;background-color:var(--input-bg);border:0;border-radius:.6rem;padding:0 calc(var(--input-height) / 2);transition:color .1s,background-color .1s}button:focus,button:focus-visible{outline:none;box-shadow:none}button.primary{color:#fff;background-color:var(--active-bg)}button.secondary{color:var(--accent);background-color:transparent}button.icon-only{background-color:transparent;border:0;border-radius:50%;aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;padding:0;color:inherit;text-decoration:none;height:fit-content;min-height:fit-content;flex:0}button.icon-only>i{pointer-events:none}html:not(.touch) button:not(:disabled):hover,html:not(.touch) button:not(:disabled):focus-visible{background-color:var(--input-bg)}html:not(.touch) button.primary:not(:disabled):hover,html:not(.touch) button.primary:not(:disabled):focus-visible{color:#fff;background-color:var(--active-bg-alt)}input[type=checkbox].switch{--height: calc(var(--input-height) / 1.25);--knob-size-ratio: .75;--knob-size: calc(var(--knob-size-ratio) * var(--height));--gap: calc((1 - var(--knob-size-ratio)) * var(--height) / 2);--width: calc((2 * var(--knob-size)) + (2 * var(--gap)));-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;flex:0 0 auto;height:var(--height);width:var(--width);border:var(--border);border-radius:999px;background-color:var(--input-bg);cursor:pointer;transition:background-color .15s}input[type=checkbox].switch:hover{background-color:var(--input-focus)}input[type=checkbox].switch:before{content:"";position:absolute;top:50%;inset-inline-start:var(--gap);transform:translateY(-50%);width:var(--knob-size);height:var(--knob-size);border-radius:50%;background-color:var(--chrome-bg);box-shadow:0 1px 2px #0000002e;transition:transform .15s}input[type=checkbox].switch:checked{background-color:var(--checked-color)}input[type=checkbox].switch:checked:before{transform:translate(100%,-50%)}.combobox{position:relative;pointer-events:none;border-radius:16px}.combobox>*{pointer-events:auto}.combobox>input{position:absolute;left:0;right:0;height:100%;-webkit-user-select:none;user-select:none;text-overflow:ellipsis}.combobox>.dropdown{display:none;position:absolute;inset-inline-start:0;inset-inline-end:auto;top:100%;width:100%;min-width:100%;max-width:100%;box-sizing:border-box;max-height:min(calc(var(--option-height) * 11.6),50vh);background-color:var(--input-bg);overflow:hidden overlay;z-index:3;overscroll-behavior:contain;border-right:var(--border);border-left:var(--border);border-bottom:var(--border);border-radius:0 0 16px 16px}.combobox.focused>input,.combobox.modal>input{border:var(--border)}.combobox.focused.has-options>input,.combobox.modal.has-options>input{border-bottom-right-radius:0;border-bottom-left-radius:0}.combobox.focused.has-options>input{border-bottom:none}.combobox.focused.has-options>.dropdown,.combobox.modal.has-options>.dropdown{display:block}.seo-link{pointer-events:none}.option,.seo-link{display:flex;align-items:center;justify-content:left;position:relative;color:var(--text);text-decoration:none;min-height:var(--option-height);height:auto;line-height:1.3;padding:0 5px;padding-block:.4rem;white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-weight:400;-webkit-user-select:none;user-select:none}.option.active,.active>.seo-link{color:#fff;background-color:var(--blue)}.option:has(.seo-link){padding:0;height:auto;line-height:normal;border:none}.option[contentEditable=true]{outline:solid 1px;color:var(--text);background-color:var(--bg);transition:background-color .2s ease;cursor:text}.option-button{margin-inline-start:auto;transition:color 0ms}html:not(.touch) .option-button:not(:disabled):hover{background-color:inherit}.option-button:before{font-family:"Font Awesome 5 Free";font-weight:900;content:"";pointer-events:none}.option[contentEditable=true]>.option-button:before{content:"✖";font-family:inherit;font-weight:700}.dropdown:has(.option[contentEditable=true])>.option:not([contentEditable=true]){pointer-events:none}.dropdown:empty{display:none!important}.combobox.sortable>input{padding-inline-end:2.6rem}.combobox.modal.sortable>input{padding-inline-end:7%}.combobox:not(.modal).upward>.dropdown{top:auto;bottom:100%;border-top:var(--border);border-bottom:none;border-radius:16px 16px 0 0}.combobox:not(.modal).upward.focused.has-options>input{border-radius:0 0 16px 16px;border-top:none}.combobox.arrowed>input{padding-inline-end:1.3rem}.combobox.arrowed:after{content:"›";position:absolute;inset-inline-end:.6rem;top:50%;transform:translateY(-50%) rotate(90deg);font-size:1.8rem;font-family:var(--font-sans);color:var(--text);pointer-events:none}.combobox.arrowed.focused:after,.combobox html:not(.touch) .arrowed:hover:after{content:none}.combobox.arrowed.focused>input,.combobox html:not(.touch) .arrowed:hover>input{padding-inline-end:5px}.combobox.modal{display:flex;flex-direction:column;height:fit-content;background-color:transparent;align-self:anchor-center;font-size:2.2rem}.combobox.modal>input{position:static;min-height:calc(var(--option-height-modal) + 2px);border-width:2px!important}.combobox.modal>.dropdown{position:relative;max-height:none;border-width:2px!important}.combobox.modal>input:read-only+.dropdown{border-top:var(--border);border-radius:16px}.combobox.modal .option,.combobox.modal .seo-link{min-height:var(--option-height-modal);height:auto;line-height:1.3;border-bottom:var(--border)}.multi-select>.option{position:relative;padding:0;padding-inline-start:.5em}.multi-select label{position:absolute;left:0;right:0;padding-inline-start:2em}.multi-select input[type=checkbox]{position:absolute;margin:0;height:100%;z-index:1;pointer-events:none}#gloss-select .option:has(+.option[value=iso]){border-bottom:dashed 1px var(--border-color)}#gloss-select.modal .option:has(+.option[value=iso]){border-bottom:dashed 2px var(--border-color)}.simple-keyboard.hg-theme-default{position:fixed;bottom:0;left:0;aspect-ratio:2;color:var(--chrome-color);background-color:var(--input-bg);border-radius:0;font-size:2rem;padding:5px 5px 20px;z-index:8;transform:translateY(100%);transition:transform .2s ease}.simple-keyboard.hg-theme-default.enter{transform:translateY(0)}.simple-keyboard.hg-theme-default>.hg-rows{display:flex;flex-direction:column;height:100%}.simple-keyboard.hg-theme-default .hg-row{display:flex;flex-grow:1}.simple-keyboard.hg-theme-default .hg-button{width:0!important;height:100%;background:transparent;border:none;box-shadow:none;border-radius:30px;position:relative;overflow:hidden;padding:0}html:not(.touch) .simple-keyboard.hg-theme-default .hg-button:hover:after{content:"";position:absolute;height:100%;width:100%;background-color:var(--border-color)}.simple-keyboard.hg-theme-default .hg-button-space{width:50%!important;background-color:var(--border-color)}.simple-keyboard.hg-theme-default .hg-button-alt{background-color:var(--border-color)}.simple-keyboard.hg-theme-default .hg-button-enter{background-color:var(--active-bg);color:#fff}#search-container.modal{display:flex;justify-self:center;max-width:640px;height:min-content!important;top:calc(35vh - 24px)!important;padding:0!important}#searchbox{position:relative;height:68px;width:90%;margin:0 auto;font-size:24px;color:var(--chrome-color);background-color:var(--input-bg);padding:32px;border:solid 2px;border-radius:34px;border-color:var(--chrome-bg);border-right-color:var(--border-color);border-bottom-color:var(--border-color)}#keyboard-button{position:absolute;isolation:isolate;font-size:24px;color:var(--chrome-color);top:50%;left:24px;transform:translateY(-50%);z-index:10;display:inline-flex;align-items:center;justify-content:center;height:auto;width:auto;min-height:0;min-width:0}.context-menu{display:flex;flex-direction:column;row-gap:4px}.context-menu.flipped{flex-direction:column-reverse}.tippy-box:has(.combobox.focused){overflow:visible}#panel-container{display:none;flex-grow:1;flex-direction:column;background-color:var(--bg);border:var(--border);border-radius:var(--tippy-border-radius);overflow:clip}#panel-container:has(>#info-bar:not([hidden])),#panel-container:has(>.menu-panel:not([hidden])){display:flex}.menu-panel{display:flex;flex-grow:1;flex-direction:column;background-color:transparent;padding:var(--menu-padding)}.menu-panel fieldset{row-gap:0!important}#note-panel{resize:none;border:0px;overscroll-behavior:contain;line-height:1.3;color:var(--text)}#note-panel:focus{outline:none}#word-panel>fieldset{border-top:none;padding:0}.single-word-panel{gap:6px}.single-word-message-row{display:flex;align-items:center}#single-word-message{flex:1;font-size:smaller;padding:0;margin:0}#single-word-dismiss{height:auto;min-height:0;width:auto;min-width:0;flex:0 0 auto;padding:.25rem}#info-panel{justify-content:flex-start;overflow-y:overlay}#timestamp{display:block;margin-bottom:0;background-color:#0000001a;padding:2px 2px 1px;margin-top:0;font-size:smaller}.fa-check{animation:pulse .3s}.color-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(36px,1fr));gap:1rem;align-items:center}.color-option{position:relative;justify-self:center;width:95%;aspect-ratio:1 / 1;border:var(--border);border-radius:999px;padding:0;background:none;cursor:pointer;overflow:hidden}.color-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--double-highlight-color);border-radius:999px;box-shadow:inset 2px -2px 0 0 var(--border-color)}.color-option.selected{border:solid 1px var(--accent);width:100%}.color-default{display:flex;align-items:center;gap:.6rem;margin-top:1rem;font-size:1.3rem;cursor:pointer}.color-default input[type=checkbox]:not(.switch){width:1.4rem;height:1.4rem;accent-color:var(--accent)}#root-container{display:flex;justify-content:space-between;align-items:end}#root-combobox{width:70%}#root{display:block;white-space:nowrap;font-size:x-large;word-spacing:-.25em;margin-top:-.25em}#share-panel{flex-direction:row;justify-content:space-around;padding:0}#share-panel a{display:flex;flex:1;justify-content:center;align-items:center;aspect-ratio:1;font-size:2.2rem;text-decoration:none;color:#fff;margin:.3rem;border-radius:6px}.context-menu.expanded #share-panel a{max-height:4.2rem;font-size:2.5rem}#whatsapp{background-color:#25d366}#facebook-f{background-color:#1877f2}#x-twitter{background-color:#000}#telegram{background-color:#08c}#viber{background-color:#7360f2}#share-panel>#link{color:var(--chrome-color)}.context-menu:has(.tag) .menu-panel:not(#color-panel){padding-bottom:0}#tag-panel{padding-inline:3px}#tag-select>.tag-select-sort-button{position:absolute;font-size:1.5rem;color:var(--contrast);opacity:.7;top:50%;transform:translateY(-50%);inset-inline-end:.5rem;z-index:1;display:inline-flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;cursor:pointer}html:not(.touch) #tag-select>.tag-select-sort-button:hover{opacity:1!important;color:var(--accent)!important}#tag-select.modal>.tag-select-sort-button{top:2.5vw;transform:none;inset-inline-end:1.5%;z-index:4;font-size:2.5rem;height:calc(var(--option-height-modal) + 2px);width:calc(var(--option-height-modal) + 2px);min-height:calc(var(--option-height-modal) + 2px);min-width:calc(var(--option-height-modal) + 2px)}#tag-box{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:4px 3px;padding:6px 3px;overflow:hidden}#tag-box:has(>:only-child)>.tag{max-width:100%}#tag-box:empty{display:none}#tag-box>.tag,.tag{--height: 3.3rem;--padding: .7rem;display:inline-flex;align-items:center;flex:0 1 auto;gap:var(--padding);padding:var(--padding);font-size:smaller;font-weight:600;color:#fff;background-color:var(--active-bg);border-radius:999px;height:var(--height);transition:background-color .15s,transform .15s,filter .15s}#tag-box>.tag>.tag-text,.tag>.tag-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;min-width:0}#tag-box>.tag>button,.tag>button{position:relative;color:#fff;cursor:pointer;font-size:1.2rem;height:calc(var(--height) - (2 * var(--padding)))}#tag-box>.tag>button:before,.tag>button:before{content:"";position:absolute;top:-.25rem;bottom:-.25rem;inset-inline-start:-.25rem;width:1px;background-color:var(--border-color);pointer-events:none}#tag-box>.tag>button:hover:not(:disabled),.tag>button:hover:not(:disabled){cursor:pointer;background-color:transparent}#tag-box>.tag:has(button:hover),.tag:has(button:hover){background-color:var(--bookmark)}#info-bar .tag{cursor:pointer}#info-bar #tag-box>.tag{cursor:pointer;touch-action:none}#info-bar #tag-box>.tag.grabbed{cursor:grab;transform:scale(1.04);filter:drop-shadow(0px .3rem 0px var(--border-color))}#info-bar #tag-box:has(.grabbed)>.tag{cursor:grab}#info-bar #tag-box:has(.grabbed)>.tag:not(.grabbed){background-color:var(--active-bg-alt)}#info-bar #tag-box:has(.grabbed)>.tag>button{pointer-events:none}.tag.disabled{opacity:1}.tag.disabled .tag-x{visibility:hidden}body:has(#player.show) #verse-menu #toolbar,body:has(#player.show) #verse-menu #panel-container{display:none}#toolbar{display:flex;background-color:var(--chrome-bg);font-size:2.2rem;width:max-content;border:var(--border);border-radius:var(--tippy-border-radius);overflow:clip;direction:ltr}.menu-button{flex:0 0 4rem;display:flex;justify-content:center;width:4rem;height:4rem;align-items:center;background-color:var(--chrome-bg)}.menu-button[aria-pressed=true]{background-color:var(--input-bg)}.context-menu.expanded #toolbar{font-size:2rem}.context-menu.expanded .menu-button{flex-direction:column;gap:.4rem;width:5.8rem;height:5rem;flex-basis:5.8rem;padding:.3rem .2rem;text-align:center}.context-menu.expanded .menu-button:after{content:attr(data-label);display:block;font-size:.99rem;font-weight:400;line-height:1;color:var(--chrome-color);text-transform:none;pointer-events:none}header{display:flex;flex-direction:column;row-gap:4rem;height:100%;width:var(--header-width);min-width:var(--header-width);padding:4rem var(--header-padding) 0 var(--header-padding);color:var(--chrome-color);background-color:var(--chrome-bg);overflow-x:hidden;z-index:5;box-shadow:1px 0 3px #0003;border-inline-end:solid 4px var(--custom-scrollbar)}header .div{background-color:inherit}header label{-webkit-user-select:none;user-select:none}header input[type=range],header input[type=search],header select,header .combobox{flex-grow:1;min-width:0}header input[type=checkbox]{width:1.5rem;height:1.5rem;vertical-align:middle}.ctrl-desc{font-size:smaller;font-style:italic;white-space:normal;width:100%}#continue-container{display:flex;flex-direction:column;row-gap:1rem;flex-grow:1;align-items:center}#continue-title{color:var(--accent);font-size:1.8rem;font-weight:200}#continue-button{flex-grow:0;text-wrap:nowrap}#bottom-links{display:flex;justify-content:center;column-gap:1rem;padding:1rem 0}#bottom-links a{color:var(--chrome-color)}#bottom-links a:hover{color:var(--accent)}nav{display:flex;flex-direction:column;row-gap:2.1rem}nav>.row{display:flex;column-gap:.8rem}.nav-input-wrapper{position:relative;display:flex;flex-grow:1;flex-basis:0;min-width:0}.nav-input-wrapper:has(>#chapter-select){flex-grow:3}nav label{font-size:smaller;position:absolute;bottom:100%}#nav-buttons{display:flex;flex-direction:row;column-gap:1rem}nav button.icon-only{flex:0 0 auto;font-size:2rem;align-self:center;height:var(--input-height);min-height:var(--input-height)}nav button.icon-only.nudge{animation:bookmark-nudge 1.8s ease-out infinite}#chapter-select{position:relative}#chapter-sort-button{position:absolute;font-size:1.8rem;color:var(--contrast);opacity:.7;top:50%;transform:translateY(-50%);inset-inline-end:.5rem;z-index:1;display:inline-flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;cursor:pointer}#chapter-select.modal>#chapter-sort-button{top:2.5vw;transform:none;inset-inline-end:1.5%;z-index:4;font-size:2.5rem;height:calc(var(--option-height-modal) + 2px);width:calc(var(--option-height-modal) + 2px);min-height:calc(var(--option-height-modal) + 2px);min-width:calc(var(--option-height-modal) + 2px)}#hamburger{display:none}.asia{--quranic-height: calc(5 * var(--script-size));--line-height: calc(var(--quranic-height) + var(--gloss-container-height))}.asia .basmala{word-spacing:calc(-.3 * var(--script-size))}.asia .quranic,.asia .verse-break,.asia .basmala{font-family:Asia;font-size:2.9em}.asia .quarter{height:calc(4.5 * var(--script-size))}.asia.glossless .full-padding-left{--quranic-extra-padding-left: var(--script-size)}.asia.glossless .half-padding-left{--quranic-extra-padding-left: calc(.5 * var(--script-size))}.asia .verse-number.western-numerals .western-numeral-overlay{top:4%;right:4%;bottom:4%;left:4%;margin-top:95%;font-size:.413793em;font-weight:900;line-height:1.4;border-radius:50%;border:solid calc(.15 * var(--script-size));aspect-ratio:1}.asia .western-numerals.small .western-numeral-overlay{font-size:.344828em;line-height:1.65}.preview-panel.asia .verse-number.western-numerals .western-numeral-overlay{font-size:calc(1.1 * var(--preview-size))}.asia .verse-number.western-numerals .eastern-numeral{visibility:hidden}.indonesia .quranic,.indonesia .verse-break,.indonesia .basmala{font-family:Indonesia}.indonesia .verse-number{height:100%;display:flex;align-items:center}.indonesia .verse-number.western-numerals .western-numeral-overlay{font-size:.6em;margin-top:62.5%}.indonesia .western-numerals.small .western-numeral-overlay{font-size:.53em;margin-top:67.5%}.indonesia .empty-verse-num{display:none}.indonesia .verse-number.western-numerals .empty-verse-num{display:block}.indonesia .verse-number.western-numerals .empty-verse-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:1.37em}.indonesia .verse-number.western-numerals .eastern-numeral{visibility:hidden}.medina{--quranic-height: calc(5.3 * var(--script-size));--line-height: calc(var(--quranic-height) + var(--gloss-container-height))}.medina .quranic,.medina .verse-break,.medina .basmala{font-family:Medina}.medina .verse-number:after{right:5%;top:40%;height:30%;width:90%}.medina .prostration{margin-top:-5%;margin-bottom:-15%;font-size:1.17em}[data-theme=dark] .medina .quarter>:nth-child(2){fill:var(--text)}[data-theme=dark] .medina .quarter>:nth-child(1){stroke:var(--text)}.medina .verse-number.western-numerals .western-numeral-overlay{margin-top:12%;font-size:.533333em;align-items:center}.medina .western-numerals.small .western-numeral-overlay{font-size:.466667em;margin-right:3%}.preview-panel.medina .verse-number.western-numerals .western-numeral-overlay{font-size:calc(1.6 * var(--preview-size))}.medina .empty-verse-num{display:none}.medina .verse-number.western-numerals .empty-verse-num{display:block}.medina .verse-number.western-numerals .eastern-numeral{display:none}.ottoman .quranic,.ottoman .verse-break,.ottoman .basmala{font-family:Ottoman}.ottoman .verse-number{color:#fff;display:flex;align-items:center;justify-content:center;font-size:.6em;height:100%;width:calc(2.5 * var(--script-size));z-index:0;text-shadow:none!important}.ottoman .verse-number>*{pointer-events:none}.ottoman-rose{position:absolute;display:block;width:100%;height:100%;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%);fill:var(--gold)}.ottoman-rub{--composed-quarter-gap-padding-right: 0px;--composed-quarter-gap-padding-left: 0px;--composed-quarter-gap-margin-right: var(--composed-quarter-padding-right, 0px);--composed-quarter-gap-margin-left: var(--composed-quarter-padding-left, 0px);width:.85em;height:.85em}.ottoman-rub-outer{fill:none;stroke:var(--gold);stroke-width:18}.ottoman-rub-inner{fill:none;stroke:var(--blue);stroke-width:4}.ottoman-rub-fill{fill:var(--blue)}.ottoman-rub-mark{fill:var(--gold)}.ottoman .prostration{position:relative;isolation:isolate;color:var(--gold)}.ottoman .prostration:after{content:"";position:absolute;background-color:var(--blue);border-radius:50%;z-index:-1;right:9%;top:31%;width:75%;aspect-ratio:1;outline:solid 3px crimson}.ottoman .prostration:before{content:"سَجْدَةٌ";font-size:.3em;color:#fff;position:absolute;top:0;bottom:0;left:2px;right:0;display:grid;place-items:center}[data-theme=dark] .ottoman .prostration{color:var(--gold)}.ottoman .western-numerals .western-numeral-overlay{font-family:var(--font-serif);font-size:.7em;font-weight:500;align-items:center}.ottoman .western-numerals.small .western-numeral-overlay{font-size:.6em}.preview-panel.ottoman .western-numerals .western-numeral-overlay{font-size:calc(1.2 * var(--preview-size))}.ottoman .verse-number.western-numerals .eastern-numeral{display:none}.ottoman .chapter-title{background-color:var(--gold);outline-color:var(--bg)}.ottoman .chapter-title .title-svg{background-color:transparent;color:var(--bg);height:90%}.ottoman .chapter-title .corner-decoration{display:none}.ottoman .chapter-title>.title-inner .corner-decoration{display:none}.chapter-heading{display:flex;align-items:center;justify-content:center;width:100%;height:var(--line-height)}.chapter-heading.combined{flex-direction:column;justify-content:flex-start}.chapter-heading.combined>.basmala{height:calc(var(--line-height) - var(--quranic-height))}.chapter-title{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;height:var(--quranic-height);background-color:var(--text);color:var(--text);outline:4px double var(--bg);outline-offset:-5px;width:100%}.chapter-title .title-inner{display:flex;justify-content:center;align-items:center;position:relative;height:100%;width:94%}.chapter-title .title-svg{display:flex;justify-content:center;align-items:center;position:relative;z-index:2;height:calc(100% - 11px);width:99%;background-color:var(--bg);color:var(--text);border-radius:999px}.chapter-title .title-svg svg{height:100%}.chapter-title .corner-decoration{position:absolute;z-index:3;height:50%;aspect-ratio:1;background-color:var(--bg);mask-image:url(/build/assets/corner-decoration.0ueJlcqK.svg);mask-repeat:no-repeat;mask-size:contain;mask-position:center;-webkit-mask-image:url(/build/assets/corner-decoration.0ueJlcqK.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;pointer-events:none}.chapter-title>.title-inner .corner-decoration{background-color:var(--text)}.chapter-title .corner-decoration--tl{bottom:4px;left:3px}.chapter-title .corner-decoration--tr{bottom:4px;right:3px;transform:scaleX(-1)}.chapter-title .corner-decoration--bl{top:4px;left:3px;transform:scaleY(-1)}.chapter-title .corner-decoration--br{top:4px;right:3px;transform:scale(-1)}.basmala{display:flex;justify-content:center;align-items:center;height:100%;font-size:3em;margin:0;color:var(--text);word-spacing:calc(-.5 * var(--script-size));white-space:nowrap;-webkit-user-select:none;user-select:none}html:not(.touch) .custom-scrollbar::-webkit-scrollbar,header::-webkit-scrollbar{width:var(--custom-scrollbar-width)}html:not(.touch) .custom-scrollbar::-webkit-scrollbar-track,header::-webkit-scrollbar-track{background-color:transparent}html:not(.touch) .custom-scrollbar::-webkit-scrollbar-thumb,header::-webkit-scrollbar-thumb{background-color:var(--custom-scrollbar)}html:not(.touch) .dropdown::-webkit-scrollbar{display:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.blink>.quranic,.blink>.verse-break{animation:blink 1s}.stick{animation:stick .15s}@keyframes blink{0%,to{color:var(--text);background-color:var(--bg)}50%{background:transparent;color:var(--bg);background-color:var(--glow)}}@keyframes pulse{50%{transform:scale(1.2)}0%,to{transform:scale(1)}}@keyframes stick{0%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes moveDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes header-slide-inline-enter{0%{transform:translate(var(--header-slide-inline-start-offset, -100%))}to{transform:translate(0)}}@keyframes fadeInOut{0%,85%{opacity:.06}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:.06}}@keyframes gradientAnimation{0%{background-position:0% 0%}to{background-position:100% 100%}}@keyframes bookmark-nudge{0%,60%,to{transform:translate(0) rotate(0)}12%{transform:translate(-.2rem) rotate(-6deg)}24%{transform:translate(.24rem) rotate(7deg)}36%{transform:translate(-.18rem) rotate(-5deg)}48%{transform:translate(.14rem) rotate(4deg)}}.verse-number{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;z-index:1}.verse-number:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2016'%20fill='%23802F3E'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%202v13.5a.5.5%200%200%200%20.74.22L6%2014.285l5.26%201.435A.5.5%200%200%200%2012%2015.5V2a2%202%200%200%200-2-2H2a2%202%200%200%200-2%202'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:100% 100%;pointer-events:none;z-index:-1;transform:translateY(-15%);opacity:0;transition:.2s}.bookmarked .verse-number{color:#fff}.bookmarked .verse-number:before{transform:translateY(0);opacity:1}.verse-number.western-numerals .western-numeral-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;pointer-events:none;font-variant-numeric:tabular-nums;z-index:2}#control-panel{display:contents}#control-panel>fieldset{row-gap:1rem;text-wrap:nowrap}#control-panel>fieldset>div{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:.5rem;width:100%}#control-panel>fieldset>div.preview-panel{flex-wrap:nowrap}#fieldset-user-data{flex-grow:1;justify-content:flex-start}.user-button{justify-content:flex-start;background-color:transparent;color:var(--chrome-color);padding-inline-start:0;margin:0 -.4rem;flex:0;--user-icon-size: 3rem;font-weight:400}.user-button>i{width:var(--user-icon-size);height:var(--user-icon-size);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--input-bg);padding:0}#control-panel:has(#fieldset-preview)>#fieldset-display,#control-panel:has(#fieldset-preview)>#fieldset-user-data{display:none}.input-label{-webkit-user-select:none;user-select:none}#gloss-type-controls{display:contents}.gloss-type-options{display:grid;gap:.5rem;width:100%}.gloss-type-option{display:flex;align-items:flex-start;gap:.6rem;color:var(--chrome-color);line-height:1.3;white-space:normal}.gloss-type-option>input{margin:.1rem 0 0;flex:0 0 auto}.user-pic{width:var(--user-icon-size);height:var(--user-icon-size);aspect-ratio:1;border-radius:50%;object-fit:cover;vertical-align:middle}.stepper{display:inline-flex;align-items:center;gap:0;background-color:var(--input-bg)}.stepper-button{flex:0 0 auto;height:100%;aspect-ratio:1;font-size:1.6rem;line-height:1;background-color:transparent;border-radius:0}.stepper-button:first-child{border-radius:calc(var(--input-height) / 2)}.stepper-button:last-child{border-radius:calc(var(--input-height) / 2)}.stepper-display{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:100%;padding:0 .5rem;text-align:center;font-weight:600;font-variant-numeric:tabular-nums;background-color:transparent}.font-size-stepper .stepper-display{width:4.8rem}#lang-select-dropdown{font-family:system-ui,sans-serif}.card{background:var(--chrome-bg);color:var(--text);border:var(--border);border-radius:1.4rem;padding:2.4rem;box-shadow:0 1.6rem 3.4rem #00000047}.card-with-controls{position:relative}.card-controls{position:absolute;top:1.2rem;inset-inline-end:1.2rem;display:flex;align-items:center;gap:.4rem;z-index:1;-webkit-user-select:none;user-select:none}.card-controls>button,.card-control-button{font-size:1.5rem;padding:1rem}.grid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:6}.ag-root-wrapper{border:0!important;border-radius:0!important}.ag-row .ag-cell{display:flex;align-items:center}.ag-cell-wrapper,.ag-cell-value{min-width:0!important;overflow:hidden}.ag-cell-wrapper{padding:1rem 0}.ag-cell-value .quranic{font-size:1.6rem;justify-content:end;cursor:auto}.ag-cell-value p{margin:0;font-size:1.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ag-cell-value p.tag-text{font-size:1.15rem}.ag-header-cell-comp-wrapper{width:unset!important}.ag-header-cell{gap:0px!important}.ag-header,.ag-header-viewport,.ag-header-container,.ag-header-row,.ag-header-cell{overflow:visible!important}.ag-header-cell{color:var(--chrome-color)}.ag-header-cell-text{font-size:1.4rem}.ag-header-container{background-color:var(--chrome-bg)}.match{color:var(--glow)}.search-grid-text{font-size:1.9rem}.root-grid-text{font-size:1.65rem}#grid-header{position:absolute;top:0;left:0;right:0;height:var(--header-height);display:flex;justify-content:space-between;align-items:center;column-gap:.6rem;row-gap:.3rem;z-index:2;padding:0 1.2rem;background-color:var(--chrome-bg)}#search-grid>#grid-header,#root-grid>#grid-header{flex-direction:column;justify-content:center;align-items:start}#search-whole-toggle{margin-inline-start:0}#search-whole-container{display:flex;align-items:center}#search-grid-header-controls{display:flex;align-items:center;column-gap:.8rem}.grid-view-toggle{display:inline-flex;align-items:center;column-gap:.4rem}.grid-view-toggle>input{margin-inline-start:0}.ag-filter-icon{display:none!important}#search-grid .ag-header-cell-label label{margin-inline-start:.8rem;font-weight:400;display:inline-flex;align-items:center;column-gap:.4rem}#annotation-grid .annotation,.annotation-focus-modal-card .annotation{display:flex;flex-direction:column;row-gap:.8rem;font-size:1.2rem;background-color:var(--bg);padding:1rem;border-radius:1rem;border:var(--border);overflow-wrap:anywhere}#annotation-grid .tag,.annotation-focus-modal-card .tag{max-width:fit-content;margin-bottom:0;font-size:inherit}#annotation-grid .tag-box,.annotation-focus-modal-card .tag-box{display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:.2rem;overflow:hidden}#annotation-grid .annotation-translation,.annotation-focus-modal-card .annotation-translation{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#annotation-grid .ag-row-selected .annotation{background-color:color-mix(in srgb,transparent,var(--ag-accent-color) 10%)}#annotation-grid .ag-cell-value{display:flex;flex-direction:column;row-gap:1rem}#annotation-grid .ag-selection-checkbox{margin:0!important}#annotation-grid [col-id=ag-Grid-SelectionColumn]{justify-content:center!important;width:46px!important;padding-left:0!important;padding-right:0!important;z-index:0!important;left:unset!important}#annotation-grid .ag-column-last{inset-inline-start:46px!important;inset-inline-end:0!important;padding-inline-start:0!important;width:unset!important}#annotation-grid .ag-wrapper.ag-input-wrapper.ag-checkbox-input-wrapper{margin:0 3px}#annotation-grid>#grid-header{inset-inline-start:45px;padding-inline-start:0}#annotation-grid #grid-controls{display:flex;flex-grow:1;column-gap:.5rem;max-width:40rem}#annotation-grid #tag-filter,#annotation-grid #note-search{width:50%}#annotation-grid #grid-buttons{display:flex;flex-direction:row;column-gap:.6rem}#annotation-grid #delete-button{aspect-ratio:1}.annotation-translation{font-size:1.2rem;overflow-wrap:anywhere}.annotation-translation:empty{display:none}.note-icon,.annotation-translation-label{display:inline-block;font-weight:700;margin-inline-end:.4rem;color:var(--accent)}.annotation-translation-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.annotation-translation-content{white-space:inherit}#annotation-grid .note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-text{white-space:inherit}.annotation-translation-status{opacity:.8}.annotation-go-link-row{display:none;width:100%}.annotation-go-link{display:inline-flex;align-items:baseline;column-gap:.4rem;color:var(--accent);font-weight:600;text-decoration:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.annotation-go-link:hover{color:var(--accent);cursor:pointer}.annotation-focus-modal.modal{display:flex;align-items:center;justify-content:center;padding:clamp(1.2rem,3vw,2.4rem)!important}.annotation-focus-modal-card{width:min(76rem,100%);max-height:min(86vh,86dvh);overflow:auto}.annotation-focus-modal-card>.card-controls{top:.8rem;inset-inline-end:.8rem}.annotation-focus-modal-card .annotation-translation{display:flex;flex-direction:column;row-gap:1rem}.annotation-focus-modal-card .focused p,.annotation-focus-modal-card .focused .note,.annotation-focus-modal-card .focused .annotation-translation,.annotation-focus-modal-card .focused .annotation-translation-text{overflow:visible;white-space:normal;text-overflow:clip}.annotation-focus-modal-card .focused .annotation-translation-content{white-space:pre-line}.annotation-focus-modal-card .focused .annotation-go-link-row{display:flex}.annotation-focus-modal-card .focused .hidden-lines{display:initial}.annotation-focus-modal-card .focused .ellipsis{display:none}.annotation-focus-modal-cell{display:block}.annotation-focus-modal-cell .ag-cell-value{display:flex;flex-direction:column;width:100%;row-gap:1rem}.annotation-focus-modal-content{width:100%;padding-top:1.2rem}.hidden-lines{display:none}.ellipsis{display:initial}.annotation-grid-text{font-size:2rem}#verse-panel{position:fixed;top:0;inset-inline-start:0;width:var(--header-width);height:100%;padding:var(--header-padding) calc(var(--header-padding) + 6px);padding-inline-end:0;display:flex;flex-direction:column;flex-grow:1;row-gap:10px;background-color:var(--chrome-bg);border-inline-end:solid 4px var(--custom-scrollbar);overflow:hidden;z-index:6;opacity:0;transition:opacity .2s ease}.verse-panel-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;white-space:pre-line;row-gap:1.1rem}.verse-panel-content,.verse-panel-nav{padding-inline-end:calc(var(--header-padding) + 6px)}.verse-panel-nav{direction:ltr;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px}#verse-panel.no-animate{transition:none}#verse-panel.show{opacity:1}#verse-panel legend{-webkit-user-select:none;user-select:none}.verse-translation{font-family:var(--font-serif);-webkit-hyphens:auto;hyphens:auto}.footnotes{font-family:var(--font-sans);font-size:smaller;margin-top:1rem}div[data-tippy-root]:has(.modal),div[data-tippy-root].modal-open-host{transform:none!important;z-index:5!important;top:0!important}.tippy-box:has(.modal),.tippy-box.modal-open-host{height:0!important}.context-menu.modal-child-open #panel-container,.context-menu.modal-child-open #toolbar{visibility:hidden}.context-menu.modal-child-open .modal,.context-menu.modal-child-open .backdrop{visibility:visible}.modal{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;max-height:100vh!important;max-height:100dvh!important;width:100vw!important;padding:2.5vw!important;z-index:8!important;animation:overlay-fade-in .16s ease-out;animation-fill-mode:both;will-change:opacity}.modal #toolbar{width:100%}.modal #note-panel{font-size:1.8rem;color:var(--text);background-color:var(--bg)}.modal input[type=search]:read-only{display:none}.modal input[type=checkbox]{width:calc(var(--option-height-modal) / 2)}.modal .menu-button{display:none}.modal #note-button{display:flex;flex:1 1 auto}.overlay-lock{overflow-y:hidden;scrollbar-gutter:stable}.overlay-rel{position:relative}.overlay{z-index:6}.backdrop{background-color:#00000080;z-index:4;animation:overlay-fade-in .16s ease-out;animation-fill-mode:both;will-change:opacity}.backdrop.fixed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;display:flex;align-items:center;justify-content:center;padding:clamp(1.2rem,3vw,2.4rem);background:#00000080;animation:overlay-fade-in .16s ease-out;animation-fill-mode:both;will-change:opacity}.dialog{width:min(42rem,100%);display:grid;gap:1.4rem;padding:1.8rem;border:var(--border);border-radius:1.2rem;background:var(--chrome-bg);color:var(--text);box-shadow:0 1.6rem 3.4rem #00000047}.dialog-message{margin:0;white-space:pre-line;line-height:1.55;font-size:1.5rem;color:var(--text)}.dialog-actions{display:flex;gap:.8rem;direction:rtl}.dialog-actions>button{flex:0 0 auto;min-width:9.2rem}.dialog:focus-visible{outline:2px solid var(--active-bg);outline-offset:2px}html.dialog-open,html.dialog-open body{overflow:hidden}@media (max-width: 540px){.dialog{padding:1.4rem}.dialog-actions{display:grid;grid-template-columns:1fr 1fr}.dialog-actions>button{min-width:0}}.onboarding.modal{display:flex;align-items:center;justify-content:center;padding:clamp(1.6rem,3vw,3rem)!important}.onboarding-card{width:min(46rem,92vw);max-height:min(85vh,85dvh);overflow-y:auto;position:relative}.onboarding-head{margin-bottom:2rem}.onboarding-nav{display:flex;justify-content:space-between;align-items:center;width:100%}.onboarding-card>.card-controls{position:absolute;top:1.8rem;inset-inline-end:1.8rem;-webkit-user-select:none;user-select:none}#onboarding-arrow:disabled{opacity:.25;cursor:default}.onboarding-title-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}#onboarding-eyebrow{display:inline-block;font-size:1rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);-webkit-user-select:none;user-select:none}#onboarding-title{margin:.6rem 0 .4rem;font-size:2.3rem}.onboarding-body-row{display:flex;align-items:flex-start;gap:1rem;margin-top:1.2rem}.onboarding-desc{margin:0;color:var(--chrome-color);line-height:1.5}.onboarding-preview{display:grid;gap:1rem}.onboarding .preview-wrapper{display:flex;height:min-content;margin:auto}.onboarding .preview-panel .word-box{grid-template-rows:auto auto;grid-template-columns:repeat(2,min-content);flex-grow:0;direction:rtl;align-content:start}.onboarding .preview-panel .quranic{font-size:3rem}.onboarding .preview-panel .gloss-container{font-size:1.3rem}.onboarding-preview-options{display:grid;gap:.6rem}.onboarding-preview-option{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:.8rem;border:1px solid transparent;cursor:pointer;color:var(--chrome-color);transition:border-color .2s ease,background .2s ease,color .2s ease}.onboarding-preview-option input{margin:0;accent-color:var(--active-bg)}.onboarding-preview-option.is-selected{border-color:var(--active-bg);color:var(--text);background:var(--chrome-bg)}.onboarding-menu-panel [data-theme=context-menu]{width:min(24rem,100%);max-width:100%}.onboarding.modal .onboarding-menu-panel .menu-button{display:flex}.onboarding .onboarding-selection-panel{flex-direction:row!important;flex-wrap:wrap;justify-content:center;align-items:center;direction:rtl}.onboarding .onboarding-preview-panel{position:relative;padding:0}.onboarding .onboarding-preview-panel .quranic{padding:0 calc(1.2 * var(--preview-size));text-align:center}.onboarding .onboarding-preview-panel.onboarding-glossless .quranic{padding:0}.onboarding .onboarding-preview-panel.onboarding-glossless .gloss-container{display:none}.onboarding .onboarding-preview-panel.onboarding-glossless .verse-break{padding:0 calc(.5 * var(--preview-size))}.onboarding .onboarding-preview-panel>[data-tippy-root]{position:absolute!important;top:0;left:0}.onboarding [data-theme~=onboarding-gloss] #gloss-panel{text-align:center}.onboarding .onboarding-verse-word-box .verse-number:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:0;right:0;top:65%;font-size:calc(2.75 * var(--preview-size));color:var(--active-bg);text-align:center;opacity:.85;pointer-events:none;z-index:2;transform:translateY(0);animation:onboarding-tap-pulse 1.6s ease-in-out infinite}@keyframes onboarding-tap-pulse{0%{transform:translateY(0) scale(1);opacity:.6}18%{transform:translateY(calc(.18 * var(--preview-size))) scale(.92);opacity:.95}36%{transform:translateY(0) scale(1.04);opacity:.9}70%{transform:translateY(0) scale(.98);opacity:.7}to{transform:translateY(0) scale(1);opacity:.6}}.onboarding-step{width:2.4rem;height:2.4rem;border-radius:999px;background:var(--active-bg);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0;-webkit-user-select:none;user-select:none}.onboarding-body-row.disabled .onboarding-step{background:var(--chrome-color);opacity:.5}.onboarding-body-row.disabled .onboarding-desc{text-decoration:line-through}.onboarding-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:1rem;margin-top:2.2rem}@media (max-width: 600px){.onboarding-card{padding:2rem}.onboarding-panel{grid-template-columns:1fr}.onboarding-actions button{width:100%}}@media (max-width: 400px){.onboarding .onboarding-preview-panel{--preview-scale: .9}}@media (max-width: 370px){.onboarding .onboarding-preview-panel{--preview-scale: .8}}[data-escaped]{display:none!important}.tippy-box{font-size:inherit;border-radius:var(--tippy-border-radius)}.tippy-box[data-theme=context-menu]{overflow-wrap:anywhere;color:var(--chrome-color);background-color:transparent;width:fit-content;max-width:none!important}.tippy-box[data-theme=context-menu] .tippy-content{padding:0}.tippy-box[data-theme~=combobox]{background-color:transparent;box-shadow:none;max-width:none!important}.tippy-box[data-theme~=combobox] .tippy-content{padding:0}.tippy-box[data-theme~=combobox] .dropdown{display:block;position:static;left:auto;right:auto;top:auto;width:100%;min-width:100%;max-width:100%;box-sizing:border-box;max-height:min(calc(var(--option-height) * 11.6),50vh);background-color:var(--input-bg);overflow:hidden overlay;z-index:3;overscroll-behavior:contain;border-right:var(--border);border-left:var(--border);border-bottom:var(--border);border-top:none;border-radius:0 0 16px 16px}.tippy-box[data-theme~=combobox][data-placement^=top] .dropdown{border-top:var(--border);border-bottom:none;border-radius:16px 16px 0 0}.tippy-box[data-theme~=hint]{color:#fff;background-color:var(--active-bg)}.tippy-box[data-theme~=hint][data-placement^=top]>.tippy-arrow:before{border-top-color:var(--active-bg)}.tippy-box[data-theme~=hint][data-placement^=right]>.tippy-arrow:before{border-right-color:var(--active-bg)}.tippy-box[data-theme~=hint][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:var(--active-bg)}.tippy-box[data-theme~=hint][data-placement^=left]>.tippy-arrow:before{border-left-color:var(--active-bg)}.tippy-box[data-theme~=tooltip]{color:var(--text);background-color:var(--bg);border:var(--border)}.tippy-box[data-theme~=tooltip] b{color:var(--gold)}.alts{list-style-position:inside;padding:0;margin:0}:disabled,:disabled+label,.disabled{opacity:.4}:disabled,:disabled+label,.disabled,.disabled *{pointer-events:none}.busy,.busy *:hover{cursor:progress}header.no-border,#verse-panel.no-border{border-inline-end:none}.align-middle{vertical-align:middle}.font-medina{font-family:var(--font-medina)}.font-ottoman{font-family:var(--font-ottoman)}.font-asia{font-family:var(--font-asia)}.font-indonesia{font-family:var(--font-indonesia)}.word-box{display:grid;grid-template-rows:auto var(--gloss-container-track-size);grid-template-columns:auto;width:min-content;flex-grow:1}.last-line>.word-box{flex-grow:0}.quranic,.verse-break{height:var(--quranic-height)}.quranic,.verse-break{position:relative;font-size:3em;color:var(--text);grid-row:1 / 2}.quranic{display:flex;justify-content:center;align-items:center;white-space:nowrap;padding:0 calc(1.2 * var(--script-size));-webkit-user-select:none;user-select:none;cursor:text;text-align:center;grid-column:1 / 2;z-index:1}.verse-break{display:flex;justify-content:center;align-items:center;column-gap:calc(.5 * var(--script-size));grid-column:2 / 3}.gloss-container{grid-row:2 / 3;grid-column:1 / 2}.highlighted>.quranic,.highlighted>.verse-break{cursor:pointer;background:linear-gradient(to bottom,transparent 10%,var(--highlight-bg) 10%,var(--highlight-bg) 90%,transparent 90%)}.highlighted.double>.quranic,.highlighted.double>.verse-break{background:var( --double-highlight-bg, linear-gradient(to bottom, transparent 9.5%, var(--highlight-bg) 9.5%, var(--highlight-bg) 90.5%, transparent 90.5%) )}.highlighted>.quranic:before,.selected>.quranic:before,.highlighted>.verse-break:before,.selected>.verse-break:before{content:none}.overlaid>.quranic:before,.overlaid>.verse-break:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--contrast);opacity:.08;z-index:1;pointer-events:none;animation:none}.word-box.selected>.quranic,.word-box.selected>.verse-break{background:none;background-color:var(--active-bg);color:#fff}.quarter,.prostration{cursor:default}.page-break{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:1fr 1fr;width:100%;height:var(--line-height);color:var(--text);font-weight:500;font-size:1.2em;column-gap:calc(.5 * var(--script-size));-webkit-user-select:none;user-select:none}.page-break:after{content:"";position:absolute;top:50%;left:0;width:100%;border-top:solid 1px var(--text);transform:translateY(-50%)}.page-break>*{position:relative;z-index:1;align-self:center}.page-break>.chapter-name{grid-column:3;grid-row:2;justify-self:end;text-align:end}.page-break>.page-num{grid-column:2;grid-row:1;justify-self:center}.page-break>.juz-num{grid-column:1;grid-row:2;justify-self:start;text-align:start}.page-num{line-height:1}#scripture.glossless .page-break{font-size:1.1em;height:var(--line-height)}#scripture.glossless .page-num{padding:0 calc(.5 * var(--script-size));z-index:1}.gloss-container{display:flex;flex-direction:column;text-align:center;direction:ltr;font-family:var(--font-serif);font-size:1.2em;row-gap:.4em;line-height:1.25em;padding:0 .25em;-webkit-hyphens:auto;hyphens:auto;outline:none;z-index:1}.gloss{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}#gloss-panel .gloss{text-align:left}.gloss:hover{display:block;overflow:visible}.tippy-content .gloss{display:block}.gloss-container>:nth-child(1),#gloss-panel>:nth-child(1),.grid-gloss>:nth-child(1){color:var(--gloss1)}.gloss-container>:nth-child(2),#gloss-panel>:nth-child(2),.grid-gloss>:nth-child(2){color:var(--gloss2)}.gloss-container>:nth-child(3),#gloss-panel>:nth-child(3),.grid-gloss>:nth-child(3){color:var(--gloss3)}.gloss-container>:nth-child(4),#gloss-panel>:nth-child(4),.grid-gloss>:nth-child(4){color:var(--gloss4)}.gloss-container>:nth-child(5),#gloss-panel>:nth-child(5),.grid-gloss>:nth-child(5){color:var(--gloss5)}.gloss.editable{background-color:var(--bg);color:var(--text);outline:solid 1px white}#scripture.glossless{--scripture-max-width: 60rem}.glossless .gloss{display:none}.glossless .word-box{display:flex}#scripture.glossless .line.composed-line{display:flex;direction:rtl;align-items:stretch;justify-content:flex-start;width:100%;height:var(--line-height)}#scripture.glossless .line.composed-line>.word-box{flex:0 0 auto;height:100%}#scripture.glossless .line.composed-line>.word-box>.quranic{flex-grow:0}#scripture.glossless .line.composed-line>.word-box>.verse-break{padding-top:0;padding-bottom:0;padding-right:var(--composed-verse-break-padding-right, 0px);padding-left:var(--composed-verse-break-padding-left, 0px);column-gap:0}#scripture.glossless .line.composed-line>.word-box>.verse-break>.verse-number{padding-right:var(--composed-verse-number-padding-right, 0px);padding-left:var(--composed-verse-number-padding-left, 0px)}#scripture.glossless .line.composed-line>.word-box>.verse-break>.quarter{padding-right:var(--composed-quarter-gap-padding-right, var(--composed-quarter-padding-right, 0px));padding-left:var(--composed-quarter-gap-padding-left, var(--composed-quarter-padding-left, 0px));margin-right:var(--composed-quarter-gap-margin-right, 0px);margin-left:var(--composed-quarter-gap-margin-left, 0px)}.glossless .word-box.bookmarked:after{right:.5rem}.glossless .quranic{flex-grow:1;padding-top:0;padding-bottom:0;padding-right:var(--composed-gap-padding-right, 0px);padding-left:calc(var(--quranic-extra-padding-left, 0px) + var(--composed-gap-padding-left, 0px))}.glossless .verse-break{padding:0 .5rem}#lexicon{display:flex;flex-direction:column;row-gap:3em;color:var(--text);background-color:var(--bg);line-height:2em;text-align:justify;padding:5vh 5vw 5vw 5vw;overflow-y:auto}#lexicon>#lexicon-title.arabic{font-size:3em;align-self:center}#lexicon .arabicquoteblock{padding:1em 0}#lexicon .arabic{font-size:1.5em}#lexicon.medina .arabic{font-family:Medina}#lexicon.ottoman .arabic{font-family:Ottoman}#lexicon.indonesia .arabic{font-family:Indonesia}#lexicon.asia .arabic{font-family:Asia}#lexicon .hi{font-weight:700}#lexicon .linkword,#lexicon .nolinkword{pointer-events:none;text-decoration:none;color:var(--chrome-color)}#lexicon .lexicon-ref[data-lexicon-root]{cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;color:var(--chrome-color);pointer-events:auto}#lexicon .lexicon-ref[data-lexicon-root]:focus{outline:2px solid var(--accent);outline-offset:2px}#lexicon [id],#lexicon a[name]{scroll-margin-top:.5em}.loader{position:relative;scrollbar-gutter:stable;overflow:clip!important;pointer-events:none}.loader *{visibility:hidden}body.loader:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg);z-index:2147483646}.loader:before{--size: 40px;--pos: calc(50% - calc(var(--size) / 2));position:absolute;content:"";width:var(--size);height:var(--size);left:var(--pos);top:var(--pos);flex:none;border:4px solid transparent;border-radius:50%;border-top-color:var(--accent);animation:spin 1s cubic-bezier(.6,.02,.4,1) infinite}body.loader:before{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;z-index:2147483647}#player{position:fixed;bottom:2rem;left:var(--header-width);right:var(--player-scrollbar-offset, 0px);width:auto;display:none;z-index:4;flex-direction:column;align-items:stretch;color:var(--chrome-color);background-color:transparent;filter:drop-shadow(0px -1rem 20px rgba(0,0,0,.2));pointer-events:none;--player-track: var(--border-color);--player-progress: var(--active-bg);--player-track-height: .6rem;--player-thumb-size: calc(var(--player-track-height) * 2);--hover-multiplier: 1.2;--player-thumb-size-hover: calc(var(--player-thumb-size) * var(--hover-multiplier));--player-track-height-hover: calc(var(--player-track-height) * var(--hover-multiplier))}#player *{pointer-events:auto}:where([dir=rtl]) #player{left:var(--player-scrollbar-offset, 0px);right:var(--header-width)}#player.show{display:flex}#player:has(.modal){filter:none}#player .player-row{display:flex;justify-content:center;align-items:center;gap:.75rem}#player .player-row--controls{position:relative;z-index:1;flex-wrap:nowrap;white-space:nowrap;padding:.75rem;background-color:var(--chrome-bg);border:var(--border);border-radius:999px}#player .player-row--controls,#player .player-row--seek{width:100%;max-width:34rem;margin-inline:auto}#player .player-row--seek{position:relative;z-index:2;background-color:transparent;pointer-events:none}#player .player-row--seek #player-seek{pointer-events:auto}#player .player-buttons{display:flex;align-items:center;gap:.5rem}#player .player-reciter{width:4rem;margin-inline-start:auto}#player .player-reciter>input{font-family:"Font Awesome 6 Free";font-weight:900}#player button.icon-only{font-size:2rem;height:var(--input-height)}#player button.icon-only{width:var(--input-height)}#player button.icon-only[aria-pressed=true]{color:var(--chrome-bg);background-color:var(--chrome-color)}#player input[type=checkbox].switch#player-autoplay{--height: calc(var(--input-height) - 2px);--knob-size-ratio: .72}#player input[type=checkbox].switch#player-autoplay:after{content:"";position:absolute;top:50%;inset-inline-start:var(--gap);transform:translateY(-50%);width:var(--knob-size);height:var(--knob-size);display:grid;place-items:center;font-size:calc(var(--knob-size) * .52);line-height:1;font-family:"Font Awesome 6 Free";font-weight:900;color:var(--chrome-color);pointer-events:none;transition:transform .15s}#player input[type=checkbox].switch#player-autoplay:checked:after{content:"";transform:translate(100%,-50%)}#player input[type=range]{width:100%;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:calc(var(--player-track-height) * 1.5);background:transparent;border-radius:999px;cursor:pointer;padding:2rem 0;margin:0 2rem}#player input[type=range]::-webkit-slider-runnable-track{height:var(--player-track-height);background:linear-gradient(var(--player-progress) 0 0) 0 / var(--seek-progress, 0%) 100% no-repeat,var(--player-track);border-radius:999px}#player input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--player-thumb-size);height:var(--player-thumb-size);border-radius:50%;background:var(--player-progress);box-shadow:0 2px 4px #00000059;margin-top:calc((var(--player-track-height) - var(--player-thumb-size)) / 2)}#player input[type=range]:hover::-webkit-slider-runnable-track{height:var(--player-track-height-hover)}#player input[type=range]:hover::-webkit-slider-thumb{width:var(--player-thumb-size-hover);height:var(--player-thumb-size-hover);margin-top:calc((var(--player-track-height-hover) - var(--player-thumb-size-hover)) / 2)}#player input[type=range]::-moz-range-track{height:var(--player-track-height);background:var(--player-track);border-radius:999px}#player input[type=range]::-moz-range-progress{height:var(--player-track-height);background:var(--player-progress);border-radius:999px}#player input[type=range]::-moz-range-thumb{width:var(--player-thumb-size);height:var(--player-thumb-size);border-radius:50%;border:0;background:var(--player-progress);box-shadow:0 2px 4px #00000059}#player input[type=range]:hover::-moz-range-track,#player input[type=range]:hover::-moz-range-progress{height:var(--player-track-height-hover)}#player input[type=range]:hover::-moz-range-thumb{width:var(--player-thumb-size-hover);height:var(--player-thumb-size-hover)}#player input[type=range]:disabled{cursor:default;opacity:.6}#fieldset-preview{align-items:center}.preview-panel{--preview-scale: 1;--preview-size: calc(var(--preview-base-size) * var(--preview-scale));display:flex;pointer-events:none;-webkit-user-select:none;user-select:none;padding:8px;background-color:var(--bg);justify-content:center;align-items:center;min-height:20rem;border-radius:6px;flex-direction:column!important;row-gap:12px}.preview-panel .word-box{grid-template-rows:1fr auto;grid-template-columns:repeat(2,min-content);flex-grow:0;direction:rtl}.preview-panel:not(.onboarding-preview-panel) .quranic{padding-right:0;padding-left:var(--preview-size)}#control-panel>fieldset>div.preview-panel{height:auto}.preview-panel .quranic,.preview-panel .verse-break{font-size:calc(3 * var(--preview-size));height:calc(6 * var(--preview-size))}.preview-panel.medina .quranic,.preview-panel.medina .verse-break{height:calc(5.3 * var(--preview-size))}.preview-panel.asia .quranic,.preview-panel.asia .verse-break{font-size:calc(2.9 * var(--preview-size));height:calc(5 * var(--preview-size))}.preview-panel .gloss-container{row-gap:calc(.5 * var(--preview-size));font-size:calc(1.3 * var(--preview-size));line-height:calc(1.5 * var(--preview-size));padding-left:calc(.3 * var(--preview-size));padding-right:calc(.3 * var(--preview-size))}.preview-panel.ottoman .verse-number{width:calc(2.5 * var(--preview-size))}.preview-panel:not(.onboarding-preview-panel)>[data-tippy-root]{position:static!important;transform:none!important}[data-theme~=dummy]{color:var(--chrome-color);background-color:var(--chrome-bg);border:var(--border);border-radius:4px}[data-theme~=dummy] .tippy-arrow{filter:drop-shadow(0px 2px 0px var(--border-color));color:var(--chrome-bg)}@media (max-aspect-ratio: 4/3){body{flex-direction:column}main{width:100%;height:calc(100vh - var(--header-height));background:var(--bg)}html[dir=ltr]{--header-slide-inline-start-offset: -100%}html[dir=rtl]{--header-slide-inline-start-offset: 100%}header.expanded{position:fixed;animation:header-slide-inline-enter .15s ease-out}header.expanded+main{height:100vh;padding-top:var(--header-height)}header.collapsed{width:100%;min-height:var(--header-height);max-height:var(--header-height);padding:1.2rem;flex-direction:row;align-items:center;justify-content:start;padding-top:0;padding-bottom:0;overflow:visible;background-color:var(--chrome-bg);box-shadow:0 1px 3px #0003;border-inline-end:none;z-index:4}header.collapsed .hidable{display:none!important}header.collapsed nav{row-gap:0;flex-grow:1;max-width:30rem}header:has(#continue-container).collapsed nav{width:100%}header.collapsed #nav-buttons{position:fixed;top:calc(var(--header-height) / 2);transform:translateY(-50%);inset-inline-end:1rem}#verse-panel{width:100%;height:min-content;min-height:var(--header-height);max-height:max(25%,120px);padding:2.5%;padding-inline-end:0;border-inline-end:none;border-bottom:solid 4px var(--custom-scrollbar);box-shadow:0 1px 3px #0003;transform:translateY(-100%);transition:transform .15s ease}#verse-panel.show{transform:translateY(0)}#verse-panel .verse-panel-nav{display:none}.verse-panel-content{padding-inline-end:2.5%}#player{width:auto;left:0;right:var(--player-scrollbar-offset, 0px)}#hamburger{display:flex}header.collapsed #continue-container{flex-direction:row;justify-content:space-between}}@media (min-width: 600px){.chapter-title{margin:0}.simple-keyboard.hg-theme-default{height:30%;right:0;width:unset;margin:auto;padding:30px;border:solid 2px;border-bottom:none;border-top-right-radius:34px;border-top-left-radius:34px;border-top-color:var(--chrome-bg);border-right-color:var(--border-color);border-left-color:var(--chrome-bg)}}html[dir=rtl] .hg-row{direction:ltr}html[dir=rtl] .ag-cell-value .tag-box{flex-direction:row}html[dir=rtl] #onboarding-arrow,html[dir=rtl] .annotation-go-link>i{transform:scaleX(-1)}html[dir=rtl] #note-panel,html[dir=rtl] #note-search,html[dir=rtl] #tag-filter>input[type=search],html[dir=rtl] #tag-select>input[type=search]{direction:rtl;unicode-bidi:plaintext;text-align:start}html[dir=rtl] #gloss-panel .gloss{text-align:right}html[dir=rtl] .option{justify-content:right}html[dir=rtl] .dialog-actions{direction:ltr}.note-icon:dir(rtl){transform:scaleX(-1)}.arrowed:dir(rtl):after{transform:translateY(-50%) rotate(-90deg)}input[type=checkbox].switch:dir(rtl):checked:before{transform:translate(-100%,-50%)}