/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:Gurmukhi-Regular;src:url(/fonts/BalooPaaji2/BalooPaaji2-Regular.ttf) format("truetype")}@font-face{font-family:Gurmukhi-Variable;src:url(/fonts/BalooPaaji2/BalooPaaji2-Variable.ttf) format("truetype")}@font-face{font-family:Gurmukhi-SemiBold;src:url(/fonts/BalooPaaji2/BalooPaaji2-SemiBold.ttf) format("truetype")}@font-face{font-family:Gurmukhi-Bold;src:url(/fonts/BalooPaaji2/BalooPaaji2-Bold.ttf) format("truetype")}@font-face{font-family:Gurmukhi-ExtraBold;src:url(/fonts/BalooPaaji2/BalooPaaji2-ExtraBold.ttf) format("truetype")}@font-face{font-family:Heading-Regular;src:url(/fonts/Recoleta-Regular.ttf) format("truetype")}@font-face{font-family:Text-Regular;src:url(/fonts/Brandon-Regular.ttf) format("truetype")}@font-face{font-family:Emoji-Font;src:url(/fonts/NotoColorEmoji-Regular.ttf) format("truetype")}.blue-primary-button{background:linear-gradient(270.98deg,#61a9d1 -4.76%,#4285f4 97.99%);color:#f9f9f9;border:none;border-radius:10px;padding:16px;width:100%;font-size:1rem}.transparent-button,.white-secondary-button{width:inherit;padding:16px;border:1px solid rgba(0,0,0,.1);background-color:#f9f9f9;border-radius:10px;transition:all .3s ease;display:flex;justify-content:space-around;align-items:center}.transparent-button svg,.white-secondary-button svg{width:20px;height:auto;margin-right:8px}.transparent-button:hover,.white-secondary-button:hover{background-color:#f2f2f2}.transparent-button:disabled,.white-secondary-button:disabled{background-color:rgba(0,0,0,.1);color:rgba(0,0,0,.4);cursor:not-allowed}.transparent-button{background-color:transparent;border-color:#4e4e4e;color:#4e4e4e}.transparent-button:hover{border-color:#000;background-color:transparent;color:#000}.input-with-icon{width:100%;padding:16px;border-radius:10px;border:1px solid rgba(0,0,0,.1);display:block;box-sizing:border-box;background-color:#f2f2f2;margin:16px 0;line-height:1;transition:all .3s ease}.speech-bubble{position:relative}.speech-bubble img{position:absolute;bottom:0;left:-30px}.speech-bubble .bubble-text{display:flex;flex-direction:column;justify-content:center;border-radius:60px;max-width:22em;height:10em;padding:8px 32px 8px 54px;background-color:#d6e9f3;text-align:left;box-shadow:10px 10px 30px 0 rgba(0,0,0,.1);font-size:1rem;color:#1f4860;line-height:24px}.speech-bubble .bubble-text .gurmukhi{font-family:Gurmukhi-SemiBold;color:#333}.speech-bubble:hover img{animation:meditate 1.4s ease-in-out infinite;animation-direction:alternate}@media screen and (max-width:1025px){.speech-bubble{display:none}}.audio-container{position:relative;width:36px;height:36px;cursor:pointer;background:hsla(0,0%,98%,.5);border-radius:50%;margin:0 12px}.audio-container .audio-icon{width:100%;height:100%}.audio-container .audio-icon svg{width:24px;height:24px;margin:6px}.audio-container .audio-icon svg.playing .sound-bar{opacity:1;animation:bar-animation .5s infinite}.audio-container .audio-icon svg .sound-bar{opacity:.5;transform-origin:center center;transition:all .3s ease}.audio-container .progress-ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}@keyframes meditate{0%{bottom:0}to{bottom:8px}}@keyframes bar-animation{0%{transform:scale(.8)}50%{transform:scale(1)}to{transform:scale(.8)}}.feedback-link{position:fixed;top:calc(50% - 120px);right:-45px;text-align:center;height:30px;line-height:30px;transform:rotate(-90deg);background-color:#d6e9f3;border-radius:6px;padding:12px}.box-card,.rounded-corner-cards{align-items:center;background-color:hsla(0,0%,98%,.2);border:1px solid hsla(0,0%,98%,.4);border-radius:36px;box-shadow:5px 4px 15px 0 rgba(0,0,0,.05);cursor:pointer;display:flex;height:84px;padding:0 36px}.box-card p,.rounded-corner-cards p{margin:0}.box-card .card-heading,.rounded-corner-cards .card-heading{font-size:1.4rem}.transparent-input{background-color:transparent;outline:none;border:none;border-bottom:1px solid #4e4e4e;padding:8px 0;font-family:Heading-Regular}.box-card{box-shadow:none;border-color:#a3cde4;width:100px;height:152px;border-radius:8px;flex-direction:column;justify-content:center;padding:8px;min-width:150px}.modal-backdrop{width:100vw;height:100vh;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.4);z-index:100;display:flex;align-items:center;justify-content:center}.modal{background-color:#f9f9f9;padding:16px;border-radius:24px;max-width:640px;width:100%;max-height:80vh;overflow-y:auto}.modal .modal-content{padding:16px 0}.modal .modal-footer{display:flex;justify-content:flex-end;align-items:center}.modal .modal-footer button{max-width:120px}.modal .modal-footer button:not(:last-child){margin-right:16px}.modal .modal-footer button:disabled{color:hsla(0,0%,98%,.4)}.search-container{position:relative}.search-container .search-icon{position:absolute;top:16px;left:8px}.search-container input{padding-left:36px}.display-photo{border:2px solid #f9f9f9;text-align:center;text-transform:uppercase;background-color:#fbbc05;color:#1f4860;z-index:20;overflow:hidden;display:grid;place-items:center}.progress-bar span{display:inline-block;max-width:36px;width:1.6vw;height:36px;margin:14px;padding:8px;font-family:Gurmukhi-Regular;text-align:center;line-height:36px;color:transparent;background-size:contain;background-repeat:no-repeat;background-position:50%;filter:drop-shadow(0 4px 15px transparent)}.progress-bar span.done{color:rgba(0,0,0,.4);background-image:url(/images/yellow-polygon.svg);filter:drop-shadow(0 4px 15px rgba(251,188,5,.3))}.progress-bar span.current{color:#f9f9f9;background-image:url(/images/blue-polygon.svg);transform:translateY(-8px) scale(1.1);animation:shake-in 1s;filter:drop-shadow(0 4px 15px rgba(5,103,251,.5))}.progress-bar span.pending{background-image:url(/images/empty-polygon.svg)}.button{display:inline-block;text-align:center;overflow:hidden;position:relative;z-index:0}.button.raised{transition:all .1s ease}.button span{text-decoration:none}span{font-weight:400}.anim{transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;z-index:-1}.anim:before{position:relative;content:"";display:block;margin-top:100%}.anim:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%}.hoverable:hover>.anim{animation:anim-out 1.25s}.hoverable:hover>.anim:after{animation:anim-out-pseudo 1.25s}@-webkit-keyframes anim-in{0%{width:0}to{width:100%}}@-moz-keyframes anim-in{0%{width:0}to{width:100%}}@-ms-keyframes anim-in{0%{width:0}to{width:100%}}@keyframes anim-in{0%{width:0}to{width:100%}}@-webkit-keyframes anim-in-pseudo{0%{background:hsla(0,0%,100%,.25)}to{background:hsla(0,0%,100%,0)}}@-moz-keyframes anim-in-pseudo{0%{background:hsla(0,0%,100%,.25)}to{background:hsla(0,0%,100%,0)}}@-ms-keyframes anim-in-pseudo{0%{background:hsla(0,0%,100%,.25)}to{background:hsla(0,0%,100%,0)}}@keyframes anim-in-pseudo{0%{background:hsla(0,0%,100%,.25)}to{background:hsla(0,0%,100%,0)}}@-webkit-keyframes anim-out{0%{width:0}to{width:100%}}@-moz-keyframes anim-out{0%{width:0}to{width:100%}}@-ms-keyframes anim-out{0%{width:0}to{width:100%}}@keyframes anim-out{0%{width:0}to{width:100%}}@-webkit-keyframes anim-out-pseudo{0%{background:hsla(0,0%,100%,.25)}to{background:hsla(0,0%,100%,0)}}@-moz-keyframes anim-out-pseudo{0%{background:hsla(0,0%,100%,.25)}to{background:hsla(0,0%,100%,0)}}@-ms-keyframes anim-out-pseudo{0%{background:hsla(0,0%,100%,.25)}to{background:hsla(0,0%,100%,0)}}@keyframes anim-out-pseudo{0%{background:hsla(0,0%,100%,.25)}to{background:hsla(0,0%,100%,0)}}@-webkit-keyframes shake-in{0%{transform:rotate(0deg) translateY(0) scale(1)}20%{transform:rotate(15deg)}40%{transform:rotate(0deg)}60%{transform:rotate(10deg)}to{transform:rotate(0deg) translateY(-8px) scale(1.1)}}@-moz-keyframes shake-in{0%{transform:rotate(0deg) translateY(0) scale(1)}20%{transform:rotate(15deg)}40%{transform:rotate(0deg)}60%{transform:rotate(10deg)}to{transform:rotate(0deg) translateY(-8px) scale(1.1)}}@-ms-keyframes shake-in{0%{transform:rotate(0deg) translateY(0) scale(1)}20%{transform:rotate(15deg)}40%{transform:rotate(0deg)}60%{transform:rotate(10deg)}to{transform:rotate(0deg) translateY(-8px) scale(1.1)}}@keyframes shake-in{0%{transform:rotate(0deg) translateY(0) scale(1)}20%{transform:rotate(15deg)}40%{transform:rotate(0deg)}60%{transform:rotate(10deg)}to{transform:rotate(0deg) translateY(-8px) scale(1.1)}}.static{position:static}.relative{position:relative}.m-0{margin:0}.m-2{margin:.5rem}.m-4{margin:1rem}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.ml-16{margin-left:4rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-8{margin-right:2rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-5{margin-top:1.25rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-32{height:8rem}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-2\/3{width:66.666667%}.w-32{width:8rem}.w-full{width:100%}.flex-grow,.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.rounded-full{border-radius:9999px}.bg-cover{background-size:cover}.bg-top{background-position:top}.bg-no-repeat{background-repeat:no-repeat}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-3{padding-left:.75rem}.pr-2{padding-right:.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-8{line-height:2rem}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.opacity-30{opacity:.3}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}html{font-size:16px}@media screen and (min-width:1800px){html{font-size:18px}}body{background-image:url(/images/background.png),linear-gradient(180deg,#e5f4fd,#9cc9e2);background-attachment:fixed;height:100vh;width:100vw;font-family:Text-Regular;font-size:1rem}body.win{background-image:url(/images/darbarsahib.png),linear-gradient(180deg,#b4bcc2,#7d9cac)}input{display:block}.link{display:inline-block;margin:16px}form{width:inherit}button{cursor:pointer}button.link{background-color:transparent;border:none;color:#1f4860;text-decoration:underline;font-size:1rem}.app-wrapper{position:relative;margin:auto;height:100%;display:flex;flex-direction:column;justify-content:space-between}.app-wrapper>header{padding:0 24px}@media screen and (max-width:640px){.app-wrapper>header .link{display:none}}.gurmukhi{font-family:Gurmukhi-Regular}.gurmukhi-semibold{font-family:Gurmukhi-SemiBold}.sub-heading{font-size:.7rem;text-transform:uppercase;letter-spacing:4px}.tagline{color:#4e4e4e;margin-top:0;font-style:italic;font-family:Text-Regular}.emoji{font-family:Emoji-Font}.link p,.link-text,a{color:#1f4860;text-decoration:none;border-bottom:1px solid transparent;transition:all .4s ease}.link p:hover,.link-text:hover,a:hover{border-bottom:1px solid #1f4860}.logo{color:#fbbc05;background-color:#1f4860;border-radius:50%;box-shadow:5px 5px 15px 0 rgba(0,0,0,.1);width:48px;height:48px;text-align:center;border:2px solid #fff;font-size:2rem;line-height:48px}.heading{font-family:Heading-Regular;font-size:1.5rem;font-weight:400;color:#1f4860}.auth-form{background-color:#f9f9f9;padding:0 64px;border-radius:30px;text-align:center;min-height:600px;max-height:900px;height:90%;max-width:480px;width:80%}@media screen and (max-width:1025px){.auth-form{padding:12px}}@media screen and (max-width:640px){.auth-form{width:100%;padding:24px;border-bottom-left-radius:0;border-bottom-right-radius:0}}.auth-form.reset-form{min-height:inherit;padding:64px}.form-welcome-text{font-family:Heading-Regular;font-size:2rem;color:#1f4860;margin:0;font-weight:400}.form-welcome-tagline{font-size:1rem;margin-top:4px;color:#999}.form-options{border-radius:100px;background-color:#f2f2f2;display:flex;justify-content:center;align-items:center;padding:8px}.form-options button{border-radius:100px;width:100px;height:36px;border:none;color:#999;background-color:transparent;font-size:.9rem}.form-options button.active{background-color:#f9f9f9;color:#000}@media screen and (min-width:1025px){.login-header{position:absolute}}.display-pic{border:2px solid #f9f9f9;text-align:center;text-transform:uppercase;background-color:#fbbc05;color:#1f4860;z-index:101;overflow:hidden;display:grid;place-items:center;margin:auto}.display-pic .image-input-label{background-color:#000;overflow:hidden;position:absolute;bottom:0;width:inherit}.profile-modal-wrapper{position:absolute;top:0;left:0;width:100vw;height:100vh}.profile-modal{position:absolute;right:40px;top:50px;text-align:center;background:#fff;border-radius:32px;padding:32px;max-width:240px;width:100%;z-index:100;box-shadow:10px 10px 30px 0 rgba(0,0,0,.1)}.profile-modal .close-icon{position:absolute;right:1rem;top:2.5rem;background:transparent;border:none}.profile-modal .email{font-size:.85rem;color:#999}.profile-modal .display-name{font-size:1.3rem}.profile-modal input{margin:20px 0;height:36px;border-radius:14px;border:1px solid #999;padding:0 12px}.profile-modal .no-profile-pic{font-size:3rem;line-height:132px}.profile-modal .display-pic{position:relative;z-index:20}.dashboard-container{font-family:Heading-Regular;color:#1f4860}.dashboard-content{width:100%}.dashboard-content div{height:300px;width:380px;background-color:#c6e5ff;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:16px}.dashboard-content p{margin:4px}.footer-container{background-color:hsla(0,0%,98%,.1);height:auto;display:flex;flex-direction:wrap;justify-content:space-around;align-items:center;gap:8px}.footer-container .transparent-button,.footer-container .white-secondary-button{text-transform:uppercase;background-color:#d6e9f3;letter-spacing:.2em;font-size:1rem;color:#1f4860;height:64px}.footer-container .progress-wrapper{padding:8px}@media screen and (max-width:1025px){.footer-container .progress-wrapper{flex-direction:column}.footer-container .progress-wrapper .progress-bar,.footer-container .progress-wrapper .status-text{display:none}.footer-container .progress-wrapper .progress-text{display:block}}.copyright-text{padding:8px;background-color:#1f4860;color:#c6e5ff}.copyright-text a{color:#c6e5ff}.progress-wrapper .progress-text{display:none}.progress-wrapper .status-text{margin:0;padding-top:8px;text-indent:16px;opacity:.6}.progress-wrapper .congrats-text{margin:0;text-align:center;padding-top:8px;text-indent:16px;font-weight:700}.word-info{max-width:1200px;width:100%;margin:auto}.word-info .meaning{width:400px}@media screen and (max-width:1025px){.word-info .meaning{width:80%;margin-bottom:32px}}.word-info.sentence-slide .sentences{font-size:1.4rem;max-width:700px;margin:0 auto}.word-info .sentences{color:#333}.word-info .sentences .sentence-text{font-family:Gurmukhi-Variable}.word-info .sentences .sentence-text .normal{opacity:.9;font-weight:400}.word-info .sentences .sentence-text .highlight{font-weight:500}.word-info .suggestion-box{background-color:hsla(0,0%,98%,.3);padding:32px;border-radius:16px;margin-right:24px;margin-bottom:16px;min-width:200px;height:180px;overflow-y:auto}.word-info .suggestion-box .word{background-color:#f9f9f9;padding:8px;border-radius:6px;width:fit-content}.slide{max-width:1200px;margin:24px auto;padding:0 24px;color:#333;flex-wrap:wrap;flex-grow:1;display:flex;width:calc(100% - 48px);justify-content:center}.slide .image-wrapper{height:auto;width:50%;min-width:250px;border-radius:15px;margin-right:36px}.slide.definition-slide .title-section{margin-bottom:2.5rem;min-width:240px}.slide.definition-slide .title-section .gurmukhi{font-size:3rem}.slide.definition-slide .title-section h1,.slide.definition-slide .title-section h3{margin:0}.slide.definition-slide .content{font-size:1.2rem}@media screen and (max-width:640px){.slide.definition-slide{flex-direction:column}}.slide.sentence-slide{flex-direction:column;justify-content:center}.slide.question-slide{max-width:600px;flex-direction:column}.slide.question-slide ul{padding-inline-start:0}.slide.question-slide .question-image{height:auto;width:100%;border-radius:15px}.slide.question-slide li{margin-top:12px;padding:0 12px;background-color:hsla(0,0%,98%,.4);border-radius:8px;transition:all .7s ease}.slide.question-slide li .audio-container{background-color:transparent;margin:0}.slide.question-slide li:hover{background-color:hsla(0,0%,98%,.7)}.slide.question-slide li.correct{background-color:#aff0c0}.slide.question-slide li.incorrect{background-color:#ffa8a8;border:2px solid #c51e1e;color:#c51e1e}.slide.question-slide button{width:100%;padding:12px;border:none;background-color:transparent;color:#1f4860;font-size:1.3rem}.slide.question-slide button:disabled{cursor:not-allowed}.coin-container{background-color:#f9f9f9;border-radius:100px;height:42px;box-shadow:5px 4px 15px 0 rgba(0,0,0,.102)}.coin-container img{width:32px;height:auto;padding:4px}.coin-container span{padding:6px;text-indent:6px;font-size:1rem;color:#1f4860}@media screen and (max-width:640px){.coin-container{display:none}}.result-container{max-width:320px;width:100%;padding:16px;background-color:hsla(0,0%,98%,.8);font-family:Heading-Regular;height:450px;border-radius:15px}.result-container button{font-family:Text-Regular;margin:4px;max-width:240px}.volume-icon{width:32px;height:32px;position:absolute;bottom:140px;left:20px;cursor:pointer}.volume-icon svg{width:100%;height:100%}.my-classes-section{max-width:800px;width:100%;flex-grow:1;margin:24px auto auto}.my-classes-section .my-class-heading{align-items:center;display:flex;justify-content:space-between}.my-classes-section .my-class-heading h3{font-family:Heading-Regular;font-size:1.7rem;color:#1f4860;margin:0}.my-classes-section input{outline:none}.my-classes-section .class-date{font-size:.9rem;color:#4e4e4e;margin-top:4px}.my-classes-section .class-cards{margin:12px 0}.class-form-container{max-width:800px;width:100%;margin:auto;padding:32px}.class-form-container h2{font-weight:400;color:#333}.class-form-container .transparent-input{font-size:2rem}.class-form-container .teacher-selector{margin:32px 0;max-width:172px}.class-form-container .teacher-selector .teacher{color:#1f4860;font-family:Heading-Regular;margin:16px 0}.class-form-container .teacher-selector .teacher img{border-radius:50%}.class-form-container .teacher-selector button{font-size:.86rem;padding:8px}.class-form-container .teacher-selector button svg{width:.86rem;height:auto}.class-form-container .student-selector .box-card{margin:4px}.class-form-container .student-selector .box-card .icon-container{border-radius:50%;padding:16px;margin:8px;width:2.5rem;height:2.5rem;text-align:center}.class-form-container .student-selector .box-card.student{position:relative}.class-form-container .student-selector .box-card.student .bin-btn{border:none;background-color:transparent;padding:0;width:1.2rem;height:auto;position:absolute;right:8px;top:8px;fill:#333}.class-form-container .student-selector .box-card.student .bin-btn svg{width:100%;height:auto}.class-form-container .student-selector .box-card.student .current-class-container{background-color:rgba(251,188,5,.7);border-radius:4px;color:#333;padding:4px;margin:4px}.class-form-container .student-selector .box-card.student .current-class-container .current-class{font-size:1.1rem;text-transform:capitalize}.class-form-container .student-selector .box-card.new-student .icon-container{background-color:hsla(0,0%,98%,.2)}.class-form-container .student-selector .box-card.new-student svg{width:2rem;height:auto}.class-form-container .student-selector .box-card p{font-family:Heading-Regular;color:#1f4860;text-align:center}.class-form-container .create-class-button{margin-top:32px;max-width:160px}li.ais-Hits-item{padding:0}li.ais-Hits-item div{padding:2px 16px}li.ais-Hits-item div.selected-search-item{background-color:#f2f2f2;border-bottom:1px solid rgba(0,0,0,.1)}li.ais-Hits-item div.selected-search-item .display-photo{background-color:#aff0c0}.search-item-info{margin-left:12px}.class-dashboard{max-width:950px;width:100%;margin:2rem auto}.class-dashboard .content{max-width:800px;margin-top:2rem;flex-grow:1;height:inherit;background-color:hsla(0,0%,98%,.4)}.class-dashboard .content .sidebar{padding:1rem 0;min-width:200px}@media screen and (max-width:640px){.class-dashboard .content .sidebar{min-width:100px}}.class-dashboard .content .sidebar .student-option{cursor:pointer;padding:0 1rem;transition:all .3s ease}.class-dashboard .content .sidebar .student-option.selected,.class-dashboard .content .sidebar .student-option:hover{background-color:hsla(0,0%,98%,.8)}.class-dashboard .content .main-content{background-color:rgba(198,229,255,.4);padding:1rem;flex-grow:1}.class-dashboard .content .main-content .student-info span{display:block;margin:auto;width:100px;height:100px;font-size:36px;line-height:100px}.class-dashboard .content .main-content .student-info .display-name{margin-bottom:0}.class-dashboard .content .main-content .student-info .email{opacity:.45;margin-top:.25rem;margin-bottom:1.5rem}.class-dashboard .content .main-content .student-achievements{border-top:1px solid hsla(0,0%,98%,.4);display:flex;justify-content:space-around;text-align:center}.class-dashboard .content .main-content .student-achievements p{width:100px}.class-dashboard .content .main-content .student-achievements p span{display:block;font-size:1.4rem}.class-dashboard .content .main-content .word-list{display:flex;flex-wrap:wrap;justify-content:center;margin-top:1rem}.class-dashboard .content .main-content .word-list h3{width:100%}.class-dashboard .content .main-content .word-list .word{background-color:#f9f9f9;border-radius:8px;cursor:pointer;margin:.5rem;padding:.5rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.class-dashboard .content .main-content .word-list .word .word-bg{width:100%;height:100%;position:absolute;background-color:rgba(175,240,192,.6);top:0;left:0;z-index:1}.class-dashboard .content .main-content .word-list .word .word-text{z-index:2;position:inherit}.class-dashboard .content .main-content .word-list .word.word-0 .word-bg{width:0}.class-dashboard .content .main-content .word-list .word.word-1 .word-bg{width:20%}.class-dashboard .content .main-content .word-list .word.word-2 .word-bg{width:40%}.class-dashboard .content .main-content .word-list .word.word-3 .word-bg{width:60%}.class-dashboard .content .main-content .word-list .word:hover{background-color:hsla(0,0%,98%,.6)}@media screen and (max-width:640px){.class-dashboard .content .main-content .session-progress .progress-wrapper .progress-bar .level{font-size:12px}}.class-header h2{font-family:Heading-Regular;font-size:2rem;color:#1f4860;margin:0;font-weight:400;text-transform:capitalize}.loading-quote .transparent-button,.loading-quote .white-secondary-button{margin:auto}@media (min-width:640px){.sm\:flex{display:flex}.sm\:inline-flex{display:inline-flex}}@media (min-width:1024px){.lg\:flex{display:flex}}