body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;margin:0;min-height:100vh;overflow-x:hidden;margin-top:7vh;color-scheme:dark light}.text-link{background:none;border:none;color:var(--accent-link, #6b7f5e);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;font-family:inherit;margin:0}.dark-text-link{color:var(--accent-link, #90caf9)}.dark{background-color:#242526;color:#e7e9eae7}::-webkit-scrollbar-track{background-color:#e8e5de}.title{margin:5px 10px 12px}@media (max-width: 600px){.title{margin:1vh 10px 1.5vh}}@media screen and (min-width: 768px) and (max-width: 1158px) and (min-height: 1024px) and (max-height: 1400px) and (orientation: portrait){.title{margin:4.5vh 10px 10px}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin)}#end-of-chapter{background:none;border:none;color:#adabab;cursor:pointer;padding:0;font-size:inherit;font-family:inherit;margin:10px 0}.bottom-button-div{gap:8vw;display:flex;justify-content:center}.left-header-div{margin-right:22vh}@media (max-width: 600px){.left-header-div{margin-right:12vh}}.light{color-scheme:light;background-color:#f0ede6;color:#3b3a37}.VersePicker{justify-content:center;display:flex;justify-content:space-between;flex-wrap:wrap;margin-left:20px}.startDiv{display:flex;justify-content:center;flex-direction:row;margin-right:3em;color:red!important}.endDiv{display:flex;justify-content:center;flex-direction:row}.Autocomplete.chapter{width:13em;margin-left:10px}.Autocomplete.verse{width:16vh;margin-left:10px}@media (max-width: 700px){body{font-size:14px}.VersePicker{display:flex;gap:12px;margin-bottom:10px;flex-direction:column;margin-left:0}.Autocomplete.chapter{width:17em;margin-left:10px}.Autocomplete.verse{margin-left:10px}.Autocomplete{font-size:10px}.startDiv{margin-right:0}}@media (min-width: 850px) and (max-width: 1100px){.Autocomplete.chapter{width:10em;margin-left:10px}.Autocomplete.verse{margin-left:10px}}@media (min-width: 700px) and (max-width: 850px){.Autocomplete.chapter{width:8em;margin-left:10px}.Autocomplete.verse{margin-left:10px}}@font-face{font-family:v2;src:local("v2"),url(/fonts/v2/woff2/p1.woff2) format("woff2"),url(/fonts/v2/woff/p1.woff) format("woff"),url(/fonts/v2/ttf/p1.ttf) format("truetype")}@font-face{font-family:uthmanic;src:url(/assets/UthmaniHafs-DzyNXAfk.woff) format("woff")}.verse-container{margin:0 auto}.blur{color:transparent;text-shadow:0 0 18px rgba(0,0,0,.7)}.darkPlaceholder.placeholder{background:linear-gradient(90deg,#2c2c2c 25%,#1e1e1e,#2c2c2c 75%);background-size:200% 100%;animation:shimmer 3s infinite}.placeholder{background:linear-gradient(90deg,#e6e3dc 25%,#dbd7cf,#e6e3dc 75%);background-size:200% 100%;animation:shimmer 3s infinite}@keyframes shimmer{to{background-position:-200% 0}}.verse{letter-spacing:0px!important}@media (min-width: 1024px){.verse{font-size:36px}.verseText{margin:15px}}@media (min-width: 1600px){.verse{font-size:40px}.verseText{margin:15px}}@media (max-width: 1024px){.verse{font-size:max(3.5vw,3.5vh)}.verseText{margin:15px}}@media (max-width: 600px){.verse{font-size:4vh}.verseText{margin:10px}.resultDialog{font-size:2vh}}.verse-container{margin:0 auto;border-top:1px solid #ddd8cf;border-bottom:1px solid #ddd8cf;width:77%;flex-grow:1}.selected.dark{box-shadow:0 0 0 3px var(--accent-selection-shadow, rgba(100, 100, 255, .1));outline:1px solid var(--accent-selection-outline, rgba(100, 100, 255, .2));background-color:var(--accent-selection-bg, #05050546)}.selected.light{box-shadow:0 0 0 3px var(--accent-selection-shadow, rgba(107, 127, 94, .12));outline:1px solid var(--accent-selection-outline, rgba(107, 127, 94, .25));background-color:var(--accent-selection-bg, rgba(107, 127, 94, .04))}#expand-div{position:absolute;left:100%}@media (max-width: 1224px){.verse-container{width:85%}}@media (max-width: 500px){.verse-container{width:92%;line-height:1.75}.verse-container button{min-width:50px!important}}.bottom-bar{display:flex;flex-direction:row;position:fixed;bottom:0;left:0;width:100%;background-color:transparent;padding:0 10px 10px;text-align:center;justify-content:center;align-items:center}@media (max-width: 601px){.bottom-bar{padding-top:5px}.MuiStack-root.css-m69qwo-MuiStack-root{margin-top:8px!important}}.dark{background-color:#121212;box-shadow:0 2px 20px -1px #0000004d,0 4px 15px #00000024,0 1px 10px #0000001f;background-image:linear-gradient(#ffffff17,#ffffff17);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.light{background-color:#f7f5f0;box-shadow:0 -1px 6px #0000000d}.bottom-bar volume{margin:auto;align-items:center}.timeline-slider{width:250px}.volume-slider{width:150px}@media (width < 1000px){.timeline-slider{width:200px}.volume-slider{width:100px}}@media (width < 750px){.timeline-slider{width:150px}.volume-slider{width:80px}}@media (width < 550px){.timeline-slider{width:80px}}.VersePickerMobile{display:flex;justify-content:center;flex-wrap:wrap;margin-left:10px!important;margin-bottom:5px}.startDivMobile,.endDivMobile{display:flex;justify-content:center;flex-direction:row}.startChapterSelect,.endChapterSelect,.startVerseSelect,.endVerseSelect{text-align:left}.select-container{display:flex;flex-direction:column;margin-bottom:10px}.select-label{transform:translate(14px,12px) scale(1);transform-origin:top left}.mode-toggle{display:flex;align-items:center;align-self:center;gap:2px;flex-shrink:0}.mode-icon{cursor:pointer;opacity:.35;transition:opacity .2s ease}.mode-icon.active{opacity:1}.bottom-div{display:flex;justify-content:center;align-items:center;margin:auto;left:0;bottom:5px;width:100%}.question-text{font-size:20px;font-family:Roboto,sans-serif}.App-link{color:#61dafb}::-webkit-scrollbar{width:12px}html,body{scroll-behavior:smooth}::-webkit-scrollbar-thumb{background-color:#a5a2a2da;border-radius:6px;min-height:50px}::-webkit-scrollbar-track{background-color:#f2f2f2}.light{background-color:#f0ede6;color:#3b3a37}@media (max-width: 600px){.resultAccordion .verseText{margin-left:0;margin-right:0;font-size:.83em}.resultAccordion .MuiAccordionDetails-root{padding-left:8px;padding-right:10px}.MuiDialogContent-root{padding-left:14px;padding-right:12px}}.outerTestResultsDiv{min-height:85vh;max-width:96.7%;display:flex;margin-top:9vh;margin-left:20px;margin-right:20px;margin-bottom:20px;flex-direction:column;justify-content:flex-start}.outerTestResultsDiv .MuiAccordion-root{box-shadow:0 2px 5px #000c}.correctAnswersDiv{margin-bottom:15px}.about-page{max-width:700px;margin:80px auto 40px;padding:0 24px;line-height:1.8}.about-page h1,.about-page p{margin-bottom:16px}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;width:50%;padding:8px 12px;border:1px solid #ced4da;border-radius:2px;box-sizing:border-box;font-size:1rem;display:block}input[type=number]:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 .2rem #4caf5040}input[type=number]:hover{border-color:#6c757d}#formlabel{font-size:1em}#number-of-questions-div{margin:0 0 0 5px}#test-mode-control{margin:10px 0 0 10px}@media screen and (max-width: 480px){.testDialogContent #formlabel{font-size:1.1em}}@media screen and (max-width: 369px){.testDialogContent #formlabel{font-size:.9em}}.box{width:400px}@media (max-width: 850px){.box{width:250px}}@media (max-width: 600px){.box{width:150px}}