@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--card-height: 60vh;--screen-mobile: 600px;--screen-tablet: 900px;--screen-laptop: 1192px;--screen-desktop: 1800px;--dir: rtl}@media screen and (min-width: --screen-mobile){:root{--card-height: 55vh}}@media screen and (min-width: --screen-tablet){:root{--card-height: 60vh}}@media screen and (min-width: --screen-laptop){:root{--card-height: 70vh}}@media screen and (min-width: --screen-desktop){:root{--card-height: 74vh}}:root{--dir: rtl}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;box-sizing:border-box;direction:var(--dir);font-family:Heebo,sans-serif}html{background-color:#faf3e6;height:auto;overflow-x:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;height:auto;margin:0;padding:0;font-family:Heebo,sans-serif;direction:var(--dir);background-color:#faf3e6;overflow-x:hidden}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{font-family:inherit!important}@font-face{font-family:Drogowskaz;src:url(/assets/DROGB-r2rWgqtI.TTF) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Drogowskaz;src:url(/assets/DROGM-C-jl_AMH.TTF) format("truetype");font-weight:medium;font-style:normal;font-display:swap}@font-face{font-family:OpenFrank;src:url(/assets/oprFrank-Bold-E8y-bP8z.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:OpenFrank;src:url(/assets/oprFrank-Normal-B7zEpgXB.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Ezra SIL SR;src:url(/assets/Ezra%20SIL%20SR%20Regular-C7pOUHuq.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}h1{font-size:46px;font-weight:900;margin-block:20px}@media (max-width: 799px){h1{font-size:28px;width:max-content}}h2{font-size:40px;font-weight:400;line-height:1;letter-spacing:.8px}@media (max-width: 799px){h2{font-size:24px}}h3{font-size:30px!important;font-weight:600}@media (max-width: 799px){h3{font-size:20px!important}}h4{font-size:22px;font-weight:300;line-height:1}@media (max-width: 799px){h4{font-size:18px}}h5{font-size:20px;font-weight:500;line-height:1.4}@media (max-width: 799px){h5{font-size:16px}}p{font-size:20px;font-weight:400;text-align:justify;line-height:1.4;letter-spacing:1px}@media (max-width: 799px){p{font-size:16px}}button{font-size:28px;font-weight:600}@media (max-width: 799px){button{font-size:20px}}@media (max-width: 799px){.headers h1{font-size:24px}.headers h2{font-size:20px}.headers h4{font-size:16px}}@media (min-width: 800px){.headers h1{font-size:32px}.headers h2{font-size:28px}}.OpenFrank,.OpenFrank *,.MuiDialogTitle-root *{font-family:OpenFrank!important}.OpenFrank * *{font-family:OpenFrank}.Drogowskaz{font-family:Drogowskaz!important}.Ezra,.Ezra *{font-family:Ezra SIL SR!important}.x-25,.x-25 span{font-family:Drogowskaz!important}.original-text h2,.original-text p,.original-text h3,.original-text .text-wrapper h2,.original-text .text-wrapper p,.original-text .text-wrapper h3,.recorded-text h2,.recorded-text p,.recorded-text h3{font-size:20px;text-align:justify;direction:rtl;line-height:37px}@media (max-width: 799px){.original-text h2,.original-text p,.original-text h3,.original-text .text-wrapper h2,.original-text .text-wrapper p,.original-text .text-wrapper h3,.recorded-text h2,.recorded-text p,.recorded-text h3{font-size:16px;line-height:30px}}.original-text .text-wrapper.OpenFrank.OpenFrank p,.original-text .text-wrapper.OpenFrank.OpenFrank h2,.original-text .text-wrapper.OpenFrank.OpenFrank h4,.original-text .text-wrapper.OpenFrank.OpenFrank h5,.original-text .text-wrapper.OpenFrank.OpenFrank h6,.original-text .text-wrapper.OpenFrank.OpenFrank .word-element,.recorded-text .text-wrapper.OpenFrank.OpenFrank p,.recorded-text .text-wrapper.OpenFrank.OpenFrank h2,.recorded-text .text-wrapper.OpenFrank.OpenFrank h4,.recorded-text .text-wrapper.OpenFrank.OpenFrank h5,.recorded-text .text-wrapper.OpenFrank.OpenFrank h6,.recorded-text .text-wrapper.OpenFrank.OpenFrank .word-element,.text-wrapper.OpenFrank p,.text-wrapper.OpenFrank h2,.text-wrapper.OpenFrank h4,.text-wrapper.OpenFrank h5,.text-wrapper.OpenFrank h6,.text-wrapper.OpenFrank .word-element{font-size:32px;line-height:40px}@media (max-width: 799px){.original-text .text-wrapper.OpenFrank.OpenFrank p,.original-text .text-wrapper.OpenFrank.OpenFrank h2,.original-text .text-wrapper.OpenFrank.OpenFrank h4,.original-text .text-wrapper.OpenFrank.OpenFrank h5,.original-text .text-wrapper.OpenFrank.OpenFrank h6,.original-text .text-wrapper.OpenFrank.OpenFrank .word-element,.recorded-text .text-wrapper.OpenFrank.OpenFrank p,.recorded-text .text-wrapper.OpenFrank.OpenFrank h2,.recorded-text .text-wrapper.OpenFrank.OpenFrank h4,.recorded-text .text-wrapper.OpenFrank.OpenFrank h5,.recorded-text .text-wrapper.OpenFrank.OpenFrank h6,.recorded-text .text-wrapper.OpenFrank.OpenFrank .word-element,.text-wrapper.OpenFrank p,.text-wrapper.OpenFrank h2,.text-wrapper.OpenFrank h4,.text-wrapper.OpenFrank h5,.text-wrapper.OpenFrank h6,.text-wrapper.OpenFrank .word-element{font-size:20px;text-align:start;line-height:24px}}.original-text .text-wrapper.OpenFrank.Ezra p,.original-text .text-wrapper.OpenFrank.Ezra h2,.original-text .text-wrapper.OpenFrank.Ezra h4,.original-text .text-wrapper.OpenFrank.Ezra h5,.original-text .text-wrapper.OpenFrank.Ezra h6,.original-text .text-wrapper.OpenFrank.Ezra .word-element,.recorded-text .text-wrapper.OpenFrank.Ezra p,.recorded-text .text-wrapper.OpenFrank.Ezra h2,.recorded-text .text-wrapper.OpenFrank.Ezra h4,.recorded-text .text-wrapper.OpenFrank.Ezra h5,.recorded-text .text-wrapper.OpenFrank.Ezra h6,.recorded-text .text-wrapper.OpenFrank.Ezra .word-element,.text-wrapper.Ezra p,.text-wrapper.Ezra h2,.text-wrapper.Ezra h4,.text-wrapper.Ezra h5,.text-wrapper.Ezra h6,.text-wrapper.Ezra .word-element{font-size:26px;line-height:42px}@media (max-width: 799px){.original-text .text-wrapper.OpenFrank.Ezra p,.original-text .text-wrapper.OpenFrank.Ezra h2,.original-text .text-wrapper.OpenFrank.Ezra h4,.original-text .text-wrapper.OpenFrank.Ezra h5,.original-text .text-wrapper.OpenFrank.Ezra h6,.original-text .text-wrapper.OpenFrank.Ezra .word-element,.recorded-text .text-wrapper.OpenFrank.Ezra p,.recorded-text .text-wrapper.OpenFrank.Ezra h2,.recorded-text .text-wrapper.OpenFrank.Ezra h4,.recorded-text .text-wrapper.OpenFrank.Ezra h5,.recorded-text .text-wrapper.OpenFrank.Ezra h6,.recorded-text .text-wrapper.OpenFrank.Ezra .word-element,.text-wrapper.Ezra p,.text-wrapper.Ezra h2,.text-wrapper.Ezra h4,.text-wrapper.Ezra h5,.text-wrapper.Ezra h6,.text-wrapper.Ezra .word-element{font-size:16px;text-align:start;line-height:24px}}.original-text .text-wrapper.OpenFrank .x-25,.recorded-text .text-wrapper.OpenFrank .x-25,.text-wrapper .x-25{font-weight:400!important;color:#4c4c4c}@media (min-width: 800px){.original-text .text-wrapper.OpenFrank .x-25,.recorded-text .text-wrapper.OpenFrank .x-25,.text-wrapper .x-25{font-size:25px!important}}@media (max-width: 799px){.original-text .text-wrapper.OpenFrank .x-25,.recorded-text .text-wrapper.OpenFrank .x-25,.text-wrapper .x-25{font-size:16px!important}}.x-23{font-weight:600}@media (max-width: 799px){p.end-paragraph{margin-block-end:16px}}@media (min-width: 800px) and (max-width: 899px){p.end-paragraph{margin-block-end:20px}}@media (min-width: 900px){p.end-paragraph{margin-block-end:26px}}@media (max-width: 799px){html{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:0}}*,.mui-rtl-bdhsul-MuiTypography-root-MuiDialogTitle-root{font-family:Heebo,sans-serif}#root{height:100vh;width:100vw;overflow-x:hidden}.app-container{position:relative;z-index:1;background-color:#faf3e6;height:calc(100vh - 190px)}.app-container .background-image{position:absolute;width:100%;height:100%}@media (max-width: 799px){.app-container .background-image{top:-76px}}@media (max-width: 799px){.app-container .body:not(.auth-page){margin-block:96px 60px;height:auto}}@media (min-width: 900px){.app-container .body:not(.auth-page){margin-block:80px 100px}}.MuiAutocomplete-root input,.MuiAutocomplete-root label{font-family:heebo}.MuiAutocomplete-root input~fieldset{border-width:0}.MuiAutocomplete-root label.MuiFormLabel-root{right:5px;font-size:16px;font-weight:600}.MuiButton-startIcon{margin:0!important}.MuiButton-root{text-transform:none!important}.MuiOutlinedInput-root{padding:3px 6px!important}.muirtl-1h51icj-MuiAutocomplete-root .MuiOutlinedInput-root{padding:5px}.MuiMenu-paper,.MuiSkeleton-root{border-radius:12px!important}aside{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;float:left;width:30vw;height:100vh;background-color:#fff;text-align:center;box-shadow:0 0 18px #0000001a;padding:32px}br{margin-bottom:6px;content:"";display:block}button.circle{font-size:x-large}.fade-in{opacity:1}.fade-out{opacity:0}.confetti-explosion-container-0-2-208{position:absolute;top:0}::-webkit-scrollbar{width:16px}@media (max-width: 799px){::-webkit-scrollbar{width:8px}}::-webkit-scrollbar-thumb{width:20px;background-color:#aacaff;border-radius:16px}@media (max-width: 799px){::-webkit-scrollbar-thumb{width:8px}}.navigate svg{width:32px!important;height:32px!important}@media (max-width: 799px){.navigate{position:absolute;inset-inline-start:6%;z-index:2}.navigate svg{width:26px!important;height:26px!important}}@media (max-width: 799px){.speakpipe-button,#-speakpipe-widget-side-button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;font-size:12px!important;padding:2px 6px!important;height:24px!important;line-height:20px!important}.speakpipe-button img,#-speakpipe-widget-side-button img{height:16px!important}}[dir=ltr] .navigate svg{transform:rotate(180deg)}[dir=ltr] .reading-page .card .reading-mode .content .column{align-items:end}[dir=ltr] .card,[dir=ltr] .card *{direction:ltr}[dir=rtl] .card,[dir=rtl] .card *{direction:rtl}.word-element,.word-element *,.word,.x-23,.x-25,.line-element,.text-element,.text-wrapper,.original-text,.original-text *,.original-text-area,.original-text-area *,.recorded-text,.recorded-text *,[class*=mui-ltr] .word-element,[class*=mui-ltr] .word-element *,[class*=mui-ltr] .word,[class*=mui-ltr] .x-23,[class*=mui-ltr] .x-25,[class*=mui-ltr] .line-element,[class*=mui-ltr] .text-element,[class*=mui-ltr] .text-wrapper,[class*=mui-ltr] .original-text,[class*=mui-ltr] .original-text *,[class*=mui-ltr] .original-text-area,[class*=mui-ltr] .original-text-area *,[class*=mui-ltr] .recorded-text,[class*=mui-ltr] .recorded-text *{direction:rtl!important}.word-element.correct .word,.word-element.correct .word span{color:#1d994f}.word-element.incorrect .word,.word-element.incorrect .word span{color:#f24756}.word-element.pending .word,.word-element.pending .word span{color:#323232!important}.word-element.skipped .word,.word-element.skipped .word span{color:#d8d8d8}.word-element.misplaced .word,.word-element.misplaced .word span{color:#ff8e50}.animated-text{opacity:0;transform:translateY(-20px);animation:fadeInUp .5s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:8px;box-shadow:0 0 10px #0000001a;transition:all .5s ease-in-out;background-color:#fff}.card.no-classes-message{background-color:#b689e3;color:#fff;border-radius:20px;padding:26px 32px 16px;position:relative;text-align:center;box-shadow:0 4px 20px #00000026;max-width:400px;margin-inline:auto;width:fit-content}.card.no-classes-message h3{line-height:1.2}.card.no-classes-message p{margin:0}.card.no-classes-message p+p{margin-top:6px}.card.no-classes-message .icon{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:40px;color:#fff;background-color:#b689e3;border-radius:50%;box-shadow:0 2px 8px #0000001a}.card .container{display:flex;flex-direction:column;justify-content:flex-start;gap:0;transition:all .3s ease-in-out;height:100%;width:100%}.card .container .card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;height:50px;width:100%;padding-inline:40px;color:#fff}.card .container .card-header .column{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.card .container .content{padding:16px 32px;height:calc(100% - 50px);max-height:100%}@media (max-width: 799px){.card{border-radius:20px;height:fit-content;max-height:140vh}.card.no-classes-message{padding-inline:12px;max-width:76%}.card.no-classes-message .icon{font-size:32px;top:-16px}.card .container{border-radius:20px}.card .container .card-header{border-radius:20px 20px 0 0;padding-inline:12px;height:40px}.card .container .card-header img{height:18px;width:20px}.card .container .card-header .column{gap:10px!important;justify-content:flex-start}.card .container .card-header .column h4{font-size:12px!important}.card .container .card-header .column .MuiRating-icon svg{height:18px!important;width:18px!important}.card .container .content{padding:8px 16px}}@media (min-width: 1192px){.card.no-classes-message{margin-top:25%;inset-inline-end:40%}}@media (min-width: 800px){.card{max-width:90vw;border-radius:40px}.card .container{border-radius:40px}.card .container .card-header{border-radius:40px 40px 0 0;padding-inline:40px;height:50px}.card .container .card-header .column{gap:20px}.card .container .card-header .column img{height:42px}.card .container .content{padding:16px 32px}}.card.score{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;box-shadow:0 0 10px #0000001a;border-radius:30px;position:relative;height:160px;background-color:#fff;width:260px;padding:20px}.card.score .star-behind{position:absolute;z-index:0;width:120px}.card.score h3{z-index:1}.card.score .score-value{font-size:48px;font-weight:700;margin-bottom:8px;color:#ffb817}.card.score .score-label{font-size:16px;color:#d8d8d8;margin-bottom:16px}.card.score .score-details{font-size:14px;color:#323232;line-height:1.5}.card.bookmark{position:relative;padding:20px;border-radius:200px;box-shadow:0 0 18px #0000001a;background-color:#fff;transition:transform .2s ease}.card.bookmark:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.card.bookmark .bookmark-content{margin-bottom:16px}.card.bookmark .bookmark-content .title{font-weight:600;margin-bottom:8px;color:#323232}.card.bookmark .bookmark-content .excerpt{font-size:14px;color:#d8d8d8;line-height:1.5}.card.bookmark .bookmark-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.card.bookmark .bookmark-actions .bookmark-button{width:140px;height:140px;border-radius:50%;background-color:#57c869;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease;font-size:16px;font-weight:600}.card.bookmark .bookmark-actions .bookmark-button:hover{background-color:#349f45;filter:brightness(90%)}.card.bookmark .bookmark-actions .bookmark-button:focus{outline:none;box-shadow:0 0 0 2px #a4e1ae}.card.bookmark .bookmark-actions .bookmark-button:active{transform:translateY(2px)}.card.reading-part-selection{width:100%}.card.reading-part-selection .card-header{background-color:#5898ff}.card.reading-part-selection .content{width:100%;padding:0;position:relative}.card.reading-part-selection .content .column{width:100%;height:100%;box-sizing:border-box}.card.reading-part-selection .content .column:first-child{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:8px;padding-block:32px;position:relative;background-color:#d8e7ff}.card.reading-part-selection .content .column:last-child{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:8px;padding:16px}.card.reading-part-selection .content .column:last-child button.circle{align-self:flex-end}.card.reading-part-selection .content .column .selectors-container{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:8px;width:100%}@media (max-width: 799px){.card.reading-part-selection .content .column .selectors-container{margin-inline:16px}}@media (min-width: 800px){.card.reading-part-selection .content .column .selectors-container{margin-inline:32px}}.card.reading-part-selection .content .selectors-group{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;width:100%}@media (max-width: 799px){.card.reading-part-selection{width:100%}.card.reading-part-selection .content{display:flex;flex-direction:column;justify-content:space-between;align-items:start;gap:8px}.card.reading-part-selection .content .column:first-child{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:8px}.card.reading-part-selection .content .column:last-child{padding-top:0}.card.reading-part-selection .selectors-group>*{width:48.6%}.card.reading-part-selection button.circle{width:64px;height:64px;border-radius:50%;background-color:#57c869;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease;font-size:16px}.card.reading-part-selection button.circle:hover{background-color:#349f45;filter:brightness(90%)}.card.reading-part-selection button.circle:focus{outline:none;box-shadow:0 0 0 2px #a4e1ae}.card.reading-part-selection button.circle:active{transform:translateY(2px)}}@media (min-width: 800px){.card.reading-part-selection{max-height:80vh;width:800px}.card.reading-part-selection .content{display:flex;flex-direction:row;justify-content:space-between;align-items:start;gap:8px}.card.reading-part-selection .content .column:first-child{width:276px;padding-inline:12px;padding-block:24px;border-end-start-radius:30px}.card.reading-part-selection .content .column:first-child .selectors-group>*{width:100%}.card.reading-part-selection .content button.circle{width:100px;height:100px;border-radius:50%;background-color:#57c869;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.card.reading-part-selection .content button.circle:hover{background-color:#349f45;filter:brightness(90%)}.card.reading-part-selection .content button.circle:focus{outline:none;box-shadow:0 0 0 2px #a4e1ae}.card.reading-part-selection .content button.circle:active{transform:translateY(2px)}}.MuiAutocomplete-root .MuiAutocomplete-inputRoot{background-color:#fff;border-radius:32px}.original-text-area{width:100%;height:calc(100% - 108px);display:flex;flex-direction:column;justify-content:start;align-items:start;gap:8px}.original-text-area .navigation{justify-content:space-between;width:100%}@media (min-width: 800px){.original-text-area .navigation{margin-bottom:12px}}.original-text-area .text-container{width:100%;overflow-y:auto;padding-inline-end:12px}.card.history-piece{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 0 10px #0000001a;border-radius:200px;padding:16px 24px;background-color:#fff;margin-bottom:16px;transition:transform .2s ease}.card.history-piece:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.card.history-piece .content{flex:1}.card.history-piece .content .title{font-weight:600;margin-bottom:8px;color:#323232}.card.history-piece .content .details{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;font-size:14px;color:#d8d8d8}.card.history-piece .actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px}.card.history-piece .actions .view-button{transform:translate(50%);width:140px;height:140px;border-radius:50%;background-color:#b689e3;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease;font-size:16px;font-weight:600}.card.history-piece .actions .view-button:hover{background-color:#904bd4;filter:brightness(90%)}.card.history-piece .actions .view-button:focus{outline:none;box-shadow:0 0 0 2px #e9dbf7}.card.history-piece .actions .view-button:active{transform:translateY(2px)}.mic-indicator{border-radius:50%;display:flex;align-items:center;justify-content:center;transition:opacity .01s ease-in-out}.mic-indicator img{height:32px;width:32px}.mic-indicator.on{opacity:1;animation:blink-and-scale 2s infinite}.mic-indicator.off{opacity:0;pointer-events:none}@keyframes blink-and-scale{0%,80%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(.9)}}.count-down{text-align:center;padding:20px}.count-down .count-number{font-size:72px;font-weight:700;color:#ffb817;margin-bottom:16px;animation:pulse 1s infinite}.count-down .count-label{font-size:18px;color:#323232;font-weight:500}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.MuiDialog-root .close-button{position:absolute;top:4px;left:4px;color:#fff}.MuiDialog-root.logout-dialog .MuiPaper-root{background-position:50% -100px;background-size:600px;width:300px;border-radius:20px}@media (min-width: 800px){.MuiDialog-root.logout-dialog .MuiPaper-root{background-size:800px;background-position:50% -160px}}.MuiDialog-root.logout-dialog .MuiPaper-root .MuiDialogTitle-root{font-size:26px;padding-top:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.MuiDialog-root.logout-dialog .MuiPaper-root .MuiDialogTitle-root .logout-icon{border:4px solid #b689e3;color:#b689e3;font-size:40px;background-color:#fff;border-radius:50%;padding:5px}.MuiDialog-root.logout-dialog .MuiPaper-root .MuiDialogContent-root{text-align:center;padding-bottom:16px}.MuiDialog-root.logout-dialog .MuiPaper-root .MuiDialogActions-root{text-align:center}.MuiDialog-root .MuiPaper-root{background-image:url("data:image/svg+xml,%3csvg%20width='1548'%20height='508'%20viewBox='0%200%201548%20508'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M775%20453.5C1170.84%20453.5%201492.04%20253.756%201492.04%200H58.5771C58.5771%20256%20379.159%20453.5%20775%20453.5Z'%20fill='%23B689E3'/%3e%3cpath%20d='M1534%200C1534%20272.829%201193.74%20494%20774%20494C354.264%20494%2014%20272.829%2014%200'%20stroke='%23B689E3'%20stroke-width='28'/%3e%3c/svg%3e");position:relative;overflow:visible;background-repeat:no-repeat}@media (max-width: 799px){.MuiDialog-root .MuiPaper-root{background-size:512px;background-position:50% -84px;border-radius:20px;margin-inline:16px;width:calc(100% - 50px)}}@media (min-width: 800px){.MuiDialog-root .MuiPaper-root{border-radius:30px;background-size:1000px;background-position:50% -164px}}.MuiDialog-root .MuiPaper-root .background{position:absolute;top:-134px;left:50%;z-index:0;transform:translate(-50%);height:300px!important}.MuiDialog-root .MuiPaper-root .MuiDialogTitle-root{font-family:Heebo;max-height:180px;text-align:center;font-weight:900;line-height:1;color:#fff;z-index:1;font-size:40px}@media (max-width: 799px){.MuiDialog-root .MuiPaper-root .MuiDialogTitle-root{padding-block:20px 48px;font-size:26px}}@media (min-width: 800px){.MuiDialog-root .MuiPaper-root .MuiDialogTitle-root{padding-block:32px 8px}}.MuiDialog-root .MuiPaper-root img.icon{z-index:0}@media (max-width: 799px){.MuiDialog-root .MuiPaper-root img.icon{height:78px}}@media (min-width: 800px){.MuiDialog-root .MuiPaper-root img.icon{height:92px}}.MuiDialog-root .MuiPaper-root .MuiDialogActions-root{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px;margin-bottom:-28px}.MuiDialog-root .MuiPaper-root .MuiDialogActions-root button{background-color:#fff;color:#b689e3;border-radius:30px;border:2px solid #b689e3;transition:all .3s ease;height:48px;padding-inline:26px;font-weight:600}.MuiDialog-root .MuiPaper-root .MuiDialogActions-root button:hover{background-color:#b689e3;color:#fff;border:2px solid #b689e3;box-sizing:border-box}.MuiInputBase-root{border-radius:12px!important}.message-modal .MuiPaper-root{background-position:50% -172px}.message-modal .MuiPaper-root .MuiDialogTitle-root{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;height:194px;margin-top:-26px;padding:0!important}.message-modal .MuiDialogContent-root p{font-size:18px;line-height:24px}.school-register-modal .MuiDialogContentText-root{text-align:justify}@media (max-width: 799px){.school-register-modal .MuiDialogTitle-root{margin-bottom:48px}.school-register-modal .MuiDialogContent-root{margin-inline:8px}.school-register-modal .MuiDialogContent-root input,.school-register-modal .MuiDialogContent-root *{font-family:Heebo!important}}@media (min-width: 800px){.school-register-modal .MuiDialogTitle-root{margin-bottom:48px}.school-register-modal .MuiDialogContent-root{margin-inline:32px;margin-block:0 16px}}.score-modal{height:90vh;margin:auto}.score-modal .MuiDialogTitle-root{padding-inline:12%;padding-block:20px 0;line-height:1.2;transform:scale(1)}.score-modal .MuiDialogTitle-root span{font-weight:200}@media (max-width: 799px){.score-modal .MuiDialogTitle-root{height:78px}.score-modal .MuiDialogTitle-root span{font-size:10px;display:block}}@media (min-width: 800px){.score-modal .MuiDialogTitle-root{height:108px}.score-modal .MuiDialogTitle-root span{font-size:20px;margin-inline-start:4px}}.score-modal .MuiDialogContent-root{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:8px;padding:26px 32px 16px;min-width:300px;min-height:300px;text-align:center;border:0!important}.score-modal .MuiDialogActions-root{padding:8px}.score-modal .MuiRating-root{border:4px solid #b689e3;padding:8px 10px;background-color:#fff;border-radius:30px;margin:auto}.score-modal .reading-result *{direction:rtl!important}.score-modal .reading-result .navigation{display:none}.score-modal .reading-result .arrow-indicator{display:none!important}.score-modal .reading-result .word-element{background-color:transparent!important}.score-modal .column{width:50%!important}.score-modal .original-text,.score-modal .recorded-text{max-height:calc(var(--card-height) - 9vh);overflow-y:auto;padding-inline-end:12px}.score-modal .original-text *,.score-modal .recorded-text *{font-size:18px!important;line-height:20px!important;text-align:justify}.original-text-area .word-element{background-color:transparent!important}.modal-add-class .MuiPaper-root{background-image:url("data:image/svg+xml,%3csvg%20width='1548'%20height='508'%20viewBox='0%200%201548%20508'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M775%20453.5C1170.84%20453.5%201492.04%20253.756%201492.04%200H58.5771C58.5771%20256%20379.159%20453.5%20775%20453.5Z'%20fill='%23B689E3'/%3e%3cpath%20d='M1534%200C1534%20272.829%201193.74%20494%20774%20494C354.264%20494%2014%20272.829%2014%200'%20stroke='%23B689E3'%20stroke-width='28'/%3e%3c/svg%3e");width:546px}.modal-add-class .MuiDialogTitle-root{padding-block-end:20px!important}.modal-add-class .MuiDialog-root .MuiDialogActions-root{margin-bottom:0}.modal-add-class .title{font-size:26px;font-weight:700;text-align:center}.modal-add-class .fields-container{display:flex;flex-direction:row;justify-content:center;gap:16px;width:100%;margin-bottom:16px}.modal-add-class .fields-container .MuiTextField-root{width:200p;max-width:300px}.modal-add-class .toggle-button-wrapper{margin-inline:auto;position:relative;bottom:26px;height:0;width:fit-content;padding-top:16px;z-index:2}.modal-add-class .toggle-button-group{background-color:#fff;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;margin-inline:auto;padding:6px;border:2px solid #b689e3;border-radius:200px;transition:all .3s ease-in-out}.modal-add-class .toggle-button-group .MuiToggleButton-root{transition:all .3s ease-in-out;border-radius:200px;border:none;padding:8px}.modal-add-class .toggle-button-group .MuiToggleButton-root svg{height:26px;width:26px}.modal-add-class .toggle-button-group .MuiToggleButton-root.Mui-selected{background-color:#b689e3}.modal-add-class .toggle-button-group .MuiToggleButton-root:not(.Mui-selected):hover{background-color:#e9dbf7}.modal-add-class .toggle-button-group .MuiToggleButton-root:not(.Mui-selected):hover[aria-label="manual entry"] svg path{fill:#fff}.modal-add-class .toggle-button-group .MuiToggleButton-root:not(.Mui-selected):hover[aria-label="excel upload"] svg path{stroke:#fff}.modal-add-class .toggle-button-group .MuiToggleButton-root:hover{background-color:#e9dbf7}.modal-add-class .student-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;border:2px solid rgb(233,219.4383561644,246.5616438356);border-radius:32px;margin-top:0;overflow:auto;min-height:150px;min-width:300px;width:100%;text-align:center}.modal-add-class .student-container::-webkit-scrollbar{width:8px}.modal-add-class .student-container::-webkit-scrollbar-track{margin-block:32px;background:#f1f1f1;border-radius:4px}.modal-add-class .student-container::-webkit-scrollbar-thumb{background:#e9dbf7;border-radius:4px}.modal-add-class .student-container::-webkit-scrollbar-thumb:hover{background:#b689e3}.modal-add-class .student-container .MuiTable-root{margin-block:36px 0;overflow:hidden;max-height:calc(100% - 50px);position:relative}.modal-add-class .student-container .MuiTable-root::-webkit-scrollbar{width:8px}.modal-add-class .student-container .MuiTable-root::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-add-class .student-container .MuiTable-root::-webkit-scrollbar-thumb{background:#e9dbf7;border-radius:4px}.modal-add-class .student-container .MuiTable-root::-webkit-scrollbar-thumb:hover{background:#b689e3}.modal-add-class .student-container .MuiTable-root tr:nth-child(2n):not(:last-child){background-color:#f5f5f5}.modal-add-class .student-container .MuiTable-root tr:first-child{border-top:1px solid #e9dbf7}.modal-add-class .student-container .MuiTable-root tr:last-child{border-bottom:0px}.modal-add-class .student-container .MuiTable-root tr:last-child{position:sticky;bottom:0;background-color:#fff;z-index:1}.modal-add-class .student-container .MuiTable-root td{padding-block:4px;padding-inline:12px;border-inline-end:1px solid #e9dbf7}.modal-add-class .student-container .MuiTable-root .MuiOutlinedInput-root{height:36px;margin-inline:auto}.modal-add-class .student-container .MuiTable-root .MuiOutlinedInput-root fieldset{border-color:#e0e0e0}.modal-add-class .student-container .MuiTable-root .MuiOutlinedInput-root:hover fieldset,.modal-add-class .student-container .MuiTable-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#b689e3}.modal-add-class .student-container .MuiTable-root .MuiInputLabel-root{transform-origin:top center;color:#66666680}.modal-add-class .student-container .MuiTable-root .MuiInputLabel-root[data-shrink=false]{right:50%;top:50%;transform:translate(50%,-50%)}.modal-add-class .student-container .MuiTable-root .MuiInputLabel-root.Mui-focused{color:#b689e3}.modal-add-class .MuiDialogContent-root{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.modal-add-class .MuiDialogActions-root{display:flex;flex-direction:row;justify-content:center;gap:12px;position:absolute;bottom:28px;transform:translateY(50%);width:100%;z-index:3}.modal-add-class .MuiDialogActions-root button{margin-bottom:0;border-radius:30px}.modal-add-class .MuiDialogActions-root .cancel-button{border:3px solid #b689e3;background-color:#fff;color:#b689e3;font-weight:700;font-size:24px}.modal-add-class .MuiDialogActions-root .cancel-button:hover{color:#fff;background-color:#b689e3}.modal-add-class .MuiDialogActions-root .add-class-button,.modal-add-class .MuiDialogActions-root .import-button{color:#fff;background-color:#b689e3;font-weight:700;font-size:24px}.modal-add-class .MuiDialogActions-root .add-class-button:hover,.modal-add-class .MuiDialogActions-root .import-button:hover{color:#b689e3;background-color:#fff;border:3px solid #b689e3}.modal-add-class .MuiDialogActions-root .add-class-button:disabled,.modal-add-class .MuiDialogActions-root .import-button:disabled{cursor:not-allowed!important;opacity:.9;background-color:#d5baef}.upload-file-area{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;border-radius:32px;position:relative}.upload-file-area *{transition:all .3s ease;text-align:center}.upload-file-area:active{border-color:#7b3eb7;background-color:#b689e326}.upload-file-area:active p{transform:scale(.98)}.upload-file-area.dragging{border-color:#8b4dc7!important;background-color:#b689e31a!important}.upload-file-area p{margin:8px 0 6px;color:#666666d2;font-size:18px}.upload-file-area button{color:#b689e3;font-weight:700;font-size:18px;text-decoration:underline;background-color:transparent;border:none;transition:transform .2s ease;padding:0}.upload-file-area button:hover{background-color:transparent;text-decoration:underline;transform:scale(1.04)}.upload-file-area .MuiSvgIcon-root{font-size:40px}.table-container{scroll-behavior:smooth}.breadcrumbs-container{z-index:10}@media (min-width: 800px){.breadcrumbs-container{position:relative;top:100px}}@media (max-width: 799px){.breadcrumbs-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0;position:absolute;top:-24px;left:50%;transform:translate(-50%);z-index:4;width:max-content;height:fit-content}}@media (min-width: 1800px){.breadcrumbs-container{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:0}}@media (max-width: 1191px){.breadcrumbs-container nav{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0}}.breadcrumbs-container .MuiBreadcrumbs-root{margin-inline:64px}.breadcrumbs-container .MuiBreadcrumbs-root *{font-family:Heebo,sans-serif!important}.breadcrumbs-container .MuiBreadcrumbs-root a{color:#0049be;text-decoration:none;transition:color .3s ease;font-weight:500}.breadcrumbs-container .MuiBreadcrumbs-root a:hover{color:#5898ff;text-decoration:underline}.breadcrumbs-container .MuiBreadcrumbs-root .MuiBreadcrumbs-separator{margin:0 .5rem}.breadcrumbs-container .MuiBreadcrumbs-root p.MuiTypography-root{font-weight:600}.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;position:fixed;top:0;left:0;right:0;z-index:5;width:100%;padding-inline:32px;color:#fff;box-shadow:0 0 10px #00000052;background-color:#5898ff;transition:transform .3s ease;transform:translateY(0)}.header .column{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px}.header .column .brand-container{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:16px}.header .column .score-tag{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;border-radius:40px;background-color:#0006;padding-inline:16px 20px;padding-block:8px}.header .column .score-tag h3{font-size:24px}.header .classes-management-button{width:54px;height:54px;border-radius:50%;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease;box-shadow:0 0 10px #ffffffb3}.header .classes-management-button:hover{filter:brightness(90%)}.header .classes-management-button:focus{outline:none}.header .classes-management-button:active{transform:translateY(2px)}.header .classes-management-button img{margin-top:7px;margin-left:6px;width:36px}.header--hidden{transform:translateY(-100%)}.main-bg{position:fixed;top:-40px;left:0;width:100%;z-index:-1}@media (max-width: 799px){.header{height:60px;padding-inline:6px 16px;gap:6px!important}.header .column .score-tag h3{font-size:18px}.header img{height:38px}.header .brand-container{height:auto}.header .toggle-language-button{font-size:16px!important}.header .column:nth-child(1){width:auto;gap:0px!important}.header .column:nth-child(1) .brand-container{gap:6px!important}.header .column:nth-child(1) .brand-container h3,.header .column:nth-child(1) .brand-container p{display:none}.header .column:nth-child(2){gap:8px!important}.header .column:nth-child(2) .MuiAvatar-root{width:40px;height:40px}.header .column:nth-child(2) .score-tag{order:-1;padding-inline:12px 16px;padding-block:5px}.header .column:nth-child(2) .score-tag h3{font-size:16px}}@media (min-width: 800px){.header{height:80px;padding-inline:32px}.header .column .score-tag h3{font-size:24px}.header .classes-management-button{width:60px;height:60px;border-radius:50%;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.header .classes-management-button:hover{filter:brightness(90%)}.header .classes-management-button:focus{outline:none}.header .classes-management-button:active{transform:translateY(2px)}.header .classes-management-button img{width:40px}}.body{flex-wrap:wrap;position:relative;box-sizing:border-box;height:calc(100vh - 90px);overflow-x:hidden;color:#323232;transition:padding-top .3s ease;z-index:0}@media (max-width: 799px){.body{margin-inline:16px;padding-bottom:16px}}@media (min-width: 1192px) and (max-width: 1799px){.body{margin-inline:64px;padding-bottom:64px}}@media (min-width: 1800px){.body{display:flex;flex-direction:row;align-items:start;gap:16px;margin-inline:auto;max-width:1420px;padding-bottom:64px}}.body::-webkit-scrollbar{width:0!important}@media (min-width: 900px) and (max-width: 1191px){.body section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0}}@media (min-width: 1192px){.body section{display:flex;flex-direction:column;align-items:flex-end;gap:0;float:inline-end}}.head-section{display:flex;flex-direction:row;justify-content:space-between;align-items:start;gap:16px;background-color:#fff;box-shadow:0 0 14px #0000001a;color:#323232;margin:12px}@media (max-width: 799px){.head-section{border-radius:20px;padding:32px 20px;gap:0;align-items:center;margin-bottom:-20px;width:72%;margin-inline:auto}}@media (min-width: 800px){.head-section{border-radius:30px;padding:36px 32px 32px;width:50%;margin-inline:auto}}@media (min-width: 900px) and (max-width: 1191px){.head-section{margin-bottom:-60px;padding-bottom:100px;flex-direction:column}}@media (min-width: 1192px){.head-section{position:absolute;width:74%;inset-inline-start:0;padding-inline-end:100px;padding-bottom:64px;margin-top:34px}}.head-section .navigate{z-index:6}.head-section .navigate img{color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.head-section .navigate img:hover{filter:brightness(90%)}.head-section .navigate img:focus{outline:none}.head-section .navigate img:active{transform:translateY(2px)}.home-page{box-sizing:border-box}@media (max-width: 799px){.home-page{height:auto}}@media (min-width: 1192px){.home-page{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:0}}.home-page>h1{width:100%;text-align:center;grid-column-start:1;grid-column-end:3}.home-page section{padding:0}.home-page .head-section{flex-direction:column;z-index:-1}@media (min-width: 900px) and (max-width: 1191px){.home-page .head-section{align-items:center}}@media (min-width: 1192px){.home-page .head-section{padding-bottom:100px}}.home-page .head-section h1{margin-block:12px}.home-page .head-section .user-details{margin-top:8px;align-self:flex-start}.home-page .head-section .user-details .detail-row{display:flex;align-items:center;padding-bottom:4px}.home-page .head-section .user-details .detail-row .icon-circle{display:flex;align-items:center;justify-content:center;border:1px solid #5898ff;border-radius:50%;width:32px;height:32px;margin-inline-end:6px}.home-page .head-section .user-details .detail-row .icon-circle svg{width:18px;height:18px;color:#5898ff}.home-page .head-section .user-details .detail-row .detail-text{font-size:.9rem}.home-page .head-section .user-details .detail-row .detail-text .value{color:#333}.home-page .search-input{border:1px solid #5898ff}.home-page .search-input:focus{outline:none;border-color:#5898ff;color:#5898ff}.reading-page{flex-direction:row}.reading-page .head-section{text-align:start}.reading-page .head-section h1{margin-block:0px 2px;margin-inline-start:-3px}.reading-page section{justify-content:start;margin-inline:revert}.reading-page .stats-container{margin-inline-start:32px;gap:32px}.reading-page .card{padding:0!important;position:relative;justify-content:flex-start}.reading-page .card .original-text-area{height:calc(100% - 150px)}.reading-page .card .original-text-area .text-container{max-height:38vh}@media (min-width: 900px) and (max-width: 1799px){.reading-page .card{width:68vw;max-width:800px}}@media (min-width: 1800px){.reading-page .card{width:50vw;max-width:800px}}.reading-page .card .text-source{line-height:1.6;text-align:justify}.reading-page .card .buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:46px;padding-top:16px}.reading-page .card .buttons button{display:flex;flex-direction:column;justify-content:center;gap:0;font-size:18px;font-weight:600;line-height:1}.reading-page .card .preview-mode{display:flex;flex-direction:column;justify-content:space-between;align-items:revert;gap:0}.reading-page .card .preview-mode .card-header{background-color:#ffb817}.reading-page .card .preview-mode .content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:0px;padding:16px 32px 32px;width:100%}.reading-page .card .preview-mode .content .column{height:100%}.reading-page .card .preview-mode .content .column .original-text{padding-inline:36px 16px}.reading-page .card .preview-mode .content .original-text-area .original-text{height:100%}.reading-page .card .reading-mode{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:0;height:calc(var(--card-height) - 0px);width:100%}.reading-page .card .reading-mode.type-reading .card-header{background-color:#57c869}.reading-page .card .reading-mode.type-reading .navigation{display:none}.reading-page .card .reading-mode.type-reading .recorded-text{text-align:justify}.reading-page .card .reading-mode.type-byHeart .card-header{background-color:#b689e3}.reading-page .card .reading-mode.type-byHeart .button-end{width:100px;height:100px;border-radius:50%;background-color:#b689e3;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .card .reading-mode.type-byHeart .button-end:hover{background-color:#904bd4;filter:brightness(90%)}.reading-page .card .reading-mode.type-byHeart .button-end:focus{outline:none;box-shadow:0 0 0 2px #e9dbf7}.reading-page .card .reading-mode.type-byHeart .button-end:active{transform:translateY(2px)}.reading-page .card .reading-mode.type-byHeart .original-text .word.skipped{filter:blur(8px);-webkit-user-select:none;user-select:none}.reading-page .card .reading-mode.type-byHeart .original-text .word.skipped:hover{filter:blur(8px)}.reading-page .card .reading-mode .content{padding-top:12px;height:calc(100% - 6.9vh);width:100%;position:relative}@media (min-width: 800px){.reading-page .card .reading-mode .content{display:flex;flex-direction:column;justify-content:flex-start;align-items:start;gap:0;padding-bottom:132px}}@media (max-width: 799px){.reading-page .card .reading-mode .content{display:flex;flex-direction:column;justify-content:flex-start;align-items:start;gap:8px;padding-bottom:114px}}.reading-page .card .reading-mode .content .text-wrapper{padding-top:12px;overflow-y:auto;overflow-x:hidden;width:100%;max-height:calc(var(--card-height) - 204px)}.reading-page .card .reading-mode .content .text-wrapper *{direction:rtl!important}.reading-page .card .reading-mode .content .control-panel{line-height:1;width:100%}@media (max-width: 799px){.reading-page .card .reading-mode .content .control-panel .action-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}}@media (min-width: 800px){.reading-page .card .reading-mode .content .control-panel .action-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px}}.reading-page .card .reading-mode .content .control-panel .action-buttons button{padding:0 10px 0 6px}@media (max-width: 799px){.reading-page .card .reading-mode .content .control-panel .action-buttons button{font-size:12px;line-height:1;width:30%}}.reading-page .card .reading-mode .content .recording-mark{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;position:absolute;bottom:0;left:50%;transform:translate(-50%);margin-bottom:16px}.reading-page .card .reading-mode .content .recording-mark .timer{color:#d8d8d8;font-weight:500}@media (max-width: 799px){.reading-page .card .reading-mode .content .recording-mark .timer{font-size:16px}}@media (min-width: 800px){.reading-page .card .reading-mode .content .recording-mark .timer{font-size:24px}}.reading-page .card .reading-mode .content .button-end{position:absolute;z-index:3}.reading-page .card .reading-mode .content .button-end:disabled{background-color:#909090}@media (max-width: 799px){.reading-page .card .reading-mode .content .button-end{width:64px;height:64px;border-radius:50%;background-color:#57c869;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease;font-size:14px!important;bottom:42px!important;inset-inline-end:16px!important}.reading-page .card .reading-mode .content .button-end:hover{background-color:#349f45;filter:brightness(90%)}.reading-page .card .reading-mode .content .button-end:focus{outline:none;box-shadow:0 0 0 2px #a4e1ae}.reading-page .card .reading-mode .content .button-end:active{transform:translateY(2px)}}@media (min-width: 800px){.reading-page .card .reading-mode .content .button-end{width:100px;height:100px;border-radius:50%;background-color:#57c869;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease;bottom:24px;inset-inline-end:24px;font-size:20px}.reading-page .card .reading-mode .content .button-end:hover{background-color:#349f45;filter:brightness(90%)}.reading-page .card .reading-mode .content .button-end:focus{outline:none;box-shadow:0 0 0 2px #a4e1ae}.reading-page .card .reading-mode .content .button-end:active{transform:translateY(2px)}}.reading-page .card .reading-mode .content .column:first-child{background-color:#ffb817}.reading-page .card .reading-mode .content .column:nth-child(2) .reading-type-selector.in_writing{background-color:#57c869}.reading-page .card .reading-mode .content .column:nth-child(2) .reading-type-selector.by_heart{background-color:#b689e3}.reading-page .card .reading-mode .content .column:nth-child(2) .reading-type-selector.by_heart button.circle{width:100px;height:100px;border-radius:50%;background-color:#b689e3;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .card .reading-mode .content .column:nth-child(2) .reading-type-selector.by_heart button.circle:hover{background-color:#904bd4;filter:brightness(90%)}.reading-page .card .reading-mode .content .column:nth-child(2) .reading-type-selector.by_heart button.circle:focus{outline:none;box-shadow:0 0 0 2px #e9dbf7}.reading-page .card .reading-mode .content .column:nth-child(2) .reading-type-selector.by_heart button.circle:active{transform:translateY(2px)}.reading-page .card .recording-mode .mic-button.recording{background-color:#909090}@media (max-width: 799px){.reading-page .card .recording-mode .mic-button.recording{width:64px;height:64px;border-radius:50%;background-color:#57c869;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .card .recording-mode .mic-button.recording:hover{background-color:#349f45;filter:brightness(90%)}.reading-page .card .recording-mode .mic-button.recording:focus{outline:none;box-shadow:0 0 0 2px #a4e1ae}.reading-page .card .recording-mode .mic-button.recording:active{transform:translateY(2px)}}@media (min-width: 800px){.reading-page .card .recording-mode .mic-button.recording{width:100px;height:100px;border-radius:50%;background-color:#57c869;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .card .recording-mode .mic-button.recording:hover{background-color:#349f45;filter:brightness(90%)}.reading-page .card .recording-mode .mic-button.recording:focus{outline:none;box-shadow:0 0 0 2px #a4e1ae}.reading-page .card .recording-mode .mic-button.recording:active{transform:translateY(2px)}}.reading-page .card .recording-mode .timer{color:#d8d8d8;font-weight:500}@media (max-width: 799px){.reading-page .card .recording-mode .timer{font-size:16px}}@media (min-width: 800px){.reading-page .card .recording-mode .timer{font-size:24px}}.reading-page .card .results-mode .buttons .try-again-button{width:90px;height:90px;border-radius:50%;background-color:#57c869;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .card .results-mode .buttons .try-again-button:hover{background-color:#349f45;filter:brightness(90%)}.reading-page .card .results-mode .buttons .try-again-button:focus{outline:none;box-shadow:0 0 0 2px #a4e1ae}.reading-page .card .results-mode .buttons .try-again-button:active{transform:translateY(2px)}.reading-page .card .results-mode .buttons .continue-button{width:90px;height:90px;border-radius:50%;background-color:#b689e3;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .card .results-mode .buttons .continue-button:hover{background-color:#904bd4;filter:brightness(90%)}.reading-page .card .results-mode .buttons .continue-button:focus{outline:none;box-shadow:0 0 0 2px #e9dbf7}.reading-page .card .results-mode .buttons .continue-button:active{transform:translateY(2px)}@media (min-width: 900px){.reading-page .card .results-mode .buttons .try-again-button{width:150px;height:150px;border-radius:50%;background-color:#57c869;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .card .results-mode .buttons .try-again-button:hover{background-color:#349f45;filter:brightness(90%)}.reading-page .card .results-mode .buttons .try-again-button:focus{outline:none;box-shadow:0 0 0 2px #a4e1ae}.reading-page .card .results-mode .buttons .try-again-button:active{transform:translateY(2px)}.reading-page .card .results-mode .buttons .continue-button{width:150px;height:150px;border-radius:50%;background-color:#b689e3;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .card .results-mode .buttons .continue-button:hover{background-color:#904bd4;filter:brightness(90%)}.reading-page .card .results-mode .buttons .continue-button:focus{outline:none;box-shadow:0 0 0 2px #e9dbf7}.reading-page .card .results-mode .buttons .continue-button:active{transform:translateY(2px)}}@media (max-width: 799px){.reading-page .head-section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:96%;padding-block:26px 48px}.reading-page .head-section .headers>*{text-align:center}.reading-page .head-section .stats-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-inline-start:26px}.reading-page .head-section .stats-container>div{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:6px}.reading-page .head-section .stats-container>div label{padding-inline-start:6px}.reading-page .card{max-height:unset;height:fit-content}.reading-page .card .preview-mode .content{padding:0 16px 16px}.reading-page .card .MuiDivider-middle{margin-right:8px!important;margin-left:8px!important}.reading-page .buttons button{padding:6px!important;font-size:14px!important}.reading-page .buttons button:first-child{width:90px;height:90px;border-radius:50%;background-color:#57c869;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .buttons button:first-child:hover{background-color:#349f45;filter:brightness(90%)}.reading-page .buttons button:first-child:focus{outline:none;box-shadow:0 0 0 2px #a4e1ae}.reading-page .buttons button:first-child:active{transform:translateY(2px)}.reading-page .buttons button:last-child{width:90px;height:90px;border-radius:50%;background-color:#b689e3;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .buttons button:last-child:hover{background-color:#904bd4;filter:brightness(90%)}.reading-page .buttons button:last-child:focus{outline:none;box-shadow:0 0 0 2px #e9dbf7}.reading-page .buttons button:last-child:active{transform:translateY(2px)}.reading-page .buttons button img{width:32px;height:32px}.reading-page .type-reading .control-panel{bottom:10px!important}}@media (min-width: 900px){.reading-page .buttons button:first-child{width:150px;height:150px;border-radius:50%;background-color:#57c869;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .buttons button:first-child:hover{background-color:#349f45;filter:brightness(90%)}.reading-page .buttons button:first-child:focus{outline:none;box-shadow:0 0 0 2px #a4e1ae}.reading-page .buttons button:first-child:active{transform:translateY(2px)}.reading-page .buttons button:last-child{width:150px;height:150px;border-radius:50%;background-color:#b689e3;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease}.reading-page .buttons button:last-child:hover{background-color:#904bd4;filter:brightness(90%)}.reading-page .buttons button:last-child:focus{outline:none;box-shadow:0 0 0 2px #e9dbf7}.reading-page .buttons button:last-child:active{transform:translateY(2px)}}@media (min-width: 1192px){.reading-page{justify-content:flex-end}}@media (max-width: 1191px){.reading-page{justify-content:space-around}.reading-page .head-section{width:56%}}@media (max-width: 1191px) and (max-width: 899px){.reading-page .head-section{width:88%}.reading-page .head-section .navigate{inset-inline-start:12%}}@media (max-width: 1191px){.reading-page .head-section .stats-container{margin-inline-start:0}}@media (min-width: 1192px){.reading-page .head-section{flex-direction:column;gap:48px}.reading-page .head-section .stats-container{flex-direction:column;justify-content:flex-start;align-items:flex-start}.reading-page .head-section .stats-container label{width:146px}}.my-reading-page{flex-direction:row;gap:0}@media (min-width: 900px) and (max-width: 1191px){.my-reading-page{justify-content:center}}@media (min-width: 1192px){.my-reading-page{justify-content:flex-end}}.my-reading-page .head-section{align-items:flex-start;text-align:start;flex-direction:column;gap:32px;z-index:-1}@media (max-width: 799px){.my-reading-page .head-section{width:96%;justify-content:center;align-items:center;padding-block:16px 64px;gap:16px;margin-bottom:-40px;text-align:center}}.my-reading-page .head-section .headers{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.my-reading-page .head-section h1{margin-block:0px 2px;margin-inline-start:-3px}@media (min-width: 1192px){.my-reading-page .head-section{padding-bottom:46px}}.my-reading-page .summary-table{line-height:1.2;display:grid;gap:5px;overflow:hidden;grid-template-columns:3fr 1fr}.my-reading-page .summary-table .grid-header{font-weight:700;padding:8px;text-align:right}.my-reading-page .summary-table .grid-item{padding:8px;text-align:right}@media (max-width: 799px){.my-reading-page .summary-table{margin-inline-start:0;font-size:18px}.my-reading-page .summary-table .grid-item{padding-block:0}}@media (min-width: 800px){.my-reading-page .summary-table{font-size:24px;font-weight:300;margin-inline-start:58px}}.my-reading-page .levelOne-accordions{padding:0}.my-reading-page .levelOne-accordions .MuiAccordionSummary-root[aria-expanded=true]+.MuiCollapse-root button.circle{transform:rotate(360deg) scale(1)!important}.my-reading-page .levelOne-accordions .MuiAccordionSummary-root[aria-expanded=true]+.MuiCollapse-root button.circle svg{transform:rotate(360deg)!important}.my-reading-page .levelOne-accordions .MuiAccordionSummary-root[aria-expanded=false]+.MuiCollapse-root button.circle{transform:rotate(0) scale(1)!important}.my-reading-page .levelOne-accordions .MuiAccordionSummary-root[aria-expanded=false]+.MuiCollapse-root button.circle svg{transform:rotate(0)!important}.my-reading-page .levelOne-accordions .MuiAccordion-root{overflow:hidden}@media (max-width: 799px){.my-reading-page .levelOne-accordions .MuiAccordion-root:first-child{border-top-left-radius:20px;border-top-right-radius:20px}.my-reading-page .levelOne-accordions .MuiAccordion-root:first-child .MuiAccordionSummary-root,.my-reading-page .levelOne-accordions .MuiAccordion-root:first-child .MuiAccordionDetails-root{border-top-right-radius:20px}}@media (min-width: 800px){.my-reading-page .levelOne-accordions .MuiAccordion-root{width:760px}.my-reading-page .levelOne-accordions .MuiAccordion-root:first-child{border-top-left-radius:30px;border-top-right-radius:30px}.my-reading-page .levelOne-accordions .MuiAccordion-root:first-child .MuiAccordionSummary-root,.my-reading-page .levelOne-accordions .MuiAccordion-root:first-child .MuiAccordionDetails-root{border-top-right-radius:30px}}.my-reading-page .levelOne-accordions .MuiAccordion-root:not(:last-child) .MuiAccordionSummary-root[aria-expanded=false]:not(:last-child){border-bottom:2px solid white}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-root{background-color:#5898ff;box-shadow:0 1px 12px 3px #0003;z-index:3}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-root *{color:#fff}@media (max-width: 799px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-root{padding-inline:12px}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-root h3{font-size:18px}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-root h5{font-size:14px;width:max-content}}@media (max-width: 799px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-expandIconWrapper svg{font-size:30px}}@media (min-width: 800px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-expandIconWrapper svg{font-size:40px}}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-expandIconWrapper.Mui-expanded{transform:rotate(-90deg)}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:24px}@media (max-width: 799px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-content{gap:4px;margin-inline-end:12px;margin-block:10px}}@media (min-width: 800px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-content{margin-inline-end:16px}}@media (max-width: 799px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-content .progress{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-content .progress label{font-size:12px;width:max-content}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-content .progress .MuiLinearProgress-root{width:120px;height:20px}}@media (min-width: 800px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-content .progress{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-content .progress .MuiLinearProgress-root{width:180px;height:40px}}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-content .progress .MuiLinearProgress-root{border-radius:200px;background-color:#d8d8d8}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root{padding:0}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container{display:flex;flex-direction:row;justify-content:start;align-items:start;gap:0;overflow:hidden;height:100%}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column{text-align:center;height:-webkit-fill-available;min-width:fit-content}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column::-webkit-scrollbar{width:8px}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column::-webkit-scrollbar-track{background-color:#ddeaff}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:first-child{background-color:#ffe19c;box-shadow:4px 0 8px #000;z-index:2;overflow-y:auto;width:auto}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:first-child p{text-align:center}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:first-child .Mui-selected{background-color:#ffe19c}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:first-child .Mui-selected .MuiListItemText-root{background-color:#fff;padding:2px 6px;font-weight:500;border-radius:6px}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:first-child .MuiListItemButton-root{padding:4px;height:38px}@media (min-width: 800px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:first-child .MuiListItemButton-root{padding-inline:16px}}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:nth-child(2){border-inline-end:2px solid rgb(220.6,233.7832335329,255);overflow-y:auto;background-color:#fff}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:nth-child(2) p{text-align:center}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:nth-child(2) .Mui-selected{background-color:#ddeaff}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:nth-child(2) .Mui-selected *{font-weight:500}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:nth-child(2) .MuiListItemButton-root{padding:4px 16px;border-top:2px solid rgb(220.6,233.7832335329,255);height:32px}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child{width:100%;padding:12px 16px}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child .details{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:26px;text-align:start}@media (max-width: 799px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child .details{gap:14px}}@media (min-width: 800px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child .details h5{margin-bottom:6px}}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child .details h5 span{font-weight:300}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;position:absolute;top:revert;bottom:16px;right:revert;left:16px;z-index:1;line-height:1.2;padding:0;transition:all .5s ease-in-out!important;transform:rotate(0) scale(1)}@media (max-width: 799px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle{width:72px;height:72px;border-radius:50%;background-color:#77abff;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease;font-size:12px;padding-inline:12px}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle:hover{background-color:#2a7cff;filter:brightness(90%)}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle:focus{outline:none;box-shadow:0 0 0 2px #ddeaff}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle:active{transform:translateY(2px)}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle svg{font-size:20px;transition:transform .5s ease-in-out!important}}@media (min-width: 800px){.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle{width:112px;height:112px;border-radius:50%;background-color:#77abff;color:#fff;border:none;padding:10px 20px;cursor:pointer;transition:background-color .3s ease;font-size:20px}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle:hover{background-color:#2a7cff;filter:brightness(90%)}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle:focus{outline:none;box-shadow:0 0 0 2px #ddeaff}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle:active{transform:translateY(2px)}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column:last-child button.circle svg{font-size:34px;transition:transform .5s ease-in-out!important}}.my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root .container .column h5{padding-block:6px;font-weight:500;position:sticky;top:0;z-index:1;background-color:inherit}.my-reading-page .MuiLinearProgress-root{background-color:#faf3e6!important;box-shadow:inset 0 0 4px #00000080,inset 0 0 #0000004d}.my-reading-page .MuiLinearProgress-root .MuiLinearProgress-bar{background-color:#7dd58b;border-radius:200px}@media (max-width: 799px){.stats-container{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:8px}}@media (min-width: 800px){.stats-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}}.stats-container .stats{display:flex;flex-direction:row;justify-content:start;align-items:start;gap:8px}.stats-container .stats>h5{display:flex;flex-direction:row;justify-content:start;align-items:center;gap:6px}@media (min-width: 800px){.stats-container .stats img{margin-top:7px}}.stats-container .stats.in_writing>img{width:26px;height:26px;border-radius:50%;background-color:#57c869;padding:2px 6px 4px}@media (max-width: 799px){.stats-container .stats.in_writing>img{width:20px;height:20px;border-radius:50%;background-color:#57c869;padding:1px 4px 3px;margin-top:6px}}.stats-container .stats.by_heart>img{width:26px;height:26px;border-radius:50%;background-color:#b689e3;padding:6px 5px 2px}@media (max-width: 799px){.stats-container .stats.by_heart>img{width:20px;height:20px;border-radius:50%;background-color:#b689e3;padding:4px 3px 1px;margin-top:6px}}@media (max-width: 799px){.stats-container .stats .scores{display:grid;gap:4px;overflow:hidden;grid-template-columns:3fr 1fr}.stats-container .stats .scores .grid-header{font-weight:700;padding:8px;text-align:right}.stats-container .stats .scores .grid-item{padding:8px;text-align:right}.stats-container .stats .scores h5{font-size:14px}.stats-container .stats .scores label{padding-inline-start:16px;font-size:12px}.stats-container .stats .scores div.value{font-size:12px}}@media (min-width: 800px){.stats-container .stats .scores{display:grid;gap:8px;overflow:hidden;grid-template-columns:3fr 1fr}.stats-container .stats .scores .grid-header{font-weight:700;padding:8px;text-align:right}.stats-container .stats .scores .grid-item{padding:8px;text-align:right}.stats-container .stats .scores label{padding-inline-start:20px}}[dir=ltr] .my-reading-page .MuiAccordionDetails-root button.circle{left:revert!important;right:16px!important}[dir=ltr] .my-reading-page .MuiAccordionDetails-root .container .column:first-child{box-shadow:-4px 0 8px #000!important}.book-type-tabs{width:100%;overflow-x:auto;margin-bottom:10px;padding-bottom:2px}.book-type-tabs .MuiTabs-root{min-height:36px;width:100%;padding:0 4px}.book-type-tabs .MuiTabs-flexContainer{flex-wrap:nowrap;gap:0}.book-type-tabs .MuiTab-root{min-width:70px;padding:6px 8px;font-size:15px;margin:0 2px 0 0;border-radius:8px 8px 0 0}@media (max-width: 799px){.book-type-tabs{margin-inline:-12px 0;margin-bottom:6px;padding-bottom:0}.book-type-tabs .MuiTabs-root{padding:0 2px}.book-type-tabs .MuiTab-root{min-width:60px;font-size:13px;padding:5px 4px;margin:0 1px 0 0;border-radius:6px 6px 0 0}}@media (min-width: 800px) and (max-width: 899px){.book-type-tabs{width:95vw;margin-bottom:8px}.book-type-tabs .MuiTab-root{min-width:65px;font-size:14px;padding:6px;margin:0 2px 0 0;border-radius:7px 7px 0 0}}.my-reading-page.student-area-view .head-section h1 svg{color:#b689e3!important}.my-reading-page.student-area-view .MuiAccordion-root .MuiAccordionSummary-root{background-color:#b689e3}.my-reading-page.student-area-view .levelOne-accordions .container .column:first-child{background-color:#ece0f8!important}.my-reading-page.student-area-view .levelOne-accordions .container .column:first-child .Mui-selected{background-color:#d5baef!important}.my-reading-page.student-area-view .book-type-tabs .MuiTabs-indicator{background-color:#b689e3}.my-reading-page.student-area-view .book-type-tabs .Mui-selected{color:#b689e3}.class-management-page .head-section{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:16px}@media (max-width: 799px){.class-management-page .head-section{width:96%;justify-content:center;padding-top:16px}}.class-management-page .head-section .headers{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px}@media (max-width: 799px){.class-management-page .head-section .headers{align-items:center}}.class-management-page .head-section .buttons{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:16px;margin-top:16px}.class-management-page .head-section .buttons button{font-weight:600}.class-management-page .head-section .buttons button.add-class-button{border-radius:30px;border:2px solid #b689e3;font-size:20px;color:#b689e3;font-weight:800}@media (max-width: 799px){.class-management-page .head-section .buttons button.add-class-button{font-size:16px;padding-block:2px}}.class-management-page .head-section .buttons button.add-class-button svg{transition:transform .3s ease-in-out}.class-management-page .head-section .buttons button.add-class-button:hover{background-color:#b689e3;color:#fff}.class-management-page .head-section .buttons button.add-class-button:hover svg{transform:scale(1.6)}.class-management-page .MuiTableCell-head{background-color:#ffe19c;padding-block:2px}.class-management-page .MuiAccordionDetails-root{height:revert!important}.class-management-page .MuiAccordionSummary-content{margin-inline-start:12px!important}.class-management-page .MuiTableRow-root:nth-of-type(odd){background-color:#f6faff}.class-management-page .MuiTableRow-root:nth-of-type(2n){background-color:#fff}.class-management-page .MuiTableRow-root:hover{background-color:#e7f0ff}.class-management-page .MuiTableRow-root .MuiTableCell-root{padding-block:4px}@media (max-width: 799px){.class-management-page .MuiTableRow-root .MuiTableCell-root{padding-inline:6px}}.class-management-page .MuiTableRow-root:not(.MuiTableRow-head) .MuiTableCell-root:nth-child(1),.class-management-page .MuiTableRow-root:not(.MuiTableRow-head) .MuiTableCell-root:nth-child(3){position:relative}.class-management-page .MuiTableRow-root:not(.MuiTableRow-head) .MuiTableCell-root:nth-child(1):after,.class-management-page .MuiTableRow-root:not(.MuiTableRow-head) .MuiTableCell-root:nth-child(3):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000005;pointer-events:none}.class-management-page .MuiTableRow-root.new-student-row{position:sticky;bottom:0}.admin-area-view .my-reading-page .loading-container{display:flex;justify-content:center;align-items:center;min-height:50vh}.admin-area-view .my-reading-page .loading-container .loader{width:60px;height:60px;border:4px solid #e1bee7;border-top:4px solid #9c27b0;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-area-view .my-reading-page .classes-column{display:flex;flex-direction:column;gap:8px;width:100%;overflow:visible}.admin-area-view .my-reading-page .class-accordion{width:100%!important;max-width:100%!important;border-radius:8px!important;overflow:visible!important;margin-bottom:0!important}.admin-area-view .my-reading-page .class-accordion .MuiAccordionSummary-root{min-height:48px!important;padding-right:16px!important;padding-left:16px!important;overflow:visible!important}.admin-area-view .my-reading-page .class-accordion .MuiAccordionDetails-root{padding:0!important;overflow:visible!important}.admin-area-view .my-reading-page .class-accordion .headers h3 .class-id{font-size:12px!important;font-weight:400!important;opacity:.8;margin-right:8px}@media (max-width: 768px){.admin-area-view .my-reading-page .class-accordion .headers h3 .class-id{font-size:10px!important;margin-right:4px}}.admin-area-view .my-reading-page .levelOne-accordions{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1200px;margin:0 auto}.admin-area-view .my-reading-page .levelOne-accordions .MuiAccordion-root{width:100%!important;max-width:100%!important;margin-bottom:16px!important}.admin-area-view .my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionSummary-root{padding-right:16px!important;padding-left:16px!important}.admin-area-view .my-reading-page .levelOne-accordions .MuiAccordion-root .MuiAccordionDetails-root{padding:0!important;width:100%!important;overflow:visible!important}@media (min-width: 1400px){.admin-area-view .my-reading-page .levelOne-accordions{max-width:1200px!important;margin:0 auto!important}.admin-area-view .my-reading-page .summary-table{max-width:800px!important;margin:0 auto 24px!important;display:grid!important;grid-template-columns:1fr auto 1fr auto 1fr auto!important;gap:16px!important;align-items:center!important}}@media (min-width: 1200px) and (max-width: 1399px){.admin-area-view .my-reading-page .summary-table{max-width:700px!important;margin:0 auto 24px!important}.admin-area-view .my-reading-page .levelOne-accordions{max-width:1000px!important;margin:0 auto!important}}@media (max-width: 1200px){.admin-area-view .my-reading-page .summary-table{max-width:600px!important}.admin-area-view .my-reading-page .levelOne-accordions{max-width:900px!important;margin:0 auto!important;padding:0 16px!important}}@media (max-width: 768px){.admin-area-view .my-reading-page .summary-table{margin:0 16px 24px!important;padding:12px!important;max-width:none!important}.admin-area-view .my-reading-page .summary-table .grid-item{font-size:14px!important}.admin-area-view .my-reading-page .summary-table .grid-item.summary-value{font-size:18px!important}.admin-area-view .my-reading-page .levelOne-accordions{max-width:none!important;margin:0 16px!important;padding:0!important}.admin-area-view .my-reading-page .levelOne-accordions .headers h3{font-size:16px!important}.admin-area-view .my-reading-page .levelOne-accordions .headers h5{font-size:12px!important}.admin-area-view .my-reading-page .levelOne-accordions .classes-column{gap:4px}.admin-area-view .my-reading-page .levelOne-accordions .class-accordion .MuiAccordionSummary-root{padding-right:12px!important;padding-left:12px!important}.admin-area-view .my-reading-page .levelOne-accordions .class-accordion .headers h3{font-size:14px!important}.admin-area-view .my-reading-page .levelOne-accordions .class-accordion .headers h3 span:last-child{font-size:10px!important}}@media (max-width: 480px){.admin-area-view .my-reading-page .summary-table .grid-item{font-size:12px!important}.admin-area-view .my-reading-page .summary-table .grid-item.summary-value{font-size:16px!important}}.history-page{justify-content:center;flex-direction:row}.history-page .head-section{text-align:start;margin-block:38px 32px}.history-page .head-section h1{margin-block:0px 2px;margin-inline-start:-3px}.history-page .history-list{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:12px}.auth-page{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100vh}@media (max-width: 799px){.auth-page{margin-inline:16px}}.auth-page .card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;position:relative;margin:auto;text-align:center}.auth-page .card .google.button{border-radius:30px}@media (max-width: 799px){.auth-page .card{width:100%;height:62vh;padding-inline:32px;padding-block:32px 16px;justify-content:space-around}.auth-page .card .google.button{margin-block:16px;font-size:18px;font-weight:900}.auth-page .card .lang-button{position:absolute;z-index:1;top:6px;left:8px}.auth-page .card .lang-button button{font-size:16px!important}.auth-page .card .brand-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.auth-page .card .brand-container img{height:60px;margin-bottom:4px}.auth-page .card .brand-container h3{font-size:28px}.auth-page .card .brand-container p{font-size:14px;text-align:center;width:240px}.auth-page .card h5 br{margin-bottom:0}}@media (min-width: 800px){.auth-page .card{width:800px;height:60vh;padding:42px}.auth-page .card .lang-button{position:absolute;z-index:1;top:24px;left:32px}.auth-page .card .brand-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.auth-page .card .brand-container img{height:160px;margin-bottom:4px}.auth-page .card .google.button{margin-block:16px;font-size:26px;font-weight:700;border-radius:30px;padding-inline-end:34px}.auth-page .card button{width:fit-content!important}}.auth-page .card a{font-weight:500}.auth-page .card h5{font-size:16px}.auth-page .copyright{position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:max-content}.auth-form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;background-color:#fff;border-radius:30px;padding:32px;box-shadow:0 4px 12px #0000001a}@media (max-width: 799px){.auth-form{padding:24px;width:100%;max-width:400px}}.auth-form h2{margin-bottom:24px;text-align:center}.auth-form .form-fields{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;margin-bottom:24px}@media (min-width: 800px){.auth-form .form-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px}}.auth-form .form-actions .submit-button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background-color:#ffb817;color:#fff;border:none;border-radius:30px;padding:12px 24px;cursor:pointer;transition:background-color .3s ease}.auth-form .form-actions .submit-button:hover{background-color:#e39e00}.auth-form .footer-link{position:absolute;bottom:16px;left:50%;transform:translate(-50%);text-align:center;margin-top:16px}