.frontend-common-styles-LessonCard__card--cWHL2{background:#fff;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);border-radius:8px;padding:20px;margin-bottom:20px;overflow:hidden;display:flex;flex-direction:column}.frontend-common-styles-LessonCard__card--cWHL2:last-child{margin-bottom:0}.frontend-common-styles-LessonCard__cardNoPadding--l5cfQ{padding:0}.frontend-common-styles-LessonCard__cardFullHeight--2MI8l{height:100%}p.frontend-components-lesson1-common-styles-Stage__sampleAreaTitle--2pnfn{background:#c7e5ff;border-radius:100px;display:inline-block;padding:4px 12px;color:#0b77d4;margin-bottom:20px}p.frontend-components-lesson1-common-styles-Stage__designAreaTitle--3JMRM{background:#dedede;border-radius:6px 6px 0 0;display:inline-block;padding:12px 12px 4px}p.frontend-components-lesson1-common-styles-Stage__styleTitle--KoAJQ{border-bottom:1px solid #ccc;padding:0 0 10px;margin-bottom:20px!important}p.frontend-components-lesson1-common-styles-Stage__windowButton--321yu{font-size:20px;color:#e6e6e6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.frontend-components-lesson1-common-styles-Stage__messageBoardTitle--160Qp{padding:20px 20px 0;border-bottom:1px solid #e6e6e6;display:flex;position:relative;justify-content:space-between}.frontend-components-lesson1-common-styles-Stage__sampleDetail--1PbCy{border-radius:4px;margin-top:20px;background:#e6e6e6;padding:10px}p.frontend-components-lesson1-common-styles-Stage__sampleDetailTextTitle--1PNEB{font-size:14px;color:#5e5e5e;margin-bottom:4px}.frontend-components-lesson1-common-styles-Stage__sampleDetailText--3NlYd{font-size:12px;display:flex}.frontend-components-lesson1-common-styles-Stage__sampleDetailText--3NlYd p{padding:0 4px}.frontend-common-styles-common__lessonCommon--3NvjV{@import"https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css";font-size:14px;font-weight:700;background:#e9ebee;display:flex;flex-direction:column;flex:1 1 auto}.frontend-common-styles-common__lessonCommon--3NvjV *{box-sizing:border-box}.frontend-common-styles-common__lessonCommon--3NvjV a,.frontend-common-styles-common__lessonCommon--3NvjV a:hover,.frontend-common-styles-common__lessonCommon--3NvjV a:visited{color:#333;background:none}.frontend-common-styles-common__lessonCommon--3NvjV p{margin:0}.frontend-common-BlocklyLesson-styles-SubmitArea__submitArea--3UhwJ{display:flex;width:100%;justify-content:space-between;border-top:1px solid #dedede;padding:20px 0 0;margin:20px 0 0}.frontend-common-BlocklyLesson-styles-SubmitArea__submitArea--3UhwJ>*{margin-left:10px}.frontend-common-BlocklyLesson-styles-SubmitArea__submitArea--3UhwJ>:first-child{margin-left:0}.frontend-common-BlocklyLesson-styles-SubmitArea__imageSelectButton--3G6Mi{background:#e3f2ff;border:0;outline:0;padding:12px 10px 8px;border-radius:100px}.frontend-common-BlocklyLesson-styles-SubmitArea__inputWrap--14fWE{width:100%;flex:1 1}.frontend-common-BlocklyLesson-styles-SubmitArea__input--1qyXC{min-width:200px;width:100%;border:1px solid #ccc;padding:10px}.frontend-common-BlocklyLesson-styles-SubmitArea__submitButtonWrap--MtUNO{width:140px}.frontend-common-BlocklyLesson-styles-SubmitArea__submitButton--3kjmv{background:#dedede;padding:10px;border:none;width:100%;height:100%}.frontend-common-BlocklyLesson-styles-MessageBoard__messageboard--3jExY{width:100%;height:100%;position:relative;outline:none}.frontend-common-BlocklyLesson-styles-MessageBoard__messageboard--3jExY .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardWindow--1pIeO{margin:0 auto;height:100%}.frontend-common-BlocklyLesson-styles-MessageBoard__messageboard--3jExY .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardWindow--1pIeO .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardHeader--T2GtA{border-radius:10px 10px 0 0}.frontend-common-BlocklyLesson-styles-MessageBoard__messageboard--3jExY .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardWindow--1pIeO .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardBody--2X4DE{background:#fff;padding:20px}.frontend-common-BlocklyLesson-styles-MessageBoard__messageboard--3jExY .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardWindow--1pIeO .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardBody--2X4DE .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardBodyHeader--1lMyL{margin-bottom:1px}.frontend-common-BlocklyLesson-styles-MessageBoard__messageboard--3jExY .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardWindow--1pIeO .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardBody--2X4DE .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardFooterContents--3ES7V{width:90%;margin:0 auto;padding-top:15px;padding-bottom:15px}.frontend-common-BlocklyLesson-styles-MessageBoard__messageboard--3jExY .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardWindow--1pIeO .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardBody--2X4DE .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardName--5IJwJ{text-align:center;padding-bottom:15px;font-size:1.4rem}.frontend-common-BlocklyLesson-styles-MessageBoard__messageboard--3jExY .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardWindow--1pIeO .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardBody--2X4DE .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardContents--21YTb{padding:10px;height:400px;overflow-y:scroll;overflow-x:hidden}.frontend-common-BlocklyLesson-styles-MessageBoard__messageboard--3jExY .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardWindow--1pIeO .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardBody--2X4DE .frontend-common-BlocklyLesson-styles-MessageBoard__messageboardMoreButton--3E75G{background:#0b77d4;border:0;padding:10px 20px;border-radius:100px;color:#fff}.frontend-common-BlocklyLesson-styles-MessageBoard__sendMessage--17nUq{text-align:right;margin:10px 0}.frontend-common-BlocklyLesson-styles-MessageBoard__receiveMessage--1XPv6{text-align:left;margin:10px 0}.frontend-common-BlocklyLesson-styles-MessageBoard__overlay--2Gt5x{border-radius:1px;content:"";position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:100;color:#fff;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;text-align:center}.frontend-common-BlocklyLesson-styles-MessageBoard__overlay--2Gt5x p{font-size:22px}.frontend-common-BlocklyLesson-styles-MessageBoard__displayNone--2POK3{display:none}.frontend-common-BlocklyLesson-styles-Message__iconImage--1hWoY{width:100%;height:100%}.frontend-common-BlocklyLesson-styles-Message__profileIcon--1Io87{border:1px solid #000;overflow:hidden;width:100px;height:100px}.frontend-common-BlocklyLesson-styles-Message__balloon--3cGZp{flex:1 1}.frontend-common-BlocklyLesson-styles-Message__message--2r2Ky{word-break:break-all;min-height:20px}.frontend-common-BlocklyLesson-styles-Message__createdAt--37dMN{padding:0 10px}.frontend-common-BlocklyLesson-styles-Message__userNumber--1WOmi{padding:0 10px 0 0}.frontend-common-BlocklyLesson-styles-Message__sendCreatedAtSenderWrap--2alkh{text-align:right}.frontend-common-BlocklyLesson-styles-Message__receiveCreatedAtSenderWrap--1wY8p{text-align:left}.frontend-common-BlocklyLesson-styles-Message__sendImageWrap--1MVdv{text-align:right;position:relative}.frontend-common-BlocklyLesson-styles-Message__receiveImageWrap--3rVdE{text-align:left;position:relative}.frontend-common-BlocklyLesson-styles-Message__sendImage--j56If{position:absolute;right:0}.frontend-common-BlocklyLesson-styles-Message__receiveImage--LwpIW{position:absolute;left:0}.frontend-components-chat_rooms-styles-Stage__Stage--3ctfj{width:800px;margin:0 auto;padding:10px}.Toastify__toast-container{z-index:9999;-webkit-transform:translateZ(9999px);position:fixed;padding:4px;width:320px;box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{right:0;left:auto}}.Toastify__toast{position:relative;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:1px;box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);display:flex;justify-content:space-between;max-height:800px;overflow:hidden;font-family:sans-serif;cursor:pointer;direction:ltr}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--dark{background:#121212;color:#fff}.Toastify__toast--default{background:#fff;color:#aaa}.Toastify__toast--info{background:#3498db}.Toastify__toast--success{background:#07bc0c}.Toastify__toast--warning{background:#f1c40f}.Toastify__toast--error{background:#e74c3c}.Toastify__toast-body{margin:auto 0;flex:1 1 auto}@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0}}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:flex-start}.Toastify__close-button--default{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@-webkit-keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:9999;opacity:.7;background-color:hsla(0,0%,100%,.7);transform-origin:left}.Toastify__progress-bar--animated{-webkit-animation:Toastify__trackProgress linear 1 forwards;animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:auto;transform-origin:right}.Toastify__progress-bar--default{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)}.Toastify__progress-bar--dark{background:#bb86fc}@-webkit-keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@-webkit-keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@-webkit-keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@-webkit-keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@-webkit-keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@-webkit-keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@-webkit-keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@-webkit-keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{-webkit-animation-name:Toastify__bounceInLeft;animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{-webkit-animation-name:Toastify__bounceInRight;animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{-webkit-animation-name:Toastify__bounceInDown;animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{-webkit-animation-name:Toastify__bounceInUp;animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{-webkit-animation-name:Toastify__bounceOutLeft;animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{-webkit-animation-name:Toastify__bounceOutRight;animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{-webkit-animation-name:Toastify__bounceOutUp;animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{-webkit-animation-name:Toastify__bounceOutDown;animation-name:Toastify__bounceOutDown}@-webkit-keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{-webkit-animation-name:Toastify__zoomIn;animation-name:Toastify__zoomIn}.Toastify__zoom-exit{-webkit-animation-name:Toastify__zoomOut;animation-name:Toastify__zoomOut}@-webkit-keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@-webkit-keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{-webkit-animation-name:Toastify__flipIn;animation-name:Toastify__flipIn}.Toastify__flip-exit{-webkit-animation-name:Toastify__flipOut;animation-name:Toastify__flipOut}@-webkit-keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@-webkit-keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@-webkit-keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(110%,0,0)}}@-webkit-keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-110%,0,0)}}@-webkit-keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@-webkit-keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{-webkit-animation-name:Toastify__slideInLeft;animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{-webkit-animation-name:Toastify__slideInRight;animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{-webkit-animation-name:Toastify__slideInDown;animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{-webkit-animation-name:Toastify__slideInUp;animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{-webkit-animation-name:Toastify__slideOutLeft;animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{-webkit-animation-name:Toastify__slideOutRight;animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{-webkit-animation-name:Toastify__slideOutUp;animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{-webkit-animation-name:Toastify__slideOutDown;animation-name:Toastify__slideOutDown}.frontend-common-styles-LessonToast__lessonToast--2Cba1>div{padding:20px;border-radius:4px;font-weight:700}.frontend-common-styles-LessonTour__LessonTour--2axZX{font-weight:700}.frontend-common-styles-LessonTour__LessonTour--2axZX div[data-tour-elem=controls]{justify-content:space-between}.frontend-common-styles-LessonTour__LessonTour--2axZX button[data-tour-elem=left-arrow],.frontend-common-styles-LessonTour__LessonTour--2axZX button[data-tour-elem=right-arrow]{background:#0b77d4;color:#fff;padding:10px 30px;border-radius:4px}.frontend-common-styles-LessonTour__LessonTour--2axZX button[data-tour-elem=left-arrow][disabled],.frontend-common-styles-LessonTour__LessonTour--2axZX button[data-tour-elem=right-arrow][disabled]{background:#caccce;color:#666}.frontend-common-styles-LessonTour__tourContent--2LzYX>p{text-align:center;font-size:20px;margin:8px 0 4px}.frontend-common-styles-LessonTour__tourContent--2LzYX>div{font-weight:400}.frontend-common-styles-LessonTour__tourContent--2LzYX>div span{padding:0 4px}.frontend-common-styles-LessonTour__tourContent--2LzYX>img{padding-top:10px;width:100%}.frontend-common-styles-ModalWindow__designUploadButton--1iM9d{margin-left:10px;border:0;background:#f90;color:#fff;padding:8px 10px;border-radius:4px;display:flex;align-items:center;transition:all .05s linear;outline:0}.frontend-common-styles-ModalWindow__designUploadButton--1iM9d:hover{background:#dc7900}.frontend-common-styles-ModalWindow__blocklyUploadButton--2Q5s4{cursor:pointer;outline:none;border:0;padding:10px 20px;border-radius:4px;width:48%;background:#f90;color:#fff;transition:all .05s linear}.frontend-common-styles-ModalWindow__blocklyUploadButton--2Q5s4:hover{background:#dc7900}.frontend-common-styles-ModalWindow__buttonIcon--3qEvc{font-size:20px;margin-right:4px}.frontend-common-styles-ModalWindow__modalTitle--19I0-{margin-top:0;margin-bottom:0;font-size:22px}.frontend-common-styles-ModalWindow__modalSubTitle--1T2-7{margin-top:0}.frontend-common-styles-ModalWindow__iconImage--3wCdu{margin-right:20px}.frontend-common-styles-ModalWindow__titleArea--3Mlwa{padding:20px;display:flex;text-align:left;align-items:center}.frontend-common-styles-ModalWindow__modalButtons--2gzvc{padding:20px;display:flex;justify-content:space-between;border-top:1px solid #dcdcdc}.frontend-common-styles-ModalWindow__secondarybutton--3fGTv{font-weight:700;cursor:pointer;outline:none;padding:10px 20px;border-radius:4px;width:48%;border:1px solid #f90;background:#fff;color:#f90}.frontend-common-styles-ModalWindow__primarybutton--1jpZ4{width:48%}.frontend-common-styles-ModalWindow__primarybutton--1jpZ4 button{cursor:pointer;outline:none;background:#f90;color:#fff;padding:10px 20px;border-radius:4px;width:100%;border:0;font-weight:700}.frontend-common-styles-ModalWindow__primarybutton--1jpZ4 button:disabled{background:#ffc472}.frontend-common-styles-ModalWindow__scrollableArea--1_-Xo{text-align:left;padding:20px;flex:1 1;overflow:scroll}.frontend-common-styles-ModalWindow__scrollableArea--1_-Xo p{margin-top:0}.frontend-common-styles-ModalWindow__checkbox--xab8-{box-sizing:border-box;transition:background-color .2s linear;position:relative;display:block;margin:0 0 8px;padding:12px 12px 12px 42px;border-radius:8px;background-color:#f6f7f8;cursor:pointer}.frontend-common-styles-ModalWindow__checkbox--xab8-:hover{background-color:#f3eee1}.frontend-common-styles-ModalWindow__checkbox--xab8-:hover:after{border-color:#f90}.frontend-common-styles-ModalWindow__checkbox--xab8-:before{transition:opacity .2s linear;position:absolute;top:50%;left:21px;display:block;margin-top:-7px;width:5px;height:9px;border-right:3px solid #f90;border-bottom:3px solid #f90;content:"";opacity:0;transform:rotate(45deg)}input[type=checkbox]:checked+.frontend-common-styles-ModalWindow__checkbox--xab8-:before{opacity:1}.frontend-common-styles-ModalWindow__checkbox--xab8-:after{transition:border-color .2s linear;position:absolute;top:50%;left:15px;display:block;margin-top:-10px;width:16px;height:16px;border:2px solid #bbb;border-radius:6px;content:""}.frontend-common-styles-ModalWindow__modalLayout--39Ip0{height:100%;display:flex;flex-direction:column}.frontend-common-styles-layout__mainContent--MNMys{min-width:980px;display:flex;flex-grow:1}.frontend-common-styles-layout__playGroundWrap--119wW{width:540px}.frontend-common-styles-layout__playGroundHidden--2NNyT{width:210px}.frontend-common-styles-layout__playGroundHiddenInner--GBTLb{width:500px;margin:13px 0 0 13px;transform:scale(.4);transform-origin:top left}.frontend-common-styles-layout__playGround--2jyfE{width:100%;padding:20px 0 10px 20px}.frontend-common-styles-layout__workSpace--3FYfD{flex:1 1;padding:20px 20px 10px 0}.frontend-common-styles-layout__innerPadding--3c4Mc{padding:20px}.frontend-common-styles-layout__flex--1MOA2{display:flex}.frontend-common-styles-AdjustBar__bar--1LQNi{width:40px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;outline:none;justify-content:center}.frontend-common-styles-AdjustBar__bar--1LQNi:hover .frontend-common-styles-AdjustBar__barIcon--24JQr,.frontend-common-styles-AdjustBar__bar--1LQNi:hover .frontend-common-styles-AdjustBar__centerBar--2dyS2{background:#f90;color:#fff}.frontend-common-styles-AdjustBar__onMouseColor--_jN0_{background:#ccc}.frontend-common-styles-AdjustBar__centerBar--2dyS2{width:6px;margin:40px 10px;border-radius:100px;background:#dedede;display:flex;align-items:center;transition:all .1s linear}.frontend-common-styles-AdjustBar__barIcon--24JQr{position:relative;left:-8px;padding:4px;background:#dedede;border-radius:100px;transform:rotate(180deg);transition:all .1s linear}.frontend-common-styles-AdjustBar__barIconRotate--3vQ3Q{transform:rotate(0deg)}.frontend-components-lesson1-common-styles-workspace-GenerateWorkSpace__workSpaceWrap--3QivJ{display:flex;flex-direction:column;flex:1 1}.frontend-components-lesson1-common-styles-workspace-GenerateWorkSpace__workSpace--2XtGs{flex:1 1;width:100%;display:flex}.frontend-components-lesson1-common-styles-workspace-GenerateWorkSpace__emptyState--2qbwP{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex:1 1;text-align:center}.frontend-components-lesson1-common-styles-workspace-GenerateWorkSpace__emptyState--2qbwP p{color:#b9b9b9;margin:30px 0 20px;font-size:20px}.frontend-components-lesson1-common-styles-workspace-GenerateWorkSpace__formTabs--pTAHx{width:100px;margin:20px 0 0 10px}.frontend-components-lesson1-common-styles-workspace-GenerateWorkSpace__tab--3vmEb{cursor:pointer;padding:10px 0;outline:0;margin-right:10px;font-size:12px;color:#666;transition:all .05s linear;border-radius:10px;text-align:center}.frontend-components-lesson1-common-styles-workspace-GenerateWorkSpace__tab--3vmEb:hover{background:rgba(67,158,255,.2)}.frontend-components-lesson1-common-styles-workspace-GenerateWorkSpace__isActive--C0tBa{background:rgba(11,119,212,.1)}.frontend-components-lesson1-common-styles-workspace-GenerateWorkSpace__isActive--C0tBa>div{color:#0b77d4}.frontend-components-lesson1-common-styles-workspace-GenerateWorkSpace__tabIcon--1SUeg{color:#2d2d2d;font-size:23px;margin-bottom:2px}.frontend-components-lesson1-common-styles-workspace-GenerateWorkSpace__forms--ST3fS{flex:1 1;overflow-y:scroll;position:relative}.frontend-components-lesson1-common-styles-workspace-GenerateWorkSpace__formInner--2V-bt{width:100%;position:absolute;padding:20px 20px 20px 0;top:0;left:0;display:flex;flex-wrap:wrap;flex-direction:column;align-items:baseline}.frontend-components-lesson1-common-styles-designTool__window--20dMY{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.frontend-components-lesson1-common-styles-designTool__title--qt6Cw{background:#f5f5f5;border-radius:4px;padding:12px;font-size:14px;color:#595959}.frontend-components-lesson1-common-styles-designTool__titleWrap--2wBFG{display:flex;align-items:center}p.frontend-components-lesson1-common-styles-designTool__titleIcon--gpolE{font-size:20px;margin-right:4px}.frontend-components-lesson1-common-styles-designTool__body--O_s1Q{padding:20px 12px}.frontend-components-lesson1-common-styles-designTool__formField--3YbZs:last-child{margin-bottom:0}.frontend-components-lesson1-common-styles-designTool__formField--3YbZs p{width:100px}.frontend-components-lesson1-common-styles-designTool__formField--3YbZs input{padding:12px 0 8px 12px;border-radius:4px;border:1px solid #dedede;font-weight:700;color:#2d2d2d}.frontend-components-lesson1-common-styles-designTool__flexField--Zu90_{display:flex;align-items:center;margin-bottom:12px}.frontend-components-lesson1-common-styles-designTool__textArea--2CPg5{border:1px solid #ccc;border-radius:4px;padding:10px}.frontend-components-lesson1-common-styles-designTool__fullWidth--8KVDM{width:100%}p.frontend-components-lesson1-common-styles-designTool__unit--Mkp0c{margin-left:12px}p.frontend-components-lesson1-common-styles-designTool__unit--Mkp0c span{font-size:10px;display:block}.frontend-components-lesson1-common-styles-designTool__select--VxoLd{position:relative;display:inline-block}.frontend-components-lesson1-common-styles-designTool__select--VxoLd select{border:1px solid #ccc;border-radius:4px;display:inline-block;line-height:1.5em;padding:10px 100px 10px 10px;margin:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.frontend-components-lesson1-common-styles-designTool__select--VxoLd:before{position:absolute;top:14px;z-index:2;right:15px;width:5px;height:5px;border-right:2px solid #ccc;border-bottom:2px solid #ccc;content:"";transform:rotate(45deg)}.frontend-components-lesson1-common-styles-workspace-Font__textAlignField--60TUD{display:flex;width:100%;font-size:30px;color:#b9b9b9;height:41px}.frontend-components-lesson1-common-styles-workspace-Font__textAlignField--60TUD>*{outline:none;padding:0 10px;border:1px solid #dedede;cursor:pointer}.frontend-components-lesson1-common-styles-workspace-Font__textAlignField--60TUD>:first-child{border-width:1px 0 1px 1px;border-radius:4px 0 0 4px}.frontend-components-lesson1-common-styles-workspace-Font__textAlignField--60TUD>:last-child{border-width:1px 1px 1px 0;border-radius:0 4px 4px 0}.frontend-components-lesson1-common-styles-workspace-Font__textAlignField--60TUD .frontend-components-lesson1-common-styles-workspace-Font__isActive--2h9yy{background:#0b77d4;color:#fff}.frontend-components-lesson1-common-styles-workspace-Font__sizeInput--14Rk7{width:90px}.frontend-components-lesson1-common-styles-workspace-Font__alignIcon--1Zzcz{line-height:1.3}.frontend-components-lesson1-common-styles-workspace-Padding__paddingField--2as2Y{width:210px;height:140px;position:relative}.frontend-components-lesson1-common-styles-workspace-Padding__centerRect--1acaZ{background:#dedede;width:60px;height:30px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;border-radius:4px}.frontend-components-lesson1-common-styles-workspace-Padding__paddingInput--3xfIU{position:absolute;width:60px;height:40px;margin:auto}.frontend-components-lesson1-common-styles-workspace-Padding__paddingInput--3xfIU input{width:60px;height:40px}.frontend-components-lesson1-common-styles-workspace-Padding__topPos--MA7kV{left:0;right:0}.frontend-components-lesson1-common-styles-workspace-Padding__leftPos--SqXAK{left:0;top:0;bottom:0}.frontend-components-lesson1-common-styles-workspace-Padding__rightPos--N1h8j{right:0;top:0;bottom:0}.frontend-components-lesson1-common-styles-workspace-Padding__bottomPos--5_4e0{bottom:0;left:0;right:0}.frontend-components-lesson1-common-styles-workspace-Border__flex--2Sy2I{display:flex}.frontend-components-lesson1-common-styles-workspace-Border__widthInput--3c7a5{width:80px}.frontend-components-lesson1-common-styles-workspace-Border__widthField--HmWqi{margin-bottom:12px}.frontend-components-lesson1-common-styles-workspace-Border__borderField--3A76D{width:190px;height:130px;position:relative}.frontend-components-lesson1-common-styles-workspace-Border__centerRect--jWK2P{width:60px;height:30px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.frontend-components-lesson1-common-styles-workspace-Border__centerRect--jWK2P>*{position:absolute;width:10px;height:10px}.frontend-components-lesson1-common-styles-workspace-Border__leftTop--3xh2r{border-top:2px solid #dedede;border-left:2px solid #dedede;top:-1px;left:-1px}.frontend-components-lesson1-common-styles-workspace-Border__rightTop--2Wont{border-top:2px solid #dedede;border-right:2px solid #dedede;top:-1px;right:-1px}.frontend-components-lesson1-common-styles-workspace-Border__rightBottom--2sdUO{border-bottom:2px solid #dedede;border-right:2px solid #dedede;bottom:-1px;right:-1px}.frontend-components-lesson1-common-styles-workspace-Border__leftBottom--3teiE{border-bottom:2px solid #dedede;border-left:2px solid #dedede;bottom:-1px;left:-1px}.frontend-components-lesson1-common-styles-workspace-Border__borderInput--23BlS{position:absolute;width:60px;height:40px;margin:auto}.frontend-components-lesson1-common-styles-workspace-Border__borderInput--23BlS input{width:60px;height:40px}.frontend-components-lesson1-common-styles-workspace-Border__leftTopPos--11LYn{left:0;top:0}.frontend-components-lesson1-common-styles-workspace-Border__rightTopPos--18ZR9{right:0;top:0}.frontend-components-lesson1-common-styles-workspace-Border__rightBottomPos--14xa1{right:0;bottom:0}.frontend-components-lesson1-common-styles-workspace-Border__leftBottomPos--2huOV{bottom:0;left:0}.frontend-common-styles-WorkSpaceStatusText__bgGray--26J-S{background:#f5f5f5;padding:12px;border-bottom:1px solid #e6e6e6}.frontend-common-styles-WorkSpaceStatusText__flex--3l5-d{display:flex;align-items:center}.frontend-common-styles-WorkSpaceStatusText__spaceBetween--2HwoM{justify-content:space-between}.frontend-common-styles-WorkSpaceStatusText__removeButton--1Rm7A{background:#dedede;box-shadow:none;padding:8px 12px;border:none;outline:none;font-size:12px;border-radius:100px;cursor:pointer}.frontend-common-styles-WorkSpaceStatusText__removeButton--1Rm7A:hover{background:#b9b9b9}.frontend-common-styles-WorkSpaceTitle__title--290um{font-size:20px;flex:1 1;line-height:1.6}.frontend-common-styles-WorkSpaceTitle__titleWrap--2HkI8{display:flex;align-items:center}.frontend-common-styles-WorkSpaceTitle__titleThumb--3ZcEC{width:100px;margin-right:16px}.frontend-common-styles-WorkSpaceTitle__stageNumber--3gZdQ{color:#b9b9b9;font-size:14px}.frontend-common-styles-WorkSpaceTitle__stageTask--1Y5mb{font-size:16px}.frontend-components-lesson1-common-styles-cssCode__wrap--l7w_V{padding:20px;font-weight:700;text-align:left}.frontend-components-lesson1-common-styles-cssCode__title--3lOfr{border:1px solid #dedede;font-size:16px;cursor:pointer;outline:none;border-radius:4px;padding:14px;transition:all .16s linear}.frontend-components-lesson1-common-styles-cssCode__title--3lOfr:hover{background-color:#c7e5ff}.frontend-components-lesson1-common-styles-cssCode__code--Tt8W6{margin-top:14px;background:#fcf4d9;padding:20px;border-radius:4px;max-height:140px;overflow:scroll}.frontend-components-lesson1-common-styles-cssCode__code--Tt8W6 p{margin:4px 0}.frontend-components-lesson1-common-styles-cssCode__className--2RuOX{color:#f60}.frontend-components-lesson1-common-styles-cssCode__property--1zuKo{color:#0f99c2;margin:0 5px 0 10px}.frontend-components-lesson1-common-styles-cssCode__value--1-cOq{color:#01a05b;margin:0 4px}.frontend-components-lesson1-common-styles-cssCode__spacing--aC_tW{margin:0 4px}.frontend-components-lesson1-common-styles-playground-globalSettingButton__button--13fs-{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#c7e5ff;color:#0b77d4;border:none;border-radius:100px;display:flex;outline:none;padding:4px 14px;position:absolute;right:80px;top:15px;transition:all .1s linear}.frontend-components-lesson1-common-styles-playground-globalSettingButton__button--13fs-:hover{background:#0b77d4;color:#c7e5ff}.frontend-components-lesson1-common-styles-playground-globalSettingButton__icon--1ORvT{font-size:20px}.frontend-components-lesson1-common-styles-playground-touchItem__touchItem--1fOjR{cursor:pointer;position:relative;outline:none}.frontend-components-lesson1-common-styles-playground-touchItem__touchHoverItem--Ak979{border-radius:1px;content:"";position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:100;background:none;transition:all .1s linear}.frontend-components-lesson1-common-styles-playground-touchItem__touchHoverItem--Ak979:hover{background:rgba(67,158,255,.2);box-shadow:0 0 0 4px rgba(67,158,255,.2)}.frontend-components-lesson1-common-styles-playground-touchItem__isSelected--JzsnM{box-shadow:0 0 0 4px rgba(105,255,67,.6)}.frontend-components-lesson1-common-styles-playground-touchItem__selectable--3YemR{-webkit-animation:frontend-components-lesson1-common-styles-playground-touchItem__flash--3dcmG 4s linear infinite;animation:frontend-components-lesson1-common-styles-playground-touchItem__flash--3dcmG 4s linear infinite;box-shadow:0 0 0 4px #439eff}@-webkit-keyframes frontend-components-lesson1-common-styles-playground-touchItem__flash--3dcmG{0%,to{opacity:.4}50%{opacity:0}}@keyframes frontend-components-lesson1-common-styles-playground-touchItem__flash--3dcmG{0%,to{opacity:.4}50%{opacity:0}}.frontend-components-lesson1-common-styles-playground-sendSpeechBalloon__balloon--2A-xR{flex:1 1}.frontend-components-lesson1-common-styles-playground-sendSpeechBalloon__message--kR4Hg{word-break:break-all;min-height:20px}.frontend-components-lesson1-common-styles-playground-SendProfileIcon__iconImage--1mSeE{width:100%;height:100%}.frontend-components-lesson1-common-styles-playground-SendProfileIcon__profileIcon--1Q8uf{border-style:solid;border-color:#000;overflow:hidden}.frontend-common-styles-StageIntroductionModal__imageWrapper--NUXTX{text-align:center;padding:20px}.frontend-common-styles-StageIntroductionModal__imageWrapper--NUXTX img{box-shadow:0 3px 6px 0 rgba(0,0,0,.16);border-radius:10px}.frontend-components-lesson1-common-styles-playground-chatInput__inputWrap--wDsCH{width:100%;flex:1 1}.frontend-components-lesson1-common-styles-playground-chatInput__input--2aKTa{min-width:200px;width:100%;border:1px solid #ccc}.frontend-components-lesson1-common-styles-playground-submitButton__submitButtonWrap--2jM7N{width:140px}.frontend-components-lesson1-common-styles-playground-submitButton__submitButton--3jSWo{border:none;width:100%;height:100%}.frontend-components-lesson1-common-styles-playground-chatBody__chatBody--PEm4G{padding:20px}.frontend-common-BlocklyLesson-styles-BlocklyComponent__navigator--1Pvoe{height:40px;background-color:#eee;color:#000;overflow-y:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;float:left}.frontend-common-BlocklyLesson-styles-BlocklyComponent__toolbox--16gpQ{text-align:center;white-space:nowrap;overflow-x:hidden;height:30px;line-height:30px;border-right:1px solid grey;float:left}.frontend-common-BlocklyLesson-styles-BlocklyComponent__workspace--3JFk1{text-align:center;white-space:nowrap;overflow-x:hidden;height:30px;width:160px;line-height:30px}.frontend-common-BlocklyLesson-styles-BlocklyComponent__blocklyWrapper--_7ekP{height:100%;position:relative}.frontend-common-BlocklyLesson-styles-BlocklyComponent__blocklyDiv--3T8DU{position:absolute}.frontend-common-BlocklyLesson-styles-WorkspaceBottomButton__buttonArea--38J7z{padding:20px;display:flex;justify-content:space-between}.frontend-common-BlocklyLesson-styles-WorkspaceBottomButton__button--2OvId{cursor:pointer;outline:none;display:flex;justify-content:center;align-items:center;border:0;padding:10px 20px;border-radius:4px;width:48%;min-height:40px;background:#fff}.frontend-common-BlocklyLesson-styles-WorkspaceBottomButton__executionButton--2RhYP{color:#fff}.frontend-common-BlocklyLesson-styles-WorkspaceBottomButton__executionButton--2RhYP[disabled]{border:1px solid #dedede;background:#dedede;color:#2d2d2d}.frontend-common-BlocklyLesson-styles-WorkspaceBottomButton__lesson1Execute--1WqEi{background:#23b16a}.frontend-common-BlocklyLesson-styles-WorkspaceBottomButton__lesson2Execute--32HEw{background:#007feb}.frontend-common-BlocklyLesson-styles-WorkspaceBottomButton__lesson3Execute--3LB09{background:#ff2800}.frontend-common-BlocklyLesson-styles-WorkspaceBottomButton__lesson4Execute--IE1Uv{background:#e86412}.frontend-common-BlocklyLesson-styles-WorkspaceBottomButton__lesson5Execute--290hz{background:#6e2fc3}.frontend-common-BlocklyLesson-styles-WorkspaceBottomButton__lesson1Reset--3nwzh{border:1px solid #23b16a;color:#23b16a}.frontend-common-BlocklyLesson-styles-WorkspaceBottomButton__lesson2Reset--3IVlT{border:1px solid #007feb;color:#007feb}.frontend-common-BlocklyLesson-styles-WorkspaceBottomButton__lesson3Reset--3THji{border:1px solid #ff2800;color:#ff2800}.frontend-common-BlocklyLesson-styles-WorkspaceBottomButton__lesson4Reset--23QNw{border:1px solid #e86412;color:#e86412}.frontend-common-BlocklyLesson-styles-WorkspaceBottomButton__lesson5Reset--1vzgv{border:1px solid #6e2fc3;color:#6e2fc3}.frontend-common-BlocklyLesson-styles-WorkspaceBottomButton__icon--2KWcv{margin-right:10px}.frontend-common-BlocklyLesson-styles-WorkspaceBottomButton__resetButton--_cYWP[disabled]{border:1px solid #dedede;background:#dedede;color:#2d2d2d}.frontend-components-lesson2-common-styles-Terminal__body--2B0W1{background-color:#333;padding:15px 0 0}.frontend-components-lesson2-common-styles-Terminal__header--2q1rG{color:#666;border-bottom:1px solid #666}.frontend-components-lesson2-common-styles-Terminal__headerContents--PkrDm{padding:0 20px 10px}.frontend-components-lesson2-common-styles-Terminal__headerLeft--2UrnX{text-align:left;float:left}.frontend-components-lesson2-common-styles-Terminal__headerRight--4DkMw{text-align:right;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.frontend-components-lesson2-common-styles-Terminal__main--3O0ux{color:#fff;padding-top:10px;height:400px;overflow-y:scroll;overflow-x:hidden;position:relative;outline:none}.frontend-components-lesson2-common-styles-Terminal__mainContents--8u6y7{padding-left:20px}.frontend-components-lesson2-common-styles-Terminal__overlay--2Q4eg{border-radius:1px;content:"";position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;z-index:100;background:hsla(0,0%,100%,.2);display:flex;justify-content:center;align-items:center;text-align:center}.frontend-components-lesson2-common-styles-Terminal__overlay--2Q4eg p{font-size:22px}.frontend-components-lesson2-common-styles-Terminal__displayNone--I_foK{display:none}.frontend-components-lesson2-common-styles-ClientServerAnimation__container--2yLsp{position:relative}.frontend-components-lesson2-common-styles-ClientServerAnimation__address--3co7H{position:absolute;top:180px;left:340px}.frontend-components-lessons-styles-Modal__center--2T_UI{text-align:center}.frontend-components-lessons-styles-Modal__center--2T_UI img{border-radius:10px;box-shadow:0 3px 6px 0 rgba(163,119,119,.32)}.frontend-components-lessons-styles-Modal__description--1vmWg{font-size:16px}.frontend-components-lessons-styles-Modal__description--1vmWg span{font-weight:700;padding:0 3px}.frontend-components-sensei-message_boards-styles-MessageBoard__TableTopButtons--1MvgN{display:flex;justify-content:space-between;margin-bottom:6px}.frontend-components-sensei-message_boards-styles-MessageBoard__BtnDanger--1TZpV{border:1px solid #f44336;background-color:#fff;color:red;display:inline-block;height:40px;margin-top:auto;margin-bottom:auto}.frontend-components-sensei-message_boards-styles-MessageBoard__BtnDanger--1TZpV:hover{background-color:#f44336;color:#fff;cursor:pointer}.frontend-components-sensei-message_boards-styles-MessageBoard__BtnDanger--1TZpV:focus{outline:none}.frontend-components-sensei-message_boards-styles-MessageBoard__BtnDanger--1TZpV:disabled{opacity:.3;background-color:#fff;color:red;cursor:not-allowed}.frontend-components-sensei-message_boards-styles-MessageBoard__NoMessage--2xXyw{text-align:center}input[type=checkbox]{cursor:pointer}.frontend-components-sensei-message_boards-styles-Pagination__pagination--3i8WW{display:flex;flex-direction:row;justify-content:flex-end;list-style:none;outline:none}.frontend-components-sensei-message_boards-styles-Pagination__pagination--3i8WW .frontend-components-sensei-message_boards-styles-Pagination__active--1gY7d a{background-color:#007feb;border-color:#007feb;color:#f5faff}.frontend-components-sensei-message_boards-styles-Pagination__pagination--3i8WW li a{border:1px solid #007feb;padding:5px 10px;outline:none;cursor:pointer}.frontend-components-sensei-message_boards-styles-Pagination__pagination--3i8WW .frontend-components-sensei-message_boards-styles-Pagination__disabled--b0JIb a{color:#b9b9b9;border:1px solid #dedede}.frontend-components-sensei-message_boards-styles-Pagination__pagination--3i8WW .frontend-components-sensei-message_boards-styles-Pagination__active--1gY7d>a,.frontend-components-sensei-message_boards-styles-Pagination__pagination--3i8WW .frontend-components-sensei-message_boards-styles-Pagination__active--1gY7d>a:focus,.frontend-components-sensei-message_boards-styles-Pagination__pagination--3i8WW .frontend-components-sensei-message_boards-styles-Pagination__active--1gY7d>a:hover,.frontend-components-sensei-message_boards-styles-Pagination__pagination--3i8WW .frontend-components-sensei-message_boards-styles-Pagination__active--1gY7d>span,.frontend-components-sensei-message_boards-styles-Pagination__pagination--3i8WW .frontend-components-sensei-message_boards-styles-Pagination__active--1gY7d>span:focus,.frontend-components-sensei-message_boards-styles-Pagination__pagination--3i8WW .frontend-components-sensei-message_boards-styles-Pagination__active--1gY7d>span:hover{background-color:#007feb;border-color:#007feb;outline:none}.frontend-components-sensei-message_boards-styles-Pagination__pagination--3i8WW li>a,.frontend-components-sensei-message_boards-styles-Pagination__pagination--3i8WW li>span{color:#007feb}.frontend-components-sensei-message_boards-styles-Pagination__pagination--3i8WW li:first-child>a,.frontend-components-sensei-message_boards-styles-Pagination__pagination--3i8WW li:first-child>span,.frontend-components-sensei-message_boards-styles-Pagination__pagination--3i8WW li:last-child>a,.frontend-components-sensei-message_boards-styles-Pagination__pagination--3i8WW li:last-child>span{border-radius:unset}.frontend-components-sensei-workspaces-BlocklyLesson-styles-BlocklyComponent__blocklyWrapper--2z40l{height:450px;width:800px;position:relative}.frontend-components-sensei-workspaces-BlocklyLesson-styles-BlocklyComponent__blocklyDiv--E7izL{position:absolute}.frontend-components-sensei-workspaces-DesignLesson-styles-DesignComponent__overlay--StbCv{position:absolute;z-index:100;left:0;top:0;width:100%;height:100%}.frontend-components-sensei-workspaces-DesignLesson-styles-DesignComponent__wrapper--2VlS9{position:relative}.frontend-components-sensei-workspaces-DesignLesson-styles-DesignComponent__wrapper--2VlS9 p{margin:0}.sendMessageArea{display:flex;width:100%;justify-content:space-between;margin-bottom:30px}.sendMessageArea>:first-child{margin-right:10px}.sendMessageArea:last-child{margin-bottom:0}.submitArea{display:flex;width:100%;justify-content:space-between;border-top:1px solid #dedede;padding:20px 0 0;margin:20px 0 0}.submitArea>:first-child{margin-right:10px}.frontend-components-student-Password__wrap--1Azpj{width:380px;padding:10px;margin:0 auto}.frontend-components-student-Password__strengthBar--2K9Jo>div>div{padding:2px 0;border-radius:4px}.frontend-components-trial-common-styles-Tour__LessonTour--1SS0q{font-weight:700}.frontend-components-trial-common-styles-Tour__LessonTour--1SS0q div[data-tour-elem=controls]{justify-content:space-between}.frontend-components-trial-common-styles-Tour__LessonTour--1SS0q button[data-tour-elem=left-arrow],.frontend-components-trial-common-styles-Tour__LessonTour--1SS0q button[data-tour-elem=right-arrow]{background:#0b77d4;color:#fff;padding:10px 30px;border-radius:4px}.frontend-components-trial-common-styles-Tour__LessonTour--1SS0q button[data-tour-elem=left-arrow][disabled],.frontend-components-trial-common-styles-Tour__LessonTour--1SS0q button[data-tour-elem=right-arrow][disabled]{background:#caccce;color:#666}.frontend-components-trial-common-styles-Tour__tourContent--1R-sY>p{text-align:center;font-size:20px;margin:8px 0 4px}.frontend-components-trial-common-styles-Tour__tourContent--1R-sY>div{font-weight:400}.frontend-components-trial-common-styles-Tour__tourContent--1R-sY>div span{padding:0 4px}.frontend-components-trial-common-styles-Tour__tourContent--1R-sY>img{padding-top:10px;width:100%}p.frontend-components-trial-common-styles-MessageBoardWrap__designAreaTitle--1Rh3d{background:#dedede;border-radius:6px 6px 0 0;display:inline-block;padding:12px 12px 4px}p.frontend-components-trial-common-styles-MessageBoardWrap__windowButton--34D9q{font-size:20px;color:#e6e6e6;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.frontend-components-trial-common-styles-MessageBoardWrap__messageBoardTitle--i0JAo{padding:20px 20px 0;border-bottom:1px solid #e6e6e6;display:flex;position:relative;justify-content:space-between}.frontend-components-trial-common-styles-MessageBoardWrap__tabButton--1m4Cp{border:0;padding:0;margin:0 5px}.frontend-components-trial-common-styles-MessageBoardWrap__tabButton--1m4Cp .frontend-components-trial-common-styles-MessageBoardWrap__active--2cVVD,.frontend-components-trial-common-styles-MessageBoardWrap__tabButton--1m4Cp :hover{color:#fff;background-color:#0b77d4}.frontend-components-trial-common-styles-MessageDB__wrapper--18NlE{width:100%;padding:20px}.frontend-components-trial-common-styles-MessageDB__description--1bnLJ{font-size:20px;padding-bottom:5px;text-align:center}.frontend-components-trial-common-styles-MessageDB__table--2fMTO{background-color:#fff;padding:10px;height:400px}.frontend-components-trial-common-styles-MessageDB__table--2fMTO tbody,.frontend-components-trial-common-styles-MessageDB__table--2fMTO thead{display:block}.frontend-components-trial-common-styles-MessageDB__table--2fMTO tbody{max-height:370px;overflow-y:scroll}.frontend-components-trial-common-styles-MessageDB__table--2fMTO th{padding:6px 10px}.frontend-components-trial-common-styles-MessageDB__table--2fMTO td{padding:5px 10px}.frontend-components-trial-common-styles-MessageDB__id--fbanz{width:50px}.frontend-components-trial-common-styles-MessageDB__userName--1yha-{width:100px}.frontend-components-trial-common-styles-MessageDB__body--1N_8V{width:200px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frontend-components-trial-common-styles-MessageDB__createdAt--2s9xC{width:100px}.frontend-components-trial-common-styles-MessageDB__messageboardFooterContents--2St_7{width:100%;margin:0 auto;padding-top:15px}.frontend-components-trial-common-styles-Header__header--1D7n8{width:100%;height:auto;background-color:#fff}.frontend-components-trial-common-styles-Header__logo--1uQ76{padding:10px}