html,body{margin:0;padding:0;background-color:#f4f5f6;height:100%}#root{font-family:Teachers,sans-serif;line-height:1.5;font-weight:400;margin:0;padding:0}.header{height:75px;margin:0;padding:0 0 0 150px;background-color:#0f2949;display:flex}.header_pdf{height:50px;margin:0;padding:0 0 0 120px;background-color:#0f2949;display:flex}.logo{position:absolute;height:120px;top:15px;left:15px;z-index:9999}.logo_pdf{position:absolute;height:60px;top:15px;left:15px;z-index:9999}.header a{margin:0;padding:0;height:90px}.headerCol{display:flex;flex-direction:column;padding:15px 0;min-width:475px}.header h1,.header_pdf h1{font-family:bryant-web,sans-serif;font-size:20px;letter-spacing:2px;color:#fff;-webkit-font-smoothing:antialiased;text-transform:uppercase;font-weight:500;margin:0;padding:0}.header h3{font-family:bryant-web,sans-serif;font-size:20px;letter-spacing:2px;color:#81e4bc;-webkit-font-smoothing:antialiased;text-transform:uppercase;font-weight:500;margin:0;padding:0}@media (width < 775px) and (width > 600px){.logo{position:absolute;height:60px;top:5px;left:5px;z-index:9999}.header{height:40px;margin:0;padding-left:62px;background-color:#0f2949;display:flex}.headerCol{display:flex;flex-direction:column;padding:10px;min-width:475px}.header h1,.header h3{margin:0;padding:0;font-size:10px}}@media (width < 600px){.logo{position:absolute;height:20px;top:5px;left:5px;z-index:9999}.header{height:30px;margin:0;padding-top:-10px;padding-left:50px;background-color:#0f2949;display:flex}.headerCol{display:flex;flex-direction:column;padding:0;min-width:475px}.header h1,.header h3{margin:0;padding:0;font-size:10px}}@media (width < 900px) and (width > 775px){.logo{position:absolute;height:80px;top:5px;left:5px;z-index:9999}.header{height:50px;margin:0;padding-left:90px;background-color:#0f2949;display:flex}.headerCol{display:flex;flex-direction:column;padding:10px;min-width:475px}.header h1,.header h3{margin:0;padding:0;font-size:14px}}.seriesList{display:flex;flex-wrap:wrap;margin-top:60px;align-items:center;justify-content:center}.contentBox{margin-top:20px;margin-left:40px;padding:20px;width:340px;border-radius:12px;border:1px solid #bceadf;background-color:#f8fdfc;height:320px}.contentBox h1{margin:0;padding:0;font-size:16px;font-weight:600;letter-spacing:1px}.contentBox p{font-family:bryant-web,sans-serif;font-size:12px;font-style:italic;margin:0;padding:0}.contentBox .spectrumBar{height:5px;border-radius:10px;height:10px}.contentBox li a{color:#785cbd;font-size:14px;-webkit-font-smoothing:antialiased;font-weight:500;cursor:pointer}.loadingBackground{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background-color:#d71313;opacity:.3}.loadingContent{position:relative;flex:1;display:flex;justify-content:center;align-items:center;opacity:1;background-color:#fff;height:650px;z-index:99}.reset{background-color:#785cbd;color:#fff}.flyContainer{flex:1;display:flex;flex-grow:1;flex-direction:column;justify-content:center;align-items:center;justify-self:center;margin-left:auto;margin-right:auto;height:90vh;width:80vw;max-width:1200px;background-color:#fff}.flyContainerFull{flex:1;display:flex;flex-grow:1;flex-direction:column;justify-content:center;align-items:center;justify-self:center;max-width:1200px;background-color:#fff}.playerContent{margin:0;padding:0;height:100%;width:100%}.h5p-iframe,.h5p-content,.h5p-wrapper,.h5p-box-wrapper{display:flex;flex-direction:column;flex-grow:1}.bookFrame{width:100vw;height:89vh}.hidden{display:none}.actionButtons{position:absolute;top:10px;right:30px}.actionButtons svg{color:#fff}.fullScreenActionButtons{display:flex;flex-direction:row;justify-content:flex-end;width:100%}.fullScreenActionButtons svg{color:#000}.h5p-fullscreen{z-index:99}.MuiDialog-root{z-index:2147483640}.popup{z-index:2147483647;border:solid 2px purple}.tmp{color:#000}@media (width < 775px){.actionButtons{position:absolute;margin:-10px;padding:0}.actionButtons .MuiSvgIcon-root{color:#fff;font-size:18px}}@media (width < 775px) and (width > 600px){.actionButtons .MuiSvgIcon-root{color:#fff;font-size:24px}}.dialogBackground{height:100vh;width:100vw;background-color:#000;position:absolute;z-index:9999999;opacity:.5;top:0;left:0}.dialog{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;height:350px;border:solid 7px #000000;border-radius:20px;padding:30px;background-color:#fff;z-index:99999999}.dialogText{font-size:80px!important;font-weight:900!important;text-align:center}.heartDialog{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:452px;height:400px;background-color:transparent;background-image:url(/assets/heart-CT0AW0-T.png);background-size:contain;background-repeat:no-repeat;z-index:99999999}.heartDialogText{font-size:60px!important;font-weight:900!important;text-align:center}.fullScreenNavActionButtons{display:flex;flex-direction:row;justify-content:space-evenly;height:100px;background-color:#0f0}.div.h5p-footer-left-adjusted svg{color:#785cbd}.container{margin:0;padding:0;display:flex;flex-direction:column;flex-grow:1;height:80vh;width:90vw}.canvas{border-radius:9px;margin:20px;height:80vh;width:100vw;text-align:center;border:solid 2px purple!important}.fullScreenContainer .canvas{height:80vh!important;width:95vw!important;border:solid 2px purple!important}.toolbar{display:flex;justify-content:center;justify-self:center}.slider{width:100px}.fieldInput{margin-bottom:40px}.page{display:flex;flex-direction:column;padding:75px 0 0 75px}.headerDetails{width:100%;display:flex;flex-direction:row;justify-content:left}.box{border:solid 2px grey;border-radius:15px;padding:10px;background-color:#f0f8ff;flex-direction:"column";width:350px;margin:0 0 0 50px}.container{margin:30px;padding:0;display:flex;flex-direction:column;flex-grow:1;height:80vh;width:97%}.canvas{display:flex;flex-grow:1;flex:1;border-radius:9px;border:solid 5px grey;margin:20px;background-image:url(/assets/letterFormationBG-fF0EL2Tr.png)}.button,.buttonGroup{color:#0f2949!important;border-color:#0f2949!important}.react-colorful{border:2px solid #cecece;border-radius:12px}.controls{padding:10px 0 30px 150px}.contentDiv{display:flex}.navPanel{width:15%}.docPanel{display:flex;flex-direction:column;align-items:center}.pdfNav{display:inline-flex;flex-direction:row;justify-content:center;align-self:center;align-items:center;background-color:#392c59;border-radius:20;border:solid 1px white;height:40px;color:#fff;border-radius:12px;border:0 solid var(--Primary-Leaf, #20B893);background:#392c59e6;box-shadow:0 16px 16px #0000000d,0 8px 8px #0000000d,0 4px 4px #0000000d,0 2px 2px #0000000d,0 1px 1px #0000000d,0 0 0 1px #0000000d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);margin:10px}.pdfDisplay{display:flex;flex-direction:row;overflow:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.react-pdf__Page{display:flex;flex-direction:row;justify-content:space-around}.react-pdf__Page__canvas,.react-pdf__Page__textContent{display:flex;flex-direction:column;margin-right:40px;margin-left:40px;overflow:auto}.miniPage{display:flex;flex-direction:column;margin-right:10px;width:160px}.miniPage .react-pdf__Page{margin-top:10px;padding:5px;border:1px solid black;border-radius:10px;width:30px!important}.miniPage .react-pdf__Page__canvas{margin:0 auto;width:100px}.bodyDisplay::-webkit-scrollbar{width:8px;height:8px}.bodyDisplay::-webkit-{width:10px}.bodyDisplay::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.bodyDisplay::-webkit-scrollbar-thumb{background-color:#888;border-radius:8px;border:3px solid #f1f1f1}.bodyDisplay::-webkit-scrollbar-thumb:hover{background-color:#555}.sylButton{margin-left:20px;border-radius:7px;padding:10px;border:solid 1px black;-webkit-box-shadow:1px 13px 5px -7px rgba(143,133,143,.7);-moz-box-shadow:1px 13px 5px -7px rgba(143,133,143,.7);box-shadow:1px 13px 5px -7px #8f858fb3}.sylBreak{width:2px;background-color:#785cbd;margin:0 20px}.textBox{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:18px 16px;gap:8px;height:56px;background:#fff;border:1px solid #785CBD;border-radius:12px;flex:none;order:0;min-width:40px;font-size:22px}.syllable_noSelection{margin:5px;padding:15px;border:solid 1px black;border-radius:3px}.syllable_correct{margin:5px;padding:15px;border:solid 1px rgb(102,9,149);background-color:#7fffd4;border-radius:3px}.syllable_incorrect{margin:5px;padding:15px;border:solid 1px rgb(136,13,30);background-color:#ffc5c5;border-radius:3px}.syllable_selfCorrect{margin:5px;padding:15px;border:solid 1px rgb(1,58,109);background-color:#b8e0ff;border-radius:3px}.Basic-Paragraph{font-size:30px!important}.CharOverride-8{position:relative;font-family:cursive!important;font-size:large;color:#8a2be2}.page{background:#fff;background:linear-gradient(0deg,#fff,#fff 21%,#ccc);display:flex;height:100vh;width:100vw}.displayBox{display:flex;align-self:center;justify-self:center;width:600px;border:solid 4px purple;border-radius:20px;padding:40px;background-color:#fff}.displayBox img{height:200px}.page{background:var(--surface-primary, #FFF);height:100%}.passage{display:flex;width:75%;padding:32px;flex-direction:column;align-items:flex-start;gap:24px;border:1px solid #cecece;border-radius:16px;background:var(--surface-primary, #FFF);box-shadow:0 16px 16px #0000000d,0 8px 8px #0000000d,0 4px 4px #0000000d,0 2px 2px #0000000d,0 1px 1px #0000000d,0 0 0 1px #0000000d}.title{color:var(--type-primary, #0F2949);font-family:var(--font-family-secondary, "Museo Sans");font-size:var(--font-size-H4, 24px);font-style:normal;font-weight:var(--font-weight-Semi-bold, 600);line-height:105%}.sentence{display:flex;flex-direction:row;flex-wrap:wrap;margin:0}.wordBlock{margin:2px;padding:1px 5px;font-size:20px}.wordBlock:hover{background-color:#e9e9e9;border-radius:10px}.wordButton{background:transparent;border:none}.wordButton{display:block;background:transparent;border:none;position:relative}.wordContextMenu{display:block;position:relative;z-index:99;top:-70px;left:0;border:solid 2px purple;padding:5px;border-radius:5px;background-color:#fff}.wordBlockSave{display:block;width:100%;text-align:right;padding:10px}.popover{background:transparent!important;padding:10px;justify-content:center;align-content:center;border-radius:10px!important}.popover:after{width:10px;height:10px;background-color:#0f0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid black}.popoverBtnGroup{display:flex;padding:8px;justify-content:center;align-items:center;gap:8px;border-radius:80px;background:var(--surface-primary, #FFF);border:2px #cecece solid}.popoverBtnGroup:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #ccc}.popoverBtnGroup:after{content:"";position:absolute;top:83%;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;margin-top:-1px}.passageSelector{width:500px;margin:20px!important}.errorNote{border-radius:7px;margin:5px}.wordDisplay{border-radius:10px;padding:2px 7px}span[data-error=self-correct]{color:#0074c0;border:1px solid #0074C0;border-radius:10px;padding:2px 7px}span[data-error=self-correct]:hover,.selected[data-error=self-correct]{color:#fff;background-color:#0074c0;border-radius:10px;padding:2px 7px}span[data-error=omit]{color:#880040;border:1px solid #880040;text-decoration:line-through;border-radius:10px;padding:2px 7px}span[data-error=omit]:hover,.selected[data-error=omit]{background-color:#880040;color:#fff;text-decoration:line-through}span[data-error=hesitation]{color:#785cbd;border-radius:10px;border:1px solid #785CBD;padding:2px 7px}span[data-error=hesitation]:hover,.selected[data-error=hesitation]{color:#fff;border-radius:10px;background-color:#785cbd;padding:2px 7px}span[data-error=incorrect]{color:#880040;border:1px solid #880040;border-radius:10px;padding:2px 7px}span[data-error=inserted]{color:#785cbd;border-radius:10px;padding:2px 7px}span[data-error=inserted]:hover,.selected[data-error=inserted]{background-color:#785cbd;color:#fff;border-radius:10px;padding:2px 7px}span[data-error=last-word]{color:#088066;border:1px solid #088066;border-radius:10px;padding:2px 7px}span[data-error=last-word]:hover,.selected[data-error=last-word]{color:#fff;background-color:#088066;border-radius:10px;padding:2px 7px}.popoverBtnSpan{width:24px;height:24px;aspect-ratio:1/1;display:block}.incorrect{background-image:url(/assets/incorrect-ULy8pLut.png);background-size:contain;background-repeat:no-repeat}.incorrect:hover{background-image:url(/assets/incorrect-hover-B5gvoUwj.png);background-size:contain;background-repeat:no-repeat}.incorrect-selected{background-image:url(/assets/incorrect-selected-5vyENomK.png);background-size:contain;background-repeat:no-repeat}.omit{background-image:url(/assets/omit-RBIrE0DR.png);background-size:contain;background-repeat:no-repeat}.omit:hover{background-image:url(/assets/omit-hover-ILyKuUx-.png);background-size:contain;background-repeat:no-repeat}.omit-selected{background-image:url(/assets/omit-selected-DHW2eEiq.png);background-size:contain;background-repeat:no-repeat}.self-correct{background-image:url(/assets/self-correct-1fx-XMJr.png);background-size:contain;background-repeat:no-repeat}.self-correct:hover{background-image:url(/assets/self-correct-hover-Bhx-mirW.png);background-size:contain;background-repeat:no-repeat}.self-correct-selected{background-image:url(/assets/self-correct-selected-DdWLSui6.png);background-size:contain;background-repeat:no-repeat}.hesitation{background-image:url(/assets/hesitation-Ci4ReVLm.png);background-size:contain;background-repeat:no-repeat}.hesitation:hover{background-image:url(/assets/hesitation-hover-nCUws5Hg.png);background-size:contain;background-repeat:no-repeat}.hesitation-selected{background-image:url(/assets/hesitation-selected-DFlWH4eq.png);background-size:contain;background-repeat:no-repeat}.last-word{background-image:url(/assets/last-word-BMZod3qP.png);background-size:contain;background-repeat:no-repeat}.last-word:hover{background-image:url(/assets/last-word-hover-CUIRZAGs.png);background-size:contain;background-repeat:no-repeat}.last-word-selected{background-image:url(/assets/last-word-selected-DYzWtGWS.png);background-size:contain;background-repeat:no-repeat}.errorNote{display:flex;padding:2px 2px 2px 8px;align-items:center;gap:8px;border-radius:20px;border:1px solid #000;width:120px;margin:0!important}.errorNote input{border:none;height:20px;width:93px}.errorNote input:focus{outline:none}.errorNote button{font-size:8px;height:8px;width:8px}span[data-error=incorrect]>.word,span[data-error=self-correct]>.word{text-decoration:line-through}.countdownTimer{display:flex;width:866px;padding:10px 15px 10px 30px;flex-direction:row;align-items:flex-start;align-content:center;align-items:center;justify-content:space-between;gap:24px;border-radius:16px;background:var(--surface-primary, #FFF);border:2px solid var(--interaction-primary, #785CBD);box-shadow:0 16px 16px #0000000d,0 8px 8px #0000000d,0 4px 4px #0000000d,0 2px 2px #0000000d,0 1px 1px #0000000d,0 0 0 1px #0000000d}.time{color:var(--type-secondary, #088066);font-family:Museo Sans;font-size:24px;font-style:normal;font-weight:400;line-height:105%;width:300px;text-align:right}.timerButtons{width:380px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;justify-content:space-between}.countdownTimerSticky{display:block;position:fixed;top:10px;right:10px;width:200px;padding:10px 15px 10px 30px;gap:24px;border-radius:16px;background:#fff;border:2px solid #785CBD;unicode-bidi:isolate}.fixedTimer{position:fixed;z-index:999;top:15px;right:15px;display:flex;flex-direction:row;align-items:center;width:160px;padding:10px 15px 10px 30px;border-radius:16px;background:var(--surface-primary, #FFF);border:2px solid var(--interaction-primary, #785CBD);box-shadow:0 16px 16px #0000000d,0 8px 8px #0000000d,0 4px 4px #0000000d,0 2px 2px #0000000d,0 1px 1px #0000000d,0 0 0 1px #0000000d}.fixedTimeButton{align-self:center;justify-self:center;margin:10px 0 0 8px;padding:0}.fixedTime{color:var(--type-secondary, #088066);font-family:Museo Sans;font-size:24px;font-style:normal;font-weight:400;line-height:105%;box-shadow:0 16px 16px #0000000d,0 8px 8px #0000000d,0 4px 4px #0000000d,0 2px 2px #0000000d,0 1px 1px #0000000d,0 0 0 1px #0000000d;margin-bottom:50px}.fluencyRow{display:flex;flex-direction:row;justify-content:space-evenly;justify-items:space-evenly;width:100%}.fluencySelector{width:45%}