.crs-video[data-v-ffbad224]{width:100%;height:500px;overflow:hidden}[dir] .crs-video[data-v-ffbad224]{background-color:#f4f4f4;border-radius:3px}.crs-chat[data-v-7671c46e]{height:100%}[dir] .crs-chat[data-v-7671c46e]{border-radius:4px}.crs-chat .chat-list[data-v-7671c46e]{color:#787878;overflow-y:auto;height:400px}.crs-chat .chat-list[data-v-7671c46e]::-webkit-scrollbar{width:4px;height:8px}[dir] .crs-chat .chat-list[data-v-7671c46e]::-webkit-scrollbar-track{background:#f3f3f3;border-radius:100px;margin-top:12px;margin-bottom:12px}[dir] .crs-chat .chat-list[data-v-7671c46e]::-webkit-scrollbar-thumb{background:#c5c5c5;border-radius:100px}[dir] .crs-chat .chat-list[data-v-7671c46e]::-webkit-scrollbar-thumb:hover{background:#b1b1b1;cursor:pointer}[dir] .crs-chat .chat-info[data-v-7671c46e]{margin:.35rem 0}.crs-chat .chat-item[data-v-7671c46e]{font-size:12px;color:#161616}[dir] .crs-chat .chat-item[data-v-7671c46e]{padding:.75rem 1rem;background-color:#f9f9f9;border-radius:6px}.crs-chat .chat-item .chat-name[data-v-7671c46e]{font-size:12px;font-weight:700}.crs-chat .chat-item .chat-time[data-v-7671c46e]{font-size:.6rem}[dir=ltr] .crs-chat .chat-item .chat-time[data-v-7671c46e]{text-align:right}[dir=rtl] .crs-chat .chat-item .chat-time[data-v-7671c46e]{text-align:left}.crs-chat .chat-item .text-reply[data-v-7671c46e]{color:rgba(var(--vs-primary),1)}[dir] .crs-chat .chat-item[data-v-7671c46e]:not(:first-child){margin-top:1rem}.crs-chat .chat-item.chat-lecturer[data-v-7671c46e]{color:#fff}[dir] .crs-chat .chat-item.chat-lecturer[data-v-7671c46e]{background-color:#007fff}.crs-chat .chat-item.chat-lecturer .text-reply[data-v-7671c46e]{color:#fff}.crs-chat .chat-item.chat-me[data-v-7671c46e]{color:#161616}[dir] .crs-chat .chat-item.chat-me[data-v-7671c46e]{background-color:#f6faff}.crs-chat .chat-item.chat-me .text-reply[data-v-7671c46e]{color:rgba(var(--vs-primary),1)}.crs-chat .chat-item.chat-reply[data-v-7671c46e]{color:#787878}[dir] .crs-chat .chat-item.chat-reply[data-v-7671c46e]{margin:.5rem 0;background-color:#fff}.crs-video[data-v-3ce87b5e]{width:100%;height:500px;overflow:hidden}[dir] .crs-video[data-v-3ce87b5e]{background-color:#f4f4f4;border-radius:3px}.The-class-response-s[data-v-3ce87b5e]{width:457px;height:53px;font-size:18px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.44;letter-spacing:normal;color:#161616}[dir] .The-class-response-s[data-v-3ce87b5e]{text-align:center}[dir=ltr] .The-class-response-s[data-v-3ce87b5e]{margin:20px 227px 39px 209px}[dir=rtl] .The-class-response-s[data-v-3ce87b5e]{margin:20px 209px 39px 227px}.crs-video[data-v-855bcad0]{width:100%;height:500px;overflow:hidden}[dir] .crs-video[data-v-855bcad0]{background-color:#f4f4f4;border-radius:3px}.The-class-response-s[data-v-855bcad0]{width:457px;height:53px;font-size:18px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.44;letter-spacing:normal;color:#161616}[dir] .The-class-response-s[data-v-855bcad0]{text-align:center}[dir=ltr] .The-class-response-s[data-v-855bcad0]{margin:20px 227px 39px 209px}[dir=rtl] .The-class-response-s[data-v-855bcad0]{margin:20px 209px 39px 227px}.panel__wrapper[data-v-c34e74cc]{width:100%}[dir] .panel__wrapper[data-v-c34e74cc]{border-radius:4px;background-color:#fff;padding:20px 27px}[dir] .panel__wrapper__header[data-v-c34e74cc]{margin-bottom:29px}[dir=ltr] .panel__wrapper__header[data-v-c34e74cc]{padding-left:20px;padding-right:13px}[dir=rtl] .panel__wrapper__header[data-v-c34e74cc]{padding-right:20px;padding-left:13px}.left-control .r-divider[data-v-c34e74cc]{line-height:12px;height:12px}[dir=ltr] .left-control .r-divider[data-v-c34e74cc]{border-right:1px solid #dfe4ea}[dir=rtl] .left-control .r-divider[data-v-c34e74cc]{border-left:1px solid #dfe4ea}.toggle_label[data-v-546d1ca4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}[dir] .toggle_label[data-v-546d1ca4]{padding:8px 10px;border:1px solid #dfe4ea;border-radius:6px;background-color:#f9f9f9}.toggle_label_text[data-v-546d1ca4]{font-size:12px;color:#161616;-webkit-box-flex:1;-ms-flex:auto;flex:auto}[dir] .toggle_label_text[data-v-546d1ca4]{text-align:center}[dir=ltr] .toggle_label_text[data-v-546d1ca4]{margin-right:4px}[dir=rtl] .toggle_label_text[data-v-546d1ca4]{margin-left:4px}.toggle_label_switch[data-v-546d1ca4]{height:20px;min-width:unset}.toggle_label[data-v-546d1ca4] .vs-switch--circle{width:14px;height:14px;top:3px}[dir=ltr] .toggle_label[data-v-546d1ca4] .vs-switch--circle{left:4px}[dir=rtl] .toggle_label[data-v-546d1ca4] .vs-switch--circle{right:4px}.toggle_label__primary .toggle_label_text[data-v-546d1ca4]{color:rgba(var(--vs-primary),1)}.toggle_label__success .toggle_label_text[data-v-546d1ca4]{color:rgba(var(--vs-success),1)}.toggle_label__danger .toggle_label_text[data-v-546d1ca4]{color:rgba(var(--vs-danger),1)}.toggle_label__warning .toggle_label_text[data-v-546d1ca4]{color:rgba(var(--vs-warning),1)}.toggle_label__dark .toggle_label_text[data-v-546d1ca4]{color:rgba(var(--vs-dark),1)}.toggle_label__gray .toggle_label_text[data-v-546d1ca4]{color:rgba(var(--vs-gray),1)}.toggle_label__light .toggle_label_text[data-v-546d1ca4]{color:rgba(var(--vs-light),1)}.toggle_label__green .toggle_label_text[data-v-546d1ca4]{color:rgba(var(--vs-green),1)}.toggle_label__small .toggle_label_switch[data-v-546d1ca4]{height:14px;max-width:22px}.toggle_label__small[data-v-546d1ca4] .vs-switch:active:not(.vs-switch--circle) .vs-switch--circle{width:17px}[dir=ltr] .toggle_label__small[data-v-546d1ca4] .vs-switch-active .vs-switch--circle{margin-left:calc(100% - 15px)}[dir=rtl] .toggle_label__small[data-v-546d1ca4] .vs-switch-active .vs-switch--circle{margin-right:calc(100% - 15px)}.toggle_label__small[data-v-546d1ca4] .vs-switch-active:active .vs-switch--circle{width:17px}[dir=ltr] .toggle_label__small[data-v-546d1ca4] .vs-switch-active:active .vs-switch--circle{margin-left:calc(100% - 23px)}[dir=rtl] .toggle_label__small[data-v-546d1ca4] .vs-switch-active:active .vs-switch--circle{margin-right:calc(100% - 23px)}.toggle_label__small[data-v-546d1ca4] .vs-switch--circle{width:9px;height:9px;top:2.5px}[dir=ltr] .toggle_label__small[data-v-546d1ca4] .vs-switch--circle{left:3px}[dir=rtl] .toggle_label__small[data-v-546d1ca4] .vs-switch--circle{right:3px}