.style_modalBody__OSAlm{display:flex;flex-direction:column;gap:3.2rem}.style_buttonWrapper__1vJlO{width:100%;display:flex;align-items:center;gap:.8rem}.style_buttonWrapper__1vJlO>button{flex:1 1;display:flex;padding:1.4rem 0;justify-content:center;align-items:center;border-radius:.8rem;background:#ececec;color:#757575;font-size:1.6rem;font-weight:700;line-height:2.4rem;letter-spacing:-.48px}.style_buttonWrapper__1vJlO>button.style_primary__j3P5Q{color:#fff;background:#faa73f}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-spacing:0}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}*,[role=button],[tabindex],a,button{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none}[role=button],[tabindex],a,button{outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}*{word-wrap:break-word;word-break:keep-all;font-family:Pretendard Variable,Apple SD Gothic Neo,Segoe UI,sans-serif,Apple Color Emoji,Segoe UI Emoji}html{font-size:62.5%}body,html{min-height:100%}body{margin:0;font-size:1em;line-height:1.5}body ::selection{background-color:#ff4555}body :not(button)::selection{color:#fff}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:inherit;text-decoration:none}img{height:auto}img,video{vertical-align:top;max-width:100%}video{display:inline-block}pre{white-space:pre-wrap;word-wrap:break-word}dd,dl,dt,ol,ul{margin:0;padding:0}li,ol,ul{list-style:none}address,em{font-style:normal}figure,form{margin:0}fieldset{vertical-align:top;margin:0;padding:0;border:0}label{cursor:pointer}textarea{vertical-align:top;resize:vertical}button{cursor:pointer}button,input,textarea{vertical-align:baseline;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:rgba(0,0,0,0);font-size:100%;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}button:focus,input:focus,textarea:focus{outline:0}input[type=number]::-webkit-inner-spin-button{display:none}input[type=checkbox],input[type=radio]{vertical-align:middle}input[type=search]{-webkit-appearance:none;border-radius:0}input:invalid,textarea:invalid{background-color:rgba(0,0,0,0)}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{box-shadow:inset 0 0 0 100rem #fff}table{width:100%;border-collapse:collapse;empty-cells:show}select,td{vertical-align:middle}select{border-radius:0}hr{border-width:.1rem 0 0;border-style:solid}.a11y{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;white-space:nowrap}.slide-in-from-right{animation:slide-in-from-right .2s forwards}.slide-down{animation:fade-in .4s ease-out}.scale-fade-in{animation:scale-fade-in .2s cubic-bezier(.1,0,.6,1)}.loading-placeholder{animation:loading-placeholder 1.3s ease-in-out infinite}@keyframes loading-placeholder{0%{background-color:hsl(0,0%,89%)}50%{background-color:hsl(0,0%,85%)}to{background-color:hsl(0,0%,89%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-from-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}:root{--theme-brightness:0;--color-primary:#314bfe}.classroom-layout{display:flex;min-height:100vh;background:hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 7% * (1 - var(--theme-brightness, 1))),1);color:hsla(0,0%,calc(0% * var(--theme-brightness, 1) + 88% * (1 - var(--theme-brightness, 1))),1)}.classroom-layout.has-opened-modal{overflow:hidden}.classroom-layout,.classroom-layout *{box-sizing:border-box}@media(max-width:768px){.classroom-layout{flex-direction:column;padding-top:calc(56.25vw)}}@media(prefers-color-scheme:dark){:root{--theme-brightness:0}}.classroom-sidebar__header{display:flex;align-items:center;justify-content:flex-start;border-bottom:.1rem solid hsla(0,0%,calc(80% * var(--theme-brightness, 1) + 30% * (1 - var(--theme-brightness, 1))),1);font-size:1.6rem;line-height:2.8rem}.classroom-sidebar__header-item{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;position:relative;margin:0 1.6rem 0 0;padding:1.8rem 0;border:solid rgba(0,0,0,0);border-width:.4rem 0;color:hsla(0,0%,calc(70% * var(--theme-brightness, 1) + 42% * (1 - var(--theme-brightness, 1))),1);transition:color .2s ease,border-bottom-color .2s ease}.classroom-sidebar__header-item__active{border-bottom-color:currentColor;color:hsla(0,0%,calc(13% * var(--theme-brightness, 1) + 77.47% * (1 - var(--theme-brightness, 1))),1)}.classroom-sidebar__header-item>var{position:absolute;top:0;right:-.4rem;bottom:0;min-width:2.4rem;height:2rem;margin:auto;padding:0 .3rem;border-radius:1rem;background:hsla(0,0%,calc(75% * var(--theme-brightness, 1) + 18% * (1 - var(--theme-brightness, 1))),1);font-weight:700;font-style:normal;font-size:1.2rem;color:hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 70% * (1 - var(--theme-brightness, 1))),1);line-height:2rem;text-align:center;transform:translateX(100%)}@media(max-width:768px){.classroom-sidebar__header-item{padding:1rem 0}}.classroom-sidebar__header>.classroom-course-info{display:flex;align-items:center;margin-left:auto;padding:.4rem 1.2rem;border-radius:.4rem;background:hsla(0,0%,calc(97% * var(--theme-brightness, 1) + 9.43% * (1 - var(--theme-brightness, 1))),1);font-size:1.3rem;color:hsla(0,0%,calc(13% * var(--theme-brightness, 1) + 77.47% * (1 - var(--theme-brightness, 1))),1);line-height:2.4rem}.classroom-sidebar__header>.classroom-course-info>svg{margin-right:.8rem}@media(max-width:768px){.classroom-sidebar__header>.classroom-course-info{font-weight:400}}@media(min-width:769px){.classroom-sidebar__header>.classroom-course-info{display:none}.classroom-sidebar__header{margin:0 2.4rem;font-weight:700}}@media(max-width:768px){.classroom-sidebar__header{z-index:1;padding:0 1.6rem;border-bottom:.1rem solid hsla(0,0%,calc(93% * var(--theme-brightness, 1) + 15% * (1 - var(--theme-brightness, 1))),1);background:hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 7% * (1 - var(--theme-brightness, 1))),1)}}.classroom-sidebar{position:relative;flex:0 0 38.8rem;width:38.8rem;background:hsla(0,0%,calc(95% * var(--theme-brightness, 1) + 7% * (1 - var(--theme-brightness, 1))),1);color:hsla(0,0%,calc(0% * var(--theme-brightness, 1) + 88% * (1 - var(--theme-brightness, 1))),1)}.classroom-sidebar__header{position:-webkit-sticky;position:sticky;top:0;flex-grow:0;flex-shrink:0}@media(max-width:768px){.classroom-sidebar__header{top:calc(100vw*.5625 + 5.6rem)}}.classroom-sidebar__content{flex-grow:1;flex-basis:0;padding-right:2.4rem;padding-left:2.4rem}@media(min-width:769px){.classroom-sidebar__content{overflow-y:auto}}@media(max-width:768px){.classroom-sidebar__content{padding-right:1.6rem;padding-left:1.6rem}}@media(min-width:769px){.classroom-sidebar{display:flex;flex-direction:column;max-height:100vh;border-left:.1rem solid hsla(0,0%,calc(90% * var(--theme-brightness, 1) + 20% * (1 - var(--theme-brightness, 1))),1)}}@media(max-width:768px){.classroom-sidebar{flex:1 0 auto;width:100%}}.fullscreen{display:none}.classroom-sidebar__write-note-button{width:5.6rem;height:5.6rem;border-radius:10rem;background:hsla(0,0%,calc(13% * var(--theme-brightness, 1) + 100% * (1 - var(--theme-brightness, 1))),1);box-shadow:0 2.4rem 3.8rem rgba(0,0,0,.14),0 .9rem 4.6rem rgba(0,0,0,.12),0 1.1rem 1.5rem rgba(0,0,0,.2);cursor:pointer}.classroom-sidebar__write-note-button svg{vertical-align:top;margin:1.6rem}.classroom-sidebar__write-note-button svg>path{stroke:hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 7% * (1 - var(--theme-brightness, 1))),1)}.classroom-dialog.classroom-dialog{display:block;width:32rem;max-width:calc(100vw - 6.4rem);padding:0 2.4rem;font-size:1.4rem;line-height:2.4rem;text-align:left}.classroom-dialog.classroom-dialog>footer,.classroom-dialog.classroom-dialog>nav{margin:.8rem 0;padding:0}.classroom-dialog.classroom-dialog>nav{margin:2.4rem 0}.classroom-dialog.classroom-dialog>div,.classroom-dialog.classroom-dialog>footer,.classroom-dialog.classroom-dialog>h4{margin:1.6rem 0}.classroom-dialog.classroom-dialog>footer{display:flex;justify-content:flex-end}.classroom-dialog.classroom-dialog>footer>button{padding:.8rem;font-weight:700;color:#e0e0e0}.classroom-dialog.classroom-dialog>footer>button+button{margin-left:.8rem}.classroom-dialog.classroom-dialog>footer>button:hover{color:#c5c5c5}.classroom-modal{z-index:500;display:flex;flex-direction:column;border-radius:.2rem;background-color:hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 15% * (1 - var(--theme-brightness, 1))),1)}@media(max-width:768px){.classroom-modal.fullscreen-if-mobile{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;border-radius:0}}.classroom-modal>nav{display:flex;flex-direction:row-reverse;justify-content:flex-start;padding:1.6rem}.classroom-modal>nav>[role=button]{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.classroom-modal>nav>label{display:inline-block;margin:-.4rem 0 -.4rem 2.4rem;font-weight:700;font-size:1.8rem;color:hsla(0,0%,calc(13% * var(--theme-brightness, 1) + 77.47% * (1 - var(--theme-brightness, 1))),1);line-height:3.2rem}@media(min-width:769px){.classroom-modal>nav>label{display:none}}@media(max-width:768px){.classroom-modal>nav{flex-direction:row}}.classroom-modal>header{display:flex;padding:0 2.4rem 2rem;border-bottom:.1rem solid hsla(0,0%,calc(93% * var(--theme-brightness, 1) + 20% * (1 - var(--theme-brightness, 1))),1)}.classroom-modal>header>h2{font-weight:700;font-size:3.2rem;line-height:4.8rem}@media(max-width:768px){.classroom-modal>header{padding:1.6rem 1.6rem 2rem}}.classroom-modal>footer{padding:0 2.4rem 2rem}@media(max-width:768px){.classroom-modal>footer{padding:0 1.6rem 2rem}}.classroom-modal>footer,.classroom-modal>header,.classroom-modal>nav{flex-grow:0;flex-shrink:0}.classroom-modal>footer:empty,.classroom-modal>header:empty{display:none}.classroom-modal__content{display:flex;flex-grow:1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:0 2.4rem 2.4rem;font-size:1.4rem;color:hsla(0,0%,calc(30% * var(--theme-brightness, 1) + 63.7% * (1 - var(--theme-brightness, 1))),1);line-height:2.4rem}.classroom-modal__content>h2{margin-top:0;margin-bottom:4.8rem;font-weight:700;font-size:3.2rem;color:hsla(0,0%,calc(13% * var(--theme-brightness, 1) + 77.47% * (1 - var(--theme-brightness, 1))),1);line-height:4.8rem;text-align:left}@media(max-width:768px){.classroom-modal__content>h2{display:none}}.classroom-modal__content__article{text-align:left}.classroom-modal__content__article>h3{margin-top:1.6rem;margin-bottom:.8rem;color:hsla(0,0%,calc(70% * var(--theme-brightness, 1) + 31.3% * (1 - var(--theme-brightness, 1))),1)}.classroom-modal__content__article>h3.heavy{background:none;color:hsla(0,0%,calc(30% * var(--theme-brightness, 1) + 63.7% * (1 - var(--theme-brightness, 1))),1)}.classroom-modal__content__article>section{margin:.8rem 0 1.6rem;white-space:pre-line}.classroom-modal__content__article>section+h3{margin-top:3.2rem}@media(max-width:768px){.classroom-modal__content{padding:1.6rem 1.6rem 15rem}}.classroom-modal__tabs{display:flex;overflow-x:auto;width:100%;height:5.6rem;font-weight:700;font-size:1.4rem}.classroom-modal__tabs>li{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;margin:0 1.2rem 0 1.6rem;border-top:.4rem solid rgba(0,0,0,0);border-bottom:.4rem solid rgba(0,0,0,0);color:hsla(0,0%,calc(70% * var(--theme-brightness, 1) + 31.3% * (1 - var(--theme-brightness, 1))),1);line-height:4.8rem;white-space:nowrap;word-break:keep-all;transition:border-color .2s ease,color .2s ease}.classroom-modal__tabs>li.active{border-bottom-color:hsla(0,0%,calc(13% * var(--theme-brightness, 1) + 77.47% * (1 - var(--theme-brightness, 1))),1);color:hsla(0,0%,calc(13% * var(--theme-brightness, 1) + 77.47% * (1 - var(--theme-brightness, 1))),1)}.classroom-modal__tabs:after{content:"";display:block;flex-shrink:0;width:1.6rem}.classroom-modal__backdrop{position:fixed;top:0;left:0;z-index:600;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,.5)}.classroom-modal__backdrop#dialog{z-index:601}.classroom-modal--self-floating{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto}.classroom-header{display:flex;align-items:center;justify-content:space-between;height:7.3rem;padding:2rem 2.4rem;border-bottom:.1rem solid hsla(0,0%,calc(90% * var(--theme-brightness, 1) + 20% * (1 - var(--theme-brightness, 1))),1)}.classroom-header__go-home{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;margin-right:1.6rem;line-height:0}.classroom-header__go-home circle{fill:#e0e0e0;opacity:.9}.classroom-header__go-home path{fill:#e0e0e0}@media(max-width:768px){.classroom-header__go-home{display:none}}.classroom-header__title{display:block;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;word-wrap:normal;flex-grow:10000;flex-shrink:1;font-weight:700;font-size:1.6rem;color:hsla(0,0%,calc(13% * var(--theme-brightness, 1) + 77.47% * (1 - var(--theme-brightness, 1))),1);line-height:2.8rem}@media(min-width:769px){.classroom-header__title{margin-right:.5rem}}@media(max-width:768px){.classroom-header__title{margin-bottom:1.6rem}.classroom-header{display:block;align-items:center;order:2;height:100%;padding:2.4rem 1.6rem;border-bottom:none;background:hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 7% * (1 - var(--theme-brightness, 1))),1)}}.classroom-mobile-header{position:fixed;top:0;z-index:310;display:flex;width:100%;height:5.6rem;padding:1.6rem;background:hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 7% * (1 - var(--theme-brightness, 1))),1);box-shadow:.4rem .8rem 4rem rgba(0,0,0,.05)}.classroom-mobile-header svg{color:#c6c6c6}.classroom-mobile-header__back{margin-right:1.6rem}.classroom-mobile-header>span{overflow-x:hidden;width:calc(100% - 9.6rem);font-size:1.4rem;line-height:2.4rem;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.classroom-menu{display:flex;align-items:center;justify-content:stretch;height:6.4rem;background:hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 10% * (1 - var(--theme-brightness, 1))),1);box-shadow:0 0 1.6rem rgba(0,0,0,.16);font-size:1.6rem;color:hsla(0,0%,calc(30% * var(--theme-brightness, 1) + 54% * (1 - var(--theme-brightness, 1))),1)}.classroom-menu>li{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;position:relative;display:inline-flex;flex-grow:1;align-items:center;justify-content:center;line-height:2.8rem}.classroom-menu>li>svg{margin:.2rem}.classroom-menu>li>svg+label{margin-bottom:.2rem;margin-left:.6rem}.classroom-menu>li[data-e2e=classroom-menu-item-statistics]{display:none}.classroom-menu>li:after{content:"";position:absolute;top:0;right:0;bottom:0;display:block;width:.1rem;height:2rem;margin:auto;background:hsla(0,0%,calc(84% * var(--theme-brightness, 1) + 19.96% * (1 - var(--theme-brightness, 1))),1)}.classroom-menu>li:last-of-type:after{display:none}@media(max-width:768px){.classroom-menu{display:none}}.classroom-video-controller{display:flex;align-items:center;justify-content:center;height:4rem;padding:1rem 2.4rem;background:hsla(0,0%,calc(13% * var(--theme-brightness, 1) + 0% * (1 - var(--theme-brightness, 1))),1);color:hsla(0,0%,calc(93% * var(--theme-brightness, 1) + 88% * (1 - var(--theme-brightness, 1))),1)}.classroom-video-controller svg{vertical-align:sub;fill:currentColor}.classroom-video-controller__play-control{display:flex;align-items:center;justify-content:flex-start}.classroom-video-controller__play-control__item{position:relative;display:inline-block;align-items:center;margin-right:2.4rem;cursor:pointer}@media(max-width:768px){.classroom-video-controller__play-control__item{margin-right:1.9rem}}.classroom-video-controller__play-control span{align-items:center;margin-left:.8rem;font-size:1.2rem;line-height:2rem}@media(max-width:768px){.classroom-video-controller__play-control span{margin-left:.4rem}}.classroom-video-controller__video-quality{display:flex;flex-grow:1;align-items:center;justify-content:flex-end}.classroom-video-controller__video-quality__item{position:relative;display:inline-block;align-items:center;margin-left:2.4rem;cursor:pointer}.classroom-video-controller__video-quality span{align-items:center;margin-left:.8rem;font-size:1.2rem;line-height:2rem}@media(max-width:768px){.classroom-video-controller__video-quality span{margin-left:.4rem}.classroom-video-controller{order:3;width:100%;height:4.2rem;padding:.8rem 1.6rem;border-bottom:.1rem solid hsla(0,0%,calc(93% * var(--theme-brightness, 1) + 12.67% * (1 - var(--theme-brightness, 1))),1);background:hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 7% * (1 - var(--theme-brightness, 1))),1);color:hsla(0,0%,calc(50% * var(--theme-brightness, 1) + 47.5% * (1 - var(--theme-brightness, 1))),1)}.classroom-video-controller>svg>path{vertical-align:sub;fill:hsla(0,0%,calc(30% * var(--theme-brightness, 1) + 63.7% * (1 - var(--theme-brightness, 1))),1)}}.player{height:100%}.classroom-video-player{width:100%;height:calc(100% - 4rem)}.classroom-video-player .classroom-player-test{display:flex}@media(max-width:768px){.classroom-video-player{position:fixed;top:5.6rem;z-index:300;order:1;width:100vw;height:calc(100vw*.5625);border-bottom:.1rem solid hsla(0,0%,calc(93% * var(--theme-brightness, 1) + 12.67% * (1 - var(--theme-brightness, 1))),1)}.classroom-video-player svg{position:absolute;top:1.2rem;left:1.2rem}}.classroom-video-container{height:calc(100% - 13.7rem);max-height:calc(100% - 4.8rem - 13.7rem)}@media(min-width:769px){.classroom-video-container{margin:2.4rem}}.classroom-player-container{flex:6.96 1;height:100vh}@media(max-width:768px){.classroom-player-container{display:flex;flex:0 1;flex-direction:column;height:auto;padding-top:5.2rem}}.common-donut-graph__background{stroke:hsla(0,0%,calc(80% * var(--theme-brightness, 1) + 30% * (1 - var(--theme-brightness, 1))),1)}.common-donut-graph__donut{stroke:hsla(0,0%,calc(0% * var(--theme-brightness, 1) + 88% * (1 - var(--theme-brightness, 1))),1)}.common-accordion-menu{border-radius:.4rem;background-color:hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 15% * (1 - var(--theme-brightness, 1))),1);fill:hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 15% * (1 - var(--theme-brightness, 1))),1);stroke:currentColor}.common-accordion-menu.inner{padding:0}.common-accordion-menu .common-accordion-menu{background-color:rgba(0,0,0,0)}.common-accordion-menu__header{position:relative;display:flex;justify-content:flex-start;margin:0 1.6rem;padding:2.4rem .8rem;cursor:pointer}.common-accordion-menu__header__arrow-icon{display:flex;align-items:center;align-self:flex-start;justify-content:center;justify-self:flex-end;width:2.4rem;height:2.4rem;margin-left:auto;transition:transform .2s linear}.common-accordion-menu__content{overflow:hidden;padding-bottom:1.6rem}.common-accordion-menu__content__wrapper{margin-top:-100vh;transition:margin-top .5s linear}.common-accordion-menu__content__wrapper--has-index-icon>*{position:relative}.common-accordion-menu__content__wrapper--has-index-icon>:before{content:"";position:absolute;top:0;left:4rem;width:.1rem;height:100%;background-color:hsla(0,0%,calc(90% * var(--theme-brightness, 1) + 15.1% * (1 - var(--theme-brightness, 1))),1)}.common-accordion-menu__content__wrapper--has-index-icon>:last-child:before{display:none}.common-accordion-menu--open{box-shadow:.4rem .8rem 1.5rem rgba(0,0,0,.05)}.common-accordion-menu--open .common-accordion-menu__header{padding-bottom:0}.common-accordion-menu--open .common-accordion-menu__header--nested{padding-top:1.6rem;padding-bottom:1.6rem}.common-accordion-menu--open .common-accordion-menu__header--nested--active{padding-bottom:0}.common-accordion-menu--open .common-accordion-menu__header__arrow-icon{transform:rotate(-180deg);transform-origin:50%}.common-accordion-menu--open .common-accordion-menu__content--has-nested{padding-bottom:0}.common-accordion-menu--open .common-accordion-menu__content--invisible{visibility:hidden}.common-accordion-menu--open .common-accordion-menu__content__wrapper{margin-top:0}.common-accordion-menu--open .inner .common-accordion-menu__content__wrapper{margin-top:-100%}.common-accordion-menu--open .inner.common-accordion-menu--open .common-accordion-menu__content__wrapper{margin-top:0;padding-bottom:2.4rem}.common-button{box-sizing:border-box;margin:0 .8rem 0 0;padding:1.6rem 2.4rem;border-radius:.2rem;background-color:hsl(0,0%,90%);outline:none;font-weight:700;font-size:1.4rem;color:hsl(0,0%,13%);line-height:2.4rem;transition:166ms ease-in-out;transition-property:background-color,box-shadow}.common-button:active,.common-button:focus,.common-button:hover{box-shadow:0 .4rem .8rem rgba(33,33,33,.2)}.common-button:active{background-color:#fff}.common-button--primary{background-color:#314bfe;color:#fff}.common-button--primary:active,.common-button--primary:focus,.common-button--primary:hover{background-color:rgba(49,75,254,.1);box-shadow:0 .4rem .8rem rgba(33,33,33,.2)}.common-button--primary:active,.common-button--primary:focus{background-color:rgba(49,75,254,.3)}.common-button--disabled{background-color:hsl(0,0%,90%);color:hsl(0,0%,50%)}.common-button--disabled:active,.common-button--disabled:focus,.common-button--disabled:hover{background-color:hsl(0,0%,90%);box-shadow:none}.common-button--black{background-color:hsl(0,0%,13%);color:#fff}.common-button--black:hover{background-color:rgba(33,33,33,.92);box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}.common-button--black:active,.common-button--black:focus{background-color:rgba(33,33,33,.76)}.common-button--gray{background-color:hsl(0,0%,95%);color:hsl(0,0%,13%)}.common-button--gray:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}.common-button--gray:active,.common-button--gray:focus{background-color:#ccc}.common-button--outline{border:.1rem solid hsl(0,0%,13%);background-color:#fff;color:hsl(0,0%,13%)}.common-button--outline:hover{background-color:hsl(0,0%,95%)}.common-button--outline:active,.common-button--outline:focus{background-color:#ccc}.common-button[disabled]{background-color:hsl(0,0%,90%);color:hsl(0,0%,50%)}.common-select-wrapper{position:relative;height:3.4rem;border:.1rem solid #ccc;border-radius:.2rem}.common-select-wrapper:hover{border:.1rem solid hsl(0,0%,13%)}.common-select-wrapper--focus,.common-select-wrapper--focus:hover{border:.1rem solid #314bfe}.common-select-wrapper--error,.common-select-wrapper--error:hover{border:.1rem solid #b00020}.common-select-wrapper--disabled{color:hsl(0,0%,70%);border:.1rem solid hsl(0,0%,85%)}.common-select-wrapper--disabled:hover{border:.1rem solid hsl(0,0%,85%)}.common-select-wrapper__select{position:relative;z-index:10;box-sizing:border-box;width:calc(100% + .2rem);background-color:rgba(0,0,0,0);outline:none;font-size:1.3rem;color:hsl(0,0%,13%);line-height:2.4rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.common-select-wrapper__select option{background-color:rgba(0,0,0,0)}.common-select-wrapper__select-desktop{position:absolute;top:calc(100% + .1rem);left:-.1rem;width:100%;padding-bottom:1rem}.common-select-wrapper__select-desktop__list{box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}.common-select-wrapper__select-desktop__item{display:flex;align-items:center;box-sizing:border-box;width:100%;height:100%;padding:.4rem 1.6rem;background-color:#fff;cursor:pointer}.common-select-wrapper__select-desktop__item:hover,.common-select-wrapper__select-desktop__item__selected{background-color:hsl(0,0%,95%)}.common-select-wrapper__value{position:absolute;top:50%;left:0;z-index:0;display:flex;align-items:center;box-sizing:border-box;width:100%;padding:.5rem 3.2rem .5rem 1.2rem;border-radius:.4rem;background-color:#fff;font-size:1.3rem;color:hsl(0,0%,13%);line-height:2.4rem;transform:translateY(-50%)}.common-select-wrapper__value--hide{display:none}.common-select-wrapper__arrow{position:absolute;top:50%;right:.8rem;transform:translateY(-50%)}.common-select-wrapper__placeholder{position:absolute;top:50%;left:0;z-index:0;display:flex;align-items:center;box-sizing:border-box;width:100%;padding:.5rem 3.2rem .5rem 1.2rem;background-color:rgba(0,0,0,0);font-size:1.3rem;color:hsl(0,0%,13%);line-height:2.4rem;transition:transform .2s ease,font-size .2s ease,line-height .2s ease,color .2s ease;transform:translateY(-50%)}.common-select-wrapper__placeholder--hide{display:none}.common-select-wrapper__error-text{position:absolute;top:5.4rem;margin-top:.4rem;padding-left:1.6rem;font-size:1.2rem;color:#b00020;line-height:2rem}.show-label{height:5.4rem;border-radius:.4rem}.show-label .common-select-wrapper{position:relative;display:flex;align-items:center}.show-label .common-select-wrapper__value{top:3.9rem;padding:0 3.2rem .5rem 1.6rem;font-size:1.4rem}.show-label .common-select-wrapper__arrow{position:absolute;top:50%;right:2.4rem;transform:translateY(-50%)}.show-label .common-select-wrapper__select-desktop__item{padding:1.2rem 1.6rem}.show-label .common-select-wrapper__select-desktop__item:hover,.show-label .common-select-wrapper__select-desktop__item__selected{background-color:hsl(0,0%,95%)}.show-label .common-select-wrapper__placeholder{padding-left:1.6rem;font-size:1.4rem;color:hsl(0,0%,50%)}.show-label .common-select-wrapper__placeholder--selected{top:2.9rem;padding:.6rem 3.2rem 0 1.6rem;font-size:1.2rem;line-height:2rem;transform:translateY(-110%)}.show-label .common-select-wrapper__placeholder--focus{color:#314bfe}.show-label .common-select-wrapper__placeholder--error{color:#b00020}.CodeMirror{height:100%}.CodeMirror-scroll{overflow:auto!important}.code-editor{height:calc(100% - 4.4rem - 6rem);padding:1rem;overflow-y:auto}.code-editor__buttons{position:absolute;bottom:0;right:0;width:100%;text-align:right;padding:1rem;background-color:hsla(0,0%,calc(0% * var(--theme-brightness, 1) + 0% * (1 - var(--theme-brightness, 1))),1)}.code-editor__buttons button{display:inline-flex;align-items:center}.code-editor__buttons button svg{margin-left:.3rem;transform:rotate(90deg)}.code-editor__buttons button svg path+path{fill:#314bfe}.classroom-sidebar-code-editor{display:flex;flex-direction:column;padding-top:1.6rem;padding-bottom:2.4rem}.classroom-sidebar-code-editor__container{position:relative;height:calc(100% - (100% - 6rem)/2);min-height:calc(100% - (100% - 6rem)*.5);font-size:1.3rem;line-height:2.4rem;font-weight:700;background-color:#272823}.classroom-sidebar-code-editor__container__title{color:hsla(0,0%,calc(50% * var(--theme-brightness, 1) + 47.5% * (1 - var(--theme-brightness, 1))),1);padding:1rem 1rem .2rem;display:flex;align-items:center;justify-content:space-between}.classroom-sidebar-code-editor__container__title--readonly{padding:1rem}.classroom-sidebar-code-editor__container--readonly{min-height:calc(100% - (100% - 6rem)*.8)}.classroom-sidebar-code-editor__container .common-select-wrapper.small.black{width:10.3rem;border:.1rem solid hsl(0,0%,13%);background-color:hsl(0,0%,30%);font-weight:400}.classroom-sidebar-code-editor__container .common-select-wrapper.small.black svg{color:#fff}.classroom-sidebar-code-editor__container .common-select-wrapper.small.black p,.classroom-sidebar-code-editor__container .common-select-wrapper.small.black span{background-color:rgba(0,0,0,0);color:hsl(0,0%,97%)}.classroom-sidebar-code-editor__container .common-select-wrapper.small{height:3.2rem}.classroom-sidebar-code-editor__container .common-select-wrapper{height:5.6rem;border-radius:.4rem;cursor:pointer}.classroom-sidebar-code-editor__container .common-select-wrapper>select{border:none}@media(max-width:768px){.classroom-sidebar-code-editor__container{width:100%}.classroom-sidebar-code-editor{display:flex;align-items:center;justify-content:center;width:100%;font-size:1.3rem;color:hsl(240,2%,44%);height:60rem}}.classroom-sidebar-note,.classroom-sidebar__content{display:flex;flex-direction:column}.classroom-sidebar-note{align-items:stretch;justify-content:flex-start;padding-bottom:10.4rem;font-size:1.3rem;line-height:2.4rem}.classroom-sidebar-note>h4{flex-shrink:0;margin-top:0;margin-bottom:1.6rem;padding-top:2.4rem;font-weight:inherit;font-size:1.2rem;color:hsla(0,0%,calc(50% * var(--theme-brightness, 1) + 47.5% * (1 - var(--theme-brightness, 1))),1);line-height:2rem;text-align:left}.classroom-sidebar-note>ul{flex-shrink:0;padding-bottom:2.4rem;border-bottom:.1rem solid hsla(0,0%,calc(93% * var(--theme-brightness, 1) + 12.67% * (1 - var(--theme-brightness, 1))),1)}.classroom-sidebar-note>ul:last-of-type{border-bottom:none}.classroom-sidebar-note__empty{margin:auto;padding:0;text-align:center;filter:invert(calc((1 - var(--theme-brightness, 1)) * .88))}.classroom-sidebar-note__empty>figcaption{color:hsla(0,0%,calc(50% * var(--theme-brightness, 1) + 47.5% * (1 - var(--theme-brightness, 1))),1)}@media(min-width:769px){.classroom-sidebar-note__empty{align-self:center;transform:translateY(5.2rem)}}@media(max-width:768px){.classroom-sidebar-note__empty{margin-top:6.4rem}}.classroom-sidebar-note .classroom-sidebar__write-note-button{position:fixed;right:3.2rem;bottom:2.4rem}@media(max-width:768px){.classroom-sidebar-note{height:100%}}.classroom-sidebar-note-item{margin-bottom:.8rem}.classroom-sidebar-note-item:last-child{margin-bottom:0}.classroom-sidebar-note-item .common-accordion-menu{font-size:1.3rem;line-height:2.4rem}.classroom-sidebar-note-item .common-accordion-menu__content,.classroom-sidebar-note-item .common-accordion-menu__header{margin:0 1.6rem;padding:1.6rem 0}.classroom-sidebar-note-item .common-accordion-menu__header__arrow-icon{right:0}.classroom-sidebar-note-item .common-accordion-menu__header>label{display:inline-block;flex-grow:1;flex-basis:0;overflow-x:hidden;min-width:0;color:hsla(0,0%,calc(13% * var(--theme-brightness, 1) + 77.47% * (1 - var(--theme-brightness, 1))),1);text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;cursor:inherit}.classroom-sidebar-note-item .common-accordion-menu__content{border-top:.1rem solid hsla(0,0%,calc(93% * var(--theme-brightness, 1) + 20% * (1 - var(--theme-brightness, 1))),1)}.classroom-sidebar-note-item .common-accordion-menu__content__wrapper>pre{margin:0;font:inherit;color:hsla(0,0%,calc(30% * var(--theme-brightness, 1) + 63.7% * (1 - var(--theme-brightness, 1))),1);white-space:pre-line}.classroom-sidebar-note-item .common-accordion-menu__content__wrapper>footer,.classroom-sidebar-note-item .common-accordion-menu__content__wrapper>nav{font-size:1.2rem;line-height:2rem}.classroom-sidebar-note-item .common-accordion-menu__content__wrapper>nav{display:flex;justify-content:space-between;margin-bottom:1.6rem;padding:1.6rem 0;border-bottom:.1rem solid hsla(0,0%,calc(93% * var(--theme-brightness, 1) + 20% * (1 - var(--theme-brightness, 1))),1);color:hsla(0,0%,calc(70% * var(--theme-brightness, 1) + 31.3% * (1 - var(--theme-brightness, 1))),1)}.classroom-sidebar-note-item .common-accordion-menu__content__wrapper>nav>time{margin-right:auto}.classroom-sidebar-note-item .common-accordion-menu__content__wrapper>nav>button{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;display:inline-flex;margin:-.6rem;padding:.6rem;color:hsla(0,0%,calc(50% * var(--theme-brightness, 1) + 47.5% * (1 - var(--theme-brightness, 1))),1)}.classroom-sidebar-note-item .common-accordion-menu__content__wrapper>nav>button+button{margin-left:.6rem}.classroom-sidebar-note-item .common-accordion-menu__content__wrapper>footer{display:flex;align-items:center;justify-content:space-between;color:var(--color-primary,#314bfe)}.classroom-sidebar-note-item .common-accordion-menu__content__wrapper>footer>button{display:inline-flex;flex-grow:0;flex-shrink:0;align-items:center;justify-content:flex-end;justify-self:center;height:3.2rem;margin-left:1.6rem;padding:.6rem .8rem;border-radius:.4rem;background-color:var(--color-primary,#314bfe);outline:none}.classroom-sidebar-note-item .common-accordion-menu__content__wrapper>footer>button>time{color:#fff}.classroom-sidebar-note-item .common-accordion-menu__content__wrapper>footer>button>svg{margin:.1rem 0 .1rem .8rem}.classroom-modal__create-note{position:absolute;top:9.6rem;right:2.4rem;bottom:2.4rem;left:2.4rem;margin:auto}.classroom-modal__create-note>header{display:flex;align-items:flex-end;justify-content:space-between}.classroom-modal__create-note>header p{margin-left:.8rem;font-size:1.3rem;color:#6e6e73;line-height:3.4rem}.classroom-modal__create-note>header p span{display:inline-block}.classroom-modal__create-note>header p span:first-child{padding-right:.4rem;font-weight:700;text-align:right}.classroom-modal__create-note>header p span:last-child{padding-left:.4rem}@media(max-width:768px){.classroom-modal__create-note>header p{color:#9b9ba0}}.classroom-modal__create-note>header>button{display:flex;flex-grow:0;flex-shrink:0;align-items:center;margin:.4rem 0 .4rem auto}@media(min-width:769px){.classroom-modal__create-note>header>button{display:none}}.classroom-modal__create-note textarea{flex-grow:1;width:100%;height:100%;padding:2.4rem 0;border:none;background:none;outline:none;color:inherit;caret-color:var(--color-primary,#314bfe);line-height:2.4rem;resize:none}@media(max-width:768px){.classroom-modal__create-note textarea{padding:0}}.classroom-modal__create-note--write{display:flex;justify-content:center;padding:1.2rem 1.6rem;border-radius:.4rem;background-color:hsla(0,0%,calc(13% * var(--theme-brightness, 1) + 100% * (1 - var(--theme-brightness, 1))),1);font-size:1.3rem;color:hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 7% * (1 - var(--theme-brightness, 1))),1);line-height:2.4rem}.classroom-modal__create-note--write__icon{margin-right:1rem}@media(max-width:768px){.classroom-modal__create-note--write__icon{margin-right:.8rem}.classroom-modal__create-note--write{display:inline-flex;padding:.8rem 1.6rem}}.classroom-modal__create-note>footer>button{display:flex;align-items:center;width:100%}@media(max-width:768px){.classroom-modal__create-note>footer{display:none}}.classroom-sidebar-clip__chapter{margin-bottom:1.6rem;font-size:1.3rem;color:hsla(0,0%,calc(12.5% * var(--theme-brightness, 1) + 77.875% * (1 - var(--theme-brightness, 1))),1);line-height:2.4rem}.classroom-sidebar-clip__chapter:last-child{margin-bottom:0}.classroom-sidebar-clip__chapter__progress{margin-right:1.6rem}.classroom-sidebar-clip__chapter__part__icon{flex-shrink:0;margin-right:2rem;margin-left:.4rem}.classroom-sidebar-clip__chapter__part__title{width:100%;font-weight:700;font-size:1.4rem;color:hsla(0,0%,calc(50% * var(--theme-brightness, 1) + 88% * (1 - var(--theme-brightness, 1))),1);line-height:2.4rem;text-align:left}.classroom-sidebar-clip__chapter__part__title--active{padding-bottom:1.6rem;border-bottom:.1rem solid hsla(0,0%,calc(93% * var(--theme-brightness, 1) + 20% * (1 - var(--theme-brightness, 1))),1)}.classroom-sidebar-clip__chapter__title{display:inline-block;width:calc(100% - 3.2rem - 1.6rem - .8rem - 2.4rem);font-weight:400;font-size:1.4rem;color:hsla(0,0%,calc(13% * var(--theme-brightness, 1) + 77.47% * (1 - var(--theme-brightness, 1))),1);line-height:2.4rem;text-align:left}.classroom-sidebar-clip__chapter__title__text{margin-bottom:.4rem}.classroom-sidebar-clip__chapter__title--active .classroom-sidebar-clip__chapter__title__text{font-weight:700}.classroom-sidebar-clip__chapter__title__number{color:hsla(0,0%,calc(50% * var(--theme-brightness, 1) + 42% * (1 - var(--theme-brightness, 1))),1);word-spacing:.1rem}.classroom-sidebar-clip__chapter__title__number__complete{color:hsla(0,0%,calc(13% * var(--theme-brightness, 1) + 77.47% * (1 - var(--theme-brightness, 1))),1)}.classroom-sidebar-clip__chapter__clip{display:flex;align-items:flex-start;justify-content:flex-start}.classroom-sidebar-clip__chapter__clip__time{display:inline-block;width:4.8rem;margin-left:.8rem;font-size:1.3rem;color:hsla(0,0%,calc(70% * var(--theme-brightness, 1) + 63% * (1 - var(--theme-brightness, 1))),1);text-align:right}.classroom-sidebar-clip__chapter__clip__time--active{color:hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 100% * (1 - var(--theme-brightness, 1))),1)}.classroom-sidebar-clip__chapter__clip__time--disabled{color:rgba(170,170,175,.3)}.classroom-sidebar-clip__chapter__clip--active{background-color:#314bfe!important;color:hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 100% * (1 - var(--theme-brightness, 1))),1);fill:currentColor;stroke:#314bfe}.classroom-sidebar-clip__chapter__clip--complete{stroke:currentColor}.classroom-sidebar-clip__chapter__clip--disabled{cursor:auto;stroke:none}.classroom-sidebar-clip__chapter__clip:hover{background-color:hsla(0,0%,calc(97% * var(--theme-brightness, 1) + 20% * (1 - var(--theme-brightness, 1))),1);background-image:none}.classroom-sidebar-clip__chapter__clip--disabled:hover{background-color:hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 100% * (1 - var(--theme-brightness, 1))),1)}.classroom-sidebar-clip__chapter>.common-accordion-menu--open{background-image:linear-gradient(to right,transparent 4rem,hsla(0,0%,calc(90% * var(--theme-brightness, 1) + 20% * (1 - var(--theme-brightness, 1))),1) 4rem,hsla(0,0%,calc(90% * var(--theme-brightness, 1) + 20% * (1 - var(--theme-brightness, 1))),1) 4.1rem,transparent 4.1rem);background-position:0 5.6rem;background-size:100% calc(100% - 5.6rem - 3.2rem);background-repeat:no-repeat}.common-accordion-menu--empty{background-image:none;box-shadow:none}.common-accordion-menu--empty .common-accordion-menu__header{padding-bottom:2.4rem}.common-accordion-menu--empty .common-accordion-menu__content,.common-accordion-menu--empty .common-accordion-menu__header__arrow-icon{display:none}.classroom-sidebar-clip{padding-top:1.6rem;padding-bottom:2.4rem}.classroom-sidebar-clip__chapter__part .common-accordion-menu:not(.common-accordion-menu--open) .common-accordion-menu__header__arrow-icon{transform:rotate(0deg)}.classroom-sidebar-clip__chapter__part .common-accordion-menu--empty .common-accordion-menu__header{padding-bottom:1.6rem}.classroom-sidebar-clip__chapter__clip{margin:.8rem 1.6rem;padding:.8rem 1.2rem;border-radius:.4rem;cursor:pointer;stroke:hsla(0,0%,calc(70% * var(--theme-brightness, 1) + 63% * (1 - var(--theme-brightness, 1))),1)}.classroom-sidebar-clip__chapter__clip svg{margin-right:2rem}.classroom-sidebar-clip__chapter__clip__row{display:flex;align-items:flex-start;justify-content:flex-start;width:100%}.classroom-sidebar-clip__chapter__clip__title{width:calc(100% - 2.4rem - 2rem - 4.6rem - .8rem);text-align:left}.classroom-sidebar-clip__chapter__clip__title--disabled{color:rgba(34,34,34,.3)}@media(min-width:769px){.classroom-sidebar-clip__chapter__clip:hover{background-color:hsla(0,0%,calc(97% * var(--theme-brightness, 1) + 20% * (1 - var(--theme-brightness, 1))),1);background-image:none}.classroom-sidebar-clip__chapter__clip--disabled:hover{background-color:hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 100% * (1 - var(--theme-brightness, 1))),1)}}.classroom-sidebar-clip__chapter__part:last-child>.common-accordion-menu:not(.common-accordion-menu--open) .common-accordion-menu__header:not(.classroom-sidebar-clip__chapter__clip--active){background-image:linear-gradient(to bottom,hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 15% * (1 - var(--theme-brightness, 1))),0) 1.8rem,hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 15% * (1 - var(--theme-brightness, 1))),1) 1.8rem);background-size:100%;background-repeat:no-repeat}.classroom-sidebar-clip__chapter__part:last-child>.common-accordion-menu:not(.common-accordion-menu--open) .common-accordion-menu__header:not(.classroom-sidebar-clip__chapter__clip--active):hover{background-image:linear-gradient(to bottom,hsla(0,0%,calc(0% * var(--theme-brightness, 1) + 88% * (1 - var(--theme-brightness, 1))),.03) 1.8rem,1.8rem)}.classroom-sidebar-clip__chapter__part:last-child>.common-accordion-menu--open .classroom-sidebar-clip__chapter__clip:last-child:not(.classroom-sidebar-clip__chapter__clip--active){background-image:linear-gradient(to bottom,hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 15% * (1 - var(--theme-brightness, 1))),0) 1.8rem,hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 15% * (1 - var(--theme-brightness, 1))),1) 1.8rem);background-size:100%;background-repeat:no-repeat}.classroom-sidebar-clip__chapter__part:last-child>.common-accordion-menu--open .classroom-sidebar-clip__chapter__clip:last-child:not(.classroom-sidebar-clip__chapter__clip--active):hover{background-image:linear-gradient(to bottom,hsla(0,0%,calc(0% * var(--theme-brightness, 1) + 88% * (1 - var(--theme-brightness, 1))),.03) 1.8rem,1.8rem)}.classroom-sidebar-clip__chapter>.common-accordion-menu>.common-accordion-menu__content>.common-accordion-menu__content__wrapper>div>.classroom-sidebar-clip__chapter__clip:last-child:not(.classroom-sidebar-clip__chapter__clip--active){background-image:linear-gradient(to bottom,hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 15% * (1 - var(--theme-brightness, 1))),0) 1.8rem,hsla(0,0%,calc(100% * var(--theme-brightness, 1) + 15% * (1 - var(--theme-brightness, 1))),1) 1.8rem);background-size:100%;background-repeat:no-repeat}.classroom-sidebar-clip__chapter>.common-accordion-menu>.common-accordion-menu__content>.common-accordion-menu__content__wrapper>div>.classroom-sidebar-clip__chapter__clip:last-child:not(.classroom-sidebar-clip__chapter__clip--active):hover{background-image:linear-gradient(to bottom,hsla(0,0%,calc(0% * var(--theme-brightness, 1) + 88% * (1 - var(--theme-brightness, 1))),.03) 1.8rem,1.8rem)}.classroom-modal__content__article{white-space:pre-wrap}.classroom-modal__description>header{padding:0}@media(min-width:769px){.classroom-modal__description>header{display:none}}.classroom-modal__description .heavy{white-space:pre-line}.classroom-modal__description__assets{font-size:1.3rem;line-height:2.4rem}.classroom-modal__description__assets>li{display:flex;align-items:stretch;border-radius:.8rem;background:hsla(0,0%,calc(97% * var(--theme-brightness, 1) + 20% * (1 - var(--theme-brightness, 1))),1);color:hsla(0,0%,calc(0% * var(--theme-brightness, 1) + 88% * (1 - var(--theme-brightness, 1))),1);fill:hsla(0,0%,calc(0% * var(--theme-brightness, 1) + 88% * (1 - var(--theme-brightness, 1))),1)}.classroom-modal__description__assets>li>label{flex-grow:1;margin:1.6rem 0;padding:0 2.4rem 0 1.6rem;border-right:.1rem solid hsla(0,0%,calc(90% * var(--theme-brightness, 1) + 70% * (1 - var(--theme-brightness, 1))),1);text-align:left;cursor:inherit}.classroom-modal__description__assets>li .download,.classroom-modal__description__assets>li>a{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;display:inline-flex;flex-grow:0;flex-shrink:0;align-items:center;justify-content:center;padding:0 2.4rem;color:inherit;text-decoration:none}.classroom-modal__description__assets>li+li{margin-top:1.6rem}@media(min-width:769px){.classroom-modal__description{width:56rem;height:52.8rem}.classroom-modal__description .classroom-modal__content{padding:0 4.8rem 4.8rem}.classroom-modal__description header{display:none}}.download-label{flex-grow:1;margin:1.6rem 0;padding:0 2.4rem 0 1.6rem;border-right:.1rem solid hsla(0,0%,calc(90% * var(--theme-brightness, 1) + 70% * (1 - var(--theme-brightness, 1))),1);text-align:left;cursor:inherit}.classroom-clip-statistics__item{position:relative}.classroom-clip-statistics__item:nth-child(1n+2){margin-top:2.4rem;padding-top:2.4rem;border-top:.1rem solid #f2f2f2}.classroom-clip-statistics__item-sequence{position:absolute;left:0;font-weight:700;font-size:2rem;color:hsla(0,0%,calc(26.5% * var(--theme-brightness, 1) + 66.535% * (1 - var(--theme-brightness, 1))),1);line-height:3.6rem}.classroom-clip-statistics__item-row:first-child{padding:.4rem 0 .8rem;font-size:1.3rem;color:#fff}.classroom-clip-statistics__item-content{padding-left:3.2rem}.classroom-clip-statistics__empty-clip-data{display:flex;flex-direction:column;align-items:center;margin-top:6.4rem;color:#aaaaaf}.classroom-clip-statistics__empty-clip-data svg{margin-bottom:1.6rem}.play-info{display:flex;margin:1.6rem 0;color:#6e6e73}.play-info__column{display:flex;flex-direction:row;align-items:center}.play-info__column svg{margin-right:.5rem}.play-info__column:nth-child(1n+2){margin-left:1.7rem}.play-info__duration{color:#aaaaaf}.play-btn{display:flex;align-items:center;padding:.4rem .8rem;border-radius:.4rem;background:hsla(0,0%,calc(95% * var(--theme-brightness, 1) + 11.05% * (1 - var(--theme-brightness, 1))),1);color:hsla(0,0%,calc(13.5% * var(--theme-brightness, 1) + 77.065% * (1 - var(--theme-brightness, 1))),1)}.play-btn svg{margin-right:1rem}.play-btn svg path{fill:currentColor}.play-btn:hover{background-color:hsla(0,0%,calc(0% * var(--theme-brightness, 1) + 88% * (1 - var(--theme-brightness, 1))),.04)}.play-btn__disable{background-color:hsla(0,0%,calc(0% * var(--theme-brightness, 1) + 88% * (1 - var(--theme-brightness, 1))),.2);color:hsla(0,0%,calc(13.5% * var(--theme-brightness, 1) + 77.065% * (1 - var(--theme-brightness, 1))),.5)}.classroom-course-statistic{position:relative}.classroom-course-statistic__container{display:flex;flex-direction:row;padding-bottom:2.4rem}@media(min-width:769px){.classroom-course-statistic__container{justify-content:space-around;min-width:38.2rem}}@media(max-width:768px){.classroom-course-statistic__container{overflow-x:auto}}.classroom-course-statistic__item{display:flex;flex-direction:column;justify-content:space-between;padding:1.6rem;border:.1rem solid #f2f2f2;border-radius:.4rem;box-shadow:.4rem .8rem 1.5rem rgba(0,0,0,.0509803922);font-weight:700;font-size:2rem}@media(max-width:768px){.classroom-course-statistic__item .fco-tooltip{top:1.8rem}}.classroom-course-statistic__item:nth-child(1n+2){margin-left:1rem;color:#ff7450}@media(min-width:769px){.classroom-course-statistic__item:last-child .fco-tooltip{left:-5.3rem}}.classroom-course-statistic__item .total-play-time{font-weight:400;font-size:1.1rem}@media(min-width:769px){.classroom-course-statistic__item{flex:1 0 14.8rem}}@media(max-width:768px){.classroom-course-statistic__item{min-width:13.2rem}}.classroom-course-statistic__item-header{display:flex;justify-content:space-between}.classroom-course-statistic__item-title{font-weight:700;font-size:1.2rem;color:#000}.classroom-course-statistic__item-info{height:0}@media(min-width:769px){.classroom-course-statistic__item-info{position:relative}}.classroom-playtime-statistic{margin-bottom:4.8rem;padding-bottom:4.8rem;border-bottom:.1rem solid #f2f2f2}.classroom-playtime-statistic__header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}.classroom-playtime-statistic__content{margin-top:1.6rem}.chart-area{height:22.8rem}.classroom-statistics__title{display:flex;align-items:center;margin-bottom:2.4rem;font-size:2rem}.classroom-statistics__title-info{position:relative;margin-left:.8rem;margin-top:.2rem}.classroom-statistics__empty-data{display:flex;flex-direction:column;align-items:center;margin-top:6.4rem;color:#aaaaaf}.classroom-statistics__empty-data svg{margin-bottom:1.6rem}