body{margin:0;padding:0;background-color:#fff;color:#222;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:UN_REGULAR;src:local("avertastd-regular-webfont"),url(../../static/media/avertastd-regular-webfont.02bff1ba.woff) format("woff")}@font-face{font-family:UN_BOLD;src:local("avertastd-bold-webfont"),url(../../static/media/avertastd-bold-webfont.9c5450b8.woff) format("woff")}@font-face{font-family:UN_SEMIBOLD;src:local("avertastd-semibold-webfont"),url(../../static/media/avertastd-semibold-webfont.6308d626.woff) format("woff")}body,button{font-family:UN_REGULAR}.App{text-align:center;width:100vw;height:100vh;flex-direction:column;background:#fff;color:#3c4852}.stageContainer{flex:1 1;height:100%}.canvasBackground{background:#f0f4f7}.sideBarForEducator{position:absolute;background:#fff;width:25vw;height:100vh;flex-direction:column;box-sizing:border-box;border-left:1px solid #e9e9e9!important;right:0;display:flex}.sideBarForLearner{position:absolute;background:#fff;width:25vw;height:100vh;flex-direction:column;box-sizing:border-box;border-left:1px solid #e9e9e9!important;left:100vw;-webkit-transition:left .3s linear;transition:left .3s linear;display:flex}.sideBarIn{left:75vw}.timerAndPeopleJoiningContainer{-webkit-animation:fadeIn .4s linear 1;animation:fadeIn .4s linear 1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sideBarDisabled{left:100vw}.drawingAreaEducator,.drawingAreaLearner{flex:1 1;display:flex;flex-direction:column;justify-content:center;position:absolute;height:100vh;width:75vw}.drawingAreaLearner{-webkit-transition:-webkit-transform .3s ease-in;transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in;-webkit-transform:scale(.9);transform:scale(.9)}.addedAnimation{-webkit-transform:scale(1);transform:scale(1);z-index:3}.drawingAreaFullWidth{width:100vw}.dummyCameraView{background:#fff!important}.bigPlayButton{position:absolute;z-index:9;background:rgba(60,72,82,.4);border-radius:50%;display:flex;justify-content:center;align-items:center;padding:12px;cursor:pointer;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.bigPlayButton img{-webkit-transform:translate(3px,1px) scale(.8);transform:translate(3px,1px) scale(.8)}.header{padding:0 0 0 16px;background-color:#fff;z-index:999;box-sizing:border-box;border-bottom:1px solid #e8e8e8}.connectedLearners{margin-left:12px}.overlay{position:absolute;left:0;top:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);z-index:99999;pointer-events:none;font-size:24px;color:#fff}.noHeight{max-height:0!important;overflow:hidden!important}.header{position:fixed;top:0;width:75vw;opacity:1;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;padding:8px 8px 8px 16px}.hiddenOpacity{opacity:0}.btn{outline-style:none;padding:12px 16px;font-size:14px;font-weight:600;border:0;border-radius:4px;cursor:pointer}.btnPrimary{border:1px solid #2d81f7;background-color:#2d81f7;color:#fff}.btnSecondary{border:1px solid #08bd80;background-color:#08bd80;color:#fff}.btnPrimaryOutline{background-color:rgba(0,0,0,.4);color:#fff;border:1px solid #fff;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.btnPrimaryOutline:hover{background-color:#2d81f7;border:1px solid #2d81f7;color:#fff}.btn:disabled{opacity:.5}.zeroOpacity{opacity:0;z-index:-1!important}.hiddenVisibility{visibility:hidden}.zeroDimension{height:0!important;width:0!important}.fullWidth{width:100%}.noMargin{margin:0!important}.pointer{cursor:pointer}.absoluteCentered{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.noDimensions{height:0!important;width:0!important}.Popover{-webkit-transform:translateY(0)!important;transform:translateY(0)!important;-webkit-transition-duration:0ms;transition-duration:0ms;-webkit-transition-property:-webkit-transform!important;transition-property:-webkit-transform!important;transition-property:transform!important;transition-property:transform,-webkit-transform!important}.Popover .Popover-tip{transition:-webkit-transform 0ms ease-in!important}.userId{font-size:8px;color:hsla(0,0%,100%,.5);position:absolute;bottom:0;right:4px}.modalSkipButton{background:#fff;border:1px solid #e6e6e6;box-sizing:border-box;border-radius:4px;color:#3c4852}.modalAnswerButton,.modalSkipButton{font-weight:500;font-size:16px;line-height:19px;text-align:center;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer}.modalAnswerButton{background:#08bd80;border-radius:4px;color:#fff;margin-top:20px}.questionModalLoader{position:absolute;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.1)}.questionModalWithImage{width:1000px;overflow:hidden}.questionModalWithImage,.questionModalWithoutImage{height:459px;background-color:#fff;border-radius:4px;outline-style:none}.questionModalWithoutImage{width:368px}.modalQuestionText{font-size:16px;line-height:140.62%;color:#3c4852;text-align:left;word-break:break-word}.videoPlaceholder{width:100%;height:100%;object-fit:contain}.videoPlaceholderContainer{position:absolute;width:100%;height:100%;top:0}.screenModeBtnContainer{padding:0;margin-left:8px;height:36px}.screenModeButton{line-height:36px}.greenColorBtn,.screenModeButton{padding-left:12px;padding-right:12px}.inappropriateContentOverlay{height:100%;width:100%;position:absolute;top:0;object-fit:fill}.inappropriateContentText{display:flex;position:absolute;padding:20px}.greenColorIcn{height:36px;width:16px}.useGreenScreenBtn>.btnPrimaryOutline{-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.useGreenScreenBtn>.btnPrimaryOutline,.useGreenScreenBtn>.btnPrimaryOutline:hover{background-color:#fff;color:#3c4852;border:1px solid #dfdfdf}.startEndbtnPrimary{border:1px solid #2d81f7;background-color:#fff;color:#2d81f7;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.startEndbtnPrimary:hover{border:1px solid #2d81f7;background-color:#2d81f7;color:#fff}.centerDiv{position:absolute;color:#000;height:50px;width:50px;border-radius:50%;background:#000;left:50%;z-index:10;opacity:0;display:flex;align-items:center;justify-content:center}@-webkit-keyframes zoomIn{0%{opacity:.8;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform:scale3d(1.8,1.8,1.8);transform:scale3d(1.8,1.8,1.8)}}@keyframes zoomIn{0%{opacity:.8;-webkit-transform:scaleX(1);transform:scaleX(1)}to{opacity:0;-webkit-transform:scale3d(1.8,1.8,1.8);transform:scale3d(1.8,1.8,1.8)}}.animated{-webkit-animation:zoomIn .4s 1;animation:zoomIn .7s 1}.infoText{font-size:14px;line-height:21px;color:#2d81f7;margin-left:6px}.infoIcon{height:24px;width:24px}.infoContainer{width:512px;height:56px;box-sizing:border-box;background:#eaf2fe;display:flex;justify-content:center;align-items:center;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.learnerPointer{position:absolute;height:24px;width:24px;left:0;top:0}.drawingCanvas{padding:0;margin:0;border:0;background:transparent;position:absolute;top:0;left:0;touch-action:none}.greenScreenCanvasContainer{position:absolute;left:0;bottom:0;pointer-events:none}.greenScreenCanvasContainerAnimated{-webkit-transition:all .25s ease-out;transition:all .25s ease-out}.greenScreenCanvas{left:0;bottom:0;position:absolute}.greenScreenCanvasBorder{border:1px dashed #e0e0e0}.greenScreenCanvasBorderLeftTop{border-right:0;border-bottom:0}.greenScreenCanvasBorderRightTop{border-left:0;border-bottom:0}.videoButtonPlaceholder{position:absolute;left:32px;bottom:32px;border-radius:6px;border-width:2px;border-color:#fff;background-color:#000;opacity:.3;padding:8px}.videoCameraTurnedOffImg{width:20px}.videoCameraTurnedOffCaption{color:#fff;margin:4px;font-size:12px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.themeBackground{position:absolute}.asyncImage,.asyncImageContainer,.themeBackground{width:100%;height:100%}.asyncImageContainer,.loaderImg{position:absolute}.loaderImg{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loaderImageSmall{height:50px;width:50px}.slideContainer{width:100%;height:100%}.qualityPopup{color:#3c4852;font-size:12px;-webkit-transition:opacity .1s cubic-bezier(0,0,.2,1);transition:opacity .1s cubic-bezier(0,0,.2,1);overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.1);border-radius:4px;background-color:#fff;padding:16px;margin-bottom:16px}.qualityOptionTop{-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;padding-bottom:16px;text-align:center;color:#3c4852;font-weight:500}.qualityOptionSelected{color:#08bd80!important;font-weight:500!important}.qualityChecked{position:absolute;left:2px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.qualityPopover{z-index:9999999}.qualityTrigger{background-color:#fff;color:grey;font-size:12px;height:22px;border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:2px 10px;box-shadow:0 1px 4px rgba(0,0,0,.25);box-sizing:border-box}.qualityOption{padding:8px 0;color:grey;text-align:center;font-weight:400;cursor:pointer;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;position:relative}.qualityOption:hover{background-color:#fff}.qualityContainer{margin:0 8px}@media only screen and (max-width:850px){.qualityContainer{margin:0 4px}.qualityTrigger{font-size:10px;height:20px;border-radius:2px;padding:2px 8px}}.canvasWrapperContainer{height:100%;width:75vw;-webkit-transition:width .3s linear;transition:width .3s linear}.canvasWrapperContainerExpanded{width:100vw}.canvasWrapper{height:100%;width:100%;border-left:0;border-top:0;display:flex;align-items:center;justify-content:center;position:relative;flex:1 1;display:none}.notSlideMode{height:calc(100vh - 77px)}.canvasContainerEducator{margin-top:62px;background:#fff}.canvasContainer{background:#fff}.canvasContainerSlideMode{margin-top:0}.canvasScrollEnabler{position:absolute;background:transparent;z-index:1}.fixedIcon{background-color:#fff}.fixedIcon,.learnerControls{position:absolute;top:0;right:0;z-index:1000}.learnerControls{display:flex;background-color:#999;height:24px;padding:8px 16px;border-bottom-left-radius:4px}.chatMobile{position:absolute;top:50%;right:60px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.fullScreenVideoPlayControl{line-height:0}.learnerLiveControls{position:absolute;cursor:pointer;right:24px;bottom:32px}.volumeControl{width:32px;display:flex;padding-left:16px}@media only screen and (max-width:850px){.volumeControl{width:26px;cursor:pointer}}.fullScreen{display:flex;width:32px;padding-left:16px}.fullScreen img{width:28px}.logo{position:absolute;left:0;top:8px;width:120px;opacity:.5;padding:16px;z-index:1}.educatorAvatar{width:24px;height:24px;object-fit:cover;border-radius:50%;margin-right:8px}.live{font-weight:600;background-color:#eb5757;color:#fff;display:inline-block;font-size:14px;padding:4px 8px;border-radius:2px}.liveHovered{border-top-left-radius:0;border-bottom-left-radius:0}.lessonDetailsHover{pointer-events:all;text-align:left}.lessonDetailsHoverLive{background:radial-gradient(transparent 76.63%,rgba(0,0,0,.5) 100%)}.lessonDetails{margin-left:32px;top:32px}.lessonTitleLearner{color:#fff;font-size:20px;font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.4)}@media only screen and (max-width:850px){.lessonTitleLearner{font-size:14px}.educatorName{font-size:12px!important}.educatorAvatar{width:20px;height:20px}}.educatorName{color:#fff;font-size:14px;text-shadow:0 1px 8px rgba(0,0,0,.4);margin-top:4px}#screenvideo{width:100%;height:100%}#screenvideoScreenshot{position:relative;width:100%;height:100%}#mainVideo,.cameraContainer{position:absolute;top:0;left:0;width:100%;height:100%}.cameraContainer{background-color:#000}.cameraContainer,.cameraPlaceholder{align-items:center;justify-content:center}.cameraPlaceholder{width:100%;height:100%;position:absolute;top:0;background-color:#dde6ed;display:flex;flex-direction:column;color:#fff;font-size:12px}.cameraPlaceholderImg{width:150px;position:absolute;bottom:0}.cameraPlaceholderImgRound{width:100%;height:100%}.cameraPlaceholderTxt{margin-top:8px}.webcamDisabled{border-radius:50%;overflow:hidden}.floating,.webcamDisabled{position:absolute;z-index:9999;top:0;left:0}.cameraEnabler{position:absolute;bottom:16px;padding:8px 12px;right:16px;display:flex;border-radius:2px;background-color:rgba(0,0,0,.5);-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;opacity:1;cursor:pointer;z-index:999999}.cameraEnablerZeroOpacity{opacity:0}.cameraTurnedOffImg{width:60px}.cameraTurnedOffCaption{color:#728696;margin-top:4px}.cameraWrapper{height:14.0625vw;background:#000;position:relative;top:0;-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.cameraWrapperWithoutCanvas{position:fixed;left:0;height:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:75vw;overflow:hidden;z-index:9999;-webkit-transition:width .25s ease-out;transition:width .25s ease-out}.cameraWrapperWithoutCanvasVisible{z-index:72}.cameraWrapperWithoutCanvasForEducator{top:0}.cameraWrapperWithoutCanvas #screenvideo{height:100%;width:100%}.cameraWrapperWithoutCanvas .cameraContainer,.cameraWrapperWithoutCanvas .cameraPlaceholder{height:100%}.cameraWrapperWithoutCanvas .cameraPlaceholderImg{bottom:50%;-webkit-transform:translateY(50%);transform:translateY(50%)}.cameraWrapperWithFullWidth{z-index:2;width:100vw}.cameraDraggable{position:fixed;z-index:4;right:0;top:0;border-radius:8px;overflow:hidden;width:20vw!important;height:11.25vw!important}.clickablePlaceholder{cursor:pointer}.showHideChat{position:absolute;bottom:10px;right:20px}@media only screen and (max-width:850px){.cameraDraggable{border-radius:4px;width:25vw!important;height:14.0625vw!important}}.roundCameraContainer{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;border-left:0;border-top:0;display:flex;align-items:center;justify-content:center;flex:1 1;pointer-events:none}.roundCameraContainerEducator{height:calc(100vh - 77px)}.roundCameraWrapper{position:absolute;overflow:hidden;border:2px solid #dde6ed;box-sizing:border-box;border-radius:50%;pointer-events:all}.roundCameraWrapper>.cameraContainer>video{object-fit:cover}.roundCameraWrapper>.cameraContainer{height:calc(100% + 2px);width:calc(100% + 2px)}.roundCameraWrapperAnimated{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.chatContainer{flex:1 1;height:100%;max-height:100%;z-index:1;position:relative;flex-direction:column;overflow:auto;overflow-x:hidden;background-color:#f0f4f7;-webkit-touch-callout:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.chatContainer,.pagination{display:flex;border-top:1px solid #e9e9e9}.pagination{margin:0;width:100%;padding:0;background-color:#f6f7fa;justify-content:center}.pagination li{list-style:none;outline-style:none;cursor:pointer;box-sizing:border-box;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.pagination li.previous{width:auto;padding-right:12px}.pagination li.next{width:auto;padding-left:12px}.pagination li:first-child{border-left:0}.pagination li:last-child{border-right:0}.pagination li a{outline-style:none;display:flex;width:100%;height:100%;justify-content:center;align-items:center}.pagination li.active{color:#08bd80}.participants{left:0;padding:10px;font-size:14px;background:#fff;box-shadow:0 0 8px 2px #d9d9d9}.createPollText{font-weight:500;font-size:12px;line-height:14px;letter-spacing:.05px;color:#3c4852;display:flex;align-items:center}.createPollContainer{display:flex;background:#fff;cursor:pointer;box-sizing:border-box;border-radius:26.403px;padding:8px 16px;margin-left:8px}.createPollContainerWithFullWidth{height:40px;width:40px;border-radius:50%;justify-content:center;align-items:center;background:#fff;margin-left:8px;cursor:pointer}.sendNPollOuterContainer{border-top:1px solid #e0e0e0}.sendNPollInnerContainer{display:flex;flex-direction:row}.chatFooterWrapper{z-index:100;background-color:#f0f4f7}.questionSwitch{pointer-events:none;margin-left:8px}.switchWrapper{background:#fff;justify-content:space-between;padding:16px;cursor:pointer}.switchText{color:grey}.seeAllTouchPoint,.switchText{font-weight:500;font-size:14px;line-height:16px}.seeAllTouchPoint{color:#3c4852;cursor:pointer}.questionCount{font-weight:500;font-size:14px;line-height:16px;color:grey;margin-left:4px}.questionEmptyState{font-size:14px;line-height:150%;text-align:center;background:grey;height:90px;display:flex;align-items:center;justify-content:center;border:1px solid #e6e6e6;border-radius:19px;background:#fff;margin:0 8px}.questionWrapper{background:#fff}.toast{font-size:14px;box-shadow:1px 1px 4px rgba(0,0,0,.15)}.sendInput{width:100%;max-width:100%;overflow:auto;border:0;margin:0;outline-style:none;font-size:16px;padding:16px 40px;box-sizing:border-box;border-top:1px solid #e9e9e9;font-size:13px;background-color:#fff;height:77px;display:flex;align-items:center;justify-content:center}.sendInputPlaceholder{color:grey}.sendInputAvatar{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:8px}.inputContainer{position:relative}.temporarilyBlockedToast{position:relative;margin-bottom:10px;width:180px;text-align:center;vertical-align:middle;height:30px;-webkit-transform:translateX(50%)!important;transform:translateX(50%)!important;border-radius:15px;line-height:30px;background-color:rgba(0,0,0,.5);color:#fff;z-index:99;font-size:14px}.send{background-color:transparent;display:flex;flex-direction:column;position:relative}.sendInputNew{min-height:20px;flex:1 1;border:none;box-sizing:border-box;overflow:hidden;outline:none;resize:none;word-wrap:break-word;font-size:14px;cursor:pointer;line-height:18px}.sendInputNew::-webkit-input-placeholder,.sendInputNewFullWidth::-webkit-input-placeholder{font-family:UN_REGULAR}.sendInputNew::-moz-placeholder,.sendInputNewFullWidth::-moz-placeholder{font-family:UN_REGULAR}.sendInputNewFullWidth{min-height:20px;width:100%;border:none;box-sizing:border-box;overflow:hidden;outline:none;resize:none;word-wrap:break-word;font-size:14px;-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out}.unselectedTextArea{border-radius:24px;background:#fff;padding:10px;width:110px;border:1px solid #dde6ed}@media only screen and (max-width:850px){.selectedTextArea{width:100%}.selectedTextArea,.unselectedTextArea{padding:6px!important}}.selectedTextArea{border-radius:24px;background:#fff;padding:10px;border:.825095px solid #2d81f7;flex:1 1}.fullTextAreaWidth{flex:1 1}.smallTextAreaWidth{width:110px}.chatDisabledText{font-size:12px;line-height:21px;text-align:center;color:#3c4852;background:#f0f4f7}.questionBlock{font-weight:500;font-size:12px;line-height:14px;color:#3c4852}.questionIcon{height:16px;width:16px;margin-right:4px}.questionBlockContainer{background:#fff;border:.825095px solid #dde6ed;box-sizing:border-box;border-radius:100px;width:97px;justify-content:center;align-items:center;margin-right:8px;cursor:pointer;height:40px}.emojiBlockOuterContainer{display:flex;flex-direction:column;padding-bottom:0!important}.textAreaOuterContainer{z-index:2;background:#f0f4f7}.textAreaOuterContainerLearner{padding-top:0!important}.chatFooterPadding{padding:16px}@media only screen and (max-width:850px){.questionBlockContainer{display:none!important}.questionAndEmojiContainer{justify-content:center!important}.chatFooterPadding{padding:4px}}@media only screen and (max-width:1150px){.questionAndEmojiContainer{margin-bottom:10px}.questionBlockContainer{width:90px;height:30px}}.emojiContainer{height:40px;width:40px}.emojiContainer,.smallerEmojiContainer{background:#fff;border-radius:50%;align-items:center;justify-content:center;margin-right:8px;margin-bottom:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;font-size:20px;border:1px solid #dde6ed}.smallerEmojiContainer{height:32px;width:32px}.popOverContent{background:grey;border-radius:3px;padding:4px 6px;font-weight:700;font-size:12px;line-height:14px;color:#fff}.emoji{font-size:36px;line-height:48px;margin-top:8px;cursor:pointer}.emojiImage{height:24px;width:24px}.messageEmojiImage{height:40px;width:40px}@media only screen and (max-width:850px){.emojiContainer{height:32px;width:32px;margin-bottom:4px}.emojiImage{height:16px;width:16px}.emoji,.messageEmojiImage{height:12px;width:12px}.emoji{line-height:unset;margin-left:4px;margin-top:unset;display:flex}}@media only screen and (max-width:1150px){.emojiContainer{height:28px;width:28px;margin-bottom:0}.emojiImage{height:16px;width:16px}}@media only screen and (max-width:1150px){.emojisNewWrapper{align-items:center}}.smartReplies{background:#f0f4f7;height:auto;-webkit-transition:bottom .3s ease-in;transition:bottom .3s ease-in;-webkit-transition-delay:.3s;transition-delay:.3s;display:flex;align-items:flex-start;flex-direction:column;padding-left:64px;position:absolute;bottom:-200px;left:0;right:0;overflow:hidden;z-index:1;padding-top:8px;padding-bottom:8px;box-shadow:0 -8px 16px rgba(0,0,0,.06)}.smartRepliesPresent{bottom:60px}@media only screen and (max-width:1140px){.smartReplies{padding-left:60px}}.smartReplyContainer{border:1px solid #3c4852;box-sizing:border-box;border-radius:18px;font-size:14px;line-height:150%;text-align:center;color:#3c4852;padding:0 16px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-transition:all .4s;transition:all .4s;-webkit-transition-delay:.2s;transition-delay:.2s;min-height:36px;opacity:0;margin:8px 0}.addOpacityClass{opacity:1}.smartReplyContainer:hover{background:#dde6ed}@media only screen and (max-width:1140px){.smartReplyContainer{min-height:30px;font-size:12px}}.carouselContainer{padding:4px 12px;background:#fff;border-bottom:1px solid #e6e6e6;height:156px}.carouselContainer::-webkit-scrollbar{display:none}.emptyCarouselContainer{padding:0;height:0}.gridVirtualised{outline:none}.educatorQuestionWrapper{background:#fff;border:1px solid #e6e6e6;border-radius:19px;min-width:186px;height:130px;margin-right:12px;display:flex;flex-direction:column;justify-content:space-between;padding:12px;cursor:pointer}.answer{line-height:100%;display:flex;align-items:center}.iconWrapper{justify-content:space-between}.educatorQuestionBody{-webkit-box-orient:vertical;font-size:14px;line-height:140.62%;color:#3c4852;text-align:left;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;word-break:break-word;width:186px}.questionSenderName{font-size:14px;line-height:16px;color:#3c4852;font-weight:700}.attachmentIcon{width:8px;height:13px;margin-right:10px}.attachmentCount{font-size:14px;line-height:140.62%;color:#000}.container{background:#fff;padding:8px 16px 16px;border-bottom:1px solid rgba(0,0,0,.06)}.pinnedText{color:#333;font-size:14px;font-style:normal;padding-top:8px;flex:1 1;text-align:left;line-height:21px}.minWidthForPinnedAvatar{min-width:32px!important}.pinnedControlButton{color:grey;font-size:12px;font-weight:medium;font-style:normal;display:inline-block}.pinnedTextContainer{flex:1 1;word-wrap:break-word;cursor:pointer;overflow:auto}.pinnedImg{width:24px;height:24px}.messageWrapper{background:#f0f4f7;border-radius:20px;position:relative;word-break:break-word}.messageSenderClassName{font-weight:700;font-size:14px;line-height:16px;color:#2d81f7;margin-right:4px;font-style:normal}.chatFeed{flex:1 1;display:flex;justify-content:flex-end;flex-direction:column;overflow:auto;position:relative}.chatFeedWrapper{position:absolute;top:0;width:100%;height:100%;overflow:hidden;padding-left:16px;padding-right:16px;padding-top:8px;box-sizing:border-box}.messagesMarker{position:absolute;bottom:10px;z-index:1;left:50%;-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important;border-radius:20px;padding:8px 16px;background-color:#08bd80;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.markerLifted{bottom:50px!important}@media only screen and (max-width:850px){.messagesMarker{padding:4px 8px!important}.moveDownScroll{height:32px!important;width:32px!important}}@media only screen and (max-width:1150px){.chatFeedWrapper{padding-left:10px;padding-right:10px}}.scrollMarker{position:absolute;bottom:10px;z-index:1;left:50%;-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.hideScrollMarker{opacity:0;bottom:0;-webkit-transform:scale(.8);transform:scale(.8);z-index:0}.showScrollMarker{opacity:1;bottom:10px;-webkit-transform:scale(1);transform:scale(1);z-index:1}.newMessagesCount{color:#fff;font-size:14px;margin-left:4px}.virtualChatList{outline:none}.emptyStateContainer{position:absolute;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-between}.emptyStateImage{margin-top:40px}.discussAboutTheClassText{font-size:14px;line-height:16px;text-align:center;color:grey;box-sizing:border-box;padding:0 12px 32px}.messageContainer{margin-bottom:12px;padding-right:8px}.message{align-items:center}.message,.messageSelf{display:inline-flex;background-color:#fff;border-radius:4px}.messageEducator{background-color:#dde9f7;border:1px solid #b1d1ff}.messageContent{word-break:break-word}.messageContent,.messageSender{font-size:14px;line-height:18px}.messageSender{color:rgba(60,72,82,.61);margin-right:8px;font-weight:500!important;display:inline-block;font-weight:700}.joinedMessageContainer{color:grey;background:#fff;border:1px solid #e6e6e6;box-sizing:border-box;border-radius:20px;align-items:center;padding:0 4px}.joinedMessage,.joinedMessageContainer{font-size:14px;display:flex;max-width:100%}.joinedMessage{width:auto;word-wrap:break-word;padding:8px;border-radius:50px;color:#667f93;line-height:16px}.messageSenderSelf{color:#08bd80;display:inline-block}.messageSenderSelfEducator{color:#2d81f7;display:inline-block}.messageMeta{margin-top:8px}@media only screen and (max-width:850px){.avatarImage{display:none!important}.messageText{font-size:12px!important;line-height:16px!important}.messageSender{font-size:12px;line-height:16px}.messageContent,.senders{font-size:12px!important;line-height:16px!important}.senders{font-weight:700;font-weight:500!important}.commonClass{background:none!important;padding:4px 0!important}.messageSender:after,.messageSenderSelf:after,.messageSenderSelfEducator:after,.senders:after{content:":"}.messageSender{margin-right:4px}.blockOptionImage{display:none}.messageContainer{margin-bottom:1px;padding-right:2px}.emojiWrapper{margin-left:8px;background:#fff!important;padding:4px 0!important;margin-bottom:1px!important;flex-direction:row!important}.joinedMessage{font-size:10px;line-height:16px}.joinedMessageWrapper{margin:4px 0!important}.aggregatedThumbnailsContainerMarginRight{margin-right:unset!important}}.joinedMessageWrapper{margin-bottom:16px;justify-content:center;flex:1 1}.blockOptionImage{cursor:pointer;position:absolute;top:4px;right:0}.commonClass{padding:8px 16px;margin-top:0;border-radius:20px;background:#f0f4f7;border:none}.avatarImage{height:32px;width:32px;min-width:24px;background-repeat:no-repeat;background-size:cover;background-position:50%;border-radius:50%;margin-right:12px;background:#838383;display:flex;justify-content:center;align-items:center;color:#fff;text-transform:uppercase;object-fit:cover}.borderColorForAvatar{border:1px solid #f0f4f7}.messageContent{text-align:left}.messageDate{font-size:12px;color:grey;font-weight:300;display:inline-block}.messageMsg{color:#3c4852}.messagePinImage{height:24px;width:24px}.messagePinButtons{cursor:pointer;position:absolute;right:-10px;top:4px}.aggregatedThumbnailsContainer{position:relative}.aggregatedThumbnailsContainerMarginRight{margin-right:16px}.joinedUser{height:24px;width:24px;min-width:24px;border-radius:50%;background:#838383;display:flex;justify-content:center;align-items:center;margin-right:0}.educatorActions{padding:8px 8px 8px 16px}.messageText{font-size:14px;line-height:18px;color:#1e2129}.reportMenu{background:#fff;box-sizing:border-box;box-shadow:0 1px 4px rgba(0,0,0,.1);border-radius:4px;z-index:2}.menuItems{font-size:14px;line-height:18px;color:#0a0a0a}.reportWrapper{display:flex;margin-left:10px;align-items:flex-start}.menuItemWrapper{align-items:center;justify-content:center;padding:10px;cursor:pointer;justify-content:flex-start}.groupMessageContainer{flex:1 1}.emojiWrapper{padding:12px;min-width:120px;background:#f0f4f7;border-radius:20px;flex-direction:column;margin-bottom:12px;align-items:flex-start}.emojiWrapperMarginLeft{margin-left:8px}.senders{font-weight:700;font-size:14px;line-height:18px;color:rgba(60,72,82,.61);display:flex}.aggregatedSenders{height:24px;width:24px;border:1.5px solid #fff;z-index:999;font-size:12px}.aggregatedSendersIndexOne{z-index:980!important;left:12px;position:absolute;font-size:12px}.aggregatedSendersIndexTwo{z-index:970!important;position:absolute;left:24px;font-size:12px}.questionHeader{background:-webkit-gradient(linear,right top,left top,from(rgba(8,189,128,.8)),to(rgba(45,129,247,.8)));background:linear-gradient(270deg,rgba(8,189,128,.8),rgba(45,129,247,.8));height:38px;border-radius:20px 20px 0 0;align-items:center;justify-content:flex-start;color:#fff;font-weight:500;font-size:14px;line-height:16px;padding-left:12px}.questionSendersName{font-weight:700;font-size:14px;line-height:18px;color:#3c4852;margin-right:4px}.questionText{font-size:14px;line-height:18px;color:#1e2129;word-break:break-word}.questionBody{display:inline-block!important;text-align:left}.whiteIcon{margin-right:4px;height:20px;width:20px}.learnerSideQuestionWrapper{margin-top:12px;margin-bottom:12px;margin-right:8px}.learnerSideQuestionImage{width:100%;height:110px;border:1px solid #dde6ed;border-radius:8px;margin-top:4px;object-fit:cover}.textAndImageWrapper{padding:12px;background:#f0f4f7;border-radius:0 0 20px 20px;flex-direction:column;word-break:break-word}.createPoll{background:#f8f8f8;box-shadow:0 -2px 4px rgba(0,0,0,.1);border-radius:4px 4px 0 0;height:auto;width:100%}.createPollCenter{position:absolute;height:auto;bottom:77px;min-width:320px;background:#fff;border:1px solid #e6e6e6;box-sizing:border-box;box-shadow:-1px -1px 8px rgba(0,0,0,.12);border-radius:4px 4px 0 0;z-index:1;max-height:520px;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.createPollCenterCollapse{-webkit-transform:translateY(105%);transform:translateY(105%)}.createPollExpanded{max-height:280px;width:100%;background:#f0f4f7}.createPollCollapsed{max-height:0}.startPoll{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #e0e0e0;margin-bottom:-1px;border-top:1px solid #e0e0e0;max-height:520px;-webkit-transition:max-height .3s ease-out;transition:max-height .3s ease-out}.startPollCollapse{max-height:0}.startPollTitle{display:flex;align-items:center;cursor:pointer}.startPollTitleText{color:#3c4852;margin-left:10px;font-weight:500;font-size:12px;line-height:14px;letter-spacing:.05px}.startPollImg{box-shadow:0 1px 4px rgba(60,72,82,.1);border-radius:50%}.optionsCard{background-color:#fff;margin-right:8px;border:1px solid #e6e6e6;border-radius:4px;cursor:pointer;align-self:baseline;padding:6px;max-height:520px;-webkit-transition:max-height .3s ease-out;transition:max-height .3s ease-out}.optionsCardCollapse{max-height:0}.optionTile,.optionTiles{display:flex;align-items:center}.optionTile{background:#f0f4f7;border:1px solid #e6e6e6;border-radius:2px;font-size:12px;justify-content:center;width:30px;padding:0;margin:2px}.optionsCards{display:flex;overflow:hidden}.pollChoice{height:16px;width:190px}.CircularProgressbar{width:32px;cursor:pointer}.circularProgressbarContainer{margin-right:8px;position:relative;justify-content:center}.circularProgressbarContainer,.pollHeaderActions{display:flex;align-items:center}.CircularProgressbar .CircularProgressbar-text{font-size:32px;dominant-baseline:central;fill:#000;font-weight:700}.CircularProgressbar .CircularProgressbar-path{stroke:#2d81f7}.closePoll{cursor:pointer}.optionText{position:relative;z-index:1}.optionPercent,.optionText{font-size:12px}.progressAnswer{margin-left:8px}.progressPercent{padding-right:8px}.timerText{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:11px;letter-spacing:-.5px;cursor:pointer;color:#000;font-weight:700;display:flex;align-items:center;justify-content:center}.plusTimeElementHidden{opacity:0;bottom:30px!important;-webkit-transform:scale(.8);transform:scale(.8)}.plusTimeElementVisible{opacity:1;bottom:60px!important;-webkit-transform:scale(1);transform:scale(1)}.plusTimeElement{position:absolute;bottom:10px;z-index:1;left:50%;-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important;border-radius:50%;background-color:#08bd80;color:#fff;display:flex;width:32px;height:32px;justify-content:center;align-items:center;cursor:pointer;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.plusTime{color:#fff;font-size:12px}.createPollNew{display:flex;background:#fff;border:.825095px solid #dde6ed;box-sizing:border-box;border-radius:26.403px;-webkit-transition:max-height .2s ease-in-out;transition:max-height .2s ease-in-out;max-height:70px;height:auto;width:120px;justify-content:space-evenly}.startPollNew{justify-content:space-between;margin-bottom:-1px}.modalOverlayMod,.startPollNew{display:flex;align-items:center}.modalOverlayMod{position:fixed;top:0;right:0;width:25%;height:100%;background-color:rgba(0,0,0,.75);justify-content:center;z-index:9999}.modalContentMod{position:absolute;bottom:0;width:100%;outline-style:none;overflow:hidden;background-color:#f8f8f8;border-top-left-radius:4px;border-top-right-radius:4px}.startPollNewModal{display:flex;align-items:center;justify-content:space-between;margin-bottom:-1px;box-shadow:0 -2px 4px rgba(0,0,0,.1);border-bottom:1px solid #e6e6e6;height:3rem;padding:0 16px}.pollPredictionText{font-weight:500;font-size:12px;line-height:14px;letter-spacing:.05px;color:#3c4852;opacity:.5;margin-left:8px}.footerContainer{padding:16px;border-top:1px solid #e6e6e6}.onText{color:#2d81f7}.offText,.onText{font-weight:500;font-size:12px;line-height:14px}.offText{color:grey}.autoDetectText{font-weight:500;font-size:12px;line-height:14px;color:#3c4852}.switch{margin-left:8px}.answerOpt{width:54px;height:60px;background:#f0f4f7;border:1px solid #dde6ed;box-sizing:border-box;border-radius:2px;display:flex;align-items:center;justify-content:center;margin:38px 8px;font-size:20px;line-height:23px}.answerOpt,.skipText{cursor:pointer;font-weight:500}.skipText{font-size:14px;line-height:16px;color:#2d81f7}.optionTextN,.optionTextNP{font-weight:700}.optionTextNP{font-size:16px}.optionsContainer{padding:0 20px;margin-bottom:13px}.startPollTitleTextStep2{color:#3c4852;margin-left:10px;font-weight:500;font-size:14px;line-height:16px;letter-spacing:.05px}.pollChoicesContainer{padding:12px 0;z-index:2}.pollChoice{display:flex;overflow:hidden;justify-content:space-between;margin:0 16px;background:#f0f4f7;border-radius:2px;font-weight:700;height:14px;position:relative}.optionTextN{font-size:16px;color:#3c4852}.optionTextN,.optionTextNP{font-weight:500;line-height:19px;letter-spacing:.05px}.optionTextNP{font-size:14px;color:#93aec2;width:40px;display:flex;justify-content:flex-end}.pollChoicesWrapper{padding:8px 24px 16px}.optionsContainer{align-items:center;padding:0 24px;margin-bottom:8px;justify-content:space-between}.correctAnswerN{color:#08bd80}.incorrectAnswerN{color:#eb5757}.correctAnswerPollChoice{background:rgba(8,189,128,.25)}.optionProgressCorrect{background-color:#08bd80}.optionProgressInCorrect{background-color:#eb5757}.optionProgressCorrectForIncorrect{background-color:#08bd80}.pollChoiceCorrect{background:rgba(8,189,128,.25)}.pollChoiceIncorrect{background:rgba(235,87,87,.25)}.pollChoiceCorrectForIncorrect{background:rgba(8,189,128,.25)}.optionTextCorrectForIncorrect{color:#08bd80}.emptyPOllChoice{background:#a7c2d6}.optionProgressCorrectNew{background-color:#08bd80}.noEducatorResponse{background:#a7c2d6}.noEducatorResponsePoll{background:#f0f4f7}.noEducatorResponseN{color:#3c4852}.updateText{font-weight:500;font-size:12px;line-height:18px;color:grey;display:flex;padding-left:24px;padding-top:20px}.choiceWrapper{align-items:center;justify-content:space-between;margin-top:6px}.progressBar{overflow:hidden;justify-content:space-between;background:#f0f4f7;border-radius:2px;height:16px;position:relative;width:250px}.percentage,.progressBar{display:flex;font-weight:700}.percentage{font-size:14px;text-align:right;color:#93aec2;width:40px;line-height:16px;justify-content:flex-end}.choices{font-weight:500;font-size:14px;letter-spacing:.05px;color:#3c4852}.choicesCorrectEducator{color:#08bd80}.optionProgressEducator{background:#08bd80!important}.optionProgress{background:#a7c2d6;position:absolute;left:0;border-bottom-left-radius:2px;border-top-left-radius:2px;overflow:hidden;display:flex;align-items:center;color:#fff;z-index:1;height:16px;-webkit-transition:width .4s ease-out;transition:width .4s ease-out;justify-content:space-between;font-size:12px;border-radius:0 2px 2px 0;top:0}.correctAnswer{background:rgba(8,189,128,.25)}.nameAndAvatarWrapper{display:flex;background:#fff;border-radius:20px;align-items:center;box-sizing:border-box;padding:5px 8px}.nameUser{font-size:12px;line-height:18px;color:#3c4852;object-fit:cover}.imageUser{height:16px;width:16px;border-radius:50%;margin-right:4px;object-fit:cover}.commonClasss{display:flex;align-items:center}.commonClasss,.timeTaken{font-size:12px;line-height:150%;color:grey}.timeTaken{text-align:right}.streakFire{height:18px;width:12px;margin-right:2px}.capsuleWrapper{height:26px;margin-bottom:8px}.capsuleWrapper,.streakDetailsContainer{display:flex;justify-content:space-between}.streakDetailsContainer{width:75px}.gotRightText{font-weight:500;font-size:12px;line-height:18px;color:grey}.gotRightImage{height:24px;width:24px;margin-right:8px}.learnerStreakWrapper{display:flex;flex-direction:column;background:#f0f4f7;padding:20px 16px 0;box-sizing:border-box;-webkit-transform:translateY(250px);transform:translateY(250px);-webkit-transition:all .3s;transition:all .3s;position:absolute;height:236px}.learnerStreakAnimation{-webkit-transform:translateY(0);transform:translateY(0);position:relative}.waitingText{font-size:12px;line-height:18px;color:grey;justify-content:flex-start;display:flex;margin:16px 0}.gotRightContainer{display:flex;position:relative;height:20px;margin-bottom:20px;align-items:center}.usersCapsuleList{display:flex;flex-direction:column;position:relative;height:300px}.scrollBarHiddenContainer{overflow:scroll;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.scrollBarHiddenContainer::-webkit-scrollbar{width:0;background:transparent}.pollUpdatesWrapper{display:flex;width:100%;height:60px;background:#fff;justify-content:center;align-items:center;-webkit-transform:all 1s;transform:all 1s;-webkit-transition:all .3s;transition:all .3s;position:absolute;z-index:45;bottom:-60px}.pollUpdatesAnimation{bottom:0;box-shadow:0 -2px 4px rgba(0,0,0,.12);z-index:75}.waitingTextPollUpdates{font-weight:500;font-size:12px;line-height:14px;color:#3c4852;margin-left:10px}.shareLearnerButton{width:154px;height:36px;background:#2d81f7;border-radius:4px;font-size:14px;line-height:21px;justify-content:center;color:#fff;cursor:pointer;font-weight:700}.headerContainer,.shareLearnerButton,.stateLoaderContainer{display:flex;align-items:center}.headerContainer{width:100%;height:60px;padding:0 16px;box-sizing:border-box;border-bottom:1px solid #e6e6e6;position:relative}.Modalheader,.modalHeaderContainer{display:flex;position:relative}.Modalheader{width:100%;align-items:center;padding:0 16px;box-sizing:border-box;justify-content:center;margin-top:32px;font-weight:700;font-size:17px;line-height:17px;text-align:center;color:#3c4852;font-family:merriweather}.globalLeaderBoardWrapper{z-index:56;-webkit-transform:all 1s;transform:all 1s;bottom:-500px;position:absolute;right:0;border:1px solid #e6e6e6;border-bottom:0;box-shadow:0 0 10px rgba(0,0,0,.12);border-top-left-radius:4px;border-top-right-radius:4px}.globalLeaderBoardModalWrapper,.globalLeaderBoardWrapper{display:flex;width:100%;height:100%;-webkit-transition:all .3s;transition:all .3s;background:#fff;box-sizing:border-box;flex-direction:column}.globalLeaderBoardModalWrapper{border-bottom:0}.globalLeaderBoardAnimation{bottom:0}.textAndImageContainer{display:flex;height:100%;align-items:center}.headerImage{width:32px;height:32px;border-radius:50%;margin-right:16px}.headerText{font-weight:500;font-size:12px;line-height:14px;color:#3c4852}.closeIcon{right:16px}.closeIcon,.closeIconModal{width:16px;height:16px;position:absolute;cursor:pointer}.closeIconModal{right:32px;top:32px}.closeIconNonModal{width:12px;height:12px;position:absolute;right:16px;cursor:pointer}.otherRankHoldersContainer{display:flex;flex-direction:column;margin-top:12px;height:264px}.pollSummaryHeading{font-family:Merriweather}.toppersName{width:84px}.toppersName,.toppersNameInModal{font-size:14px;line-height:16px;display:flex;align-items:flex-start;color:#3c4852;justify-content:center;box-sizing:border-box;font-weight:600}.toppersNameInModal{width:100%;text-align:center}.topperRanks{font-size:12px;line-height:18px;background:#ffad3b;top:29px}.topperRankOne,.topperRanks{font-weight:700;display:flex;align-items:center;color:#fff;height:22px;width:34px;border-radius:12px;border:2px solid #fff;justify-content:center;position:absolute;left:50%;box-sizing:border-box;margin-left:-17px;text-shadow:0 0 8px rgba(0,0,0,.32)}.topperRankOne{top:53px;background:#f1c119;font-size:10px}.timeTakenTotal{justify-content:center;font-size:10px;line-height:12px;align-items:center;box-sizing:border-box;color:#b7bbbf;height:16px;min-width:40px;background:#f0f4f7;border-radius:8px;display:flex;padding:0 4px}.totalQuestions{font-size:12px;line-height:14px;color:grey}.correctAnswers{font-weight:700;font-size:16px;line-height:20px;color:#08bd80}.ranksAndImagesContainer{width:120px}.ranksAndImagesContainer,.ranksAndImagesModalContainer{display:flex;align-items:flex-end;justify-content:center}.ranksAndImagesModalContainer{width:144px}.nameContainer{width:120px}.nameContainer,.nameModalContainer{display:flex;justify-content:center}.nameModalContainer{width:144px}.otherStatsContainer{width:120px}.otherStatsContainer,.otherStatsModalContainer{display:flex;align-items:baseline;justify-content:flex-start}.otherStatsModalContainer{width:144px}.marksContainer{display:flex;align-items:baseline}.circularCelebrationImg{position:absolute;height:200%;left:-50%;top:-50%}.mainToppersContainer{display:flex;flex-direction:column}.userCapsuleContainer{padding:16px 20px 0}.userCapsuleContainer,.userCapsuleModalContainer{display:flex;width:100%;box-sizing:border-box;align-items:center}.userCapsuleModalContainer{padding:8px 0}.barCelebration{position:absolute;width:512px}.userCapsuleInnerContainer{display:flex;z-index:1;flex:1 1}.userCapsuleMarginAround{margin:0 20%}.usersName{font-size:14px;line-height:16px;color:grey;width:100px;display:block;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usersNameFooter{color:#3c4852;font-weight:600}.correctCount{font-weight:700;font-size:16px;line-height:20px;color:#08bd80;box-sizing:border-box}.avatarStyle{height:20px;width:20px;border-radius:50%;object-fit:cover;margin-right:8px}.avatarStyleFooter{height:30px;width:30px}.index{font-size:12px;line-height:18px;color:grey;margin-right:14px}.userDetailsContainer{display:flex;flex:1 1;align-items:center}.learnerPollOptionsContainer{position:fixed;width:480px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-100%;padding:0 192px;box-sizing:border-box;z-index:5;display:flex;flex-direction:column;align-items:center;-webkit-transition:bottom .3s;transition:bottom .3s}.learnerSideAnimation{bottom:0}.learnerPollOptions{background:#fff;box-shadow:0 -2px 16px rgba(0,0,0,.16);border-radius:8px;padding:16px;display:flex;cursor:pointer;align-items:center;border-bottom-left-radius:0;border-bottom-right-radius:0;position:relative}@media only screen and (max-width:850px){.learnerPollOptionsContainer{padding:0 126px!important}}.learnerPollOption{border-radius:4px;border:2px solid #3c4852;display:flex;align-items:center;justify-content:center;padding:12px 0;flex:1 1;margin:0 8px;font-weight:500}.learnerPollOptionSelected{background-color:#3c4852!important;border:2px solid #3c4852!important;color:#fff!important}.progress{border-bottom:4px solid #08bd80;margin:0 auto;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out;position:absolute;left:0;bottom:0;right:0;width:100%;border-radius:2px}.learnerPollOptionDisabled{pointer-events:none;cursor:auto;background-color:#e6e6e6;border:2px solid #e6e6e6;color:grey}.learnerPollOptionsContainerHide{-webkit-transform:translateY(80px);transform:translateY(80px);-webkit-transition:-webkit-transform .2s ease-in;transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in;transition:transform .2s ease-in,-webkit-transform .2s ease-in}.footer{height:64px;background:#f0f4f7;border:1px solid #dde6ed;box-shadow:0 4px 12px rgba(0,0,0,.06);border-radius:4px;align-items:center;padding:0 16px;justify-content:space-between;max-width:460px;z-index:1;width:380px}.timerN{background:rgba(147,174,194,.2);border-radius:40px;width:74px;height:32px;display:flex;align-items:center;justify-content:center}.timerN,.timerSpan{color:#5e6b78;font-weight:700}.timerSpan{font-size:16px;line-height:100%}.footerText{margin-left:16px;font-weight:700;font-size:18px;color:#5e6b78}.pollOptions{box-shadow:0 4px 23px transparent}.pollOptions,.pollOptions:hover{display:flex;align-items:center;justify-content:center;font-weight:500;width:66px;height:40px;border:1px solid #3c4852;border-radius:100px;margin:0 4px;font-size:14px;color:#3c4852;cursor:pointer}.pollOptions:hover{background:#f0f4f7}.choicesContainer,.pollOptions:hover{box-shadow:0 4px 23px rgba(0,0,0,.06)}.choicesContainer{align-items:center;justify-content:center;width:380px;display:flex;height:128px;background:#fefffe;border:1px solid #dde6ed;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:0}.footerTextPart1{font-weight:700;font-size:18px;line-height:100%;color:#08bd80;margin-bottom:4px}.footerTextPart2{font-weight:500;font-size:14px;line-height:100%;color:#687785}.footerImg{margin-right:16px}.footerTexts{margin-left:16px}.incorrectAnswerLearner{color:#ce3a60}.pollT{font-size:18px}.dismiss,.pollT{font-weight:500;line-height:100%;color:#5e6b78}.dismiss{background:rgba(147,174,194,.2);border-radius:40px;width:99px;height:32px;display:flex;justify-content:center;align-items:center;font-size:14px;cursor:pointer}.pollText{font-weight:700;font-size:18px;line-height:100%;color:#5e6b78;margin-left:8px}.pollImage{height:32px;width:32px}.test{-webkit-transition:bottom .3s;transition:bottom .3s;z-index:2;position:absolute;bottom:-64px;width:412px;height:64px;background:#f0f4f7;border:1px solid #dde6ed;box-shadow:0 4px 12px rgba(0,0,0,.06);border-radius:4px}.summary,.test1,.test2,.test3{bottom:0}.statesContainer{width:100%;align-items:center;padding:12px 16px}.part1{font-weight:700;font-size:18px;margin-bottom:8px}.part1,.part2{line-height:100%}.part2{font-weight:500;font-size:14px;color:#687785}.image,.imageWithBorderRadius{height:32px;width:32px;border-radius:50%;overflow:hidden}.imageWithoutBorderRadius{height:32px;width:32px}.textContainer{display:flex;flex-direction:column;align-items:flex-start;margin-left:16px}.youGotThis{font-size:14px;line-height:2.1;color:#3c4852}.userAvatarPollState{border-radius:50%}.userAvatarPollState,.userAvatarPollStateWithoutBorderRadius{height:24px;width:24px;margin-right:4px}.leaderBoardWrapper{height:193px;background:#3c4852;border:1px solid #3c4852;width:380px;border-top-right-radius:8px;border-top-left-radius:8px;flex-direction:column;z-index:1;-webkit-transform:translateY(250px);transform:translateY(250px);-webkit-transition:all .3s;transition:all .3s;box-sizing:border-box}.leaderBoardAnimation{-webkit-transform:translateY(0);transform:translateY(0)}.pollSummaryHeading{font-size:16px;color:#fff;line-height:24px;font-weight:700}.headingContainer{width:100%;justify-content:center;align-items:center;margin-top:16px;position:relative}.topperName{display:block;align-items:flex-start;margin-top:17px;width:84px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank,.topperName{font-size:12px;line-height:18px;color:#fff;justify-content:center;box-sizing:border-box}.rank{background:#ffad3b;top:29px}.rank,.rankOne{font-weight:700;display:flex;align-items:center;height:22px;width:34px;border-radius:12px;border:2px solid #3c4852;position:absolute;left:50%;margin-left:-17px;text-shadow:0 0 8px rgba(0,0,0,.32)}.rankOne{top:53px;background:#f1c119;font-size:10px;color:#fff;justify-content:center}.rankOne,.time{box-sizing:border-box}.time{font-size:12px;line-height:150%;display:flex;align-items:center;text-align:center;color:hsla(0,0%,100%,.75)}.topperAvatarSecondThird{width:100%;height:100%;border-radius:50%;object-fit:cover}.imageContainer{height:40px;width:40px}.imageContainer,.imageContainerOne{position:relative;border-radius:50%;border:2px solid #fff;object-fit:cover}.imageContainerOne{height:64px;width:64px}.topperContainer{height:100%;margin-bottom:16px;align-items:flex-end;justify-content:space-around}.close{position:absolute;right:18px;cursor:pointer}.questionsWrapper{position:absolute;bottom:0;display:flex;right:0;left:0;background:#f0f4f7;z-index:100;padding:15px;border-top:1px solid #e6e6e6}.textarea{height:140px;border:.825095px solid #dde6ed;box-sizing:border-box;border-radius:8px;background:#fff;resize:none;margin-right:12px;outline:none;font-size:14px;padding:8px}.textarea::-webkit-input-placeholder{font-family:UN_REGULAR}.textarea::-moz-placeholder{font-family:UN_REGULAR}.questionIconContainer{background:-webkit-gradient(linear,right top,left top,from(rgba(8,189,128,.8)),to(rgba(45,129,247,.8)));background:linear-gradient(270deg,rgba(8,189,128,.8),rgba(45,129,247,.8));border-radius:100px;height:32px;width:32px;align-items:center;justify-content:center;display:flex;margin-right:8px}.questionsIcon{height:16px;widows:16px}.textAreaContainer{flex-direction:column;flex:1 1}.attachImage{height:22px;width:19px;margin-right:8px}.attachContainer{display:flex;color:#3c4852;cursor:pointer;align-items:center}.attachContainer,.characterCount{font-weight:500;font-size:12px;line-height:14px;letter-spacing:.05px}.characterCount{color:#eb5757;margin-left:4px}.characterCountContainer{margin-top:10px}.sendContainer{width:44px;height:30px;background:#08bd80;border-radius:4px;align-items:center;justify-content:center;margin-right:12px;cursor:pointer}.attachAndSendWrapper{margin-top:22px;justify-content:space-between;align-items:center}.uploadedImageContainer{position:relative;height:60px;width:60px}.questionLoader{position:absolute;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.1)}.iconRemove{position:absolute;height:20px;width:20px;top:-6px;right:-6px;cursor:pointer;border-radius:50%}.uploadedImage{width:100%;height:100%;border:1px solid #dde6ed;box-sizing:border-box}.uploadFile{display:none}.activeGroupContainer{height:40px;display:flex;background:-webkit-gradient(linear,left bottom,left top,from(#fff1cc),to(#fff1cc)),#fff;background:linear-gradient(0deg,#fff1cc,#fff1cc),#fff;box-shadow:0 0 5px rgba(0,0,0,.13);border-radius:44.0051px;align-items:center;justify-content:center;min-width:70px;margin-right:8px}.emojiCount{font-weight:500;font-size:16px;line-height:19px;color:#d58709}.activeGroupWrapper{display:flex;position:absolute;bottom:5px;width:100%;justify-content:center;z-index:97}.activeGroupContainer:last-child{margin-right:0}.activeGroupEmojiImage{height:20px;width:20px;margin-right:4px}@media only screen and (max-width:850px){.activeGroupContainer{height:30px;min-width:60px;margin-right:4px}}.seeAllQuestions{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1);height:50px;align-items:center;padding-left:18px;cursor:pointer;display:flex}.allQuestionsHeaderText{font-weight:500;font-size:14px;line-height:16px;color:#3c4852;margin-left:12px}.backToChatImage{width:18px;height:14px}.seeAllQuestionsWrapper{background:#fff;border:1px solid #e6e6e6;border-radius:19px;flex-direction:column;margin-bottom:16px}.answerContainer{background:#f0f4f7;border-radius:0 0 0 19px;height:46px;flex:1 1;border-right:.5px solid #e6e6e6;cursor:pointer}.answerContainer,.previewText{justify-content:center;align-items:center}.previewText{position:absolute;display:flex;width:100%;height:100%;color:#08bd80}.skipContainer{background:#f0f4f7;border-radius:0 0 19px 0;height:46px;flex:1 1;border-left:.5px solid #e6e6e6;justify-content:center;align-items:center;cursor:pointer}.answer{font-weight:500;font-size:14px;line-height:21px;color:#3c4852}.imageCTALeft{height:13px;width:17px;margin-right:10px}.imageCTARight{height:17px;width:17px;margin-right:10px}.seeAllComponent{display:flex;flex-direction:column;background:#fff;z-index:999;position:absolute;width:100%;height:100%;-webkit-transition:left .25s ease-in-out;transition:left .25s ease-in-out}.paginatedQuestions{flex:1 1;overflow-y:auto;padding:18px}.educatorQuestionBodyLarge{-webkit-box-orient:vertical;font-size:14px;line-height:140.62%;color:#3c4852;text-align:left;overflow:hidden;word-wrap:break-word}.reportModal{position:absolute;height:100%;width:100%;background:rgba(0,0,0,.6);z-index:992;display:flex;align-items:center;justify-content:center}.reportModalContent{background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.05);border-radius:4.01544px;width:298px;min-height:290px;display:flex;flex-direction:column;padding:24px 16px}.reportModalHeader{font-size:16px;line-height:24px;color:#3c4852;display:flex;font-weight:700;margin-bottom:20px}.radioButtonWrapper{display:flex;margin-bottom:15px;font-size:14px;line-height:16px;color:#3c4852;align-items:center}.reportTextArea{border-radius:0;border:none;border-left:2px solid #08bd80;resize:none;width:100%;outline-style:none;font-size:14px}.cancelButton{background:#fff;color:#08bd80}.cancelButton,.submitButton{border-radius:4px;font-weight:500;font-size:14px;line-height:16px;height:40px;width:90px;align-items:center;justify-content:center;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.submitButton{background:#08bd80;color:#fff}.buttonsWrapper{display:flex;justify-content:flex-end;margin-top:24px}.checkmark{margin-left:4px}input[type=radio]{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:14px;height:14px;padding:2px;background-clip:content-box;border:2px solid #bbb;border-radius:50%;outline-style:none}input[type=radio]:checked{background-color:#08bd80;border-color:#08bd80}.replayVideo,.replayVideoContainer{height:100%}.cameraWrapperWithoutCanvas .replayVideo{width:100%;height:100%}.lds-ellipsis{display:inline-block;position:relative;width:64px;height:64px}.lds-ellipsis div{position:absolute;top:27px;width:11px;height:11px;border-radius:50%;background:#fff;-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:6px;-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:6px}.lds-ellipsis div:nth-child(2),.lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:26px}.lds-ellipsis div:nth-child(4){left:45px;-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(19px);transform:translate(19px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(19px);transform:translate(19px)}}.statusMessageContainer{z-index:5;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;background-color:#fff;flex-direction:column}.statusMessage{padding:20px;font-size:20px;max-width:60%;line-height:1.5;background:#fff}.statusMessageTitle{font-weight:600;font-size:24px;margin:8px 0}.sliderAndLoaderContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;width:1068px;height:608px;margin-top:31px}.appDownload{width:200px;margin-top:16px}.statusMessageButton{background-color:#08bd80;color:#fff;font-size:16px;margin-top:12px;outline-style:none;border:0;border-radius:4px;padding:8px 40px;cursor:pointer;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.statusMessageButton:hover{background-color:#058f61}.downloadAppImg{max-width:100%}.lessonDetailsContainer{display:flex;flex-direction:column;box-sizing:border-box}.backArrow{margin-right:24px}.backArrowContainer{height:33px;cursor:pointer}.avatarAndNameWrapper,.backArrowContainer,.peopleJoiningAndTimer{display:flex;align-items:center}.peopleJoiningAndTimer{flex-direction:column;-webkit-animation:fadingIn .2s linear 1;animation:fadingIn .2s linear 1;position:relative}.bubbleAvatarComponentWrapper{position:absolute;top:116px}.lateBlockBubbleAvatarWrapper{position:absolute;top:102px}@-webkit-keyframes fadingIn{0%{-webkit-transform:scale(.9);transform:scale(.9);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes fadingIn{0%{-webkit-transform:scale(.9);transform:scale(.9);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.statusMessageErrorText{background:#f0f4f7;border-radius:8px;font-weight:UN_SEMIBOLD;font-size:18px;line-height:24px;padding:12px}.timeTag{width:200px;font-style:normal;font-weight:600;line-height:99px;padding-left:8px}.timeTag,.timeTagDiv{display:flex;font-size:80px;color:#3c4852}.timeTagDiv{align-items:flex-end;font-family:UN_SEMIBOLD}.minsDiv{text-align:right}.minsDiv,.secondsDiv{width:100px;line-height:99px}.secondsDiv{text-align:left}.timeTagColon{line-height:99px}.classStartsInText{font-style:normal;font-weight:400;font-size:14px;line-height:17px;text-align:center;letter-spacing:.2em;color:grey}.timerContainer{flex-direction:column;align-items:center}.timerContainer,.timeTagContainer{display:flex;justify-content:center}.sliderInfoContainer{width:538px;background:#fff;height:64px;margin:0 8px;float:left;z-index:1;padding:0 12px;justify-content:flex-start}.runningLateinfoContainer,.sliderInfoContainer{display:flex;border:1px solid #e6e6e6;box-sizing:border-box;border-radius:8px}.runningLateinfoContainer{width:500px;background:#f0f4f7;height:88px;padding:12px;align-items:flex-start}.infoImageDiv{align-items:center}.infoImageDiv,.runningLateImageDiv{display:flex;margin-right:12px}.infoImage{height:40px;width:40px}.infoTextContainer,.runningLateTextContainer{display:flex;flex-direction:column;justify-content:center}.runningLateTextContainer{align-items:flex-start}.infoHeading{font-family:UN_SEMIBOLD;font-size:18px;line-height:24px;color:#3c4852}.sliderInfoText{font-size:14px;line-height:16px;color:grey}.runningLateText{font-size:14px;line-height:20px;color:grey;text-align:left}.parent{display:flex;height:66px;align-items:center;justify-content:center}.emptyBubbleAvatarWrapper{position:relative;margin-top:64px}.emptyBubble{height:64px;width:64px;border-radius:50%;background:#f0f4f7;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transition:all .4s ease-in;transition:all .4s ease-in;margin:0 10px;opacity:.2}.sliderParent{height:66px;width:420px;position:absolute;top:0;left:0;overflow:hidden}.containerSlider{top:1px;display:flex;-webkit-transform:translate(168px);transform:translate(168px);-webkit-transition:all .2s linear;transition:all .2s linear;position:absolute;z-index:3}.avtar{height:64px;width:64px;border-radius:50%;background:#000;margin:0 10px;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .2s ease-in;transition:all .2s ease-in;opacity:.2;object-fit:cover}.scaleAnimation{-webkit-transform:scale(1);transform:scale(1);opacity:1}.translateAnimation{-webkit-transform:translate(84px);transform:translate(84px)}.userJoiningText{font-size:18px;line-height:27px;display:flex;justify-content:center;color:grey;margin-top:16px;width:420px;height:27px}.gradientDiv{height:100%;background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(20%,transparent));background:linear-gradient(90deg,#fff,transparent 20%);top:1px;z-index:4}.gradientDiv,.lessonDetailsWrapper{width:100%;position:absolute;left:0}.lessonDetailsWrapper{box-sizing:border-box;padding:32px 48px 0 32px;display:flex;justify-content:space-between;top:0}.lessonNameLightBackgound{color:#3c4852}.lessonNameDarkBackgound,.lessonNameLightBackgound{font-family:UN_SEMIBOLD;font-size:22px;line-height:33px;display:flex;align-items:center}.lessonNameDarkBackgound{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.16)}@media only screen and (max-width:850px){.lessonNameDarkBackgound,.lessonNameLightBackgound{font-size:16px;line-height:24px}.courseNameDarkBackground,.courseNameLightBackground{font-size:12px!important;line-height:14px!important}.bulletDarkBackground,.bulletLightBackground{font-size:12px;line-height:14px}.avatarAndNameWrapper{align-items:flex-start;box-sizing:border-box;padding-top:6px}}.courseAndTime{display:flex}.courseNameLightBackground{color:#3c4852}.courseNameDarkBackground,.courseNameLightBackground{font-size:14px;line-height:16px;display:flex;align-items:center}.courseNameDarkBackground{color:#fff}.bulletDarkBackground{color:#fff}.bulletDarkBackground,.bulletLightBackground{font-size:14px;line-height:16px;display:flex;align-items:center;margin:0 4px}.bulletLightBackground{color:#3c4852}.usernameComponent{font-size:14px;line-height:16px;color:#3c4852}.usernameDarkComponent{font-size:14px;line-height:16px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.16)}@media only screen and (max-width:850px){.usernameComponent,.usernameDarkComponent{font-size:12px;line-height:14px}}.feedbackContainer{box-shadow:0 4px 24px rgba(0,0,0,.15);background-color:#fff;padding:16px 24px;position:fixed;right:27vw;bottom:77px;z-index:999999;font-size:14px;border-radius:4px}@media only screen and (max-width:850px){.feedbackContainer{display:none}}.thumbs{width:48px;margin-right:8px}.cancelFeedback{margin-right:12px}.feedbackStepTwo{margin-top:8px}.feedbackReason{border:1px solid #d9d9d9;padding:6px 8px;margin:10px 10px 0 0;color:grey;display:inline-block;border-radius:2px;cursor:pointer}.feedbackReasonSelected{border-color:#3c4852;color:#3c4852}.suggestionsInput{outline-style:none;border:0;font-size:14px;margin:32px 0 24px;border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:8px;width:100%}.separatorFeedback{border:1px solid #e5e5e5;border-bottom:0;margin:24px 0}.feedbackReasonsTitle{color:#3c4852;margin-bottom:6px;text-align:left}.feedbackTitle{margin-bottom:16px}.thumbsContainerStepTwo{margin:0 28px;cursor:pointer}.thumbsContainerStepOne{cursor:pointer;margin:0 16px}.thumbsStepTwo{-webkit-transform:translateY(6px);transform:translateY(6px)}.cancelStepTwo{height:13px;margin-top:2px}.cancelStepTwo,.feedbackReasonTick{margin-right:4px}.feedbackYes{color:#08bd80}.feedbackNo{color:#eb5757}.feedbackStepTwo{text-align:left}.suggestionsInput::-webkit-input-placeholder{color:grey;opacity:1}.suggestionsInput::-ms-input-placeholder{opacity:1}.suggestionsInput::placeholder{color:grey;opacity:1}.suggestionsInput:-ms-input-placeholder{color:grey}.suggestionsInput::-ms-input-placeholder{color:grey}.submitFeedback{font-weight:400}.educatorFeedbackContainer{background:#f0f4f7;width:100vw;height:100vh;padding-top:64px}.educatorFeedback{border:1px solid #e6e6e6;border-radius:4px;max-width:420px;margin:0 auto;background-color:#fff}.educatorFeedbackThankYou{padding:24px;font-weight:700;font-size:20px;text-align:center}.educatorFeedbackHeader{padding:24px;border-bottom:1px solid #e6e6e6}.educatorFeedbackHeaderTitle{font-weight:700;line-height:28px;font-size:20px;color:#3c4852;margin-bottom:8px}.educatorFeedbackHeaderMsg{line-height:20px;color:#3c4852}.educatorFeedbackContent{display:flex;flex-direction:column;align-items:center;padding:24px;min-height:130px}.educatorFeedbackQ{color:grey;line-height:21px;margin-bottom:16px;text-align:center}.educatorFeedbackActions{display:flex}.educatorFeedbackActionContainer{border:1px solid #3c4852;border-radius:50%;display:flex;justify-content:center;align-items:center;padding:16px;cursor:pointer}.educatorFeedbackActionContainerSelected{background-color:#2d81f7;border-color:#2d81f7}.educatorFeedbackActionContainer:first-child{margin-right:40px}.educatorFeedbackReason{border:1px solid hsla(0,0%,50.2%,.3);box-sizing:border-box;border-radius:2px;padding:6px 8px;color:grey;font-size:14px;display:flex;align-items:center;margin-right:8px;margin-bottom:12px;cursor:pointer}.educatorFeedbackReasonSelected{background-color:#3c4852;border-color:#3c4852;color:#fff}.educatorFeedbackReasonsContainer{margin-top:40px;border-bottom:1px solid #e6e6e6;margin-left:-24px;margin-right:-24px}.educatorFeedbackReasons{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.educatorFeedbackText{padding:12px;margin-bottom:16px;outline:none;border:1px solid #e6e6e6;color:rgba(0,0,0,.5);font-size:12px;width:100%;box-sizing:border-box;border-radius:4px;resize:none}.educatorFeedbackSubmit{color:#fff;background:#2d81f7;border-radius:4px;outline:none;width:150px;padding:12px 0;border:0;font-size:14px;float:right;cursor:pointer}.educatorFeedbackFooter{width:100%;padding-top:24px}.educatorFeedbackReasonTick{margin-right:8px}.settingsPopup{color:#3c4852;font-size:12px;-webkit-transition:opacity .1s cubic-bezier(0,0,.2,1);transition:opacity .1s cubic-bezier(0,0,.2,1);overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.1);border-radius:4px;background-color:#fff;padding:16px;margin-bottom:16px}.settingsOptionTop{-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;padding-bottom:16px;text-align:center;color:#3c4852}.settingsOptionSelected{color:#08bd80!important}.settingsChecked{position:absolute;left:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.settingsPopover{z-index:9999999}.settingsTrigger{background-color:#fff;color:grey;font-size:12px;height:22px;border-radius:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:2px 10px;box-shadow:0 1px 4px rgba(0,0,0,.25);width:40px;box-sizing:border-box}.settingsOption{padding:8px 0;color:grey;text-align:center;font-weight:400;cursor:pointer;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;position:relative}.settingsOption:hover{background-color:#fff}.playSettingsContainer{margin:0 8px}@media only screen and (max-width:850px){.playSettingsContainer{margin:0 4px}.settingsTrigger{font-size:10px;height:20px;padding:2px 8px;width:32px}}.videoControls{position:relative;margin:0 auto;box-sizing:border-box;position:fixed;bottom:0;padding:1rem 0;z-index:99999;height:100vh;justify-content:space-between;display:flex;flex-direction:column;opacity:1;background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,rgba(0,0,0,.4)),color-stop(50%,rgba(0,0,0,.1)),color-stop(55%,rgba(0,0,0,.1)),to(rgba(0,0,0,.4)));background:linear-gradient(rgba(0,0,0,.4) 1%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 55%,rgba(0,0,0,.4));background-blend-mode:multiply;-webkit-transition:all .3s linear;transition:all .3s linear;pointer-events:none}.videoControls .videoControls button{margin-right:32px;margin-left:32px}.NextButton,.PauseButton,.PlayButton,.PrevButton,.SoundOffButton,.SoundOnButton{display:flex;border:none;background:transparent;outline:none}.NextButton[disabled],.PauseButton[disabled],.PlayButton[disabled],.PrevButton[disabled],.SoundOffButton[disabled],.SoundOnButton[disabled]{opacity:.5}.NextButton.isEnabled,.PauseButton.isEnabled,.PlayButton.isEnabled,.PrevButton.isEnabled,.SoundOffButton.isEnabled,.SoundOnButton.isEnabled{cursor:pointer}.Icon{display:flex;width:24px;height:24px}.Icon-shape{fill:#fff}.ProgressBar{flex:1 1;position:relative;border-radius:4px;display:flex;background:hsla(0,0%,100%,.4)}.ProgressBar-elapsed,.ProgressBar-value{background:#878c88;border-radius:4px}.ProgressBar-seek{position:absolute;cursor:pointer}.hiddenOpacity{opacity:0!important;display:none}.ProgressBar-handle{position:absolute;width:12px;height:12px;background:#08bd80;border-radius:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.ProgressBar.isEnabled:hover .ProgressBar-handle,.ProgressBar.isEnabled:hover .VolumeSlider-handle,.ProgressBar.isSeekable:hover .ProgressBar-handle,.ProgressBar.isSeekable:hover .VolumeSlider-handle,.VolumeSlider.isEnabled:hover .ProgressBar-handle,.VolumeSlider.isEnabled:hover .VolumeSlider-handle,.VolumeSlider.isSeekable:hover .ProgressBar-handle,.VolumeSlider.isSeekable:hover .VolumeSlider-handle{-webkit-transform:scale(1);transform:scale(1)}.ProgressBar.isEnabled:hover .ProgressBar-intent,.ProgressBar.isEnabled:hover .VolumeSlider-intent,.ProgressBar.isSeekable:hover .ProgressBar-intent,.ProgressBar.isSeekable:hover .VolumeSlider-intent,.VolumeSlider.isEnabled:hover .ProgressBar-intent,.VolumeSlider.isEnabled:hover .VolumeSlider-intent,.VolumeSlider.isSeekable:hover .ProgressBar-intent,.VolumeSlider.isSeekable:hover .VolumeSlider-intent{position:absolute;background:rgba(0,0,0,.05)}.ProgressBar.isEnabled .ProgressBar-elapsed,.ProgressBar.isEnabled .VolumeSlider-value,.ProgressBar.isSeekable .ProgressBar-elapsed,.ProgressBar.isSeekable .VolumeSlider-value,.VolumeSlider.isEnabled .ProgressBar-elapsed,.VolumeSlider.isEnabled .VolumeSlider-value,.VolumeSlider.isSeekable .ProgressBar-elapsed,.VolumeSlider.isSeekable .VolumeSlider-value{background:#08bd80}.ProgressBar{height:4px;margin:10px 16px}.ProgressBar-elapsed{height:100%}.progressControls{display:flex;align-items:center;margin-left:32px;margin-right:32px}.ProgressBar-seek{top:-8px;right:0;bottom:-8px;left:0}.ProgressBar-handle{top:2px;margin:-6px 0 0 -8px}.ProgressBar.isSeekable:hover .ProgressBar-handle{-webkit-transform:scale(1);transform:scale(1)}.ProgressBar.isSeekable:hover .ProgressBar-intent{top:0;left:0;height:100%}.ProgressBar.isLoading{opacity:.5;background:#ccc;-webkit-animation:barLoading 2s infinite;animation:barLoading 2s infinite}.VolumeSlider-value{position:absolute}.VolumeSlider.isHorizontal{width:100px;height:4px;-webkit-transition:width .3s,height .05s;transition:width .3s,height .05s}.VolumeSlider.isHorizontal .VolumeSlider-value{height:100%;left:0}.VolumeSlider.isHorizontal .VolumeSlider-handle{margin:-6px 0 0 -8px}.VolumeSlider.isVertical{width:8px;height:100px;-webkit-transition:width .05s,height .3s;transition:width .05s,height .3s;position:absolute;right:1rem;bottom:0}.VolumeSlider.isVertical .VolumeSlider-value{bottom:0;width:100%}.VolumeSlider.isVertical .VolumeSlider-handle{left:0;margin:0 0 -8px -4px}.VolumeSlider-seek{left:-6px;top:0;right:-6px;bottom:0}.VolumeSlider.isEnabled:hover .VolumeSlider-handle{-webkit-transform:scale(1);transform:scale(1)}.VolumeSlider.isEnabled:hover .VolumeSlider-intent{bottom:0;left:0;width:100%}.TimeMarker{color:#fff}.ProgressBar-intent{position:relative;display:none}.ProgressBar-intentTime{position:absolute;right:0;bottom:15px;width:50px;border-radius:4px;border:1px solid #fff;background-color:#fff;color:#fff;visibility:hidden}.ProgressBar.isEnabled:hover .ProgressBar-intentTime,.ProgressBar.isSeekable:hover .ProgressBar-intentTime{visibility:visible}.ProgressBar.isEnabled:hover .ProgressBar-intent,.ProgressBar.isSeekable:hover .ProgressBar-intent{display:block}@-webkit-keyframes plyr-progress{to{background-position:25px 0}}@keyframes plyr-progress{to{background-position:25px 0}}.progress-loading{webkit-animation:plyr-progress 1s linear infinite;moz-animation:plyr-progress 1s linear infinite;ms-animation:plyr-progress 1s linear infinite;o-animation:plyr-progress 1s linear infinite;-webkit-animation:plyr-progress 1s linear infinite;animation:plyr-progress 1s linear infinite;background-size:25px 25px;background-repeat:repeat-x;background-image:linear-gradient(-45deg,rgba(0,0,0,.15) 25%,transparent 0,transparent 50%,rgba(0,0,0,.15) 0,rgba(0,0,0,.15) 75%,transparent 0,transparent);color:transparent;height:4px;top:0}.additionalVideoControls{position:absolute;right:32px;bottom:36px}.additionalVideoControls,.additionalVideoControlsNew{-webkit-transform:translateX(8px);transform:translateX(8px)}.additionalVideoControlsNew{min-width:135px;justify-content:space-between;align-items:center}@media only screen and (max-width:850px){.toggleCameraContainer{margin:0}.toggleCameraImage{width:32px;height:32px}.additionalVideoControl{width:26px;height:26px}.backFwdButton{width:44px!important}.playPauseButton{width:58px!important}.videoPlayControlsImgs{height:24px!important;width:24px!important}.enableDisableChat{margin:0 4px!important}.fullScreenVideoPlayControl{display:flex;margin:0 4px!important;cursor:pointer!important}.slideModeContainer{height:32px;width:32px;margin:0 4px;cursor:pointer}.toggleVolumeImage{height:26px!important;width:26px!important}}.fullScreenVideoPlayControl{display:flex;margin:0 8px;cursor:pointer}.replayTime{color:#fff;font-size:14px;margin-top:-1px}.playPause{display:flex;align-items:center;position:absolute;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);bottom:50vh}.playPause img{margin:0 60px;cursor:pointer}.backFwdButton{width:55px}.playPauseButton{width:75px}.additionalVideoControl{margin-left:12px;cursor:pointer;display:flex}.seekHover{position:absolute;bottom:20px;z-index:3;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.seekHoverCanvasWrapperContainer{width:160px;border-radius:2px;height:90px;background:#fff;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.25)}.seekHoverTime{position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:rgba(0,0,0,.5);border-radius:2px;padding:4px 8px;color:#fff;white-space:nowrap;font-weight:500;font-size:12px;letter-spacing:.01em}.seekHoverTimeCanvasDisabled{bottom:0}.liveText{color:#fff}.liveText,.liveTextDVR{font-size:14px;display:flex;height:100%;align-items:center}.liveTextDVR{color:#e6e6e6}.liveBullet{background:#827c7c}.liveBullet,.notLiveBullet{display:flex;height:6px;align-items:center;width:6px;border-radius:50%;margin-right:6px}.notLiveBullet{background:#eb5757}.goLiveButton{border-radius:3px;height:24px;width:54px;cursor:pointer}.liveTextDVR:hover{color:#fff}.liveTextContainer{background-color:transparent;border-radius:3px;height:24px;width:54px}.backFwdButtonConatiner,.enableDisableChat{cursor:pointer;margin:0 10px}.backFwdButtonConatiner{display:flex;align-items:center}.buttonW{width:14px;height:18px;box-sizing:border-box;-webkit-transition:border .1s;transition:border .1s;border-color:transparent #fff;border-style:solid;border-width:0 5px;cursor:pointer}.buttonW.pause{border-color:transparent transparent transparent #fff;border-style:solid;border-width:9px 0 9px 18px}.volumeSlider{transition:width 5s;-webkit-transition:width 5s;width:100px}.slider{-webkit-appearance:none;width:100%;height:4px;background:#fff;outline:none;border-radius:4px;-webkit-transition:.2s;-webkit-transition:opacity .2s;transition:opacity .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.lHSControls{display:flex;margin:0 50px;justify-content:space-between;align-items:center}.videoPlayControlsImgs{height:30px;width:30px}.skipMessage{position:absolute;height:30px;width:200px;background:#505050;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:5px;left:5%;font-size:14px}.playPauseContainer{width:20px;height:20px;cursor:pointer;margin:0 8px}.commonClass{margin:0 8px}.toggleCameraContainer{display:flex;align-items:center;margin:0 10px;cursor:pointer}.toggleCameraImage{height:35px;width:35px}.slideModeContainer,.toggleVolumeContainer{margin:0 8px;cursor:pointer}.slideModeContainer{height:35px;width:35px}.toggleVolumeImage{height:30px;width:30px;margin-left:0}.slidesPanel{position:fixed;width:25vw;top:0;height:100vh;background:#3c4852;font-size:14px;text-align:left;box-sizing:border-box;overflow:auto;z-index:2;-webkit-transition:all .25s;transition:all .25s;right:-50vw}.slidesPanelClose{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:20px;cursor:pointer}.slidesPanelHeader{padding:20px 20px 24px;box-shadow:0 1px 4px rgba(0,0,0,.25);position:fixed;top:0;height:82px;width:25vw;box-sizing:border-box;z-index:3;background:#3c4852}.slidesPanelTitle{color:#fff;font-weight:600;margin-bottom:4px;max-width:90%}.slidesPanelNumber{color:hsla(0,0%,100%,.6)}.slidePanel{width:100%;height:calc(14.0625vw - 33.75px);background-color:#fff;margin-bottom:16px;position:relative;border-radius:4px;overflow:hidden}.selectedSlideOverlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.slidesContainer{padding:0 30px;margin-top:98px}.slideIndex{position:absolute;right:0;bottom:0;padding:8px;border-top-left-radius:4px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5)}.slideModeControls{width:100%;height:76px;background:#fff;z-index:9999999;padding:0 30px 24px;box-sizing:border-box;font-size:14px;z-index:99999999}.slideModeNavs{color:grey}.navControl{margin:0 8px}.annotationsLabel{margin-right:8px}.react-toggle-thumb{box-shadow:none!important;border:0;background-color:#86949e;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:18px;height:18px;left:4px}.react-toggle-track{background-color:#dde6ed}.react-toggle-track path{fill:#86949e}.react-toggle.react-toggle--checked path{fill:#fff}.react-toggle.react-toggle--checked .react-toggle-thumb{background-color:#fff}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#dde6ed}.react-toggle--checked .react-toggle-track,.react-toggle:hover.react-toggle--checked .react-toggle-track{background-color:#08bd80}.slideModeControlsContainer{height:100vh;background:#fff;display:flex;flex-direction:column}.replayControls{z-index:4}.replayControlsEducator{z-index:2}.slideModeCanvas{flex:1 1;display:flex}@media only screen and (max-width:850px){.replayWebCameraContainer{width:210px}}.timer{width:76px;font-size:14px;border-left:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.standaloneTimer{border-radius:4px;margin-right:8px}.educatorActions{padding:8px 16px;width:25vw;box-sizing:border-box;justify-content:space-between}.educatorMetaData{margin-right:16px}.lessonTitle{line-height:1.8}.lessonMetaData,.lessonTitle{font-size:14px;text-align:left}.lessonMetaData{color:grey}.timerImg{margin-right:4px}.lessonMetaDataSeparator{margin:0 8px}.dotImg{width:5px;height:5px}.dotImg,.participantIconImg{margin-right:6px}.participantCountContainer{display:flex;flex-direction:row;align-items:center}.classDurationContainer{margin-left:4px;margin-right:10px}.drawingBoardControls{padding:16px 0}.drawingBoardControlsWrapper{position:relative;background-color:#fff;display:flex;align-items:center;margin:0 auto;border-top:1px solid #e9e9e9;justify-content:space-between;padding:0 16px;box-sizing:border-box;width:100%}.controlContainer{padding:11px 12px;border-radius:4px;display:flex;align-items:center;font-size:14px;border:1px solid #d1d1d1;color:#3c4852;cursor:pointer}.controlChevron{margin-left:4px;display:flex}.drawingBoardControlWrapper{margin:0 4px;display:flex}.drawingControl{cursor:pointer;display:flex;justify-content:center;align-items:center;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;margin-right:8px}.drawingControlStandalone{margin-right:0}.drawingControlContainer{margin-left:20px;border:1px solid #d1d1d1;padding:6px;border-radius:4px;justify-content:center;display:flex;align-items:center;cursor:pointer}.drawingBoardControlWrapper:hover .drawingControlCustomize{opacity:1}.drawingControlCustomizeImg{width:18px}.colorPickerIcon{border-radius:50%;width:16px;height:16px;position:relative}.eraser{width:20px;height:20px}.activeControl .controlContainer{color:#1e82cd;border-radius:4px;border:1px solid #2d81f7}.pickColorIcon{position:absolute;left:16px}.drawingControl img{width:20px;height:20px}.drawingControlTooltip{background-color:#6d767d;color:#fff;padding:4px 8px;border-radius:2px;z-index:99;position:absolute;top:-15px}.pollButtonContainer{border:1px solid #d1d1d1;box-sizing:border-box;border-radius:4px;padding:8px;height:38px;cursor:pointer}.createPollImage{margin-right:8px}.disablePoll{pointer-events:none}.picture #uploadFile{display:none;cursor:pointer}.imageUploaderLabel{line-height:1;display:flex;align-items:center;justify-content:center}.addItem{padding:16px 12px;font-size:14px;cursor:pointer;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;align-items:center}.addItem:hover{background-color:#f5f5f5}.addItemTxt{margin-left:8px}.addItemPopover{z-index:99999999}.addItemPopover .Popover-body{border:1px solid #e3e3e3;border-radius:4px;background:#fff}.addItemPopover polygon{fill:#fff;stroke:#d3d3d3}.shortcutTitle{color:grey}.shortcutKey{padding:4px 6px;box-shadow:0 0 4px rgba(0,0,0,.05);color:#000;justify-content:center;display:flex;align-items:center;border:1px solid #d0d0d0;border-radius:4px}.shortcutPopover{padding:24px;box-shadow:0 0 4px rgba(0,0,0,.2);background-color:#fff;font-size:14px;border-radius:4px;z-index:2}.shortcutIcon{padding:8px;border-radius:50%;border:1px solid #d8d8d8;margin-right:12px;height:36px;width:36px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.shortcutIconRow{margin:24px 0;min-width:200px}.shortcutSeparator{border:0;border-top:1px solid;color:rgba(0,0,0,.08)}.shortcutKeyFirst{margin-right:8px}.shortcutColorContainer{margin-right:16px}.shortcutColorContainer:last-child{margin-right:0}.shortcutColor{width:22px;height:7px;border-radius:2px;margin-bottom:8px;border:1px solid rgba(0,0,0,.1)}.shortcutColorContainer{margin-top:12px}.shortcutColorsTitle{margin-top:20px}.shortcutKeySeparator{margin:0 8px}.educatorAlignPopover{padding:24px 12px 12px;box-shadow:0 0 4px rgba(0,0,0,.2);background-color:#fff;font-size:14px;border-radius:16px;z-index:2}.greenScreenAlignContainer{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.alignHintText{margin-left:12px;margin-bottom:16px}.actionArea{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fcfcfc;border:1px solid #e6e6e6;box-sizing:border-box;border-radius:12px;width:400px;height:224px;padding:20px;position:relative}.slideShimmerImg{margin-bottom:100px}.slideShimmerRoundImg{width:140px}.arrowImg{position:absolute;width:32px;height:6px;top:50%}.videoPlaceholderImg{cursor:pointer;pointer-events:auto}.avatarArrowContainer{position:absolute}.rectangleAvatar{width:100px;height:72px}.roundAvatar{width:82px;height:82px}.educatorAlignAvatarImg{width:100px;height:72px;border:1px solid #dde6ed;border-radius:4px;object-position:top;object-fit:cover}.switchContainer{position:absolute;width:360px;height:184px;flex-direction:column;padding:20px}.placeholderContainer,.switchContainer{display:flex;align-items:center;justify-content:space-between}.placeholderContainer{width:100%;flex-direction:row}.educatorRoundAvatarImg{object-fit:cover;border-radius:50%;border:1px solid #dde6ed}.educatorRoundAvatarImg,.tripleArrowImg{width:80px;height:80px;position:absolute}.penStrokeSize{border-radius:50%;background-color:grey}.penStrokeWrapper{margin:20px 0;padding:5px;display:flex;justify-content:center;align-items:center;border:2px solid #fff;border-radius:50%;cursor:pointer}.penStrokesContainer{padding:0 20px}.penPopover{background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.2);z-index:2}.sketch-picker{box-shadow:none!important;padding-left:0!important}.flexbox-fix{border:0!important}.penCaption{font-size:12px;color:grey;margin-bottom:20px}.eraserStrokeSize{cursor:pointer;background-color:grey;border-radius:50%}.eraserStrokeWrapper{margin:16px 0;padding:5px;display:flex;justify-content:center;align-items:center;cursor:pointer;border:1px solid #fff;border-radius:50%}.selectedEraserStrokeSize{padding:5px;border:1px solid #000}.eraserPopover{z-index:2;background-color:#fff;padding:8px 16px;box-shadow:0 0 4px rgba(0,0,0,.2)}.eraseAll{font-size:12px;cursor:pointer;background-color:#eb5757;color:#fff;margin-top:12px;padding:4px 8px;border-radius:2px;margin-bottom:16px}.eraserCaption{font-size:12px;color:grey;margin-bottom:12px}.colorPickerTrigger{margin-right:8px;width:22px;height:22px;box-sizing:border-box}.colorOption,.colorPickerTrigger{border-radius:50%;border:2px solid rgba(0,0,0,.1)}.colorOption{width:30px;height:30px;position:relative;cursor:pointer}.colorOptionContainer{position:relative;padding:9px 0;cursor:pointer}.colorOptionActive{position:absolute;width:40px;height:40px;border-radius:50%;border:2px solid #000}.colorPickerOptions{padding:24px;width:130px;box-sizing:border-box;display:flex;flex-direction:column}.colorPickerKeyboard{text-align:right}.slidesNav{font-size:14px;justify-content:center;align-items:center}.slideNumbers{font-size:14px;margin:0 4px;min-width:25px;cursor:pointer}.addItemTrigger{cursor:pointer;padding:6px;border:1px solid #d1d1d1;border-radius:4px}.navControl{margin:0 4px;height:32px;width:32px;border:1px solid #d1d1d1;box-sizing:border-box;border-radius:16px;cursor:pointer}.slidesNav__nav{cursor:pointer;width:8px}.slides_icon{height:24px;width:24px}.previous{margin-left:4px}.newSlideText,.next{margin-right:4px}.newSlideText{font-size:14px}.Select-menu-outer{top:auto;bottom:100%}.Select-value-label{margin-right:12px}.totalSlidesContainer{margin-left:4px;font-size:14px;height:24}.totalSlides{margin-left:4px;line-height:24px}.totalSlidesLeft{margin-right:4px;line-height:24px}.totalSlidesSeperator{line-height:24px}.educatorSlideViewContainer,.educatorSlideViewOuterContainer{width:100%;position:absolute;overflow:hidden}.educatorSlideViewContainer{background-color:#3c4852;border-radius:4px 4px 0 0;flex-direction:column;display:flex;-webkit-transition:height .25s ease-in-out;transition:height .25s ease-in-out}.educatorSlideViewTopBar{background-color:#2d363e;padding:7px 0}.educatorSlideViewTotalSlideText{line-height:21px;font-size:14px;color:#fff;margin-left:24px}.educatorSlideViewControlsContainer{margin-right:16px}.educatorSlideViewControl{margin-right:8px;cursor:pointer}.educatorSlideViewSlideContainer{padding:0 24px 24px;overflow:auto;flex-wrap:wrap;align-items:flex-start;justify-content:stretch;flex-direction:row;display:flex}.educatorSlideView{border-radius:4px;overflow:hidden;position:relative;border:1px solid rgba(0,0,0,.15);box-sizing:border-box;background-color:#fff;height:135px;width:240px;cursor:pointer}.educatorSlideViewSelected{border:1px solid rgba(45,129,247,.5);box-sizing:border-box}.educatorSlideViewSelectedOverlay{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5);top:0;align-items:center;justify-content:center;display:flex}.educatorSlideViewIndexText{line-height:17px;font-size:14px;color:#fff}.educatorSlideViewIndex{position:absolute;bottom:0;right:0;border-top-left-radius:3px;width:25px;padding:2px 0;background-color:rgba(0,0,0,.5)}.themeModal{overflow:auto;outline:none;display:flex;width:100%;height:100%;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5)}.themeModalOverlay{position:fixed;top:0;left:0;width:75vw;height:100%;z-index:9999}.themeModalContainer{background-color:#fff;border-radius:8px;flex-direction:column;padding:32px 64px}.themeModalContainer,.themeModalHeaderContainer{position:relative;display:flex;justify-content:center;align-items:center}.themeModalHeaderContainer{width:100%;margin-bottom:32px}.themeModalheader{font-weight:700;font-size:18px;line-height:150%;color:#3c4852}.themeModalCloseImg{position:absolute;width:18px;height:18px;right:-32px;cursor:pointer}.themeSelectionContainer{display:flex;align-items:center;justify-content:center}.themeSelection{margin-bottom:32px}.themeSelectionImgContainer{position:relative;width:68px;height:68px;border-radius:8px;border:2px solid #fff;display:flex;align-items:center;justify-content:center;left:4px}.themeSelectionImg{border-radius:6px;width:64px;height:64px;box-sizing:border-box;box-shadow:0 2px 4px rgba(0,0,0,.2)}.themeSelectionText{font-size:14px;line-height:150%;text-align:center;color:#3c4852;margin-top:8px}.themeSelectionActive .themeSelectionText{color:#2d81f7;font-weight:700}.themeSelectionActive .themeSelectionImgContainer{border:2px solid #2d81f7}.themeOverviewContainer{overflow:hidden;width:480px;height:270px;margin-bottom:16px}.themeOverviewImg{border-radius:8px}.themeModalWarningContainer{background-color:#f0f4f7;border-radius:2px;display:flex;justify-content:center;align-items:center;width:480px;height:40px;font-size:12px;line-height:150%;margin-bottom:32px}.warningInfoImg{height:24px;width:24px;margin:4px}.themeApplyButton{background:#2d81f7;border-radius:4px;height:48px;width:112px;font-weight:700;font-size:14px;line-height:150%;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center}.themeIconImg{width:20px;height:20px}.preTestHeaderTitle{color:#3c4852;font-size:18px;font-weight:600}.preTestModal{width:420px;font-size:14px;line-height:21px}.preTestHeader{background-color:#f0f4f7;margin-left:-24px;margin-right:-24px;margin-top:-24px;padding:24px}.bandwidthCheckFailMsg{margin-top:25px;margin-bottom:32px}.preTestHeaderContent{line-height:21px;color:#3c4852;font-size:14px}.preTestSectionTitle{color:rgba(60,72,82,.5);font-size:14px;margin-bottom:16px}.preTestSectionImg{margin-right:10px;width:36px;height:36px}.preTestSection{padding:24px 0}.preTestSectionSeparator{border:0;border-bottom:1px solid #eaeaea;margin:0 -24px}.preTestSuccess{color:#08bd80}.preTestSuccess img{margin-right:4px}.preTestFail{color:#eb5757}.smallTitle{color:grey;font-size:12px}.preTestSectionRow{margin:24px 0}.preTestHeaderContent{margin-top:12px}.preTestModal{display:flex;flex-direction:column}.preTestModalFullWidth{height:600px}.ookla{flex:1 1}.preTestingSteps{display:flex;flex-direction:column;flex:1 1}.preTestBandwidthSeparator{width:100%;margin:24px 0;border:0;border-bottom:1px solid #eaeaea}.bandwidthResultsTitle{color:rgba(60,72,82,.75);font-size:14px;margin-top:24px}.bandwidthResultsSpeed{text-align:center;margin:28px 20px 0}.bandwidthResultsLabel{font-size:12px}.bandwidthResultsLabel,.bandwidthResultsSpeedUnit{color:rgba(60,72,82,.4)}.bandwidthResultsIcon{margin-right:4px}.bandwidthResultsConnectionStatusIcon{margin-right:8px}.bandwidthResultsBtnContainer{margin-top:20px}.bandwidthResultsBtnContainer .btn{margin:0 12px}.checkAgain{margin:20px auto 0}.internetSpeedContainer{padding:6px 12px;border-radius:5px;margin-right:8px}.internetSpeedContainerGood{background-color:#fff}.internetSpeedContainerPoor{background-color:rgba(235,87,87,.1)}.internetSpeedContainerPoor .connectionLabel{color:#eb5757}.internetSpeedContainerGood .connectionLabel{color:#08bd80}.internetSpeed{color:grey;line-height:16px;font-size:14px;padding-right:8px;border-right:1px solid #e8e8e8;opacity:1;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}.internetSpeedHidden{opacity:0}.connectionLabel{font-weight:600;font-size:14px;margin-left:8px}.connectionLabelPoor{color:#eb5757}.connectionLabelFair{color:#ffad3b}.connectionLabelGood{color:#08bd80}.connectionLabelBig{font-size:24px;margin-top:16px}.connectionIconBig{width:24px;height:17px;margin-top:16px}.connectionIcon{margin-left:8px;margin-right:4px}.networkSpeedPopover{max-width:300px;padding:16px;background-color:#3c4852;font-size:14px;color:#fff;z-index:99999999;border-radius:4px}.modalOverlay{width:100%;background-color:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center}.modalOverlay,.modalOverlayEductaor{position:fixed;top:0;left:0;height:100%;z-index:9999}.modalOverlayEductaor{width:75vw}.modalContent{background-color:#fff;padding:24px;border-radius:4px;outline-style:none;overflow:hidden}.modalMsg{margin-bottom:24px;font-size:20px;font-weight:600}.modalBtnContainer{float:right}.modalBtnContainer .btn:first-child{margin-right:8px}.leaderBaordModal{display:flex;height:545px;width:512px;box-shadow:0 4px 32px rgba(0,0,0,.24);border-radius:8px;overflow:hidden;flex-direction:column}.leaderBoardOuterClassForEducator{position:absolute;background:hsla(0,0%,100%,.95);overflow:auto;border-radius:4px;outline:none;width:100%;height:calc(100% - 60px);display:flex;justify-content:center;align-items:center}.ReactModal__Overlay .leaderBoardOuterClassForEducator{top:-100vh;-webkit-transition:top .25s ease-in-out;transition:top .25s ease-in-out}.ReactModal__Overlay--after-open .leaderBoardOuterClassForEducator{top:60px}.ReactModal__Overlay--before-close .leaderBoardOuterClassForEducator{top:-100vh}.leaderBoardOuterClass{position:absolute;background-color:rgba(0,0,0,.75);overflow:auto;border-radius:4px;outline:none;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.ReactModal__Overlay .leaderBoardOuterClass{top:-100vh;-webkit-transition:top .25s ease-in-out;transition:top .25s ease-in-out}.ReactModal__Overlay--after-open .leaderBoardOuterClass{top:0}.ReactModal__Overlay--before-close .leaderBoardOuterClass{top:-100vh}.LearnerFooterContent{display:flex;box-shadow:0 -2px 4px rgba(0,0,0,.08);background:#f0f4f7;height:56px;justify-content:center;align-items:center}.yayText{color:#3c4852;margin-left:4px;font-size:14px;line-height:21px}.yayImage{height:21px;width:21px}.liveStatsContainer{position:absolute;top:16px;right:16px;z-index:1;display:flex;border-top-left-radius:2px;border-bottom-left-radius:2px;z-index:99999;overflow:hidden}.liveStats,.poorConnection{display:flex;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in}.poorConnection{margin-right:4px;border:2px}.liveStatVal{padding:0 6px}.liveStat{font-size:14px;display:flex;align-items:center;background:rgba(0,0,0,.3);flex-direction:row;justify-content:center;color:#fff;padding:4px 0}.liveTimer{font-size:14px!important}.liveStatValHidden{padding:0}.liveHlsVideo{flex:1 1;width:100%}.liveHlsVideoSmall,.playButtonContainer{height:100%;width:100%}.playButtonContainer{position:absolute;z-index:9;display:flex;justify-content:center;align-items:center;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.29)),to(transparent));background:linear-gradient(1turn,rgba(0,0,0,.29),transparent)}.playButton{width:100px;height:100px;background-color:rgba(250,244,244,0);border-width:0;outline-style:none;cursor:pointer}.frequencyBar{width:3px;height:50px;margin:0 2px;background:#08bd80;-webkit-transform:scaleY(.5);transform:scaleY(.5);opacity:.25}.frequencyBarsContainer{margin-left:16px;padding:8px 9px}.smallFrequencyBarsContainer{position:absolute;padding:8px 9px;bottom:0;background:rgba(0,0,0,.1)}.smallFrequencyBar{width:2px;height:16px;margin:0 1px;background:#2d81f7;-webkit-transform:scaleY(.5);transform:scaleY(.5);opacity:.25}.screenModeContainer{border:1px solid #ccc;background:#fff;overflow:auto;border-radius:4px;outline:none;padding:20px;top:0;bottom:0}.screenModeTitle{margin-top:8px}.radioContainer{height:18px!important;width:18px!important}.screenModeRadio{position:absolute;top:10px;left:10px;border:1px solid #fff}.screenModeRadio,.screenModeRadio:checked{height:16px!important;width:16px!important}.screenModeRadio:checked{background-color:#2d81f7!important;border:1px solid #2d81f7!important}.screenModeLabel{font-size:14px;margin-top:12px;text-align:center}.modeBoxWrapper{padding:24px;margin-top:8px;margin-bottom:8px;border-radius:6px;border:1px solid #dde6ed;position:relative}.screenModeApplyButton{width:40%;height:42px;font-size:14px;color:#fff;text-align:center;padding:4px;border-radius:4px;outline:none;background:#2d81f7;margin-top:12px}.colourSelectorContainer{border:1px solid #ccc;background:#fff;overflow:auto;border-radius:4px;outline:none;padding:20px;top:0;bottom:0}.colourSelectorVideoContainer{height:100%}.settingsLabel{font-weight:700;font-size:16px;margin-bottom:12px}.saveButton{color:#fff;border-radius:4px;background:#2d81f7}.greenColorSelectorCancelButton,.saveButton{width:48%;height:32px;font-size:16px;text-align:center;padding:4px;outline:none}.greenColorSelectorCancelButton{color:#2d81f7;border:1px solid #2d81f7;border-radius:4px}.belowCanvasLabel{height:18px;font-size:14px;color:grey;text-align:center;margin-top:8px;margin-bottom:16px}.greenSelectorButtonsContainer{display:flex;justify-content:flex-end;align-items:center;margin-top:73%}.saturationPicker{height:135px;width:240px;position:relative;margin-bottom:12px}.circlePicker{margin-left:8px}#colorSelectorVideo{object-fit:cover}#colorSelectorCanvas{border:1px dashed #e0e0e0}.normalModeButtonContainer{display:flex;justify-content:center;align-items:center;width:100%;margin-top:-10px}.normalModeButton{width:100%;height:48px;font-size:16px;color:#fff;text-align:center;padding:4px;border-radius:4px;border-top-left-radius:unset;border-top-right-radius:unset;outline:none;background:#2d81f7}.saveButtonDisabled{opacity:.45;pointer-events:none}.splashScreenWrapper{position:absolute;background:#fff;height:100%;width:100%;top:0;left:0;z-index:10;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;opacity:1;display:flex}.translateTopDiv{opacity:.5!important;-webkit-transform:translateY(-20px)!important;transform:translateY(-20px)!important}.fadeInTopDiv{opacity:1!important}.translateBottomDiv{opacity:1!important;-webkit-transform:translateY(-20px)!important;transform:translateY(-20px)!important}.divToBeAnimated{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.centerContent{height:608px;width:1080px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto}.splashScreenExit{opacity:0;pointer-events:none}.loaderContainer{height:136px;width:136px;display:flex;flex-direction:column;justify-content:center;align-items:center}.loaderEducatorAvatar{height:118px;width:118px;border-radius:50%;object-fit:cover}.loaderDiv{height:136px;position:absolute;stroke-width:.5}.connectingToEducatorText{font-size:14px;line-height:16px;color:grey;margin-top:16px}.loaderWrapper{display:flex;flex-direction:column;align-items:center}.sliderWrapper{overflow:hidden;width:724px;margin-top:64px}.sliderWrapper,.wrapper{position:relative;height:66px}.wrapper{text-align:left;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-transform:translateX(80px);transform:translateX(80px)}.gradientView{width:724px;height:66px;position:absolute;background:-webkit-gradient(linear,right top,left top,from(#fff),color-stop(20%,transparent),color-stop(80%,transparent),to(#fff));background:linear-gradient(270deg,#fff,transparent 20%,transparent 80%,#fff);z-index:4;top:0}.deviceSelectionPopover{z-index:99999999;border-radius:4px}.deviceSelectionPopover .Popover-body{border:1px solid #e3e3e3;background:#fff}.deviceSelection{padding:36px 28px;z-index:9999999999;box-sizing:border-box;font-size:14px}.deviceOption{margin:16px 0 0;font-size:14px;outline-style:none;width:160px;max-width:160px}.deviceOptionOption{font-size:12px}.Select-control{border-color:rgba(0,0,0,.1)}.Select-placeholder{font-size:13px;color:#000}.Select-value-label{font-size:12px}.Select.is-open>.Select-control .Select-arrow{border-color:transparent transparent #000}.Select-arrow{border-color:#000 transparent transparent}.Select.is-focused:not(.is-open)>.Select-control{border-color:rgba(0,0,0,.1);box-shadow:none}.Select-Control{box-shadow:none;outline-style:none;border-color:grey}.deviceText{margin-left:8px}.deviceSelectionContainer{line-height:1}.settingsIconContainer{border-radius:5px;cursor:pointer}.settingsIcon{height:38px}.doneDeviceButton{margin:16px 0;float:right;cursor:pointer}.separator{border:1px solid #e5e5e5;border-bottom:0;margin:32px 0 24px}.videoPreview{background-color:#000}.audioPreview,.videoPreview{width:130px;height:73px;margin-left:16px}.startButton{background-color:#1380d0;border-radius:4px;padding:8px 16px;color:#fff;outline-style:none;cursor:pointer;font-size:11px;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;border:0;margin-right:8px}.startButton:hover{background-color:#1172ba}.startButton:disabled{opacity:.5}.startClassButtonContainer{height:36px;line-height:12px}.endButton{background-color:#1380d0;border-radius:4px;padding:8px 16px;color:#fff;outline-style:none;margin-right:8px;cursor:pointer;font-size:11px;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;border:0}.endButton:hover{background-color:#1172ba}.endButton:disabled{opacity:.5}.endClassButtonContainer{height:36px;line-height:12px}.browserModalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:9999}.broswerModalContent{background-color:#fff;padding:24px;border-radius:4px;outline-style:none;overflow:hidden;width:500px}
/*# sourceMappingURL=main.0acad67a.chunk.css.map */