body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e1e1e;font-family:Arial,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;margin:0}body div,body img{box-sizing:border-box}body #root{display:flex;flex-direction:column;min-height:100vh}.Header{align-items:center;background-color:#e1876e;border-bottom:2px solid #b56048;box-shadow:0 3px 2px 0 rgba(0,0,0,.251);box-sizing:border-box;display:flex;height:56px;justify-content:center;padding:16px}@media(min-width:768px){.Header{height:65px;padding:16px 32px}}@media(min-width:1024px){.Header{height:72px;padding:12px}}.Header .Wrapper{display:flex;justify-content:space-between;max-width:881px;width:100%}.Header .Wrapper .Button{align-items:center;background-color:#f9f3e8;border:1px solid #b5aa95;border-radius:30px;display:flex;height:24px;justify-content:center;padding:5px;width:24px}@media(min-width:768px){.Header .Wrapper .Button{height:32px;padding:7px;width:32px}}@media(min-width:1024px){.Header .Wrapper .Button{height:48px;padding:12px;width:48px}}.Header .Wrapper .Button:hover{cursor:pointer}.Header .Wrapper .Button .HomeIcon{height:11px;width:11px}@media(min-width:768px){.Header .Wrapper .Button .HomeIcon{height:14px;width:14px}}@media(min-width:1024px){.Header .Wrapper .Button .HomeIcon{height:19px;width:18px}}.Header .Wrapper .Button .BackIcon{height:10px;width:11px}@media(min-width:768px){.Header .Wrapper .Button .BackIcon{height:12px;width:15px}}@media(min-width:1024px){.Header .Wrapper .Button .BackIcon{height:17px;width:20px}}.Header .Wrapper .Button .LogoutIcon{height:11px;width:12px}@media(min-width:768px){.Header .Wrapper .Button .LogoutIcon{height:15px;width:16px}}@media(min-width:1024px){.Header .Wrapper .Button .LogoutIcon{height:20px;width:21px}}.LandingContainer{align-items:center;background-color:#f9f3e8;display:flex;flex:1 1;flex-direction:column;height:auto;justify-content:start;min-height:79vh;padding:24px 16px}@media(min-width:768px){.LandingContainer{padding:32px}}@media(min-width:1024px){.LandingContainer{padding-top:48px}}.LandingContainer .ImageContainer{background-color:#e8e4d8;border:2px solid #b5aa95;border-radius:28px;box-shadow:0 4px 4px 0 rgba(0,0,0,.251);height:271px;margin-bottom:32px;max-width:731px;width:100%}@media(min-width:768px){.LandingContainer .ImageContainer{margin-bottom:48px}}@media(min-width:1024px){.LandingContainer .ImageContainer{margin-bottom:56px}}.LandingContainer .ImageContainer .Image{border-radius:28px;height:100%;object-fit:contain;width:100%}.LandingContainer .ImageContainer .LandingImage{object-fit:cover}.LandingContainer .LoginButtons{align-items:center;display:flex;flex-direction:column;gap:32px}@media(min-width:768px){.LandingContainer .LoginButtons{flex-direction:row;gap:88px}}@media(min-width:1024px){.LandingContainer .LoginButtons{gap:90px}}.LandingContainer .LoginButton{align-items:center;color:#1e1e1e;display:flex;flex-direction:column;font-family:Arial,serif;font-size:14px;gap:16px;letter-spacing:.3px;line-height:100%;text-decoration:none}@media(min-width:768px){.LandingContainer .LoginButton{font-size:18px}}@media(min-width:1024px){.LandingContainer .LoginButton{font-size:24px}}.LandingContainer .LoginButton svg:hover{transform:scale(1.1)}.LandingContainer .LoginButton .Secondary{height:64px;width:64px}@media(min-width:768px){.LandingContainer .LoginButton .Secondary{height:88px;width:88px}}@media(min-width:1024px){.LandingContainer .LoginButton .Secondary{height:96px;width:96px}}.LandingContainer .LoginButton .Primary{height:96px;width:96px}@media(min-width:768px){.LandingContainer .LoginButton .Primary{height:128px;width:128px}}@media(min-width:1024px){.LandingContainer .LoginButton .Primary{height:144px;width:144px}}.Button,.buttons{align-items:center;display:flex}.Button{align-self:flex-end;background-color:#b3c07e;border:2px solid #89945e;border-radius:30px;box-shadow:0 3px 2px 0 rgba(0,0,0,.251);height:32px;justify-content:center;width:32px}.Button:not(.isDisabled):hover{cursor:pointer;transform:scale(1.1)}@media(min-width:768px){.Button{height:48px;width:48px}}@media(min-width:1024px){.Button{height:56px;width:56px}}.Button.isDisabled{cursor:default}.FormContainer{display:flex;flex-direction:column;gap:32px;max-width:731px;width:100%}@media(min-width:768px){.FormContainer{font-size:48px;gap:48px}}@media(min-width:1024px){.FormContainer{font-size:56px;gap:56px}}.FormContainer.isNotStudent .InputContainer .InputFieldIcon{bottom:10px;top:auto}@media(min-width:1024px){.FormContainer.isNotStudent .InputContainer .InputFieldIcon{bottom:13px}}.FormContainer .Form{display:flex;flex-direction:column;gap:32px}@media(min-width:768px){.FormContainer .Form{gap:48px}}@media(min-width:1024px){.FormContainer .Form{gap:56px}}.FormContainer h1{color:#000;font-size:18px;line-height:100%;margin:0}@media(min-width:768px){.FormContainer h1{font-size:24px}}@media(min-width:1024px){.FormContainer h1{font-size:32px}}.FormContainer .InputContainer{display:flex;flex-direction:column;position:relative}.FormContainer .InputContainer .ErrorMessage{bottom:-23px;color:#e1876e;font-size:14px;letter-spacing:.4px;line-height:100%;margin:0;position:absolute}@media(min-width:768px){.FormContainer .InputContainer .ErrorMessage{bottom:-25px;font-size:18px}}@media(min-width:1024px){.FormContainer .InputContainer .ErrorMessage{bottom:-34px;font-size:24px}}.FormContainer .InputLabel{display:block;font-size:14px;letter-spacing:.4px;line-height:100%;margin-bottom:8px}@media(min-width:768px){.FormContainer .InputLabel{font-size:18px}}@media(min-width:1024px){.FormContainer .InputLabel{font-size:24px}}.FormContainer .InputField{background-color:#f9f3e8;border:2px solid #cecece;border-radius:16px;box-shadow:0 3px 2px 0 rgba(0,0,0,.251);box-sizing:border-box;font-size:14px;height:40px;line-height:100%;padding:7px 16px 7px 56px;width:100%}@media(min-width:768px){.FormContainer .InputField{font-size:18px;height:48px;padding-left:66px}}@media(min-width:1024px){.FormContainer .InputField{font-size:24px;height:60px;padding-left:74px}}.FormContainer .InputField:focus{border-color:#1e1e1e;outline:none}.FormContainer .InputField::placeholder{color:#a8a8a8;font-size:14px;letter-spacing:.4px;line-height:100%;min-height:28px;padding-top:15px}@media(min-width:768px){.FormContainer .InputField::placeholder{font-size:18px}}@media(min-width:1024px){.FormContainer .InputField::placeholder{font-size:24px}}.FormContainer .InputFieldIcon{height:20px;left:20px;position:absolute;top:10px;width:17px}@media(min-width:768px){.FormContainer .InputFieldIcon{height:28px;width:23px}}@media(min-width:1024px){.FormContainer .InputFieldIcon{height:34px;top:13px;width:29px}}.FormContainer .InputField.ErrorState{border-color:#e1876e}.FormContainer .SubmitBtn:focus{background-color:#e5b86e;border:2px solid #c09651}td,th{border:1px solid #61dafb;padding:10px 20px}.ProgressBar{align-items:center;display:flex;gap:24px;justify-content:center;padding:16px 29px 0}@media(min-width:768px){.ProgressBar{padding:16px 71px 0}}@media(min-width:1024px){.ProgressBar{padding:16px 16px 0}}.ProgressBar .ProgressIndicators{align-items:center;display:flex;gap:32px;justify-content:space-between}@media(min-width:768px){.ProgressBar .ProgressIndicators{gap:40px}}@media(min-width:1024px){.ProgressBar .ProgressIndicators{gap:32px}}.ProgressBar .ProgressIndicators .Indicator{border:1px solid #b5aa95;border-radius:30px;height:8px;width:8px}@media(min-width:768px){.ProgressBar .ProgressIndicators .Indicator{height:10px;width:10px}}@media(min-width:1024px){.ProgressBar .ProgressIndicators .Indicator{border-width:2px;height:16px;width:16px}}.ProgressBar .ProgressIndicators .Indicator.Completed{background-color:#b3c07e;border-color:#89945e}.ProgressBar .ProgressIndicators .Indicator.InProgress{background-color:#e5b86e;border-color:#c09651;height:14px;width:14px}@media(min-width:768px){.ProgressBar .ProgressIndicators .Indicator.InProgress{height:16px;width:16px}}@media(min-width:1024px){.ProgressBar .ProgressIndicators .Indicator.InProgress{height:24px;width:24px}}.ProgressBar .ProgressIndicators .Indicator.Incomplete{background-color:#b5aa95;border-color:#84765b}.ProgressBar.withLock .TopicStatus{align-items:center;background-color:#b3c07e;border:2px solid #89945e;border-radius:30px;box-sizing:border-box;display:flex;justify-content:center;min-height:32px;min-width:32px}@media(min-width:768px){.ProgressBar.withLock .TopicStatus{min-height:48px;min-width:48px}}@media(min-width:1024px){.ProgressBar.withLock .TopicStatus{min-height:56px;min-width:56px}}.ProgressBar.withLock .TopicStatus.isLocked{background-color:#cecece;border:1px solid #a8a8a8;bottom:0;position:absolute}@media(min-width:768px){.ProgressBar.withLock .TopicStatus.isLocked{border-width:2px}}.ProgressBar.withLock .TopicStatus .UnlockedIcon{height:14px;width:12px}@media(min-width:768px){.ProgressBar.withLock .TopicStatus .UnlockedIcon{height:20px;width:18px}}.ProgressBar.withLock .ProgressIndicators{width:83%}.TopicCard{max-width:380px;width:100%}.TopicCard a{display:block}@media(min-width:768px){.TopicCard{max-width:430px}}.TopicCard.isLocked{margin-bottom:32px;position:relative}.TopicCard.isLocked .Image{filter:grayscale(100%) blur(2.5px)}.TopicCard.isLocked a{cursor:default}.TopicCard .Image{background-color:#e8e4d8;border:2px solid #b5aa95;border-radius:16px;box-shadow:0 3px 2px 0 rgba(0,0,0,.251);height:378px;object-fit:cover;width:100%}.StudentBoard{gap:24px}@media(min-width:768px){.StudentBoard{gap:32px}}@media(min-width:1024px){.StudentBoard{gap:48px}}.ActivityContainer{display:flex;flex-direction:column;gap:24px}@media(min-width:768px){.ActivityContainer{gap:48px}}@media(min-width:1024px){.ActivityContainer{gap:56px}}.AudioButton{align-items:center;align-self:center;background-color:#b5aa95;border:2px solid #84765b;border-radius:48px;box-shadow:0 3px 2px 0 rgba(0,0,0,.251);display:flex;height:64px;justify-content:center;position:relative;width:64px}@media(min-width:768px){.AudioButton{height:88px;width:88px}.AudioButton div svg{height:39px;width:33px}}@media(min-width:1024px){.AudioButton{height:96px;width:96px}.AudioButton svg{height:52px;width:44px}}.AudioButton div{padding-left:9px}.AudioButton div svg{height:32px;width:27px}.AudioButton:hover{cursor:pointer}.AudioButton:hover:not(.isRadio){transform:scale(1.06)}.AudioButton.isPlaying{background-color:#e5b86e;border-color:#c09651}.AudioButton.isPlaying div{padding-left:0}.AudioButton.isCorrect{background-color:#b3c07e;border-color:#89945e;cursor:not-allowed;pointer-events:none}.AudioButton.isIncorrect{background-color:#e1876e;border-color:#b56048;cursor:not-allowed;pointer-events:none}.AudioButton .isRadio{margin-right:28px}@media(min-width:768px){.AudioButton .isRadio{margin-right:36px}}@media(min-width:1024px){.AudioButton .isRadio{margin-right:40px}}.AudioButtonIcon{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.AudioButtonLabel{height:24px;margin:0;position:absolute;right:-44px;top:0;width:24px}@media(min-width:768px){.AudioButtonLabel{height:32px;width:32px}}@media(min-width:1024px){.AudioButtonLabel{height:40px;width:40px}}.AudioButtonLabel input{accent-color:#1e1e1e;height:100%;margin:0;width:100%}.AudioButtonLabel input:hover{cursor:pointer}.ImageCard{border:2px solid #b5aa95;border-radius:16px;box-shadow:0 4px 4px 0 rgba(0,0,0,.251);height:271px;width:354px}.ImageCard img{border-radius:12px;height:100%;object-fit:cover;width:100%}.ImageCard.isRadio .ImageLabel:hover{cursor:pointer}.ImageCard.isRadio .ImageLabel input[type=radio]{accent-color:#1e1e1e;display:none}.ImageCard.isRadio .ImageLabel input[type=radio]~img{filter:grayscale(100%)}.ImageCard.isRadio .ImageLabel input[type=radio]:checked~img{border:8px solid #e5b86e;filter:grayscale(0)}.ImageCard.isRadio.isCorrect{cursor:not-allowed;pointer-events:none}.ImageCard.isRadio.isCorrect input[type=radio]:checked~img{border:8px solid #89945e;filter:grayscale(0)}.ImageCard.isRadio.isCorrect-.ImageCard.isRadio{opacity:.4}.ImageCard.isRadio.isIncorrect input[type=radio]:checked~img{border:8px solid #b56048}.Controls{display:flex;justify-content:space-between}.Controls .Button{background-color:#e5b86e;border-color:#c09651}.Controls .Button.Back{background-color:#fff9f0;border-color:#b5aa95}.Controls .Arrow{height:13px;width:13px}@media(min-width:768px){.Controls .Arrow{height:20px;width:20px}}.Controls .Arrow.Left{transform:rotate(180deg)}.ConfirmButton{align-items:center;background-color:#cecece;border:1px solid #a8a8a8;border-radius:16px;box-shadow:0 3px 2px 0 rgba(0,0,0,.251);box-sizing:border-box;display:flex;height:64px;justify-content:center;padding-bottom:11px;padding-top:11px;width:184px}@media(min-width:768px){.ConfirmButton{height:88px;width:192px}}@media(min-width:1024px){.ConfirmButton{height:96px;width:200px}}.ConfirmButton .PaperPlaneRightIcon{height:35px;width:31px}.ConfirmButton .PaperPlaneRightIcon path{fill:#a8a8a8}.ConfirmButton.isActive{background-color:#f0ece0;border-color:#b5aa95}.ConfirmButton.isActive path{fill:#1e1e1e}.ConfirmButton.isActive:hover{cursor:pointer;transform:scale(1.05)}.ConfirmButton.isCorrect{background-color:#b3c07e;border-color:#89945e;cursor:not-allowed;pointer-events:none}.ConfirmButton.isCorrect path{fill:#1e1e1e}.ConfirmButton.isIncorrect{background-color:#e1876e;border-color:#b56048}.ConfirmButton.isIncorrect path{fill:#1e1e1e}.ActivityContainer.ChooseAudio .AudioContainer,.ActivityContainer.ChooseImage .AudioContainer{order:1}.ActivityContainer.ChooseAudio .ImagesContainer,.ActivityContainer.ChooseImage .ImagesContainer{order:2}.ActivityContainer.ChooseAudio .ConfirmButtonContainer,.ActivityContainer.ChooseImage .ConfirmButtonContainer{order:3}.ActivityContainer.ChooseAudio.isRadioForAudio .AudioContainer,.ActivityContainer.ChooseImage.isRadioForAudio .AudioContainer{gap:88px}.ActivityContainer.ChooseAudio.CheckIsDone .AudioButtonLabel,.ActivityContainer.ChooseAudio.CheckIsDone .ImageCard,.ActivityContainer.ChooseImage.CheckIsDone .AudioButtonLabel,.ActivityContainer.ChooseImage.CheckIsDone .ImageCard{cursor:not-allowed;pointer-events:none}.AnswerOption{align-items:center;background-color:#f0ece0;border:2px solid #b5aa95;border-radius:48px;display:flex;height:64px;justify-content:center;width:64px}@media(min-width:768px){.AnswerOption{height:88px;width:88px}}@media(min-width:1024px){.AnswerOption{height:96px;width:96px}}.AnswerOption .Icon{height:31px;width:35px}@media(min-width:768px){.AnswerOption .Icon{height:38px;width:42px}}@media(min-width:1024px){.AnswerOption .Icon{height:50px;width:56px}}.AnswerOption:hover{cursor:pointer}.AnswerOption .ThumbsDown{transform:rotate(180deg)}.AnswerOption.isSelected{background-color:#e5b86e;border-color:#c09651}.AnswerOption.isCorrect{background-color:#b3c07e;border-color:#89945e}.AnswerOption.isIncorrect{background-color:#e1876e;border-color:#b56048}.ActivityContainer .AnswerOptions{display:flex;flex-direction:row;gap:48px;justify-content:center}.ActivityContainer.CheckIsDone .AnswerOption{cursor:not-allowed;pointer-events:none}.AudioContainer,.ConfirmButtonContainer,.ImagesContainer{display:flex;flex-direction:row;justify-content:center}.ImagesContainer{gap:24px}.AudioContainer{gap:48px}button,label input{cursor:pointer}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.ActivityContainer .MatchingPairs .AudioContainer{gap:88px}.ActivityContainer .MatchingPairs .AudioContainer .isCorrect.AudioButton .AudioButtonLabel{opacity:.5}.ActivityContainer .MatchingPairs .ImagesButtonsContainer{display:flex}@media(min-width:768px){.ActivityContainer .MatchingPairs .ImagesButtonsContainer{gap:24px}}.ActivityContainer .MatchingPairs .ImagesButtonsContainer .ImageButtonContainer{align-items:center;display:flex;flex-direction:column;gap:24px;width:100%}.ActivityContainer .MatchingPairs .ImagesButtonsContainer .ImageButtonContainer .ImageCard{max-width:328px;min-width:210px;width:100%}.ActivityContainer .MatchingPairs .ImagesButtonsContainer .ImageButtonContainer.isCorrect{cursor:not-allowed;pointer-events:none}.ActivityContainer .MatchingPairs .ImagesButtonsContainer .ImageButtonContainer.isCorrect .ImageCard img{border:8px solid #89945e;filter:grayscale(0)}.ActivityContainer .MatchingPairs .ImagesButtonsContainer .ImageButtonContainer.isIncorrect .ImageCard img{border:8px solid #b56048}.ActivityContainer .MatchingPairs.CheckIsDone .AudioButtonLabel,.ActivityContainer .MatchingPairs.CheckIsDone .ImageCard{cursor:not-allowed;pointer-events:none}.Activity .Wrapper{display:flex;flex-direction:column;gap:24px;max-width:735px;width:100%}@media(min-width:768px){.Activity .Wrapper{gap:48px}}@media(min-width:1024px){.Activity .Wrapper{gap:56px}}.LessonItem{background-color:#e5b86e;border:2px solid #c09651;border-radius:75px;box-shadow:0 3px 2px 0 rgba(0,0,0,.251);box-sizing:border-box;height:64px;width:64px}.LessonItem:hover{transform:scale(1.1)}.LessonItem .Done{background-color:#b3c07e;border:2px solid #89945e}@media(min-width:768px){.LessonItem{height:80px;width:80px}}@media(min-width:1024px){.LessonItem{height:96px;width:96px}}.LessonItem a{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.LessonItem .LessonIcon{height:31px;width:31px}@media(min-width:768px){.LessonItem .LessonIcon{height:38px;width:38px}}@media(min-width:1024px){.LessonItem .LessonIcon{height:50px;width:50px}}.LessonItem.isLocked{background-color:#a8a8a8;border:none;position:relative}.LessonItem.isLocked a{cursor:default}.LessonItem.isLocked svg path{fill:#cecece}.LessonItem.isLocked .LockedIconWrapper{align-items:center;background-color:#cecece;border:2px solid #a8a8a8;border-radius:30px;display:flex;height:56px;justify-content:center;position:absolute;right:-16px;top:0;width:56px}.LessonItem.isLocked .LockedIconWrapper .LockedIcon path{fill:#000}.LessonItem.isLocked .Icon{fill:#a8a8a8;background-color:#a8a8a8}.LessonItem.inProgress{background-color:#e5b86e;border:2px solid #c09651;height:96px;width:96px}@media(min-width:768px){.LessonItem.inProgress{height:128px;width:128px}}@media(min-width:1024px){.LessonItem.inProgress{height:144px;width:144px}}.LessonItem.inProgress .LessonIcon{height:42px;width:42px}@media(min-width:768px){.LessonItem.inProgress .LessonIcon{height:66px;width:66px}}@media(min-width:1024px){.LessonItem.inProgress .LessonIcon{height:72px;width:72px}}.Topic .ImageContainer{margin-bottom:72px}@media(min-width:768px){.Topic .ImageContainer{margin-bottom:80px}}@media(min-width:1024px){.Topic .ImageContainer{margin-bottom:88px}}.Topic .ImageContainer .Image{object-fit:cover}.Topic .LessonsContainer{display:flex;flex-direction:column;gap:40px}@media(min-width:768px){.Topic .LessonsContainer{gap:54px}}@media(min-width:1024px){.Topic .LessonsContainer{flex-direction:row;gap:88px}}
/*# sourceMappingURL=main.3ed8bf71.css.map*/