.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: 52px;--control-height: 3.2rem;--page-margin: 2.5vw;--label-char-limit: 6ch;--menu-padding: .6rem;--preview-base-size: 10px;--gloss-container-height: 1fr;--font-medina: "Medina";--font-ottoman: "Ottoman";--font-asia: "Asia";--font-indonesia: "Indonesia";--blue: #273557}[data-theme=light]{--bg: #fbfbfa;--text: black;--chrome-bg: white;--chrome-color: #666;--input-bg: #e2e2e2;--input-focus: #ededec;--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);--select-bg: #3266d0;--glow: deeppink;--button-icon: rgb(60, 60, 60);--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);--accent: var(--blue);--gold: #ccb479}[data-theme=dark]{color-scheme:dark;--bg: #1a1c1d;--text: #d4d4d4;--chrome-bg: #333;--chrome-color: #ccc;--input-bg: var(--bg);--input-focus: black;--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: rgba(251, 255, 86, .4);--highlight-bg-2: rgba(86, 188, 255, .35);--highlight-bg-3: rgba(107, 222, 166, .35);--highlight-bg-4: rgba(236, 142, 229, .4);--highlight-bg-5: rgba(255, 175, 128, .35);--highlight-bg: var(--highlight-bg-1);--double-highlight-bg-1: rgba(251, 255, 86, .7);--double-highlight-bg-2: rgba(86, 188, 255, .65);--double-highlight-bg-3: rgba(107, 222, 166, .65);--double-highlight-bg-4: rgba(236, 142, 229, .7);--double-highlight-bg-5: rgba(255, 175, 128, .65);--double-highlight-bg: var(--double-highlight-bg-1);--select-bg: #2c59b3;--glow: deepskyblue;--button-icon: white;--border-color: rgba(255, 255, 255, .2);--border: solid 1px var(--border-color);--primary: black;--contrast: white;--custom-scrollbar: #616161;--status-bar: #292929;--accent: white;--gold: #96865e}.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}[lang=ar] .hg-row,[lang=ur] .hg-row{direction:ltr!important}.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}.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(--accent);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:100%;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-icon{position:absolute;isolation:isolate;font-size:24px;color:var(--chrome-color);top:50%;left:24px;transform:translateY(-50%);z-index:10}.tippy-box{font-size:inherit!important}[data-theme=context-menu]{color:var(--chrome-color);overflow-wrap:anywhere;overflow:hidden;background-color:transparent;direction:ltr;width:24rem;max-width:none!important;border-radius:0}[data-theme=context-menu]{flex-direction:column-reverse}[data-theme=context-menu] .tippy-content{padding:0}.context-menu{display:flex;flex-direction:column;row-gap:4px}.context-menu.flipped{flex-direction:column-reverse}[lang=ar] .context-menu,[lang=ur] .context-menu{direction:rtl}.tippy-box:has(.combobox.focused){overflow:visible}[data-escaped]{display:none!important}#panel-container{display:none;flex-grow:1;flex-direction:column;background-color:var(--chrome-bg);border:var(--border);border-radius:4px}#panel-container:has(>#info-bar),#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}#label-panel{padding-right:3px;padding-left:3px}:has(.label) .menu-panel:not(#color-panel){padding-bottom:0}#label-box{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:row dense;gap:4px 3px;padding:6px 3px;overflow:hidden}#label-box:has(>:only-child){display:inline-block;max-width:100%;padding-bottom:2px}#label-box:empty{display:none}.label{display:flex;align-items:center;justify-content:space-between;height:2.4rem;padding:0 .6rem;font-size:1.2rem;color:var(--chrome-bg);background-color:var(--chrome-color);border-radius:1.2rem;min-width:0}.label-text{font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.long{grid-column:span 2}.label:has(.label-x:hover){cursor:pointer;opacity:.1}.label-x{font-weight:700;margin-left:3px;font-size:8px}.label.disabled{opacity:1}.label.disabled .label-x{visibility:hidden}#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}.color-option{position:relative;width:100%;aspect-ratio:1 / 1;border:none;border-radius:1rem;padding:0;background:none;cursor:pointer;outline:none;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.color-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--double-highlight-color)}.color-option.selected{border:solid 2px var(--accent)}.color-default{display:flex;align-items:center;gap:.6rem;margin-top:1rem;font-size:1.3rem;cursor:pointer}.color-default input[type=checkbox]{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:20px;text-decoration:none;color:#fff;margin:3px;border-radius:6px}#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)}#toolbar{display:flex;background-color:var(--input-bg);font-size:2.2rem;border:var(--border);border-radius:4px}.menu-button{flex:1;display:flex;justify-content:center;width:4rem;height:4rem;align-items:center}.menu-button>i{cursor:pointer}.menu-button.pressed{background-color:var(--input-focus)}input[type=search]::-webkit-search-cancel-button{display:none}.grid input[type=search]::-webkit-search-cancel-button{display:initial}.combobox,select,input[type=text],input[type=search],input[type=number]{--input-height: calc(.6 * var(--header-height));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}select{padding:0 1px}button:not(:disabled):hover,select:hover,input[type=text]:hover,input[type=search]:hover,input[type=number]:hover{background-color:var(--input-focus);transition:background-color .2s ease}select:focus,input[type=text]:focus,input[type=search]:focus,input[type=number]:focus{background-color:var(--input-bg);outline:none;transition:none}input[lang=ar]{direction:rtl}button{flex:1;min-height:32px;border-radius:4px;border:none;text-wrap:nowrap;background-color:var(--input-bg)}button>i{color:var(--chrome-color)}.switch input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.switch{position:relative;display:inline-block;width:36px;height:18px}.switch-slider{display:flex;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer;background-color:#ccc;transition:.4s;border-radius:18px}.switch-slider:before{content:"";height:80%;aspect-ratio:1;background-color:#fff;transition:.2s;border-radius:50%;margin-left:3px}input[type=checkbox]:checked+.switch-slider{background-color:#4caf50}input[type=checkbox]:checked+.switch-slider:before{transform:translate(15px)}.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;left:0;right:0;top:100%;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(.option:not(.hidden))>input,.combobox.modal:has(.option:not(.hidden))>input{border-bottom-right-radius:0;border-bottom-left-radius:0}.combobox.focused:has(.option:not(.hidden))>input{border-bottom:none}.combobox.focused>.dropdown:has(.option:not(.hidden)),.combobox.modal>.dropdown:has(.option:not(.hidden)){display:block}.seo-link{pointer-events:none}.option,.seo-link{display:block;cursor:default!important;color:var(--text);text-decoration:none;height:var(--option-height);line-height:var(--option-height);padding:0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;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}.arrowed>input{padding-inline-end:12px}.arrowed:after{content:"›";position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%) rotate(90deg);font-size:18px;font-family:Arial,Helvetica,sans-serif;color:var(--text);pointer-events:none}[lang=ar] .arrowed:after,[lang=ur] .arrowed:after{transform:translateY(-50%) rotate(-90deg)}.arrowed.focused:after,.arrowed:hover:after{content:none}.arrowed.focused>input,.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:22px}.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{height:var(--option-height-modal);line-height:var(--option-height-modal);border-bottom:var(--border)}.multi-select>.option{position:relative;padding:0 0 0 .5em}.multi-select label{position:absolute;left:0;right:0;padding-left: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)}:not(.modal).upward>.dropdown{top:auto;bottom:100%;border-top:var(--border);border-bottom:none;border-radius:16px 16px 0 0}:not(.modal).upward.focused:has(.option:not(.hidden))>input{border-radius:0 0 16px 16px;border-top:none}header{display:flex;flex-direction:column;justify-content:space-evenly;row-gap:var(--header-padding);height:100%;width:var(--header-width);min-width:var(--header-width);padding:3rem 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-btn{flex-grow:0}#bottom-links{display:flex;justify-content:center;column-gap:1rem}#bottom-links a{color:var(--chrome-color)}#bottom-links a:hover{color:var(--accent)}nav{display:flex;flex-direction:column;row-gap:21px}nav>.row{display:flex;column-gap:8px}.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-icons{display:flex;flex-direction:row;column-gap:1rem}.nav-icon{font-size:2rem;height:2.4rem;width:2.4rem;text-align:center;padding:.2rem;color:var(--chrome-color);cursor:pointer;align-self:center}#chapter-select{position:relative}#chapter-sort-icon{position:absolute;font-size:18px;color:var(--contrast);opacity:.7;top:50%;transform:translateY(-50%);inset-inline-end:5px;z-index:1}#chapter-sort-icon:hover{opacity:1!important;color:var(--accent)!important}.modal #chapter-sort-icon,#bars-icon{display:none}.asia .quranic,.asia .verse-break,.asia #basmala{font-family:Asia;font-size:calc(2.9 * var(--script-size))}.asia .quranic,.asia .verse-break,.asia .chapter-break{height:calc(5 * var(--script-size))}.asia .page-break{height:calc(5 * var(--script-size) + var(--gloss-container-height))}.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))}.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}.medina .quranic,.medina .verse-break,.medina #basmala{font-family:Medina}.medina .quranic,.medina .verse-break,.medina .chapter-break{height:calc(5.3 * var(--script-size))}.medina .page-break{height:calc(5.3 * var(--script-size) + var(--gloss-container-height))}.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)}.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)}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{-webkit-transform:rotate(360deg)}}@keyframes moveDown{0%{transform:translateY(-100%)}to{transform:translateY(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%}}.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}#control-panel{display:contents}#control-panel>fieldset{row-gap:10px;text-wrap:nowrap}#control-panel>fieldset>div{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:5px;width:100%}.user-button{text-align:start;background-color:transparent;color:var(--chrome-color);border-radius:16px;padding-inline-start:0;margin:0 -4px}.user-button>i{border-radius:50%;background-color:var(--input-bg);padding:8px}.user-button:hover{color:var(--contrast);background-color:var(--input-bg)}#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}.user-pic{width:30px;aspect-ratio:1;border-radius:50%;object-fit:cover;vertical-align:middle}@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{direction:ltr;text-align:left;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 .label{max-width:fit-content;margin-bottom:.8rem}.ag-cell-value .label-box{display:flex;flex-direction:row;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.label-text{font-size:inherit}.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}#annotation-grid .ag-column-last{width:calc(100vw - 46px)!important;right:0!important;left:unset!important}.touch #annotation-grid .ag-column-last{padding-left:0!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-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:1;padding:0 1.2rem}#search-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}#annotation-grid>#grid-header{left:45px;padding-left:0;direction:ltr}#grid-controls{display:flex;flex-grow:1;column-gap:.5rem;direction:ltr}#annotation-grid .ag-body,#annotation-grid .ag-header *{direction:ltr!important}#label-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;left: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);white-space:pre-line;text-align:justify;overflow-y:auto;z-index:6;opacity:0;transition:opacity .2s ease}#verse-panel.show{opacity:1}#verse-panel legend{-webkit-user-select:none;user-select:none}.verse-translation{-webkit-hyphens:auto;hyphens:auto}div[data-tippy-root]:has(.modal){transform:none!important;z-index:5!important;top:0!important}.tippy-box:has(.modal){height:0!important}.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}.modal #note-panel{font-size:18px;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}.overlay-lock{overflow-y:hidden;scrollbar-gutter:stable}.overlay-rel{position:relative}.overlay{z-index:6}.backdrop{background-color:#00000080;z-index:4}.backdrop.fixed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7}[data-theme=tooltip]{color:var(--text);background-color:var(--bg);border:solid 1px var(--text)}[data-theme=tooltip] b{color:var(--gold)}.alts{list-style-position:inside;padding:0;margin:0}*{box-sizing:border-box}[lang=ar] *,[lang=ur] *{direction:rtl}::selection{color:#fff;background-color:var(--select-bg)}html{font-size:max(10px,1.5vmin);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)}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)}.line{display:contents}#page{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--bg);padding:0 var(--page-margin)}#scripture{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;direction:rtl;max-width:70rem}#heading{width:100%;padding-bottom:calc(1.5 * var(--script-size))}#title{display:flex;justify-content:center;align-items:center;height:calc(8 * var(--script-size));background-color:var(--gold);color:var(--bg);outline:4px double var(--bg);outline-offset:-5px;margin:0 calc(-1 * var(--page-margin))}#title>svg{filter:drop-shadow(0px 1px 0px rgba(0,0,0,.5))}[data-theme=dark] #title>svg{filter:none}#basmala{color:var(--text);text-align:center;font-size:calc(3 * var(--script-size));margin:0;padding-top:calc(1.5 * var(--script-size));word-spacing:calc(-.5 * var(--script-size));-webkit-user-select:none;user-select:none;white-space:nowrap}.asia #basmala{word-spacing:calc(-.3 * var(--script-size))}.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}:active{-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}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;padding:1rem 0 0}.hidden{display:none!important}.disabled,:disabled i,:disabled+label{opacity:.4;pointer-events:none!important}.disabled *{pointer-events:none!important}.busy,.busy *:hover{cursor:progress!important}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-height);grid-template-columns:auto;width:min-content;flex-grow:1}.last-line>.word-box{flex-grow:0}.quranic,.verse-break,.chapter-break{height:calc(6 * var(--script-size))}.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}.selected>.quranic,.selected>.verse-break{background:none!important;background-color:var(--select-bg)!important;color:#fff!important}.highlighted>.quranic,.highlighted>.verse-break{cursor:pointer;background:var(--highlight-bg);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:linear-gradient(to bottom,transparent 10%,var(--double-highlight-bg) 10%,var(--double-highlight-bg) 90%,transparent 90%)}.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:.06;z-index:1;pointer-events:none;animation:none}.page-break,.chapter-break{display:flex;justify-content:center;color:var(--gold);font-family:Times New Roman,Times,serif;-webkit-user-select:none;user-select:none;width:100%}.page-break{position:relative;flex-direction:column;justify-content:space-between;height:calc(6 * var(--script-size) + var(--gloss-container-height))}.glossless .page-break{align-items:center;justify-content:center}.page-break:after{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;border-top:solid 1px var(--text)}.page-num{font-size:calc(2 * var(--script-size));align-self:center}.glossless .page-num{font-size:calc(1.5 * var(--script-size));background-color:var(--bg);padding:0 calc(.5 * var(--script-size));z-index:1}#next-chapter{font-size:calc(1.6 * var(--script-size))}.glossless #next-chapter{font-size:calc(1.4 * var(--script-size))}.page-break #next-chapter{height:33.3%;align-self:end}.glossless .page-break #next-chapter{height:unset;position:absolute;bottom:0}.chapter-break{justify-content:end;align-items:start}.glossless .chapter-break{align-items:end}#next-chapter:hover{color:var(--accent);cursor:pointer}.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: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}.touch main{scrollbar-gutter:stable}.touch input[type=range]{pointer-events:none}.touch input[type=range]::-webkit-slider-thumb{pointer-events:auto}.touch input[type=range]::-moz-range-thumb{pointer-events:auto}#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)}.loader{position:relative;scrollbar-gutter:stable;overflow:clip!important;pointer-events:none}.loader *{visibility:hidden}.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}#player{position:fixed;bottom:0;left:var(--header-width);width:calc(100% - var(--header-width));padding:0 2vw;margin-bottom:.5vw;display:none;z-index:4}#fieldset-preview{align-items:center}#preview-panel{pointer-events:none;-webkit-user-select:none;user-select:none;padding:8px;background-color:var(--bg);justify-content: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 .quranic{padding-right:0;padding-left:var(--preview-base-size)}#preview-panel .quranic,#preview-panel .verse-break{font-size:calc(3 * var(--preview-base-size));height:calc(6 * var(--preview-base-size))}#preview-panel.medina .quranic,#preview-panel.medina .verse-break{height:calc(5.3 * var(--preview-base-size))}#preview-panel.asia .quranic,#preview-panel.asia .verse-break{font-size:calc(2.9 * var(--preview-base-size));height:calc(5 * var(--preview-base-size))}#preview-panel.indonesia .quranic,#preview-panel.indonesia .verse-break{font-size:calc(2.5 * var(--preview-base-size))}#preview-panel .gloss-container{row-gap:calc(.5 * var(--preview-base-size));font-size:calc(1.3 * var(--preview-base-size));line-height:calc(1.5 * var(--preview-base-size));padding-left:calc(.3 * var(--preview-base-size));padding-right:calc(.3 * var(--preview-base-size))}#preview-panel.ottoman .verse-number{font-size:calc(1.35 * var(--preview-base-size));padding-top:calc(.3 * var(--preview-base-size));width:calc(2.5 * var(--preview-base-size))}#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))}header.expanded{position:fixed}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:0 12px;flex-direction:row;align-items:center;justify-content:start;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;width:27rem}header:has(#continue-container).collapsed nav{width:100%}header.collapsed #nav-icons{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 .2s ease}#verse-panel.show{transform:translateY(0)}#player{width:100%;left:0}#bars-icon{display:block}header.collapsed #continue-container{flex-direction:row;justify-content:space-between}}@media (min-width: 600px){#page{padding:0 5%}#heading{padding-top: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%}}