@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap";.speech-component{font-family:Lato;width:100%}.speech-component .transcriptTitle{font-size:1.25rem;line-height:1.5rem;color:#393939;font-weight:700;font-family:Lato;margin-bottom:1rem;align-items:center;justify-content:center}@media only screen and (max-width: 1179px){.speech-component .transcriptTitle{text-align:center}}.speech-component .buttonRow{display:flex;flex-direction:row;justify-content:space-between;width:50%}.speech-component .buttonRow .recordButton{min-width:6.625rem;height:3rem;background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(6,255,244,.14) 100%);border:2px solid rgba(28,243,255,.7);border-radius:20px}.speech-component .buttonRow .recordButton>.buttonContainer{display:flex;justify-content:center;align-items:center;width:100%;gap:.5rem}.speech-component .buttonRow .recordButton>.buttonContainer>.recordIcon{display:inline-block;background:#FF5A5A;width:1rem;height:1rem;border-radius:50rem;margin-right:.3rem}.speech-component .buttonRow .recordButton:hover{cursor:pointer}.speech-component .buttonRow .endSession{font-family:Lato;font-size:1.25rem;color:#464646;padding:0 1rem}@media only screen and (max-width: 1179px){.speech-component .buttonRow{width:100%;align-items:center;justify-content:center;gap:2rem}}.speech-component .transcriptContainer{max-height:326px;margin-bottom:10px;overflow-y:auto;width:90%;min-height:30vh}.boxContainer{border:2px solid #1cf3ff;background:linear-gradient(180deg,rgba(255,255,255,.23) 0%,rgba(6,255,244,.23) 100%);border-radius:40px;width:100%;font-family:Lato;font-size:.5rem;gap:2rem;box-sizing:border-box;display:flex;flex-direction:row;color:#464646;padding:3rem}.boxContainer>.textContainer{display:flex;flex-direction:column}.boxContainer>.textContainer>.topRow{display:flex;flex-direction:row;margin-bottom:1rem}.boxContainer>.textContainer>.topRow>.sideBar{min-width:.7rem;height:100%;margin-right:10px;border-radius:5rem}.boxContainer>.textContainer>.topRow>.correction{background-color:#ffc700}.boxContainer>.textContainer>.topRow>.question{background-color:#4eb44e}.boxContainer>.textContainer>.topRow>.suggestion{background-color:#7ae14a}.boxContainer>.textContainer>.topRow>.timestamp{font-weight:700;text-align:left}.boxContainer>.textContainer>.topRow>.transcript{font-style:italic;color:#a8a8a8;font-weight:400;font-size:1.5rem;line-height:38px}.boxContainer>.textContainer>.boxContent{width:100%;text-align:left}.boxContainer>.textContainer>.boxContent .correctionText{line-height:150%;color:#464646;font-size:2rem;font-weight:700}.second{background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,rgba(133,255,250,.3) 100%);border:1px solid rgba(6,255,244,.5)}.second div{opacity:.7}.third{background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,rgba(133,255,250,.3) 100%);border:1px solid rgba(6,255,244,.3)}.third div{opacity:.4}html{background-color:#fffee9}body{overflow-y:hidden}@media only screen and (max-width: 1179px){body{overflow-y:auto}}.pageContainer{display:flex;flex-direction:row;flex-wrap:wrap;width:100vw;min-height:100vh;margin-bottom:5.5rem;background-color:#fffee9}@media only screen and (max-width: 1179px){.pageContainer{flex-direction:column;justify-content:center;align-items:center}}.pageContainer>.leftSide{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;max-width:550px;padding-left:2rem}@media only screen and (max-width: 1179px){.pageContainer>.leftSide{align-items:center;justify-content:center}}.pageContainer .face{width:411px}@media only screen and (max-width: 1179px){.pageContainer .face{width:500px;margin-right:0}}.pageContainer>.boxesContainer{flex:1;display:flex;flex-direction:column;gap:2rem;margin-top:8rem;padding-right:3rem}@media only screen and (max-width: 1179px){.pageContainer>.boxesContainer{padding:0 2rem}}*{overflow-y:auto}.mainContainer{font-family:Lato;display:flex;flex-direction:row;justify-content:center;color:#464646}@media only screen and (max-width: 1425px){.mainContainer{flex-direction:column}}.mainContainer .leftContainer{padding:2.5rem 0 0 3rem;justify-content:center;display:flex;flex-direction:column}.mainContainer .leftContainer .startForm .formContainer{display:flex;flex-direction:column}@media only screen and (max-width: 1425px){.mainContainer .leftContainer .startForm .formContainer{align-items:center}}@media only screen and (max-width: 1425px){.mainContainer .leftContainer .startForm{justify-content:center}}.mainContainer .leftContainer .startForm .bigTitle{font-size:4rem;font-weight:700;margin-bottom:1.5rem}.mainContainer .leftContainer .startForm .subTitle{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.mainContainer .leftContainer .startForm .audienceField{height:5.5rem;width:665px;background:linear-gradient(180deg,rgba(84,255,247,0) 0%,rgba(123,255,249,.23) 63.02%);border:2px solid #1CF3FF;border-radius:25px;font-family:Lato;font-weight:700;font-size:1.5rem;padding-left:1.5rem;margin-bottom:5.0625rem}.mainContainer .leftContainer .startForm .audienceField:focus{outline:none}.mainContainer .leftContainer .startForm .audienceField::placeholder{color:#a4a4a4}.mainContainer .leftContainer .startForm .checkboxContainer{height:15rem;width:665px;background:linear-gradient(180deg,rgba(255,255,255,.23) 14.58%,rgba(6,255,244,.23) 100%);border-radius:2.5rem;border:2px solid #1CF3FF;padding:1.5rem 0 0 1.5rem}.mainContainer .leftContainer .startForm .checkboxContainer .checkbox{display:inline-block}.mainContainer .leftContainer .startForm .checkboxContainer .label1,.mainContainer .leftContainer .startForm .checkboxContainer .label2,.mainContainer .leftContainer .startForm .checkboxContainer .label3{transform:scale(1.5);font-family:Lato;font-weight:400;font-size:1rem;margin-left:2.25rem}.mainContainer .leftContainer .startForm .checkboxContainer input[type=checkbox]{-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;width:2.5rem;height:2.5rem;border:3px solid #1CF3FF;background:#FFFEFE;text-align:middle;margin-right:2rem}.mainContainer .leftContainer .startForm .checkboxContainer input[type=checkbox]:checked{background:#1CF3FF}.mainContainer .leftContainer .startForm .checkboxContainer .checkboxRow{display:flex;flex-direction:row;align-items:center;margin-bottom:1.5rem}.mainContainer .leftContainer .startForm .buttonContainer{display:flex;justify-content:center}.mainContainer .leftContainer .startForm .buttonContainer .start{height:4rem;width:12.375rem;background:linear-gradient(180deg,rgba(255,255,255,.23) 0%,rgba(6,255,244,.23) 100%);border:2px solid #1CF3FF;border-radius:1.25rem;margin:4rem 0 0;font-family:Lato;font-size:1.25rem;font-weight:700}.mainContainer .leftContainer .startForm .buttonContainer .start:hover{cursor:pointer}.mainContainer .rightContainer{margin-left:3rem;padding-right:2.5rem;display:flex;flex-direction:column}@media only screen and (max-width: 1425px){.mainContainer .rightContainer{justify-content:center;align-items:center}}.mainContainer .rightContainer .mediumTitle{font-size:2.5rem;font-weight:700;margin-top:7.5rem;margin-bottom:1rem}.mainContainer .rightContainer .lessonPlanBox{width:39.5rem;height:41.0625rem;background:linear-gradient(180deg,rgba(255,255,255,.23) 0%,rgba(6,255,244,.23) 100%);border:2px solid #1CF3FF;border-radius:40px;padding:2.5rem 0 0 1.5rem;font-family:Lato;font-size:1.5rem}.mainContainer .rightContainer .lessonPlanBox::placeholder{color:#a4a4a4}body{font-family:Lato;font-style:normal;color:#464646}body h1{font-weight:700;font-size:70px}.wrapper{margin:4rem}.container{background:linear-gradient(180deg,rgba(255,255,255,.23) 0%,rgba(6,255,244,.23) 100%);border:2px solid #1cf3ff;border-radius:20px;padding:1.5rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.grid .col{padding:1rem}#transcript{height:500px;overflow-y:scroll}.priyanshu-fix{margin:1rem}#corrections{display:flex;flex-direction:column;gap:1rem}