.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(32rem, 100%);--custom-scrollbar-width: 4px;--header-padding: 2.4rem;--option-height: 2.7rem;--option-height-modal: 6rem;--input-height: calc(.6 * var(--header-height));--menu-padding: .6rem;--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-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;--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;--checked-color: var(--border-color)}[hidden]{display:none!important}:active{-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:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;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{height:100vh;width:calc(100vw - var(--header-width));overflow-y:auto;position:relative;background-color:var(--bg)}.touch main{scrollbar-gutter:stable}.line{display:contents}#page{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg);padding:0 2.5vw}#scripture{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;max-width:70rem}.spacer{width:100%;z-index:1}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)}fieldset:has(>legend),#bottom-links{border-top:groove var(--border-color) 2px}fieldset:has(>legend){padding:1rem 0 0}.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{color:var(--accent);background-color:var(--input-focus)}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)}html:not(.touch) button.icon-only:not(:disabled):hover,html:not(.touch) button.icon-only:not(:disabled):focus-visible{color:var(--contrast);background-color:#00000026}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:max-content;min-width:100%;max-width:calc(100vw - 1rem);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;cursor:default!important;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}.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}.buttoned>.option{padding-right:30px}.buttoned>.option:after{font-family:"Font Awesome 5 Free";font-weight:900;content:"";position:absolute;right:0;text-align:center;width:30px;cursor:pointer;border-radius:6px}.buttoned>.option[contentEditable=true]:after{content:"✖"}.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:Arial,Helvetica,sans-serif;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:var(--bg)}#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{margin:1rem;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)}html:not(.touch) nav button.icon-only:hover{color:var(--accent)}nav button.icon-only.nudge{animation:bookmark-nudge 1.8s ease-out infinite}@media (prefers-reduced-motion: reduce){nav button.icon-only.nudge{animation:none}}#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}html:not(.touch) #chapter-sort-button:hover{opacity:1!important;color:var(--accent)!important}#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:calc(2.9 * var(--script-size))}.asia .quarter{height:calc(4.5 * var(--script-size))}.asia.glossless .full-padding-left{padding-left:var(--script-size)}.asia.glossless .half-padding-left{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:calc(1.2 * var(--script-size));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:calc(1 * var(--script-size));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;font-size:calc(2.5 * var(--script-size))}.indonesia .verse-number{height:100%;display:flex;align-items:center}.indonesia .verse-number.western-numerals .western-numeral-overlay{font-size:calc(1.2 * var(--script-size));margin-top:88%}.indonesia .western-numerals.small .western-numeral-overlay{font-size:calc(.95 * var(--script-size));margin-top:96%}.preview-panel.indonesia .verse-number.western-numerals .western-numeral-overlay{font-size:calc(1.2 * var(--preview-size))}.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}.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:calc(3.5 * var(--script-size))}[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:calc(1.6 * var(--script-size));align-items:center}.medina .western-numerals.small .western-numeral-overlay{font-size:calc(1.4 * var(--script-size));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-family:Arial,Helvetica,sans-serif;font-size:calc(1.35 * var(--script-size));padding-top:calc(.3 * var(--script-size));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.glossless .verse-number{margin:0 4px}.ottoman .quarter{position:relative;isolation:isolate;color:var(--gold);font-size:calc(2.5 * var(--script-size))}.ottoman .quarter:before{content:"رُبْعٌ";font-size:var(--script-size);color:#fff;position:absolute;bottom:calc(1.6 * var(--script-size));left:2px;right:0;display:grid;place-items:center}.ottoman .quarter:after{content:"";position:absolute;background-color:var(--gold);border-radius:50%;z-index:-1;right:15%;top:33%;width:64%;aspect-ratio:1;outline:solid 4px var(--blue)}.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:calc(.9 * var(--script-size));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-size:calc(1.2 * var(--script-size));align-items:center}.ottoman .western-numerals.small .western-numeral-overlay{font-size:calc(1.1 * var(--script-size))}.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 #title{background-color:var(--gold);outline-color:var(--bg);height:calc(8 * var(--script-size))}.ottoman #title .title-svg{background-color:transparent;color:var(--bg);height:90%}.ottoman #title .corner-decoration{display:none}.ottoman #title>.title-inner .corner-decoration{display:none}#heading{display:flex;flex-direction:column;justify-content:center;width:100%}#heading>.page-header{height:min-content}#scripture.glossless>#heading{height:min-content}#scripture.glossless>#heading>.page-header{padding-top:1rem}#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}#title .title-inner{display:flex;justify-content:center;align-items:center;position:relative;height:100%;width:94%}#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}#title .title-svg svg{height:100%}#title .corner-decoration{position:absolute;z-index:3;height:50%;aspect-ratio:1;background-color:var(--bg);mask-image:url(/assets/images/corner-decoration.svg);mask-repeat:no-repeat;mask-size:contain;mask-position:center;-webkit-mask-image:url(/assets/images/corner-decoration.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;pointer-events:none}#title>.title-inner .corner-decoration{background-color:var(--text)}#title .corner-decoration--tl{bottom:4px;left:3px}#title .corner-decoration--tr{bottom:4px;right:3px;transform:scaleX(-1)}#title .corner-decoration--bl{top:4px;left:3px;transform:scaleY(-1)}#title .corner-decoration--br{top:4px;right:3px;transform:scale(-1)}#basmala{color:var(--text);text-align:center;font-size:calc(3 * var(--script-size));margin:0;word-spacing:calc(-.5 * var(--script-size));-webkit-user-select:none;user-select:none;white-space:nowrap}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}.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}.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-focus);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}@font-face{font-family:Medina;src:url(/assets/fonts/medina.woff2) format("woff2");font-display:swap}@font-face{font-family:Ottoman;src:url(/assets/fonts/ottoman.woff2) format("woff2");font-display:swap}@font-face{font-family:Asia;src:url(/assets/fonts/asia.woff2) format("woff2");font-display:swap}@font-face{font-family:Indonesia;src:url(/assets/fonts/indonesia.woff2) format("woff2");font-display:swap}.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-value .quranic{font-size:1.6rem;justify-content:end;cursor:auto}.ag-cell-value .note{font-size:1.2rem;line-height:1.2;background-color:#0000000d;padding:1rem;border-radius:1rem;border:var(--border);margin-bottom:.8rem;overflow-wrap:anywhere}.ag-cell-value .tag{max-width:fit-content;margin-bottom:.8rem}#annotation-grid .ag-cell-value .tag{font-size:inherit}.ag-cell-value .tag-box{display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:.2rem;overflow:hidden}.ag-cell-value p{margin:0;font-size:1.4rem}.ag-cell-value p,.ag-cell-value .note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ag-cell-value p.tag-text{font-size:1.15rem}.expanded p,.expanded .note{overflow:visible;white-space:normal;text-overflow:clip}.hidden-lines,.expanded .ellipsis{display:none}.ellipsis,.expanded .hidden-lines{display:initial}.ag-row:has(.focused){background-color:var(--ag-selected-row-background-color)}.ag-selection-checkbox{margin:0!important}[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;padding-inline-end:10px!important;width:unset!important}.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)}.ag-wrapper.ag-input-wrapper.ag-checkbox-input-wrapper{margin:0 3px}.match{color:var(--glow)}.search-grid-text{font-size:1.9rem}.root-grid-text{font-size:1.65rem}.annotation-grid-text{font-size:2rem}#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}#annotation-grid>#grid-header{inset-inline-start:45px;padding-inline-start:0}#grid-controls{display:flex;flex-grow:1;column-gap:.5rem;max-width:40rem}#tag-filter,#note-search{width:50%}#grid-buttons{display:flex;flex-direction:row;column-gap:.6rem}#go-button,#delete-button{aspect-ratio:1}.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}#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);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 .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.no-animate{transition:none}#verse-panel.show{opacity:1}#verse-panel legend{-webkit-user-select:none;user-select:none}.verse-translation{-webkit-hyphens:auto;hyphens:auto}.verse-panel-nav{direction:ltr;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px}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}}@media (prefers-reduced-motion: reduce){.backdrop,.modal{animation:none}}.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;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}.onboarding-head{margin-bottom:2rem}.onboarding-nav{display:flex;justify-content:space-between;align-items:center;width:100%}.onboarding-modal-controls{position:absolute;top:1.8rem;inset-inline-end:1.8rem;-webkit-user-select:none;user-select:none}.onboarding-modal-controls>button{font-size:1.5rem;padding:1rem}#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}}@media (prefers-reduced-motion: reduce){.onboarding .onboarding-verse-word-box .verse-number:after{animation:none}}.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:max-content;min-width:100%;max-width:calc(100vw - 16px);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,.chapter-break{height:var(--quranic-height)}.quranic,.verse-break{position:relative;font-size:calc(3 * var(--script-size));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,.chapter-break,.page-header{display:flex;justify-content:center;color:var(--text);font-family:Times New Roman,Times,serif;-webkit-user-select:none;user-select:none;width:100%}.page-header{flex-direction:row-reverse;justify-content:space-between;height:50%;padding-top:1rem}.glossless .page-header{height:var(--line-height);align-items:center}.page-break{position:relative;flex-direction:column;justify-content:space-between;height:var(--line-height)}#scripture.glossless .page-break{align-items:center;justify-content:center;border-bottom:solid 1px var(--text)}#scripture:not(.glossless) .page-break:after{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;border-top:solid 1px var(--text)}.page-num,.page-header{font-size:calc(2 * var(--script-size))}.page-num{align-self:center}#next-chapter,.page-header{font-size:calc(1.6 * var(--script-size))}.page-break #next-chapter{height:33.3%;align-self:end}.chapter-break{justify-content:end;align-items:start}#next-chapter:hover{color:var(--accent);cursor:pointer}#scripture.glossless .page-header{padding-top:0}#scripture.glossless .page-num{font-size:calc(1.5 * var(--script-size));padding:0 calc(.5 * var(--script-size));z-index:1}#scripture.glossless #next-chapter,#scripture.glossless .page-header{font-size:calc(1.4 * var(--script-size))}#scripture.glossless .page-break #next-chapter{height:unset;position:absolute;bottom:0}#scripture.glossless .chapter-break{align-items:center}.gloss-container{display:flex;flex-direction:column;row-gap:calc(.5 * var(--script-size));text-align:center;font-family:Times New Roman,Times,serif;font-size:calc(1.3 * var(--script-size));line-height:calc(1.5 * var(--script-size));direction:ltr;padding-left:calc(.3 * var(--script-size));padding-right:calc(.3 * var(--script-size));-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{max-width:60rem}.glossless .gloss{display:none}.glossless .word-box{display:flex}.glossless .word-box.bookmarked:after{right:.5rem}.glossless .quranic{flex-grow:1;padding:0}.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.indonesia .quranic,.preview-panel.indonesia .verse-break{font-size:calc(2.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{font-size:calc(1.35 * var(--preview-size));padding-top:calc(.3 * var(--preview-size));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))}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%;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}#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 (prefers-reduced-motion: reduce){header.expanded{animation:none}}}@media (min-width: 600px){#page{padding:0 5%}#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)}}@media (min-width: 1100px) and (min-height: 500px){main{background-image:url(/assets/images/background.jpg);background-repeat:repeat;background-color:var(--primary);background-blend-mode:difference}#page{margin:0 5%;padding:0 5%;min-height:100vh;box-shadow:0 0 3px 1px #0003}.centered-wrapper{display:flex;flex-direction:column;justify-content:center;min-height:100%}}[dir=rtl] .hg-row{direction:ltr}[dir=rtl] .ag-cell-value .tag-box{flex-direction:row}[dir=rtl] #go-button,[dir=rtl] #onboarding-arrow{transform:scaleX(-1)}[dir=rtl] #note-panel,[dir=rtl] #note-search,[dir=rtl] #tag-filter>input[type=search],[dir=rtl] #tag-select>input[type=search]{direction:rtl;unicode-bidi:plaintext;text-align:start}[dir=rtl] #gloss-panel .gloss{text-align:right}[dir=rtl] .option{justify-content:right}.arrowed:dir(rtl):after{transform:translateY(-50%) rotate(-90deg)}input[type=checkbox].switch:dir(rtl):checked:before{transform:translate(-100%,-50%)}