.centered-page{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden auto}.quiz{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;gap:30px;width:100%;max-width:800px;height:100%;padding:10px;display:flex}@media (max-width:700px),(max-height:700px){.quiz{gap:5px;width:100%;height:100%;padding:7px}}.progressbar{box-sizing:border-box;background:#00000052;border-radius:40px;flex:1;width:100%;padding:6px;box-shadow:10px 10px #0002}.progressbar-inner{--progress-color:#a7d93e;background:linear-gradient(150deg, color-mix(in srgb, var(--progress-color), white 20%) 20%, var(--progress-color) 20% 80%, color-mix(in srgb, var(--progress-color), black 20%) 80%);will-change:width;border-radius:100px;min-width:20px;height:100%;transition:width .7s ease-in-out}.box{box-sizing:border-box;background:#00000052;border-radius:10px;width:auto;padding:10px;box-shadow:10px 10px #0002}.verse{display:flex;overflow:hidden}.verse h1{-webkit-user-select:none;user-select:none;color:#c5e753;height:10px;margin-top:0;margin-left:4px;margin-right:4px;font-family:Inter,sans-serif;font-size:50px;font-weight:700}.verse p{text-wrap:text-wrap;font-size:20px;font-weight:400}.quiz-button-board{aspect-ratio:560/250;box-sizing:border-box;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:20px;width:100%;display:grid}.quiz-question-header{gap:5px;width:100%;display:flex}.quiz-question-total{border-radius:100px;gap:2px;padding:7px 10px 7px 7px;font-size:1rem;display:flex}@media (max-width:700px),(max-height:500px){.quiz-button-board{aspect-ratio:unset;gap:7px;height:45%}}@property --button-color{syntax:"<color>";inherits:true;initial-value:#0000}.button:focus,.button:focus-visible{outline:none}.button{box-sizing:border-box;white-space:normal;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;background:linear-gradient(150deg, color-mix(in srgb, var(--button-color), white 20%) 20%, var(--button-color) 20% 80%, color-mix(in srgb, var(--button-color), black 25%) 80%);color:#fff;-webkit-user-select:none;user-select:none;background-origin:border-box;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;padding:20px;font-size:clamp(.5rem,5cqi,1.5rem);transition:--button-color .3s;display:flex;box-shadow:inset 0 0 0 10px #00000045,10px 10px #00000038;container-type:inline-size}.button-active{cursor:pointer;transition:scale .2s}@media (min-width:700px){.button-active:hover{scale:1.02}}@media (max-width:700px),(max-height:500px){.button-active:active{filter:brightness(1.1)}.button{box-shadow:inset 0 0 0 7px #00000045,10px 10px #00000038}}.button-active:active{scale:.98}.quiz-button-content{flex-direction:column;justify-content:center;align-items:center;display:flex}.quiz-button-content .icon{max-width:50px;max-height:50px}@media (max-height:500px){.quiz-button-content{flex-direction:row}.quiz-button{padding:0}}.icon-button:focus,.icon-button:focus-visible{outline:none}.icon-button{box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#00000052;border:none;border-radius:30px;outline:none;padding:5px;box-shadow:10px 10px #0002}.icon-button.active{cursor:pointer;transition:scale .2s}@media (min-width:700px){.icon-button.active:hover{scale:1.02}}@media (max-width:700px){.icon-button.active:active{filter:brightness(1.1)}}.icon-button.active:active{scale:.98}.quiz-stats{width:100%;max-width:600px}.quiz-stats-header{text-align:center;margin:100px 0}.quiz-stats-progress{-webkit-user-select:none;user-select:none;justify-content:center;padding:15px}.quiz-stats-box{width:100%;margin-bottom:30px;position:relative}.quiz-stats-verse-item{border-radius:15px;flex-direction:row;align-items:center;height:100%;padding:15px;font-weight:400;display:flex;box-shadow:inset 0 0 0 7px #00000038}.quiz-stats-verses{flex-direction:column;gap:15px;margin-bottom:100px;padding:15px;display:flex}.quiz-stats-item-icon{flex:0 0 60px}.circular-progress{display:flex;position:relative}.svg-progress{transform:rotate(-90deg)}.svg-progress-background{fill:none;stroke:#051729}.svg-progress-value{fill:none;stroke:#afda37;transition:stroke-dashoffset .5s ease-in-out}.svg-progress-text{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;margin:0;font-family:sans-serif;font-size:2rem;font-weight:700;display:flex;position:absolute;top:0;left:0}.floating-button{justify-content:center;width:100%;display:flex;position:absolute;bottom:0;right:0;transform:translateY(-20px)}.menu{box-sizing:border-box;flex-direction:column;justify-content:space-between;gap:20px;width:100%;max-width:500px;height:100%;padding:80px 0;display:flex}.menu h1{text-align:center}.menu .button{height:90px}@media (max-width:700px),(max-height:550px){.menu{padding:10px}.menu h1{margin:10px 0 0}.menu .button{height:70px}}.input:focus,.input:focus-visible{outline:none}.input{box-sizing:border-box;color:#fff;-webkit-user-select:none;user-select:none;cursor:input;background-color:#ffffff26;background-origin:border-box;border:none;border-radius:10px;outline:none;padding:10px;font-size:clamp(1rem,1.2cqi,1.5rem);box-shadow:inset 5px 5px #00000038}@media (max-width:700px),(max-height:500px){.input{box-shadow:inset 10px 10px #00000038}}.select-container{width:100%;font-family:Inter,sans-serif;position:relative}.select{background:linear-gradient(150deg, color-mix(in srgb, var(--select-color), white 10%) 20%, var(--select-color) 20% 80%, color-mix(in srgb, var(--select-color), black 20%) 80%);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:10px;justify-content:space-between;align-items:center;padding:10px;font-weight:700;display:flex;box-shadow:inset 0 0 0 5px #00000038}.select-text{white-space:nowrap;text-overflow:ellipsis;margin-right:8px;overflow:hidden}.select-dropdown{z-index:2;box-sizing:border-box;background:#0b1e30eb;border-radius:10px;width:auto;max-height:300px;margin-top:5px;padding:10px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:10px 10px #0002}.select-dropdown.searchable{flex-direction:column;width:90%;max-width:600px;height:400px;max-height:90%;margin:auto;display:flex;position:fixed;inset:0}.select-dropdown.searchable .select-list{flex:1;padding:5px;overflow-y:auto}.select-list{margin:0;padding:0;list-style:none}.select-list .group-label{-webkit-user-select:none;user-select:none;opacity:.5;margin:3px;font-weight:400}.select-option{cursor:pointer;padding:10px 13px;font-weight:400}.select-option:hover{background:#ffffff1a}.select-arrow{transition:transform .2s ease-in-out}.select-arrow.open{transform:rotate(180deg)}@media (max-width:700px),(max-height:500px){.select-dropdown{width:90%;max-width:400px;height:fit-content;max-height:90%;margin:auto;position:fixed;inset:0}.select{font-size:15px}}.loader-spinning-boy{animation:1.5s linear infinite loading;transform:scaleX(-1)}@keyframes loading{0%{transform:rotate(0)scaleX(-1)}to{transform:rotate(360deg)scaleX(-1)}}.loader{flex-direction:column;justify-content:center;align-items:center;display:flex}.typer{text-wrap:wrap;white-space:normal;width:500px;padding:30px;font-size:30px;position:relative}.typer input{opacity:0;pointer-events:none;position:absolute;top:0;left:0}.typer .character{color:var(--character-color);display:inline}#typer-cursor{transition:top .3 ease, left .3 ease;background-color:#00008b;border-radius:3px;width:.1em;height:1.2em;position:absolute}.privacypolicy{max-width:500px;height:100%}.privacypolicy .box{padding:20px;font-size:20px}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}button{-webkit-tap-highlight-color:transparent;appearance:none;font-optical-sizing:auto;color:#fff;outline:none;font-family:Inter,sans-serif;font-style:normal;font-weight:700}#root{font-optical-sizing:auto;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;width:100%;height:100%;font-family:Inter,sans-serif;font-style:normal}body{--background-color:#0d3d6e;--background-light:color-mix(in srgb, var(--background-color), white 20%);--background-dark:color-mix(in srgb, var(--background-color), black 20%);background:linear-gradient(150deg, var(--background-light) 20%, var(--background-color) 20% 80%, var(--background-dark) 80%);width:100%;height:100%;margin:0;padding:0}