@font-face{font-family:Roboto-bold;font-style:normal;src:local("Roboto Bold"),local("Roboto-Bold"),url(/static/media/Roboto-Bold.e07df86c.ttf) format("truetype");font-display:swap}@font-face{font-family:Roboto-regular;font-style:normal;src:local("Roboto Regular"),local("Roboto-Regular"),url(/static/media/Roboto-Regular.11eabca2.ttf) format("truetype");font-display:swap}@font-face{font-family:Roboto-medium;font-style:normal;src:local("Roboto Medium"),local("Roboto-Medium"),url(/static/media/Roboto-Medium.58aef543.ttf) format("truetype");font-display:swap}@font-face{font-family:Inter-bold;font-style:normal;src:local("Inter Bold"),local("Inter-Bold"),url(/static/media/Inter-Bold.753bd866.otf) format("truetype");font-display:swap}@font-face{font-family:Inter-regular;font-style:normal;src:local("Inter Regular"),local("Inter-Regular"),url(/static/media/Inter-Regular.9a9eeddb.otf) format("truetype");font-display:swap}@font-face{font-family:Inter-medium;font-style:normal;src:local("Inter Medium"),local("Inter-Medium"),url(/static/media/Inter-Medium.8c46da0d.otf) format("truetype");font-display:swap}@font-face{font-family:Inter-semibold;font-style:normal;src:local("Inter SemiBold"),local("Inter-SemiBold"),url(/static/media/Inter-SemiBold.55909100.otf) format("truetype");font-display:swap}@font-face{font-family:Inter-light;font-style:normal;src:local("Inter Light"),local("Inter-Light"),url(/static/media/Inter-Light.a3a9cc15.otf) format("truetype");font-display:swap}@font-face{font-family:elite-icon-font;src:url(/static/media/elite-icon-font.b5682c64.eot);src:url(/static/media/elite-icon-font.b5682c64.eot) format("embedded-opentype"),url(/static/media/elite-icon-font.1c1a5ab7.woff2) format("woff2"),url(/static/media/elite-icon-font.5ae158f7.woff) format("woff"),url(/static/media/elite-icon-font.012a24e2.ttf) format("truetype"),url(/static/media/elite-icon-font.008fee18.svg) format("svg");font-weight:400;font-style:normal}@font-face{font-family:"UD Digi Kyokasho N-R";font-style:normal;src:url(/static/media/UDDigiKyokashoN-R.78797027.ttc);font-display:swap}@font-face{font-family:"UD Digi Kyokasho N-B";font-style:normal;src:url(/static/media/UDDigiKyokashoN-B.a2eb2bbe.ttc);font-display:swap}@font-face{font-family:"Malgun Gothic Semilight";font-style:normal;src:url(/static/media/malgunsl.700ee76f.ttf);font-display:swap}@font-face{font-family:"Malgun Gothic";font-style:normal;src:url(/static/media/malgun.7ffc78f7.ttf);font-display:swap}@font-face{font-family:"Malgun Gothic Bold";font-style:normal;src:url(/static/media/malgunbd.4c1636d0.ttf);font-display:swap}:root{--transition-common:all .3s ease}.colorize--color-disable{color:var(--color-disable)}.colorize--color-text-1{color:var(--color-text-1)}.colorize--color-text-2{color:var(--color-text-2)}.colorize--color-light{color:var(--color-light)}.colorize--color-danger{color:var(--color-danger)}.colorize--color-warning{color:var(--color-warning)}.colorize--color-complete{color:var(--color-complete)}.colorize--color-primary{color:var(--color-primary)}.colorize--color-primary-dark{color:var(--color-primary-dark)}.colorize--color-gray-line{color:var(--color-gray-line)}.colorize--color-progress{color:var(--color-progress)}.colorize--stroke-gray-line{stroke:var(--color-gray-line)}.colorize--stroke-gray-line-light{stroke:var(--color-gray-line-light)}.colorize--stroke-progress{stroke:var(--color-progress)}.colorize--stroke-light{stroke:var(--color-light)}.colorize--stroke-blue{stroke:var(--color-blue)}.colorize--stroke-blue-dark{stroke:var(--color-blue-dark)}.colorize--stroke-secondary{stroke:var(--color-secondary)}.colorize--fill-text-2{fill:var(--color-text-2)}.colorize--fill-text-1{fill:var(--color-text-1)}.colorize--fill-light{fill:var(--color-light)}.colorize--fill-primary{fill:var(--color-primary)}.colorize--fill-secondary{fill:var(--color-secondary)}.colorize--fill-gray-line{fill:var(--color-gray-line)}.colorize--fill-blue-dark{fill:var(--color-blue-dark)}.colorize--fill-complete{fill:var(--color-complete)}.colorize--fill-disable{fill:var(--color-disable)}[class*=" icon-"]:before,[class^=icon-]:before{font-family:var(--font-icon);font-style:normal;font-weight:400;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-collapse-screen:before{content:""}.icon-volume-low:before{content:""}.icon-volume-mute:before{content:""}.icon-play:before{content:""}.icon-volume-high:before{content:""}.icon-pause:before{content:""}.icon-emo-sunglasses:before{content:""}.icon-expand-screen:before{content:""}.icon-subtitle:before{content:""}.icon-ic-cancel:before{content:""}.icon-subtitle-on:before{content:""}.icon-transcript:before{content:""}.icon-replay:before{content:""}.icon-play-disable:before{content:""}.day-calendar__long-event .left,.day-calendar__long-event .right,.day-calendar__timeline--time,.disable-select,.dropdown-xblock-list.common-dropdown-content .select-box,.file-previewer-container .file-previewer-current-page span,.file-previewer-container .nav-back,.file-previewer-container .nav-next,.image-preview,.learner-calendar__date-picker--day,.learner-calendar__date-picker--footer button,.learner-calendar__date-picker--header,.learner-calendar__viewmode-toggler .view-toggler-btn,.learning-assessment .answer-group .answer-attachments__upload,.mb-month-calendar__header,.month-calendar__day--event-item,.month-calendar__day--title label,.month-calendar__day--viewmore-event,.month-calendar__event-popup .event-card-details__actions--item,.month-calendar__event-popup .event-card-details__main-info--content .actions,.month-calendar__header--day,.preview-header .preview-logo,.select-course-levels__item,.transcript-container .transcript-header .language-selection,.video-player-container .video-js.video-player .vjs-control-bar:after,.video-player-container .video-js.video-player .vjs-time-control{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input,textarea{color:inherit}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--color-disable)!important}input[type=number]{-moz-appearance:textfield}input:-internal-autofill-selected{background-color:var(--color-light)!important;box-shadow:0 0 0 30px var(--color-light) inset!important}.background-common{display:inline-block;background-position:50%;background-repeat:no-repeat;background-size:cover}.icon-eye{background-image:url(/static/media/ic_show_password_16.5d1eb185.svg)}.icon-close-eye{background-image:url(/static/media/ic_hide_password_16.531af1d7.svg)}.size-16{width:16px;height:16px;min-width:16px}.color-warning{color:var(--color-danger)}.color-active{color:var(--color-complete)}.color-purple{color:var(--color-primary)}.color-text2{color:var(--color-text-2)}.regular-text{font-family:var(--font-regular)}.row-12{margin-right:-12px!important;margin-left:-12px!important}.col-12{padding-right:12px!important;padding-left:12px!important}html body a:hover{text-decoration:none}html body .modal{overflow-x:hidden;overflow-y:auto}h1{font-size:36px;line-height:48px}h1,h2{font-family:var(--font-semibold)}h2{font-size:28px;line-height:40px}h3{font-size:24px;line-height:36px;font-family:var(--font-semibold)}h4{font-size:20px;line-height:32px;font-family:var(--font-medium)}h5{font-size:18px}h5,h6{line-height:24px;font-family:var(--font-medium)}h6{font-size:16px}.btn-common{font-size:14px;line-height:24px;font-family:var(--font-medium);padding:6px 24px;min-height:40px;border:none!important;outline:0!important;border-radius:8px;background-color:var(--color-primary);color:var(--color-light);transition:all .3s ease-in-out}.btn-common a{color:var(--color-light);text-decoration:none}.btn-common:disabled{background-color:var(--color-background);cursor:not-allowed}.btn-common:disabled,.btn-common:disabled a{color:var(--color-disable)}.btn-common:disabled:hover{background-color:var(--color-background)}.btn-common:hover{background-color:var(--color-primary-dark)}.close{transition:all .3s ease;transition:var(--transition-common)}.elite-tooltip .tooltip-inner{padding:4px 8px;background:var(--color-text-1);border-radius:4px;max-width:440px}.elite-tooltip .tooltip{padding:4px!important}.elite-tooltip .tooltip.show{opacity:1}.elite-tooltip .tooltip[x-placement^=bottom]{margin-top:4px}.elite-tooltip .tooltip[x-placement^=bottom] .arrow{width:8px;height:4px}.elite-tooltip .tooltip[x-placement^=bottom] .arrow:before{border-width:0 4px 4px;border-bottom-color:var(--color-text-1)!important}.elite-tooltip .tooltip[x-placement^=top]{margin-bottom:4px}.elite-tooltip .tooltip[x-placement^=top] .arrow{width:8px;height:4px}.elite-tooltip .tooltip[x-placement^=top] .arrow:before{border-width:4px 4px 0;border-top-color:var(--color-text-1)!important}.elite-tooltip .tooltip[x-placement^=left]{margin-right:4px}.elite-tooltip .tooltip[x-placement^=left] .arrow{width:4px;height:8px}.elite-tooltip .tooltip[x-placement^=left] .arrow:before{border-width:4px 0 4px 4px;border-left-color:var(--color-text-1)!important}.elite-tooltip .tooltip[x-placement^=right]{margin-left:4px}.elite-tooltip .tooltip[x-placement^=right] .arrow{width:4px;height:8px}.elite-tooltip .tooltip[x-placement^=right] .arrow:before{border-width:4px 4px 4px 0;border-right-color:var(--color-text-1)!important}.elite-tooltip .tooltip[x-placement^=bottom-end]{margin-top:4px;margin-right:-8px;padding-right:0}.elite-tooltip .tooltip[x-placement^=bottom-end] .arrow{width:8px;height:4px}.elite-tooltip .tooltip[x-placement^=bottom-end] .arrow:before{border-width:0 4px 4px;border-bottom-color:var(--color-text-1)!important;right:0}.single-checkbox{display:grid;font-size:14px;line-height:24px;color:var(--color-text-1);width:-webkit-max-content;width:max-content}.single-checkbox .cds-checkbox-wrapper{margin-bottom:0;display:inline-flex;cursor:pointer}.single-checkbox .cds-checkbox-wrapper:hover .cds-checkbox .cds-checkbox-inner{border-color:var(--color-complete)}.single-checkbox .cds-checkbox-wrapper .cds-checkbox{width:16px;height:16px;margin:4px 0;padding:0;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.single-checkbox .cds-checkbox-wrapper .cds-checkbox input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.single-checkbox .cds-checkbox-wrapper .cds-checkbox .cds-checkbox-inner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:0 0;border-radius:2px;border:1px solid var(--color-disable);transition:all .2s ease;padding:1px}.single-checkbox .cds-checkbox-wrapper .cds-checkbox .cds-checkbox-inner svg{opacity:0;width:0;height:0;transition:all .2s ease}.single-checkbox .cds-checkbox-wrapper .cds-checkbox .cds-checkbox-inner .partial-rect{position:absolute;opacity:0;width:0;height:0;transition:all .3s ease;transition:var(--transition-common)}.single-checkbox .cds-checkbox-wrapper .cds-checkbox.checked .cds-checkbox-inner{border-color:var(--color-complete);background:var(--color-complete)}.single-checkbox .cds-checkbox-wrapper .cds-checkbox.checked .cds-checkbox-inner svg{opacity:1;width:12px;height:12px}.single-checkbox .cds-checkbox-wrapper .cds-checkbox.partial .cds-checkbox-inner{border-color:var(--color-complete);background:var(--color-complete)}.single-checkbox .cds-checkbox-wrapper .cds-checkbox.partial .cds-checkbox-inner .partial-rect{opacity:1;width:6px;height:6px;border-radius:1px;background:var(--color-light)}.single-checkbox .cds-checkbox-wrapper .checkbox-label{margin-left:8px;word-break:break-word;transition:all .2s ease}.single-checkbox .cds-checkbox-wrapper.disabled,.single-checkbox .cds-checkbox-wrapper.disabled .cds-checkbox input{cursor:not-allowed}.single-checkbox .cds-checkbox-wrapper.disabled .cds-checkbox .cds-checkbox-inner{border-color:var(--color-disable)!important}.single-checkbox .cds-checkbox-wrapper.disabled .cds-checkbox.checked .cds-checkbox-inner{background:var(--color-disable)!important}.single-checkbox.horizontal{display:flex;flex-wrap:wrap;max-width:100%}.single-checkbox.horizontal .cds-checkbox-wrapper{margin-right:24px}.single-checkbox.horizontal .cds-checkbox-wrapper:last-of-type{margin-right:0}.elite-dropdown{transition:all .3s ease!important}.elite-dropdown .popover{position:relative;background:var(--color-light);box-shadow:var(--box-shadow-big);border-radius:16px;border:none;margin-top:8px;max-width:unset;word-break:break-word}.common-modal-container.fade,.common-modal-container.show{transition:all .1s ease}.common-modal-container.fade .modal-dialog,.common-modal-container.show .modal-dialog{transition:0s ease;transform:none;max-width:705px;margin-top:56px}.common-modal-container.fade .modal-dialog .modal-content,.common-modal-container.show .modal-dialog .modal-content{font-size:14px;line-height:24px;color:var(--color-text-1);border:none;box-shadow:none;outline:0;border-radius:8px;overflow:hidden}.common-modal-container.fade .modal-dialog .common-modal-header,.common-modal-container.show .modal-dialog .common-modal-header{font-size:16px;line-height:24px;padding:8px 16px 8px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 0 rgba(0,0,0,.12)}.common-modal-container.fade .modal-dialog .common-modal-header label,.common-modal-container.show .modal-dialog .common-modal-header label{margin-bottom:0;font-family:var(--font-medium)}.common-modal-container.fade .modal-dialog .common-modal-body,.common-modal-container.show .modal-dialog .common-modal-body{padding:24px}.common-modal-container.fade .modal-dialog .common-modal-body .modal-actions,.common-modal-container.show .modal-dialog .common-modal-body .modal-actions{display:flex;justify-content:flex-end;align-items:center;margin-top:24px}.common-modal-container.fade .modal-dialog .btn-cancel,.common-modal-container.show .modal-dialog .btn-cancel{font-size:14px;line-height:24px;padding:10px 16px;color:var(--color-text-2);background:0 0;border:none;border-radius:6px;transition:all .3s ease;transition:var(--transition-common);cursor:pointer;font-family:var(--font-medium)}.common-modal-container.fade .modal-dialog .btn-cancel:hover,.common-modal-container.show .modal-dialog .btn-cancel:hover{background:var(--color-background);color:var(--color-text-1)}.common-modal-container.fade .modal-dialog .btn-active,.common-modal-container.show .modal-dialog .btn-active{font-size:14px;line-height:24px;padding:10px 16px;color:var(--color-light);background:var(--color-complete);border:none;border-radius:6px;transition:all .3s ease;transition:var(--transition-common);cursor:pointer;margin-left:12px;font-family:var(--font-medium)}.common-modal-container.fade .modal-dialog .btn-active.bg-orange,.common-modal-container.show .modal-dialog .btn-active.bg-orange{background:var(--color-secondary)}.common-modal-container.fade .modal-dialog .btn-active.bg-orange:hover,.common-modal-container.show .modal-dialog .btn-active.bg-orange:hover{background:var(--color-secondary-hover)}.common-modal-container.fade .modal-dialog .btn-active.bg-green,.common-modal-container.show .modal-dialog .btn-active.bg-green{background:var(--color-complete)}.common-modal-container.fade .modal-dialog .btn-active.bg-green:hover,.common-modal-container.show .modal-dialog .btn-active.bg-green:hover{background:var(--color-complete-hover)}.common-modal-container.fade .modal-dialog .btn-active.bg-error,.common-modal-container.fade .modal-dialog .btn-active.bg-error:hover,.common-modal-container.show .modal-dialog .btn-active.bg-error,.common-modal-container.show .modal-dialog .btn-active.bg-error:hover{background:var(--color-danger)}.common-modal-container.fade .modal-dialog .btn-active:hover,.common-modal-container.show .modal-dialog .btn-active:hover{background:var(--color-complete-hover)}.common-modal-container.fade .modal-dialog .btn-active:disabled,.common-modal-container.show .modal-dialog .btn-active:disabled{background:var(--color-background)!important;color:var(--color-disable);cursor:not-allowed}.lazy-video--empty{width:100%;min-height:370px;background:var(--color-background);box-shadow:var(--inner-shadow);border-radius:8px;display:grid;align-items:center;justify-content:center}.lazy-video--empty .lazy-video--content{display:flex;flex-direction:column;align-items:center}.lazy-video--empty .lazy-video--content div{margin-top:12px;color:var(--color-text-2);font-size:16px;line-height:24px}.elite-thumbnail-wrapper{display:block;width:327px;min-width:327px;height:184px;height:var(--height-image-common);border-radius:8px;overflow:hidden;background-color:var(--color-background)}.elite-thumbnail-wrapper .elite-thumbnail{object-fit:cover}.btn-on-dark{display:flex;align-items:center;padding:12px;min-height:40px;background:0 0;border:none;outline:0;border-radius:8px;transition:all .3s ease;transition:var(--transition-common);cursor:pointer}.btn-on-dark.active,.btn-on-dark:hover{background:rgba(var(--RGB_color-light),.1)}.field-input{background:var(--color-background);box-shadow:var(--inner-shadow);border-radius:8px;border:none;width:100%;height:40px;padding:8px 12px;font-size:14px;line-height:24px}.field-input:disabled{color:var(--color-text-2)}.block-name-container{padding:8px 0;width:100%;display:block}.block-name-container .display-text{margin:0;cursor:text;width:100%;min-width:50px;min-height:24px;display:block;white-space:pre-wrap}.block-name-container .display-text .placeholder{color:var(--color-disable)}.block-name-container .input-display-name{display:block;width:100%;padding:0;margin:0;border:none;background:0 0;resize:none}.file-input{display:none}.upload-file{width:calc(100% - 148px);margin-bottom:0}.upload-file .field-file{padding:0 4px 0 12px;background:var(--color-background);box-shadow:var(--inner-shadow);border-radius:8px;border:none;height:40px;display:flex;align-items:center;justify-content:space-between;font-size:14px;line-height:24px}.upload-file .field-file .upload-text{color:var(--color-text-2)}.upload-file .field-file .upload-button{color:var(--color-light);background:var(--color-primary);padding:4px 12px;border-radius:6px;cursor:pointer}textarea.field-input{height:auto;min-height:40px;display:block}input:focus,textarea:focus{outline:0}.square-button{display:grid;padding:8px;border:none;border-radius:6px;background:0 0;cursor:pointer;transition:all .3s ease;transition:var(--transition-common)}.square-button.must-show,.square-button:hover{background:rgba(var(--RGB_color-text-1),.05)}.square-button.must-show{opacity:1!important;z-index:0!important}.square-button.no-effect{background:0 0}.common-dropdown.elite-dropdown .popover{overflow:hidden}.common-dropdown .common-dropdown-content{font-size:14px;line-height:24px;color:var(--color-light);min-width:240px;background-color:var(--color-text-1);padding:12px 0}.common-dropdown .common-dropdown-content .select-item{display:block;padding:0 12px;cursor:pointer}.common-dropdown .common-dropdown-content .select-item .select-box{font-size:14px;line-height:24px;padding:8px 12px;border-radius:8px;transition:all .3s ease;transition:var(--transition-common);display:flex;align-items:center}.common-dropdown .common-dropdown-content .select-item .select-box svg{margin:4px 12px 4px 0}.common-dropdown .common-dropdown-content .select-item:hover .select-box{background-color:rgba(var(--RGB_color-light),.15)}.common-dropdown .common-dropdown-content .select-item.disabled{cursor:not-allowed}.common-dropdown .common-dropdown-content.light{background-color:var(--color-light);color:var(--color-text-1)}.common-dropdown .common-dropdown-content.light .select-item:hover .select-box{background-color:rgba(var(--RGB_color-text-1),.05)}.common-dropdown .common-dropdown-content.light .select-item .select-box.active{background-color:rgba(var(--RGB_color-primary),.1)}.common-dropdown .common-dropdown-content.light .select-item.disabled .select-box{cursor:not-allowed;color:var(--color-disable)}.common-dropdown .pop-confirm-popup{padding:24px;max-width:288px}.common-dropdown .pop-confirm-popup .pop-confirm-message{text-align:center;margin-bottom:16px}.common-dropdown .pop-confirm-popup .actions-group{font-size:14px;line-height:24px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-medium)}.common-dropdown .pop-confirm-popup .actions-group .cancel-btn{width:calc(50% - 6px);background:var(--color-background);border-radius:8px;color:var(--color-text-2);transition:all .3s ease;transition:var(--transition-common);padding:8px;border:none}.common-dropdown .pop-confirm-popup .actions-group .cancel-btn:hover{background:var(--color-gray-line-light)}.common-dropdown .pop-confirm-popup .actions-group .confirm-btn{width:calc(50% - 6px);background:var(--color-danger);border-radius:8px;color:var(--color-light);transition:all .3s ease;transition:var(--transition-common);padding:8px;border:none}.common-dropdown .pop-confirm-popup .actions-group .confirm-btn:hover{background:var(--color-danger-dark)}.common-dropdown .pop-confirm-popup .actions-group .confirm-btn:disabled{background-color:var(--color-background);color:var(--color-disable);cursor:not-allowed}.common-modal-container.modal-confirm.fade .modal-dialog,.common-modal-container.modal-confirm.show .modal-dialog{max-width:400px}.common-modal-container.modal-confirm.fade .modal-dialog .modal-confirm-content,.common-modal-container.modal-confirm.show .modal-dialog .modal-confirm-content{padding:24px;text-align:center}.common-modal-container.modal-confirm.fade .modal-dialog .modal-confirm-content .confirm-title,.common-modal-container.modal-confirm.show .modal-dialog .modal-confirm-content .confirm-title{font-size:16px;line-height:24px;font-family:var(--font-semibold);margin-bottom:12px}.common-modal-container.modal-confirm.fade .modal-dialog .modal-confirm-content .confirm-message,.common-modal-container.modal-confirm.show .modal-dialog .modal-confirm-content .confirm-message{font-size:14px;line-height:24px;margin-bottom:24px;overflow-x:hidden;overflow-y:auto;max-height:50vh}.common-modal-container.modal-confirm.fade .modal-dialog .modal-confirm-content .actions-group,.common-modal-container.modal-confirm.show .modal-dialog .modal-confirm-content .actions-group{font-size:14px;line-height:24px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-medium)}.common-modal-container.modal-confirm.fade .modal-dialog .modal-confirm-content .actions-group .cancel-btn,.common-modal-container.modal-confirm.show .modal-dialog .modal-confirm-content .actions-group .cancel-btn{width:calc(50% - 6px);background:var(--color-background);border-radius:8px;color:var(--color-text-2);transition:all .3s ease;transition:var(--transition-common);padding:8px;border:none}.common-modal-container.modal-confirm.fade .modal-dialog .modal-confirm-content .actions-group .cancel-btn:hover,.common-modal-container.modal-confirm.show .modal-dialog .modal-confirm-content .actions-group .cancel-btn:hover{background:var(--color-gray-line-light)}.common-modal-container.modal-confirm.fade .modal-dialog .modal-confirm-content .actions-group .confirm-btn,.common-modal-container.modal-confirm.show .modal-dialog .modal-confirm-content .actions-group .confirm-btn{width:calc(50% - 6px);background:var(--color-danger);border-radius:8px;color:var(--color-light);transition:all .3s ease;transition:var(--transition-common);padding:8px;border:none}.common-modal-container.modal-confirm.fade .modal-dialog .modal-confirm-content .actions-group .confirm-btn:hover,.common-modal-container.modal-confirm.show .modal-dialog .modal-confirm-content .actions-group .confirm-btn:hover{background:var(--color-danger-dark)}.common-modal-container.modal-confirm.fade .modal-dialog .modal-confirm-content .actions-group .confirm-btn:disabled,.common-modal-container.modal-confirm.show .modal-dialog .modal-confirm-content .actions-group .confirm-btn:disabled{background-color:var(--color-background);color:var(--color-disable);cursor:not-allowed}.coming-soon-container{text-align:center;padding-top:56px}.coming-soon-container svg{margin-bottom:16px}.collapsing{transition:height .2s ease!important}.container-empty{font-size:14px;line-height:24px;display:flex;flex-direction:column;align-items:center;width:100%;padding:8px}.container-empty .label-emtpy{color:var(--color-text-2);margin-top:16px;white-space:pre-wrap;text-align:center;cursor:default}.container-empty .remove-filter{margin-top:16px;cursor:pointer;color:var(--color-primary);padding:8px 16px;border-radius:6px;background:var(--color-background);transition:all .3s ease;transition:var(--transition-common)}.container-empty .remove-filter:hover{color:var(--color-light);background:var(--color-primary)}.help-location{margin-left:auto}.help,.help-location{margin-top:-2px;cursor:pointer}.help{margin-left:8px}.rich-display-content{width:100%;overflow:auto}.rich-display-content img{max-width:100%;object-fit:contain;height:auto}.rich-display-content .tiny-pageembed iframe{width:100%;height:500px}.hidden-text-editor{display:none!important;z-index:-1!important;opacity:0!important;pointer-events:none!important;position:absolute!important;transform:translateX(-100%) translateZ(0)!important}.content-no-wrap{white-space:nowrap}.time-zone{font-size:14px;line-height:24px;color:var(--color-text-2);font-family:var(--font-regular);margin-left:8px}.content-min-width{min-width:150px}.header-container.intro-content{display:flex;height:56px;align-items:center}button:focus{outline:0!important}.intro-container{background-size:cover;background-repeat:no-repeat;height:336px}.container-wrap{position:relative}.container-intro-content{position:absolute;top:0;left:146px;right:146px;bottom:0}@media(max-width:797px){.container-intro-content{position:absolute;top:0;left:auto;right:auto;bottom:0}}.intro-text{font-size:36px;line-height:42px;font-family:Roboto-bold;color:var(--color-light);padding-top:86px;padding-bottom:36px}.cme-button{background:var(--color-primary);box-shadow:0 4px 16px rgba(38,52,70,.12);border-radius:4px;font-size:15px;line-height:18px;color:var(--color-light)!important;font-family:Roboto-medium;height:48px;padding:0 29px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.cme-button:hover{background:var(--color-primary-dark);text-decoration:none!important}.course-image{width:350px;height:196px;border-radius:8px}.course-content{margin-left:30px;width:100%;background:var(--color-light);box-shadow:0 4px 16px rgba(38,52,70,.12);border-radius:8px;padding:24px 30px;display:flex;flex-direction:column}.ic-cme{background-repeat:no-repeat;background-size:contain;display:block}.ic-cme:hover{cursor:pointer}.course-title{color:#222;font-family:Roboto-bold;font-size:20px;line-height:24px}.course-date{font-size:15px;line-height:18px;color:#969696;margin:8px 0}.people-register{font-size:17px;line-height:20px;color:var(--color-primary);font-family:Roboto-bold}.text-people-register{font-size:17px;line-height:20px;color:#222;margin-right:auto}.button-row{display:flex;margin-top:auto;align-items:flex-end;min-height:48px}.course-header{font-size:24px;line-height:28px;color:#263446;margin-bottom:24px;font-family:Roboto-bold}.background-course{background:#f7f8fb;padding:56px 0 26px}.course-row{display:flex;margin-bottom:30px}.course-content>.course-title,.course-image-container{cursor:pointer}.intro-content.about-hosrem-container{padding:86px 0}.about-hosrem-text{font-size:15px;line-height:22.5px;text-align:justify;color:#969696;margin-top:30px;margin-bottom:26px}.read-more{color:#ff8a41;font-size:15px;line-height:20px}.read-more:hover{cursor:pointer}.ic-read-more{background-image:url(/static/media/ic-read-more.295a0312.svg);width:16px;height:16px}.intro-content.sponsor-container{padding:86px 0}.background-sponsor{background-color:#f7f8fb}.new-header-sponsor{color:var(--color-primary)}.new-header-sponsor,.sponsor-name{font-size:36px;line-height:42px;font-family:Roboto-bold}.sponsor-name{color:#ff8a41}.ic-facebook{background-image:url(/static/media/ic-facebook.b9caf49a.svg)}.ic-facebook,.ic-google{width:16px;height:16px;margin-right:10px}.ic-google{background-image:url(/static/media/ic-google.32e3c2b0.svg)}.ic-twitter{background-image:url(/static/media/ic-twitter.740f0523.svg);width:16px;height:16px;margin-right:10px}.footer-text{font-size:13px;line-height:16px;text-align:right;color:#969696;margin-left:3px}.company-name{color:#ff8a41}.company-name:hover{cursor:pointer}.first-footer-row{min-height:56px;display:flex;align-items:center}.share-content{display:flex}.privacy-text{font-size:13px;line-height:16px;display:flex;align-items:center;color:#222;margin-right:12px;margin-left:12px;cursor:pointer}.privacy-container{min-height:56px;display:flex;align-items:center;border-top:1px solid #d8d8d8;flex-wrap:wrap}.container-footer{box-shadow:0 0 4px rgba(0,0,0,.08)}.language-dropdown .language-dropdown-single-select{font-size:13px;color:#222;font-family:Roboto-medium}.language-dropdown .language-dropdown-single-select:before{border-bottom:none}.language-dropdown .language-dropdown-single-select:hover:before{border-bottom:none!important}.language-dropdown .language-dropdown-single-select:after{border-bottom:none}.language-dropdown .icon-dropdown{right:5px;background-image:url(/static/media/ic-down.8013e82b.svg);background-repeat:no-repeat;background-size:contain;width:16px;height:16px;display:block;margin-top:5px;line-height:16px}.icon-dropdown path{display:none}.user-action.avatar-dropdown{width:350px;background:#222;box-shadow:0 4px 16px rgba(38,52,70,.08),0 2px 12px rgba(0,0,0,.08),0 6px 20px rgba(0,0,0,.06);border-radius:8px;padding:0;margin-top:10px}.ic-dashboard{background-image:url(/static/media/ic-dashboard.f3fd0120.svg)}.ic-dashboard,.ic-help{width:16px;height:16px;margin-right:20px}.ic-help{background-image:url(/static/media/ic-help.cd57acb3.svg)}.ic-person-profile{background-image:url(/static/media/ic-person-profile.6a81f7b0.svg);width:16px;height:16px;margin-right:20px}.avatar-dropdown-item{color:var(--color-light)}.user-name-dropdown-item.dropdown-item{white-space:normal}.avatar-action-row{height:42px;display:flex;align-items:center;padding-left:20px}.avatar-image{border-radius:50%!important;object-fit:cover;border:1px solid var(--color-gray-line-light)}.avatar-action-row:hover{background:#383838}.user-email{opacity:.4;margin-top:7px}.user-email,.user-name{color:var(--color-light)}.user-name{padding-bottom:4px;font-size:24px;line-height:28px;font-family:Roboto-bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-name-dropdown-item{padding-left:20px;border-bottom:1px solid #383838}.user-name-dropdown-item:hover{background:#383838;border-radius:8px 8px 0 0}.avatar-action-row.log-out-item:hover{border-radius:0 0 8px 8px}.user-name:hover{text-decoration:none;color:var(--color-light)}.disabled-link{color:var(--color-light)!important;text-decoration:none!important;cursor:default;background-color:#d8d8d8!important}.cme-button:disabled{background:#d8d8d8}.about-hosrem-image{display:flex;justify-content:flex-end;padding-right:0}.intro-image{width:350px;height:275px}.about-hosrem-logo{width:267px;height:48px}.logo-image{width:178px;height:32px}.ic-cookie{background-image:url(/static/media/ic-cookie.60ac1332.svg);width:36px;height:36px}.understand-button{margin-left:122px;height:36px;min-width:130px}.cookie-content{display:flex;align-items:center;padding:16px 0;min-width:130px}.text-cookie{margin-left:24px}a.cookie-link{color:var(--color-primary)}.required-button{min-width:133px}@media(max-width:1199.98px){.intro-content{padding:0 15px}.about-hosrem-image{padding-right:15px}.cookie-content.intro-content{padding:16px}.understand-button{margin-left:20px}}.header-cme-hosrem{box-shadow:0 .5px 2px rgba(38,52,70,.25)}.default-header{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;background-color:var(--color-light);z-index:1001}@media(max-width:991.98px){.intro-image{width:100%}}@media(max-width:789.98px){.privacy-text-contact{margin-left:3px}}@media(max-width:767.98px){.intro-container{height:240px}.intro-text{padding-top:48px;padding-bottom:24px}.course-row{display:block}.course-content{margin-left:0;border-radius:0 0 8px 8px;padding:15px;cursor:pointer}.course-image{width:100%;max-width:none;border-radius:8px 8px 0 0}.required-button{padding:0 15px;min-width:0;height:36px}.intro-image{max-width:344px;height:auto}.about-hosrem-image{margin-top:36px;justify-content:center}.sponsor-image{display:flex;justify-content:center;margin-bottom:36px}.intro-content.about-hosrem-container{padding:36px 0}.intro-content.sponsor-container{padding:48px 0}.about-hosrem-text{text-align:left}.cookie-content{display:block}.text-cookie{margin-left:0}.understand-button{margin-left:auto;margin-top:15px;display:flex}}@media(max-width:575.98px){.logo-image{width:111px;height:20px}.intro-image{height:270px}.sponsor-image{height:250px}.header-container .avatar-button{border-radius:50%}.intro-container{min-height:200px}.background-course{padding:36px 0 1px}.new-header-sponsor,.sponsor-name{font-size:24px;line-height:28px}.about-hosrem-logo{width:200px;height:36px}.intro-text{font-size:22px;line-height:28px}.course-image{height:124px}.first-footer-row{display:block;padding:20px 0 4px}.first-footer-row .footer-text,.footer-text{text-align:left}.footer-text.second-footer-row{margin-bottom:12px}.privacy-container{border-top:none;padding-bottom:36px}.privacy-text{margin-right:7px;margin-left:7px}.privacy-text.privacy-text-contact{margin-left:4px}.dropdown-menu.user-action{width:100vw!important;top:42px!important;padding:48px 15px;box-shadow:none;border-radius:0;height:calc(100vh - 47px)}.dropdown-menu.user-action.avatar-dropdown{width:100vw!important;right:-15px!important;padding:0;transform:none!important;left:auto!important;top:41px!important}body .hide-scroll{overflow:hidden;height:100vh}.login-button-mobile{display:none}.header-container-mb{background:#222}.user-action.show{margin-top:0}.avatar-action-row,.user-name-dropdown-item{border-bottom:none;padding:18px 0 18px 15px}.avatar-action-row{height:56px}.user-name-dropdown-item{min-height:78px;height:auto}.user-name-dropdown-item:hover{background:#222;border-radius:0}.user-email{padding-bottom:15px;border-bottom:1px solid #7a7a7a}.btn-secondary.focus,.login-button.btn-secondary:focus,.login-button.btn-secondary:hover{padding:0}.header-container.intro-content{height:48px}.hidden-cookie-mb{display:none}}.company-name:hover,.read-more:hover{color:var(--color-secondary);text-decoration:none}.modal-button{height:36px;padding:0 20px}.modal-confirm{padding:36px 24px;font-size:16px;line-height:20px}.cookie-contanier{box-shadow:0 4px 16px rgba(38,52,70,.12)}.custom-header-username{padding:16px 24px}.custom-header-username:hover{background:0 0}.custom-modal-confirm{padding:24px;font-size:15px;line-height:22.5px}.custom-modal{margin-top:56px}.custom-modal,.custom-modal .modal-dialog{max-width:647px!important}.custom-modal .modal-footer{border:none!important;padding:0 24px 24px}.custom-button-all{min-width:85px;max-width:105px;max-height:36px;height:36px;margin:0;padding:10px 16px;border:none;color:var(--color-primary);font-family:Roboto-bold;font-size:15px;line-height:18px;text-transform:uppercase;background:var(--color-light)}.custom-button-all:hover{background-color:rgba(31,62,174,.2)}@media(max-width:340.98px){.button-row{display:block}.required-button{margin-top:20px}}.reset-logo{display:flex;height:56px;align-items:center;background:var(--color-light);padding-left:128px;box-shadow:0 .5px 2px rgba(38,52,70,.25)}.reset-password-content{min-height:calc(100vh - 56px);align-items:center;background:#f7f8fb}.reset-form{margin-bottom:100px}.reset-password{font-family:Roboto-bold;font-size:24px;line-height:28px;margin-bottom:8px}.enter-email{color:#969696;margin-bottom:0}.reset-input{margin-top:36px;margin-bottom:24px}.reset-input.form-control{height:48px}.reset-button{width:100%}.reset-button:focus{outline:0}.error-email{color:var(--color-secondary);font-size:13px;margin-bottom:14px;margin-top:-15px;margin-left:2px}.reset-pass-content{display:flex;justify-content:center}.password-reset-complete{display:flex;align-items:center;flex-direction:column;min-height:calc(100vh - 56px)}.password-complete{font-size:24px;line-height:25px;color:var(--color-primary);font-family:Roboto-medium;text-align:center;margin-bottom:16px}.sign-in-account{width:auto;margin-top:36px;padding-left:63px;padding-right:63px;text-transform:uppercase}.intro-content.header-reset-page{display:flex;align-items:center;height:56px}@media(max-width:576.98px){.password-reset-complete,.reset-password-content{min-height:calc(100vh - 48px)}.intro-content.header-reset-page{height:48px}}.password-reset{font-family:Roboto-bold;font-size:24px;line-height:28px}.password-input,.resetPassword-input{margin-bottom:24px}.resetPassword-input.form-control{height:48px}.reset-new-password{min-height:calc(100vh - 56px);align-items:center}.login-button{margin-left:auto;border:none;font-family:Roboto-medium;color:var(--color-primary-2);background:0 0;padding:0}.user-action{width:445px;background:var(--color-light);box-shadow:0 4px 16px rgba(38,52,70,.16);border-radius:0 0 8px 8px;border:none;margin-top:15px;padding:48px 24px}.nav-tabs .nav-item.login-tab.show .nav-link,.nav-tabs .nav-link.login-tab.active{border-color:var(--color-light);color:var(--color-primary-2);font-family:Roboto-medium;font-size:20px;line-height:24px;border-bottom:3px solid var(--color-primary-2);padding:0 0 8px;margin:0 30px 0 0}.tab-container{border-bottom:none;padding-bottom:16px}.nav-tabs .nav-link.login-tab{font-size:20px;line-height:24px;border:none;color:#d8d8d8;font-family:Roboto-medium;padding:0 0 8px;margin:0 30px 0 0}.login-tab:focus,.user-action:focus{outline:0}.login-button.btn-secondary:not(:disabled):not(.disabled).active,.login-button.btn-secondary:not(:disabled):not(.disabled):active,.login-button.show>.btn-secondary.dropdown-toggle{color:var(--color-primary-2);background-color:var(--color-light);border-color:var(--color-light)}.login-button.btn-secondary:not(:disabled):not(.disabled).active:focus,.login-button.btn-secondary:not(:disabled):not(.disabled):active:focus,.login-button.show>.btn-secondary.dropdown-toggle:focus{box-shadow:none}.btn-secondary.focus,.login-button.btn-secondary:focus,.login-button.btn-secondary:hover{color:var(--color-primary-2);background-color:var(--color-light);border-color:var(--color-light);box-shadow:none}.login-input.form-control{margin-top:24px;border:1px solid #d8d8d8;box-sizing:border-box;border-radius:4px;height:48px;color:#969696}.forgot-pass-text,forgot-pass-text:hover{font-size:15px;line-height:18px;color:var(--color-primary-2);text-decoration:none;margin-bottom:24px;margin-top:24px;display:flex;justify-content:center}.login-form-button{width:100%;margin-bottom:72px}.name-input{text-transform:capitalize}.logout-form-button{width:100%;margin-top:66px}.error-message{color:var(--color-danger);font-size:12px;line-height:16px;margin-top:8px}.pass-input-container{position:relative}.ic-hide-pass{background-image:url(/static/media/ic-hide-pass.c49ead13.svg)}.ic-hide-pass,.ic-show-pass{width:16px;height:16px;position:absolute;top:18px;right:24px}.ic-show-pass{background-image:url(/static/media/ic-show-pass.448b6911.svg)}.recaptcha-register{padding-top:5px}.term-of-service-register{margin-top:10px}.register-form-button{width:100%;margin-top:24px}a.checkbox-link{color:var(--color-primary-2)}.cme-date-register{margin-top:24px}.cme-date-register .cme-date .DateInput_input,.cme-date-register .cme-date .SingleDatePickerInput{background:var(--color-light)}.container-login{display:flex;justify-content:center;align-items:center;background-color:var(--color-light);min-height:100vh;background-image:url(/static/media/k_login_bg.18ec1f4a.png);height:100vh;width:100vw;background-size:cover;background-repeat:no-repeat}.container-login .language-dropdown{width:135px}.container-login .language-dropdown .elite-select{font-size:16px;line-height:24px}.left-col{width:458px;background:var(--color-light);padding:36px 48px;box-shadow:4px 4px 24px rgba(0,0,0,.25);border-radius:4px;margin-left:68px;height:644px;overflow:scroll}.left-col .k-title{color:var(--color-primary-2);font-family:var(--font-bold);margin:20px 0 24px;font-size:24px;line-height:28px}.custom-left-col{min-height:unset!important;height:100vh!important}.right-col{width:calc(100vw - 531px);height:100%;min-height:100vh}.container-right-background,.img-right-background{width:inherit;height:inherit}.img-right-background{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.img-right-background .bg-login{background-image:url(/static/media/bg-login.8f563291.svg);background-size:cover;object-fit:cover;max-width:731px;max-height:632px;width:100%;height:100%}.img-right-background .bg-login,.logo-e-learning{background-repeat:no-repeat;background-position:50%}.logo-e-learning{width:168px;height:32px;display:block;background-image:url(/static/media/logo-e-learning.4399bb92.svg);background-size:100%;cursor:pointer}.text-sign-in{font-family:var(--font-semibold);font-size:18px;line-height:24px;color:var(--color-text-1);margin-top:24px;margin-bottom:24px}.text-forgot-password{margin-bottom:12px!important}.input-field{width:360px;max-width:100%;height:48px;background:var(--color-light);border:1px solid var(--color-gray-line);box-sizing:border-box;border-radius:8px;margin-top:12px;padding:12px 16px}.input-field:focus{outline:0!important;border:1px solid var(--color-primary-2)!important;box-sizing:border-box;border-radius:6px}.textarea-field{width:100%;font-size:14px;max-width:100%;min-height:88px;background:var(--color-light);border:1px solid var(--color-gray-line);box-sizing:border-box;border-radius:6px;margin-top:12px;padding:12px 16px;transition:all .2s ease-in-out}.textarea-field:focus{outline:0!important;border:1px solid var(--color-primary-2)!important;box-sizing:border-box;border-radius:6px}.label-login{font-family:var(--font-semibold);font-size:16px;line-height:24px}.custom-row{margin-top:24px}.container-label-fogot{width:100%;display:inline-flex}.label-link{margin-left:auto}.label-link,.label-link:hover{color:var(--color-primary-2)}.container-btn-login{width:100%;display:inline-flex;margin-top:24px;margin-bottom:0;align-items:center}.custom-for-register{display:flex;flex-direction:column}.btn-login{font-family:var(--font-medium);background-color:var(--color-primary-2);outline:0!important;border:none!important;border-radius:var(--border-radius-h48);color:var(--color-light);width:100%;padding-left:24px;padding-right:24px;height:48px;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.btn-login svg{margin-right:12px}.btn-login:disabled{color:var(--color-disable)}.btn-login:disabled,.btn-login:disabled:hover{background-color:var(--color-background)}.btn-login:hover{background-color:var(--color-primary-2-dark)}.no-account{margin-top:24px}.elite-google-login{width:100%;height:48px;background-color:var(--color-background);border-radius:6px;display:inline-flex;align-items:center;color:var(--color-light);margin-top:0;margin-bottom:24px;padding:12px 16px;cursor:pointer;border:1px solid transparent;transition:all .2s ease-in-out;justify-content:center}.elite-google-login:hover{border:1px solid #d94f3d}.elite-google-login span{color:var(--color-text-1)}.logo-google{width:24px;height:24px;background-image:url(/static/media/logo-google.c39d30ac.svg);margin-right:16px}.required-field-icon{color:var(--color-danger);font-family:var(--font-medium);font-family:var(--font-bold)!important}.container-forgot-password{margin-top:24px;display:flex;flex-direction:column;align-items:center}.text-instruction{color:var(--color-text-2);font-size:16px;line-height:24px;margin-bottom:36px}.btn-forgot{font-family:var(--font-medium);background-color:var(--color-primary-2);outline:0!important;border:none!important;border-radius:var(--border-radius-h48);color:var(--color-light);width:100%;height:48px;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.btn-forgot svg{margin-right:12px}.btn-forgot:disabled{color:var(--color-disable)}.btn-forgot:disabled,.btn-forgot:disabled:hover{background-color:var(--color-background)}.btn-forgot:hover{background-color:var(--color-primary-2-dark)}.btn-forgot:focus{outline:5px auto -webkit-focus-ring-color!important}.label-cancel{font-family:var(--font-medium);margin-top:24px;cursor:pointer}.custom-overall-btn{margin-left:0!important}.exit-page{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.exit-page .logout-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-light);background-image:url(/static/media/logout-bg.b77483ca.svg);background-size:cover;background-repeat:no-repeat}.exit-page .logout-backdrop-blur{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:rgba(var(--RGB_color-light),.2);-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px)}.exit-page .loging-out{z-index:2;background:var(--color-linear-primary);box-shadow:var(--box-shadow-medium);border-radius:8px;color:var(--color-light);display:flex;align-items:center;padding:27px 31px}.exit-page .loging-out svg{margin-right:24px}.forgot-pass-sm{display:none;width:327px}.profile-avtar{padding-top:86px}.profile-avtar,.profile-text{display:flex;justify-content:center}.profile-text{font-size:24px;line-height:28px;color:#222;font-family:Roboto-bold;padding-top:16px}.profile-email{font-size:15px;padding-top:4px;line-height:18px;align-items:center;text-align:center;color:#969696}.prfile-content,.profile-email{display:flex;justify-content:center}.prfile-content{padding-top:24px;padding-bottom:16px}.profile-title{max-width:540px;align-content:center;text-align:center;font-size:15px;line-height:18px;color:#222;width:100%;overflow-wrap:break-word}.application-profile{display:flex;justify-content:center}.ic-facbook-profile{background-image:url(/static/media/ic-facebook.b9caf49a.svg)}.ic-facbook-profile,.ic-linkdin-profile{width:24px;height:24px;margin-left:12px;margin-right:12px}.ic-linkdin-profile{background-image:url(/static/media/ic-linkedin.b360a31a.svg)}.ic-instagram-profile{background-image:url(/static/media/ic-twitter.740f0523.svg);width:24px;height:24px;margin-left:12px;margin-right:12px}.profile-button{display:flex;justify-content:center}.profile-file{background:#ff8a41;box-shadow:0 4px 16px rgba(38,52,70,.12);border-radius:4px;font-size:15px;line-height:18px;color:var(--color-light);font-family:Roboto-medium;height:48px;padding:0 24px;border:none}.edit-profile{display:flex;align-items:center;padding-top:48px}.edit-profile-left{margin-left:24px;width:calc(100% - 100px)}.edit-profile-title{font-family:Roboto-Regular;font-size:15px;line-height:18px}.edit-profile-name{font-size:20px;line-height:24px;display:flex;align-items:center;color:#222;font-family:Roboto-bold;padding-bottom:8px;width:100%;overflow:hidden;display:inline-block;text-overflow:ellipsis}.edit-profile-upload{font-size:15px;line-height:18px;color:#969696;font-family:Roboto-regular;margin-right:24px;cursor:pointer}.edit-profile-upload:hover{color:#ff8a41}.edit-profile-delete{font-size:15px;line-height:18px;color:#969696;cursor:pointer}.edit-profile-delete:hover{color:#ff8a41}.edit-profile-account{font-size:15px;line-height:18px;color:#969696;font-family:Roboto-regular;border:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0!important}.edit-profile-account:hover{color:#222}.edit-profile-account.active,.edit-profile-account:hover{font-size:15px;line-height:18px;font-family:Roboto-bold}.edit-profile-account.active{color:#222!important;background:#f7f8fb!important}.center-nav-link{padding-top:16px!important;padding-bottom:16px!important}.edit-profile-col{padding-left:0!important;padding-right:0!important}.edit-profile-row{margin-right:0!important;margin-left:0!important}.intro-content{max-width:1110px;height:100%;margin:auto}.profile-fullname{font-size:15px;line-height:18px;color:#222;font-family:Roboto-bold;padding-bottom:8px}.edit-profile-text-title{padding-top:48px;display:flex;justify-content:space-between}.edit-profile-text{padding-top:24px}.delete-account{font-size:15px;line-height:18px;color:#222;font-family:Roboto-bold;padding-top:24px}.edit-profile-delete-account{font-size:15px;line-height:18px;color:#222;font-family:Roboto-regular}.profile-delete{margin-left:auto}.edit-profile-content{display:flex;padding-bottom:57px;padding-top:8px;align-items:center}.button-delete{padding:9px 26px;background:#fd5c63;box-shadow:0 4px 16px rgba(38,52,70,.12);border-radius:4px;border:none;color:var(--color-light);font-size:15px;line-height:18px}.button-delete:hover{cursor:pointer}.edit-profile-button{padding-bottom:102px}.edit-profile-save{padding:15px 67px;background:#ff8a41;box-shadow:0 4px 16px rgba(38,52,70,.12);border-radius:4px;font-size:15px;line-height:18px;color:var(--color-light);border:none;font-family:Roboto-medium}.edit-password{padding-top:48px}.edit-profile-password-old{padding-top:24px}.edit-profile-password-save{padding-top:48px}.edit-profile-link{padding-top:24px}.modal-header-edit{display:flex;justify-content:center;padding-top:48px;padding-bottom:48px}.modal-title{padding-bottom:6px}.modal-body-edit{padding-left:24px;padding-right:24px}.modal-title{font-size:20px;line-height:24px;display:flex;align-items:center;color:#222;font-family:Roboto-bold}.modal-footer-edit{display:flex;justify-content:space-between;padding:24px 24px 56px}.span-edit-profile{color:#3e6af6}.modal-content-edit{font-size:15px;line-height:18px;color:#969696;padding-bottom:24px}.cme-profile-edit{border:1px solid #d8d8d8;box-sizing:border-box;border-radius:4px;font-size:15px;line-height:18px;padding:15px 24px}.cme-profile-edit,.cme-profile-edit:hover{background-color:var(--color-light);color:#222}.cme-profile-edit:hover{border:1px solid #d8d8d8}.formcontrol-edit{padding-top:4px}.error-text-contact{color:#f79055;font-size:13px}.edit-profile-input{background:#f7f8fb;height:48px!important;padding:15px}.edit-profile-input:focus{background:#f7f8fb!important;color:#222!important;outline:0;box-shadow:unset;border:1px solid #ced4da}.edit-profile-input-textarea{background:#f7f8fb;height:48px;min-height:48px!important;padding:15px}.edit-profile-input-textarea:focus{background:#f7f8fb!important;color:#222!important;outline:0;box-shadow:unset;border:1px solid #ced4da}.edit-profile-input:disabled{background:var(--color-gray-line-light)}.edit-profile-facebook{padding-top:14px}.edit-profile-facebook,.edit-profile-social-link{font-size:15px;line-height:18px;color:#222;font-family:Roboto-bold;padding-bottom:8px}.edit-profile-social-link{padding-top:24px}.contact-page-profile{min-height:calc(100vh - 56px);background:#f7f8fb}.item:focus{outline:0}@media(max-width:570px){.profile-avtar{padding-top:68px}.prfile-content{padding-left:16px;padding-right:16px}}@media(max-width:766.98px){.dropdow-button .dropdown-menu.show{background:#f7f8fb;width:100%}.contact-page-profile{min-height:calc(100vh - 48px);background:#f7f8fb}}@media(max-width:767px){.edit-profile-text{padding-top:0!important}.custom-row-edit-profile{max-width:100%!important;margin-top:0!important}.edit-profile{padding-top:24px!important;padding-bottom:24px!important}.edit-profile-delete-account{max-width:240px!important}.edit-profile-save{width:100%}.edit-profile-membership,.profile-work-unit{padding-top:24px!important}.dropdow-button .dropdown-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding-left:15px;padding-right:15px}.dropdow-button .btn-primary.dropdown-toggle{color:#222;background-color:#f7f8fb!important;border:1px solid #222!important}.dropdow-button .btn:hover{color:#212529!important;text-decoration:none!important}.dropdow-button .button:focus{outline:0!important}.btn-primary.dropdown-toggle:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.dropdow-button .btn-primary.dropdown-toggle:focus{box-shadow:none}.dropdow-button .dropdown-toggle:after{border-left:.4em solid transparent!important;color:#ccc!important}}@media(max-width:768px){.edit-profile-left{margin-left:12px}.edit-profile-upload{margin-right:12px}}.background-icon{margin-bottom:36px}.edit-profile-image:hover{cursor:pointer}.wrap-input-button{position:relative}.custom-button{position:absolute;top:0;right:0;bottom:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.element-select div div{font-size:15px;font-family:Roboto-regular;color:#222}.element-select{height:48px;width:100%;color:#495057!important}.element-select fieldset{border:1px solid #ced4da!important}.element-select div:focus{background-color:transparent}.full-profile{height:100%;margin-left:auto;margin-right:auto;max-width:810px;width:100%}.full-profile .small-device{display:none}.full-profile .container-profile{width:100%;min-height:calc(100vh - 56px);display:flex;flex-direction:row;padding-top:48px;padding-bottom:48px}.full-profile .container-profile .left-profile{top:104px;width:100%;height:calc(100vh - 104px);margin-right:30px;position:-webkit-sticky;position:sticky;display:flex;flex-direction:column;overflow-y:auto}.full-profile .container-profile .left-profile .select-menu-sm{display:none;margin-bottom:36px;height:40px;background-color:var(--color-light);border-radius:8px}.full-profile .container-profile .left-profile .select-menu-sm .MuiSelect-select{padding:10px 16px;color:var(--color-text-1)!important;font-family:var(--font-regular)!important;font-size:14px;line-height:20px}.full-profile .container-profile .left-profile .select-menu-sm div div{font-size:15px;font-family:var(--font-regular);color:#222}.full-profile .container-profile .left-profile .select-menu-sm fieldset{border:1px solid var(--color-gray-line)!important}.full-profile .container-profile .left-profile .select-menu-sm div:focus{background-color:transparent}.full-profile .container-profile .left-profile .container-profile-status{display:flex;flex-direction:column;margin-bottom:48px}.full-profile .container-profile .left-profile .container-profile-status .small-img-profile{width:48px;height:48px;border-radius:50%;border:1px solid var(--color-gray-line-light);background-position:50%;background-repeat:no-repeat;background-size:cover}.full-profile .container-profile .left-profile .container-profile-status .full-name{font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold);margin-top:12px}.full-profile .container-profile .left-profile .container-profile-status .registered-date{font-size:14px;line-height:24px;margin-top:4px;color:var(--color-text-2)}.full-profile .container-profile .left-profile .container-profile-status .date-value{margin-left:4px}.full-profile .container-profile .left-profile .container-profile-status .group-label{display:flex;flex-direction:row;margin-top:8px}.full-profile .container-profile .left-profile .container-profile-status .group-label .label-common,.full-profile .container-profile .left-profile .container-profile-status .group-label .label-common--disabled,.full-profile .container-profile .left-profile .container-profile-status .group-label .label-common--disabled--pathway,.full-profile .container-profile .left-profile .container-profile-status .group-label .label-common--font-color-linear{font-family:var(--font-medium);font-size:14px;line-height:24px;border-radius:4px;color:var(--color-light);padding-left:12px;padding-right:12px}.full-profile .container-profile .left-profile .container-profile-status .group-label .label-common--disabled{background-color:var(--color-disable)}.full-profile .container-profile .left-profile .container-profile-status .group-label .label-common--disabled--pathway{background:var(--color-linear-rainbow)}.full-profile .container-profile .left-profile .container-profile-status .group-label .label-common--font-color-linear{cursor:pointer;background:var(--color-linear-rainbow);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.full-profile .container-profile .left-profile .container-profile-status .group-label .label-common--font-color-linear:hover{color:var(--color-primary);-webkit-text-fill-color:unset}.full-profile .container-profile .left-profile .container-profile-status .group-label .label-expired{font-family:var(--font-regular)}.full-profile .container-profile .left-profile .container-capacity{margin-top:auto;margin-bottom:36px;font-size:14px;line-height:24px}.full-profile .container-profile .left-profile .container-capacity .btn-upgrade-label{margin-top:12px}.full-profile .container-profile .left-profile .container-capacity .btn-upgrade-label .label-text-upgrade{background:var(--color-linear-rainbow);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;margin-right:4px}.full-profile .container-profile .left-profile .container-capacity .btn-upgrade-label .label-text-upgrade:hover{color:var(--color-primary);-webkit-text-fill-color:unset}.full-profile .container-profile .left-profile .container-capacity .btn-upgrade-label span{color:var(--color-text-2)}.full-profile .container-profile .left-profile .container-capacity .progress-capacity{position:relative;height:4px;width:100%;background-color:var(--color-gray-line);margin-top:8px;border-radius:2px}.full-profile .container-profile .left-profile .container-capacity .progress-capacity .current-progress{border-radius:2px;height:4px;position:absolute;background:var(--color-secondary)}.full-profile .container-profile .left-profile .container-sidebar-name{height:40px;width:100%;padding-top:8px;padding-bottom:8px;cursor:pointer}.full-profile .container-profile .left-profile .container-sidebar-name a{color:unset!important;text-decoration:none!important;display:flex;flex-direction:row;align-items:center}.full-profile .container-profile .left-profile .container-sidebar-name .divide-common,.full-profile .container-profile .left-profile .container-sidebar-name .divide-common--activated{width:4px;height:20px;border-radius:2px}.full-profile .container-profile .left-profile .container-sidebar-name .divide-common--activated{background-color:var(--color-primary)}.full-profile .container-profile .left-profile .container-sidebar-name .sidebar-name,.full-profile .container-profile .left-profile .container-sidebar-name .sidebar-name--activated{padding-left:16px;font-family:var(--font-medium);color:var(--color-text-2);text-decoration:none!important}.full-profile .container-profile .left-profile .container-sidebar-name .sidebar-name--activated{color:var(--color-primary)}.full-profile .container-profile .right-profile{height:inherit;margin-left:auto;min-width:495px}.full-profile .container-profile .right-profile .social-network-container,.full-profile .container-profile .right-profile form{background-color:var(--color-light);box-shadow:0 .5px 2px rgba(0,0,0,.16);border-radius:16px}.full-profile .container-profile .right-profile .social-network-container .wrapper-avatar-trial-label,.full-profile .container-profile .right-profile form .wrapper-avatar-trial-label{display:flex;flex-direction:row;padding:36px 84px 0;align-items:center;justify-content:center}.full-profile .container-profile .right-profile .social-network-container .wrapper-avatar-trial-label .trial-label,.full-profile .container-profile .right-profile form .wrapper-avatar-trial-label .trial-label{margin-bottom:36px;padding:8px 16px;background-color:var(--color-complete);border-radius:8px;font-size:14px;line-height:24px;color:var(--color-light)}.full-profile .container-profile .right-profile .social-network-container .wrapper-avatar-trial-label .custom-btn-img,.full-profile .container-profile .right-profile form .wrapper-avatar-trial-label .custom-btn-img{border-radius:50%;box-sizing:border-box;overflow:hidden;display:block;position:relative;background-color:unset;padding:0;width:86px;height:86px;border:1px solid var(--color-gray-line-light);margin-bottom:12px;cursor:pointer}.full-profile .container-profile .right-profile .social-network-container .wrapper-avatar-trial-label .custom-btn-img .img-profile,.full-profile .container-profile .right-profile form .wrapper-avatar-trial-label .custom-btn-img .img-profile{width:100%;height:auto}.full-profile .container-profile .right-profile .social-network-container .wrapper-avatar-trial-label .custom-btn-img:hover .container-camera,.full-profile .container-profile .right-profile form .wrapper-avatar-trial-label .custom-btn-img:hover .container-camera{background-color:rgba(var(--RGB_color-text-1),.5);position:absolute;height:50%;bottom:0;left:0;right:0;transition:all .2s ease-in-out}.full-profile .container-profile .right-profile .account-setting-container{padding-top:24px}.full-profile .container-profile .right-profile input::-webkit-inner-spin-button,.full-profile .container-profile .right-profile input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.full-profile .container-profile .right-profile input[type=number]{-moz-appearance:textfield}.full-profile .container-profile .right-profile .group-single-checkbox{margin-top:0}.full-profile .container-profile .right-profile .padding-top-48{padding-top:48px}.full-profile .container-profile .right-profile .margin-top-24{padding-top:24px}.full-profile .container-profile .right-profile .custom-row-profile{margin-left:69px;margin-right:69px;margin-top:24px;flex-direction:column}.full-profile .container-profile .right-profile .custom-row-profile .name-checkbox{font-size:14px;line-height:20px}.full-profile .container-profile .right-profile .custom-row-profile .label-profile{font-size:14px;font-family:var(--font-semibold);margin-bottom:8px}.full-profile .container-profile .right-profile .custom-row-profile .input-field{width:100%;height:40px;background:var(--color-light);border:1px solid var(--color-gray-line);box-sizing:border-box;border-radius:var(--border-radius-h40);margin-top:0;padding:8px 12px;transition:all .2s ease-in-out;font-size:14px;line-height:20px}.full-profile .container-profile .right-profile .custom-row-profile .input-field:focus{outline:0!important;border:1px solid var(--color-primary)!important;box-sizing:border-box;border-radius:6px}.full-profile .container-profile .right-profile .custom-row-profile .input-field:disabled{background-color:var(--color-background);color:var(--color-text-2)}.full-profile .container-profile .right-profile .custom-row-profile .container-password-field{margin-top:0}.full-profile .container-profile .right-profile .custom-row-profile.row-profile-timezone{margin-top:12px}.full-profile .container-profile .right-profile .custom-row-profile .single-checkbox .cds-checkbox-wrapper{padding:0 0 8px}.full-profile .container-profile .right-profile .custom-row-profile .auto-timezone{font-size:14px;line-height:20px;letter-spacing:.005em;color:var(--color-text-2);margin-top:0}.full-profile .container-profile .right-profile .custom-row-profile .btn-save-profile{margin-top:0}.full-profile .container-profile .right-profile .custom-row-profile .account-setting-timezone .elite-studio__option.elite-studio__option--is-selected{background:rgba(var(--RGB_color-text-1),.1)}.full-profile .container-profile .right-profile .custom-row-profile .account-setting-timezone .elite-studio__menu-list{max-height:480px;height:100%}.full-profile .container-profile .right-profile .custom-row-profile .ant-select-auto-complete{height:40px;width:100%}.full-profile .container-profile .right-profile .custom-row-profile .ant-select-auto-complete .ant-select-selector,.full-profile .container-profile .right-profile .custom-row-profile .ant-select-auto-complete .ant-select-selector .ant-select-selection-search-input{height:100%}.full-profile .container-profile .right-profile .btn-save-profile{background-color:var(--color-primary);color:var(--color-light);width:auto;height:40px;margin:12px 15px 48px;border:none!important;border-radius:var(--border-radius-h40);transition:all .2s ease-in-out;font-size:16px;line-height:24px;font-family:var(--font-medium);display:flex;align-items:center;justify-content:center}.full-profile .container-profile .right-profile .btn-save-profile svg{margin-right:12px}.full-profile .container-profile .right-profile .btn-save-profile:hover{background-color:var(--color-primary-dark)}.full-profile .container-profile .right-profile .btn-save-profile:disabled{background-color:var(--color-background);color:var(--color-disable)}.full-profile .container-btn-upgrade{position:relative;display:flex;justify-content:center;flex-direction:column;background:var(--color-linear-rainbow);min-width:495px;min-height:100px;border-radius:16px;margin-bottom:36px;padding:24px 105px 24px 84px;color:var(--color-light);cursor:pointer;transition:all .3s ease;transition:var(--transition-common)}.full-profile .container-btn-upgrade:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15)) drop-shadow(0 2px 24px rgba(0,0,0,.2))}.full-profile .container-btn-upgrade .container-icon{position:absolute;min-width:24px;height:24px;padding:8px;display:grid;align-items:center;top:12px;right:12px;border-radius:50%;background-color:var(--color-gray-line-light);cursor:pointer;transition:all .3s ease;transition:var(--transition-common)}.full-profile .container-btn-upgrade .container-icon:hover{background-color:var(--color-light)}.full-profile .container-btn-upgrade .container-icon svg{width:8px;height:8px}.full-profile .container-btn-upgrade .container-icon svg path{stroke:#bf6192}.full-profile .container-btn-upgrade div span:nth-child(2){font-family:var(--font-semibold);margin-left:4px}.full-profile .container-btn-upgrade .content-upgrade{font-size:14px;line-height:24px}.icon-avatar{height:100%;width:100%;min-width:24px;background-image:url(/static/media/ic_photo_camera.e86ae0d7.svg);background-size:24px 24px!important}.learner-warning-timezone{max-width:1366px;padding:0 68px;margin:auto;position:fixed;top:56px;left:0;right:0;z-index:1000;z-index:var(--z-index-header);display:flex;justify-content:flex-end}.learner-warning-timezone.studio-warning-timezone{padding:0 24px;margin-left:330px;margin-left:var(--width-side-bar-default)}.warning-timezone-popup{font-size:14px;line-height:20px;letter-spacing:.005em;background:var(--color-light);box-shadow:var(--box-shadow-big);max-width:360px;border-radius:16px;padding:20px 24px 20px 16px;display:flex;flex-direction:row}.warning-timezone-popup .icon-warning-circle{min-width:16px;margin:4px 16px 0 0}.warning-timezone-popup__button{margin-top:12px;font-size:14px;line-height:24px}.warning-timezone-popup__button__setting{background:var(--color-primary);border-radius:6px;color:var(--color-light);border:none;padding:4px 12px;margin-right:12px;margin-bottom:8px}.warning-timezone-popup__button__close{background:var(--color-light);color:var(--color-primary);border-radius:6px;padding:3px 12px;border:1px solid var(--color-primary)}.social-network-container{font-size:14px;line-height:24px}.social-network-container.info-content{color:var(--color-text-2);margin-top:24px;padding:20px 24px}.social-network-container.info-content p{margin-bottom:8px}.social-network-container .social-network-content{padding:24px}.social-network-container .social-network-content .row-profile-social{margin:24px auto;padding:8px 12px;background:var(--color-light);border:1px solid var(--color-gray-line);box-sizing:border-box;border-radius:8px;display:flex;justify-content:space-between;align-items:center;max-width:327px;min-height:40px}.social-network-container .social-network-content .row-profile-social .name{display:flex;align-items:center;font-family:var(--font-semibold)}.social-network-container .social-network-content .row-profile-social .name .icon-complete-status{margin-left:10px}.social-network-container .social-network-content .row-profile-social a.connected{color:var(--color-danger);cursor:pointer}.social-network-container .social-network-content .row-profile-social a.disconnected{color:var(--color-primary);cursor:pointer}.social-network-container .social-network__btn-connect{color:var(--color-primary);padding:0;margin:0;border:none;background-color:transparent;height:-webkit-max-content;height:max-content}.course-banner{width:100%;height:336px}.course-intro{position:relative;min-height:336px}.course-details-name{font-size:29px;line-height:32px;display:flex;align-items:center;color:var(--color-light);font-family:Roboto-bold;margin-bottom:10px}.course-details-company-name,.short-description{color:var(--color-light);margin-bottom:36px;margin-top:8px;height:51px;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.course-about-header{padding:60px 0 46px;position:absolute;width:100%;display:flex;flex-direction:column}.ic-star-white{background-image:url(/static/media/ic-star-white.1766c3df.svg);width:19px;height:18px}.course-about-content-header{font-size:24px;line-height:28px;display:flex;align-items:center;color:#222;padding-top:56px;font-family:Roboto-bold;margin-bottom:24px}.start-button{width:100%;margin:26px 0 56px}.course-about-content{background:#f7f8fb}.doctor-name{color:#222;margin-bottom:4px;font-size:17px;line-height:20px}.job-name{color:#969696;margin-bottom:4px}.description-about-job{color:#222;height:51px;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.instructor-row{display:flex;background:var(--color-light);padding:24px;margin-bottom:30px;box-shadow:0 4px 16px rgba(38,52,70,.12);border-radius:8px;cursor:pointer;align-items:center}.instructor-row:hover{box-shadow:0 4px 16px rgba(38,52,70,.25)}.instructor-content{margin-left:24px}.ic-fb-share{background-image:url(/static/media/ic-fb-share.f4a1f652.svg);width:24px;height:24px}.ic-gl-share{background-image:url(/static/media/ic-gl-share.7c24980b.svg)}.ic-gl-share,.ic-twitter-share{width:24px;height:24px;margin-left:24px}.ic-twitter-share{background-image:url(/static/media/ic-twitter-share.44196cdf.svg)}.course-of-instructor-img{border-radius:8px;width:160px;height:100%}.background-cover{height:100%;width:100%;position:absolute;background:rgba(0,0,0,.68)}.course-about-container{position:relative}.course-about{min-height:calc(100vh - 168px);background:#f7f8fb}.intro-video{width:540px;height:302px;border-radius:8px;border:none}.ic-dialog-register{background-image:url(/static/media/ic-dialog-register.0bbab7a9.svg);width:36px;height:36px}.ic-delete-dialog{background-image:url(/static/media/ic-delete-dialog.66a0f916.svg);width:16px;height:16px}.register-dialog-content{display:flex;align-items:center;padding:16px 0}.register-dialog-container{background:var(--color-light)}.dialog-register-text{margin-right:auto;margin-left:24px}@media(max-width:1199.98px){.course-about-header{padding:60px 15px 46px}.intro-video{width:440px;height:250px}.register-dialog-content.intro-content{padding:16px 15px}}@media(max-width:991.98px){.intro-video-and-content{display:block}.intro-video{width:540px;height:302px}}@media(max-width:767.98px){.dialog-register-text{margin-left:0}.register-dialog-content{align-items:normal}}@media(max-width:575.98px){.course-intro{height:210px;min-height:0}.course-about-header{position:static;padding:48px 15px 0;background:#f7f8fb}.course-details-name{font-size:24px;line-height:28px;color:#222}.course-details-company-name,.short-description{color:#222}.background-cover{display:none;position:static}.course-of-instructor-img{width:120px}.instructor-details-content{padding:20px}.intro-video{width:100%!important;height:300px!important;background:#f7f8fb;border-radius:0}}@media(max-width:414px){.intro-video{height:243px!important}}@media(max-width:375px){.intro-video{height:210px!important}}@media(max-width:374.98px){.doctor-name{font-size:15px;line-height:18px}.job-name{font-size:12px;line-height:13px}}.section-title,.section-title a,.sections-title{color:#222;font-family:Roboto-medium;font-style:normal;font-weight:500;font-size:15px;line-height:18px}.subsection a{line-height:18px;color:#222}.section-title,.sections-title,.subsection{margin-bottom:16px}.subsection{margin-left:44px}.intro-video-and-content{display:flex;justify-content:space-between}.img-outline{padding-bottom:2px;padding-left:12px}.course-about-mobile{min-height:100vh}.mobile-enrollbutton{display:flex;align-items:center}a.mobile-enrollbutton:hover{color:var(--color-light);text-decoration:none}.container-course-about{max-width:1366px;margin:0 auto;padding:0 68px}.text-all-course{display:flex;flex-direction:row;align-items:center;margin-top:18px;margin-bottom:18px}.ic-arrow-right{width:12px;height:12px;min-width:12px;background-position:50%;background-size:contain;background-repeat:no-repeat;position:relative;display:inline-block;background-image:url(/static/media/ic-arrow-right-12.c2b20f52.svg);margin-left:8px;margin-right:8px}.img-course-about{width:327px;min-width:327px;height:184px;border-radius:8px;object-fit:cover;flex:1 1}.intro-course-about{display:flex;background:var(--color-light);box-shadow:var(--box-shadow-small);border-radius:8px;width:100%;padding:32px 36px;margin-bottom:36px;flex:1 1 60%}.intro-course-about .not-cursor{cursor:not-allowed}.intro-course-about .col-one-info{display:grid;flex:1 1}.intro-course-about .col-one-info.new{display:flex;justify-content:space-between}.intro-course-about .col-one-info .course-description{margin-top:8px;white-space:pre-wrap;color:var(--color-text-1)!important}.intro-course-about .col-one-info .enroll-container{min-width:136px;margin-left:48px}.intro-course-about .col-one-info .enroll-container .button-enroll{background:#fff;box-shadow:var(--box-shadow-small);border-radius:8px;font-family:var(--font-medium);color:var(--color-primary);display:flex;justify-content:center;align-items:center;border:none;min-height:48px;width:100%;padding:0 12px}.intro-course-about .col-one-info .enroll-container .button-enroll.unenroll{color:var(--color-danger)}.intro-course-about .col-one-info .enroll-container .button-enroll.disabled{background:hsla(0,0%,100%,.1);border-radius:8px;box-shadow:var(--box-shadow-small);color:var(--color-disable)}.intro-course-about .wrap-information{margin-top:auto;margin-bottom:auto}.intro-course-about .wrap-information .name-course,.intro-course-about .wrap-information .number-course{font-size:36px;line-height:48px;color:var(--color-primary)!important}.ca-label{font-size:14px;line-height:20px}.color-purple{color:var(--color-primary)!important}.color-white{color:var(--color-light)!important}.ca-content-one{display:none}.contain-ca-btn-status{margin-left:48px}.contain-ca-btn-status .ca-btn-status{min-width:136px;min-height:48px;background:var(--color-light);box-shadow:0 .5px 2px rgba(0,0,0,.16);border-radius:4px;border:none!important;margin-left:auto;padding:12px 30px;font-size:16px;line-height:24px}.ca-content-html{display:flex}.ca-content-html .ca-next-section{font-family:var(--font-semibold);font-size:24px;line-height:36px;margin-bottom:8px}.ca-content-html .ca-container-section{margin-bottom:36px}.ca-content-html .ca-start-end-date{font-size:14px;line-height:20px;font-family:var(--font-semibold);margin-top:8px;margin-bottom:8px}.ca-content-html .ca-value-date{font-family:var(--font-regular);margin-left:4px}.ca-content-html .ca-teachers{margin-top:24px}.ca-content-html .ca-img-teacher{width:160px;height:160px;max-width:100%;filter:drop-shadow(0 .5px 2px rgba(0,0,0,.16));border-radius:8px}.ca-content-html .ca-teacher-name{font-size:16px;line-height:24px;font-family:var(--font-semibold);margin-top:16px;margin-bottom:8px}.ca-content-html .ca-intro-teacher{max-width:306px;margin-top:24px}.ca-content-html .ca-intro-teacher .ca-bio{white-space:pre-wrap}.ca-content-html .ca-col-one{width:100%;max-width:327px}.ca-content-html .ca-col-one .container-intro-course,.ca-content-html .ca-col-one .container-intro-course--border-rounded{position:relative;margin-bottom:36px}.ca-content-html .ca-col-one .container-intro-course--border-rounded{border:1px solid var(--color-gray-line);width:329px;border-radius:8px}.ca-content-html .ca-col-one .container-intro-course .course-video,.ca-content-html .ca-col-one .container-intro-course--border-rounded .course-video{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(var(--RGB_color-text-1),.4);border-radius:8px;display:grid;align-items:center;justify-content:center;cursor:pointer}.ca-content-html .ca-col-one .container-intro-course .video-control,.ca-content-html .ca-col-one .container-intro-course--border-rounded .video-control{outline:0;color:var(--color-light);background-color:var(--color-text-1);border:none;border-radius:8px}.ca-content-html .ca-col-two{width:100%;margin-left:24px}.ca-content-html .ca-container-info{max-width:988px;width:100%;background:var(--color-light);box-shadow:var(--box-shadow-medium);border-radius:8px;height:100%}.ca-content-html .ca-header-info{display:flex;background-color:var(--color-primary-dark);height:56px;width:100%;border-top-left-radius:8px;border-top-right-radius:8px;align-items:center}.ca-content-html .color-white{color:var(--color-light)}.ca-content-html .ca-header-label{margin:16px 36px}.ca-content-html .ca-content{padding:32px 36px}.ca-content-html .margin-top-24px{margin-top:24px}.ca-content-html .margin-top-bottom-12{margin-top:12px;margin-bottom:12px}.ca-content-html .container-item-chapter{display:flex}.ca-content-html .circle-detail-course{border-radius:50%;min-width:8px;height:8px;background-color:var(--color-primary);display:block;margin-right:16px;margin-top:8px}.ca-q-and-a{margin-top:68px}.ca-q-and-a-label{display:flex;justify-content:center;font-size:36px;line-height:48px;font-family:var(--font-semibold);margin-bottom:24px}.container-collapse{display:flex;align-items:flex-start;flex-direction:column;max-width:1098px;margin-left:auto;margin-right:auto}.container-collapse .ca-content-collapse{margin-top:8px}.wrap-header-collapse{display:flex;align-items:center;width:100%;padding-top:24px}.ca-name-collapse{font-size:24px;line-height:36px;color:var(--color-text-1);font-family:var(--font-semibold);cursor:pointer}.active-icon .item-icon-add:first-child{transform:rotate(45deg);left:13%!important;top:50%!important}.active-icon .item-icon-add:nth-child(2){transform:rotate(-45deg);left:14%!important;top:50%!important}.item-icon-add{width:28px;height:2px;background-color:var(--color-primary);display:inline-block;transition:all .2s ease-in-out;position:absolute;transform:translate(-50%,-50%);left:50%;top:50%}.item-icon-add:nth-child(2){transform:rotate(90deg);left:11%;top:46%}.divide-collapse{width:100%;margin-top:24px;border-bottom:1px solid var(--color-gray-line)}.icon-collapse{height:36px;width:36px;min-width:36px;position:relative;margin-left:auto;cursor:pointer}.container-in-course-about{background:var(--color-light);box-shadow:var(--box-shadow-medium)}.container-in-course-about .content-in-course-about{margin-left:auto;margin-right:auto;max-width:1366px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin-bottom:24px;padding:24px 68px}.label-course-in-course{font-size:32px;line-height:44px;text-align:center;font-family:var(--font-light)}.btn-in-course-about{width:136px;height:48px;background:var(--color-primary);box-shadow:0 .5px 2px rgba(0,0,0,.16);border-radius:4px;border:none;color:var(--color-light);margin-top:24px}.ca-col-two .pr-12px{padding-right:12px}.ca-col-two .pl-12px{padding-left:12px}.ca-col-two .course-overview-container{margin-bottom:24px}.ca-col-two .course-overview-container .h1,.ca-col-two .course-overview-container .h2,.ca-col-two .course-overview-container .h3,.ca-col-two .course-overview-container .h4,.ca-col-two .course-overview-container .h5,.ca-col-two .course-overview-container .h6,.ca-col-two .course-overview-container h1,.ca-col-two .course-overview-container h2,.ca-col-two .course-overview-container h3,.ca-col-two .course-overview-container h4,.ca-col-two .course-overview-container h5,.ca-col-two .course-overview-container h6{margin-bottom:0}.ca-col-two .course-overview-title{color:var(--color-light);background:var(--color-primary-dark);border-radius:8px 8px 0 0;padding:16px 36px;font-size:16px;line-height:24px}.ca-col-two .course-overview-content{background:var(--color-light);box-shadow:0 .5px 2px rgba(0,0,0,.25);border-radius:0 0 8px 8px;padding:32px 36px}.ca-col-two .course-overview-content ul{margin:0;padding-left:8px}.ca-col-two .course-overview-content ul li{margin-bottom:12px;padding-left:16px}.ca-col-two .course-overview-content ul li::marker{content:url(/static/media/ic_ellipse.0f5cfbc2.svg)}.ca-col-two .title{font-family:var(--font-semibold);font-size:16px;margin:16px 0 4px!important}.common-modal-player .modal-dialog{box-shadow:var(--box-shadow-big);border-radius:16px}.common-modal-player .modal-dialog .modal-content{border-radius:16px!important}.common-modal-player .modal-dialog .modal-content .modal-player{font-size:14px;line-height:24px;color:var(--color-text-1);border:none;box-shadow:none;outline:0;border-radius:8px;overflow:hidden;padding-left:24px;padding-right:24px;background:var(--color-light);box-shadow:var(--box-shadow-big);border-radius:16px}.common-modal-player .modal-dialog .modal-content .modal-player .header-player{display:flex;flex-direction:row;padding-top:16px;padding-bottom:16px}.common-modal-player .modal-dialog .modal-content .modal-player .header-player .header-player-label{display:flex;flex-direction:column;margin-right:16px}.common-modal-player .modal-dialog .modal-content .modal-player .header-player .header-player-label span:nth-child(2){font-family:var(--font-semibold);font-size:18px;line-height:24px;letter-spacing:.02em}.common-modal-player .modal-dialog .modal-content .modal-player .header-player .container-icon{min-width:24px;height:24px;padding:8px;display:grid;align-items:center;border-radius:50%;background-color:var(--color-disable);cursor:pointer;transition:all .3s ease;transition:var(--transition-common);margin-left:auto}.common-modal-player .modal-dialog .modal-content .modal-player .header-player .container-icon:hover{background-color:var(--color-text-1)}.common-modal-player .modal-dialog .modal-content .modal-player .header-player .container-icon svg{width:8px;height:8px}.common-modal-player .modal-dialog .modal-content .modal-player .header-player .container-icon svg path{stroke:var(--color-light)}.common-modal-player .modal-dialog .modal-content .modal-player .source-video{padding-bottom:24px}.common-modal-player .modal-dialog .modal-content .modal-player .source-video .intro-course-video{width:100%;height:100%;min-height:370px;border-radius:8px;border:none}.video-info-container{position:relative}.video-info-container .background{width:100%;height:100%;background:var(--color-text-1);opacity:.2;position:absolute;top:0;left:0;border-radius:8px;cursor:pointer}.video-info-container .icon-play-video-info{position:absolute;top:calc(50% - 32px);left:calc(50% - 32px);cursor:pointer}.view-video-modal .modal-content{padding:24px}.view-video-modal .modal-content .lable{font-size:14px;line-height:24px}.view-video-modal .modal-content .name{font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold);margin:4px 0 0}.view-video-modal .icon-close{cursor:pointer}.view-video-modal .icon-close svg{width:24px;height:24px}.view-video-modal .video-control{border-radius:8px;margin-top:16px}.view-video-modal .video-control.video-info{width:100%;min-height:370px}.ic-back{background-image:url(/static/media/ic-back.17d291a5.svg)}.instructor-container .instructor-side-bar{position:fixed;left:0;top:0;bottom:0;background:var(--color-light);box-shadow:var(--box-shadow-small);width:330px;z-index:1}.instructor-container .instructor-side-bar .top-container{padding:12px 24px 24px;border-bottom:1px solid var(--color-gray-line)}.instructor-container .instructor-side-bar .top-container .circle-button{margin-left:-8px}.instructor-container .instructor-side-bar .sub-info{display:flex;align-items:center;color:var(--color-text-2);font-size:16px;line-height:24px;margin-top:12px;cursor:default}.instructor-container .instructor-side-bar .sub-info .separator{width:1px;height:12px;margin:0 12px;background:var(--color-text-2)}.instructor-container .instructor-side-bar .top-title{font-size:18px;line-height:28px;font-family:var(--font-semibold);margin:4px 0 0}.instructor-container .instructor-side-bar .menu-container{padding:24px 0}.instructor-container .instructor-side-bar .menu-container .instructor-dashboard{font-size:16px;line-height:24px;font-family:var(--font-semibold);margin:0 24px 8px}.instructor-container .instructor-side-bar .menu-container .instructor-menu{color:var(--color-text-2);display:block;padding:8px 24px}.instructor-container .instructor-side-bar .menu-container .instructor-menu.active,.instructor-container .instructor-side-bar .menu-container .instructor-menu:hover{color:var(--color-primary)}.instructor-container .instructor-side-bar .menu-container .menu-separate{height:1px;background:var(--color-gray-line);margin:16px 0 16px 24px}.instructor-container .instructor-side-bar .user-info-container{height:60px;border-top:1px solid var(--color-gray-line);position:absolute;bottom:0;left:0;right:0;z-index:1;background:var(--color-light);display:flex;align-items:center;padding:0 24px}.instructor-container .instructor-side-bar .user-info-container .user-background{width:36px;height:36px;border-radius:50%;background-color:var(--color-gray-line-light)}.instructor-container .instructor-side-bar .user-info-container .logout-text{color:var(--color-danger);margin-left:auto;cursor:pointer;font-size:14px;line-height:20px;font-family:var(--font-medium)}.instructor-container .instructor-main{display:block;min-height:100vh;margin-left:330px}.circle-button{display:grid;padding:8px;border:none;border-radius:50%;background:0 0;cursor:pointer;transition:all .3s ease;transition:var(--transition-common)}.circle-button:hover{background:rgba(var(--RGB_color-text-1),.05)}.circle-button:disabled{background:0 0;cursor:not-allowed}.instructor-container-right{padding:24px}.instructor-container-right .btn-common{min-height:48px}.instructor-container-right .course-info-title{font-size:24px;line-height:36px;margin-bottom:24px}.instructor-container-right .information-container{background:var(--color-light);box-shadow:var(--box-shadow-medium);border-radius:8px;padding:20px 24px 24px;margin-bottom:24px}.instructor-container-right .information-title{font-size:18px;line-height:28px;font-family:var(--font-semibold)}.instructor-container-right .number-of-enrollees{font-size:14px;line-height:20px;color:var(--color-text-2);margin:4px 0 24px}.instructor-container-right .basic-course-info-content{margin-top:16px}.instructor-container-right .basic-course-info div{color:var(--color-text-2);margin-top:8px}.instructor-container-right .basic-course-info-value div{margin-top:8px;font-family:var(--font-medium)}.instructor-container-right .enrollment-info-col{min-width:120px}.instructor-container-right .enrollment-info-col:last-child{margin:0 0 0 48px}.instructor-container-right .enrollment-number{font-size:36px;line-height:48px;color:var(--color-primary-light);font-family:var(--font-semibold)}.instructor-container-right .enrollment-info-col span,.instructor-container-right .professional-col span{color:var(--color-text-2)}.instructor-container-right .professional-col{padding-right:48px;border-right:2px solid var(--color-primary-light)}.instructor-container-right .instructor-textarea{border:1px solid var(--color-gray-line);border-radius:6px;min-height:72px;width:100%}.instructor-container-right .instructor-textarea:focus{border:1px solid var(--color-primary-light);box-shadow:none;outline:0}.instructor-container-right .membership-button{display:flex;margin-top:20px}.instructor-container-right .membership-button a,.instructor-container-right .membership-button button:first-child{margin-right:16px}.instructor-container-right .membership-checkbox{margin-top:24px}.instructor-container-right .membership-checkbox label{margin-left:16px}.instructor-container-right a.btn-common{color:var(--color-light);text-decoration:none;display:flex;align-items:center}.instructor-container-right .membership-input{margin-top:0;margin-right:16px}.instructor-container-right .email-input{width:100%}.instructor-container-right .icon-expand-history{display:inline-block;width:16px;height:16px;min-width:16px;background-image:url(/static/media/ic_expand_history.05a4a669.svg);margin-left:auto}.instructor-container-right .history-container{box-shadow:var(--box-shadow-medium);border-radius:8px;background:var(--color-light)}.instructor-container-right .history-table{width:100%}.instructor-container-right .history-title-row{padding:20px;display:flex;align-items:center}.instructor-container-right .history-table tr{height:48px}.instructor-container-right .table-head th:first-child,.instructor-container-right .table-row td:first-child{padding-left:24px}.instructor-container-right .table-row td{border-top:1px solid var(--color-gray-line)}.gradebook-container{background:var(--color-light);min-height:100vh}.gradebook-container .gradebook-bar{display:flex;align-items:center;padding:12px 24px;height:48px;background:var(--color-primary-dark);color:var(--color-light);font-family:var(--font-semibold)}.gradebook-container .gradebook-bar .line{padding-right:24px}.gradebook-container .gradebook-title{padding:24px;color:var(--color-text-2)}.gradebook-container .gradebook-title .gradebook-course-name{font-family:var(--font-semibold);color:var(--color-text-1)}.gradebook-container .gradebook-title .gradebook-line{padding-left:16px;padding-right:16px}.gradebook-container .gradebook-table,.gradebook-container .gradebook-table td,.gradebook-container .gradebook-table th{border:1px solid var(--color-gray-line-light);border-collapse:collapse}.gradebook-container .gradebook-table{width:100%}.gradebook-container .gradebook-table th{background:var(--color-background);padding:16px 14px 14px 24px}.gradebook-container .gradebook-table td{padding:14px;text-align:center}.gradebook-container .gradebook-student-name{color:var(--color-primary)}.gradebook-container .pagination{justify-content:center}.gradebook-container .pagination a{color:var(--color-text-1);padding:8px 16px;text-decoration:none;transition:background-color .3s}.gradebook-container .pagination a.active{background-color:var(--color-background);border-radius:6px}.gradebook-container .pagination a:hover:not(.active){background-color:var(--color-background);border-radius:16px}.common-dropdown-content.guide-dropdown.answer-details-dropdown{max-height:350px;overflow:scroll}.privacy-policy-container{background:#e5e5e5}.privacy-policy-page{max-width:1110px;height:100%;margin:auto}.privacy-policy{font-size:36px;line-height:42px;display:flex;align-items:center;color:#222;padding-top:56px;font-family:Roboto-bold}.privacy-policy-content{padding-top:12px;font-family:Roboto-regular;font-size:20px;line-height:28px}.privacy-policy-download{font-size:15px;line-height:18px;color:#ff8a41;mix-blend-mode:normal;padding-top:12px;font-family:Roboto-regular;padding-bottom:61px}.privacy-policy-update{margin-top:49px;font-family:Roboto-bold}.privacy-policy-date{border-bottom:1px solid #d8d8d8;height:30px}.privacy-policy-generality{font-size:17px;line-height:20px;display:flex;align-items:center;color:#484848;padding-bottom:12px;padding-top:24px;font-family:Roboto-bold}.privacy-policy-title{font-size:15px;line-height:18px;color:#484848;mix-blend-mode:normal;padding-bottom:24px;font-family:Roboto-regular}.privacy-policy-collect{font-size:17px;line-height:20px;display:flex;align-items:center;padding-bottom:12px;font-family:Roboto-bold;color:#484848}.privacy-policy-text{font-size:15px;line-height:18px;color:#484848;mix-blend-mode:normal;font-family:Roboto-regular}.provacy-policy-footer{padding-bottom:39px}.contact-header{font-size:36px;line-height:42px;display:flex;align-items:center;color:#222;padding-top:60px;font-family:Roboto-bold}.contact-content{font-size:17px;line-height:20px;font-family:Roboto-medium;color:#484848;mix-blend-mode:normal;padding-top:8px}.contact-phone{padding-top:24px;font-family:Roboto-bold}.contact-number,.contact-phone{font-size:15px;line-height:18px;display:flex;align-items:center;color:#222}.contact-number{font-family:Roboto-regular;padding-top:8px}.contact-address{padding-top:24px;font-family:Roboto-bold}.contact-address,.contact-email{font-size:15px;line-height:18px;display:flex;align-items:center;color:#222}.contact-email{padding-top:8px;font-family:Roboto-regular}.contact-office{padding-top:24px;font-family:Roboto-bold}.contact-office,.contact-office-address{font-size:15px;line-height:18px;display:flex;align-items:center;color:#222}.contact-office-address{padding-top:8px;font-family:Roboto-regular}.contact-account-number{padding-top:24px;font-family:Roboto-bold}.contact-account,.contact-account-number{font-size:15px;line-height:18px;display:flex;align-items:center;color:#222}.contact-account{padding-top:8px;font-family:Roboto-regular}.contact-row{max-width:1110px;height:100%;margin:auto}.contact-page{min-height:calc(100vh - 168px)}.contact-input,.contact-page,.contact-profileinput{background:#f7f8fb}.contact-text-title{padding-top:60px}.contact-fullname,.contact-name{padding-bottom:8px}.contact-introduce,.contact-title{padding-bottom:8px;padding-top:24px}.contact-button{padding-top:30px;padding-bottom:58px}.terms-service-container{background:#e5e5e5}.terms-service-page{max-width:1110px;height:100%;margin:auto}.terms-service{font-size:36px;line-height:42px;display:flex;align-items:center;color:#222;padding-top:56px;font-family:Roboto-bold}.terms-service-content{font-size:20px;line-height:24px;color:#484848;max-width:442px}.terms-service-content,.terms-service-download{padding-top:12px;mix-blend-mode:normal;font-family:Roboto-regular}.terms-service-download{font-size:15px;line-height:18px;color:#ff8a41;padding-bottom:61px}.terms-service-update{font-size:15px;line-height:18px;color:#484848;mix-blend-mode:normal;font-family:Roboto-bold}.terms-service-date{border-bottom:1px solid #d8d8d8;height:30px}.terms-service-generality{font-size:17px;line-height:20px;display:flex;align-items:center;color:#484848;padding-bottom:12px;padding-top:24px;font-family:Roboto-bold}.terms-service-title{font-size:15px;line-height:18px;color:#484848;mix-blend-mode:normal;padding-bottom:24px;font-family:Roboto-regular}.terms-service-collect{font-size:17px;line-height:20px;display:flex;align-items:center;padding-bottom:12px;font-family:Roboto-bold;color:#484848}.terms-service-text{font-size:15px;line-height:18px;color:#484848;mix-blend-mode:normal;font-family:Roboto-regular}.terms-service-footer{padding-bottom:39px}.privacy-policy-page ul{margin-bottom:12px;margin-top:12px}.policy-footer{padding-bottom:48px}.privacy-policy-page li{line-height:22px}@media(max-width:1199.98px){.contact-page{padding:0 15px}.right-contact-content{padding-left:0}}.uploading-modal-content{position:fixed;top:56px;z-index:1050;width:48%;overflow:hidden;outline:0;box-shadow:0 4px 16px rgba(38,52,70,.12),0 2px 12px rgba(0,0,0,.12);left:50%;transform:translate(-50%);margin-bottom:-1px;max-width:646px;min-height:184px;max-height:756px}.date-custom{height:48px;position:relative;width:100%}.date-custom .DateInput_input{height:34px!important;border-bottom:0!important;font-size:15px!important;line-height:18px!important}.date-custom .SingleDatePicker{width:100%}.cme-date .DateInput{width:calc(100% - 52px)!important}.cme-date .DateInput_input{font-family:Roboto-regular;font-size:1rem!important;height:46px!important;border-bottom:0!important;font-size:15px;line-height:18px;background-color:#f7f8fb;padding-top:4px;padding-bottom:6px}.cme-date .DateInput_input__disabled{background-color:#f7f8fb;font-style:normal}.cme-date .SingleDatePickerInput{border-radius:.25rem;background-color:#f7f8fb;max-height:48px;height:48px;width:100%}.cme-date .SingleDatePickerInput_calendarIcon{display:inline-flex;align-items:center}.icon-calendar{background-image:url(/static/media/icon-calendar.619ffba3.svg);background-position:50%;background-size:contain;background-repeat:no-repeat;position:relative;display:inline-block;height:16px;width:16px;transition:.3s}.fg-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.container-group-checkbox{display:grid;grid-template-columns:repeat(auto-fill,102px);grid-column-gap:48px;column-gap:48px;grid-row-gap:12px;row-gap:12px;justify-items:flex-start;align-items:center}.container-group-checkbox .group-single-checkbox{display:flex;flex-direction:row;align-items:center;margin-top:12px}.container-group-checkbox .group-single-checkbox .name-checkbox{padding-left:12px;margin-bottom:0;cursor:pointer}.container-group-checkbox .group-single-checkbox .single-checkbox{width:16px;height:16px;display:block;position:relative;cursor:pointer;font-size:22px;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:0}.container-group-checkbox .group-single-checkbox .single-checkbox .checkmark{position:absolute;top:0;left:0;right:0;bottom:0;box-sizing:border-box;border-radius:2px;border:1px solid rgba(var(--RGB_color-primary),.4)}.container-group-checkbox .group-single-checkbox .single-checkbox input:checked~.checkmark{background-image:url(/static/media/ic_checkbox_active.b40fbedb.svg);border:none}.container-group-checkbox .group-single-checkbox .single-checkbox input:checked~.checkmark:after{display:block}.container-password-field{position:relative;margin-top:12px}.container-password-field .input-field{margin-top:0;padding-right:48px}.container-password-field .btn-show-hide-pass{height:48px;max-height:100%;border-top-right-radius:6px;border-bottom-right-radius:6px;display:inline-flex;align-items:center;border-left:unset!important;position:absolute;right:8px}.container-password-field .btn-show-hide-pass .container-icon-eyes{width:32px;height:32px;align-items:center;display:inline-flex;padding:8px;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out}.container-password-field .btn-show-hide-pass .container-icon-eyes:hover{background-color:var(--color-background)}.ic-close-toast{background-image:url(/static/media/ic_cancel.eba67e06.svg)}.Toastify__toast-container.cme-toast-container{position:fixed;z-index:99999;padding:0;left:0;right:0;width:100%;margin:0;color:var(--color-text-1);pointer-events:none}.Toastify__toast-container.cme-toast-container .cme-toast{margin:0;background-color:var(--color-light);min-height:56px;padding:8px 120px;box-shadow:0 2px 8px rgba(0,0,0,.12)!important;cursor:default;pointer-events:all;display:flex;align-items:center;overflow:hidden}.Toastify__toast-container.cme-toast-container .cme-toast .Toastify__toast-body{margin-left:32px;display:flex;width:100%;justify-content:center}.Toastify__toast-container.cme-toast-container .cme-toast .toast-content{display:flex;align-items:center;justify-content:center}.Toastify__toast-container.cme-toast-container .cme-toast .btn-close-toast{border:none;background:0 0;border-radius:50%;display:grid;padding:8px;transition:all .3s ease;transition:var(--transition-common)}.Toastify__toast-container.cme-toast-container .cme-toast .btn-close-toast:hover{background:var(--color-background)}.dark-toast{min-width:380px!important;top:48px!important}.toast-content-msg{font-size:14px;line-height:20px;color:var(--color-text-1);margin-bottom:0;font-family:var(--font-regular);cursor:default}.toast-success{border-bottom:2px solid var(--color-complete)!important}.toast-warning{border-bottom:2px solid var(--color-warning)!important}.toast-error{border-bottom:2px solid var(--color-danger)!important}.ic-toast-success{background-image:url(/static/media/ic-toast-success.d5c35fad.svg);margin-right:16px;min-width:24px}.ic-toast-warning{background-image:url(/static/media/ic-toast-warning.17d4d88e.svg);margin-right:16px;min-width:24px}.ic-toast-error{background-image:url(/static/media/ic-toast-error.8d67adc6.svg);margin-right:16px;min-width:24px}.icon-48{width:48px!important;height:48px!important;max-width:48px!important}.icon-default{height:24px;width:24px}.icon-common,.icon-default{background-position:50%;background-size:contain;background-repeat:no-repeat;position:relative;display:inline-block;transition:.3s}.custom-nav{margin-top:48px}.custom-row{display:flex;align-items:center}.custom-col{flex:1 1;flex-basis:0}.custom-link-a:focus{background-color:unset!important;outline:unset!important}.size-ic-16{height:16px;width:16px;min-width:16px}.icon-size-20{height:20px;width:20px;min-width:20px}.icon-size-16,.icon-size-20{background-position:50%;background-size:contain;background-repeat:no-repeat;position:relative;display:inline-block}.icon-size-16{height:16px;width:16px;min-width:16px}.default-for-icon{background-position:50%;background-size:contain;background-repeat:no-repeat;position:relative;display:inline-block;transition:.3s}.elearning-loading{position:absolute;background-color:var(--color-light);width:100%;height:100%;top:0;z-index:1025;cursor:progress}.style-img-loading{width:64px;height:64px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:fadeIn 1s}.hide-loading{display:none}.custom-number-registered{display:inline-flex!important}.custom-modal-all{margin-top:56px}.custom-modal-all .modal-footer{border:none!important;padding:0 24px 24px}.root-dropdown-language{font-family:Roboto-regular!important;font-size:15px!important;line-height:22.5px!important}.root-dropdown-language:focus{background-color:unset!important}.right-collapsed-content-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000;opacity:.25}.custom-modal-content{position:fixed;top:68px;z-index:1050;width:48%;overflow:hidden;outline:0;box-shadow:0 4px 16px rgba(38,52,70,.12),0 2px 12px rgba(0,0,0,.12);left:50%;transform:translate(-50%);margin-bottom:-1px;max-width:646px;min-height:184px}.custom-row-edit-profile{padding-bottom:40px;margin-top:24px;max-width:50%}.implementation-function{color:#969696}.disable-btn{color:rgba(0,0,0,.26);box-shadow:none;background-color:rgba(0,0,0,.12)}.large-container-course{display:flex;flex-direction:column;padding-bottom:60px;min-height:calc(100vh - 168px);background:#f7f8fb}.my-courses-label{font-family:Roboto-bold;font-size:24px;line-height:28px;color:#263446;padding-top:56px;display:flex;margin-left:auto;margin-right:auto;width:1110px}.container-course{min-height:90px;margin-top:30px;flex-direction:unset!important;flex-wrap:wrap;justify-content:center}.star-rating{color:var(--color-primary);width:24px;height:24px;cursor:pointer;font-size:21px}.row-common{display:flex;flex-direction:row}.col-normal{flex:1 1;display:flex;align-items:center;width:100%}.col-normal a:hover{text-decoration:none}.col-60{max-width:60%}.col-40,.col-60{flex-basis:0;flex:1 1}.col-40{max-width:40%}.col-50{flex-basis:0;flex:1 1;max-width:50%}.col-image-course{max-width:360px;height:192px;max-height:inherit;margin-right:30px;cursor:pointer}.image-course{width:100%;height:inherit;border-radius:8px}.col-info-course{max-width:730px;display:flex;flex-direction:column}.background-info-course{background:var(--color-light);box-shadow:0 4px 16px rgba(38,52,70,.12);border-radius:8px;padding:24px 30px;max-height:196px;animation:fadeIn .5s;height:100%;display:flex;flex-direction:column;min-height:192px}.course-header-name{font-family:Roboto-bold;font-size:20px;line-height:24px;color:#222;cursor:pointer}.course-date-time{font-family:Roboto-regular;font-size:15px;line-height:18px;color:#969696;margin-top:8px}.course-rating{margin-top:8px;max-width:120px}.course-button{margin-top:auto}.background-info-course-two{background:var(--color-light);box-shadow:0 4px 16px rgba(38,52,70,.12);border-radius:8px;margin-top:8px;padding:15px 30px 15px 15px;align-items:center}.empty-course-image{width:350px}.empty-course-detail-image,.empty-course-image{height:196px;background:var(--color-light);box-shadow:0 2px 8px rgba(0,0,0,.12);border-radius:8px}.empty-course-detail-image{width:730px;margin-left:30px}.text-empty-course{margin-top:8px;margin-bottom:15px}@media(min-width:1137px){.empty-dashboard-content{max-width:1110px;margin-left:auto;margin-right:auto}}@media(max-width:767.98px){.empty-course-image{border-radius:8px 8px 0 0;width:100%}.empty-course-detail-image{margin-left:0;width:100%;border-radius:0 0 8px 8px}}@media(max-width:767px){.col-an-course,.col-image-course{max-width:100%;margin:0}.col-40,.col-50,.col-60{flex:unset;width:100%}}@media(max-width:1112px){.my-courses-label{display:flex;margin-left:unset;margin-right:unset;width:inherit}}@media(max-width:1136px){.large-container-course{padding-left:15px;padding-right:15px}}@media(max-width:567.98px){.image-course{border-radius:8px 8px 0 0}.background-info-course{border-radius:0 0 8px 8px}.course-button{margin-top:18px}}.grade-for-course{display:flex;width:100%;margin-right:auto}.total-grade{margin-right:4px}.container-current-course{overflow-y:scroll;height:calc(100vh - 56px);padding:24px 24px 46px}.col-an-course{max-width:227px;width:100%;height:160px;max-height:inherit;margin-right:24px;cursor:pointer}.menu-courses-sm{display:none}.animated{animation-duration:1s}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.fadeIn{animation-name:fadeIn}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.avatar-admin-image{height:36px;width:36px;min-width:36px;border-radius:50%;cursor:pointer}.wrap-user-profile{height:68px;width:100%}.wrap-user{display:flex;flex-direction:row;align-items:center;height:100%;border-bottom:.5px solid #d8d8d8;padding-left:14px;padding-right:14px}.admin-name{font-family:Roboto-medium;font-size:15px;line-height:18px;color:#222;padding-left:14px}.admin-layout{height:100%;min-height:100vh}.admin-header,.admin-layout{display:flex;flex-direction:row}.admin-header{height:68px;align-items:center}.admin-sidebar{height:100%;min-height:100vh;width:100%;min-width:248px;background-color:#fafafa;display:flex;flex-direction:column}.admin-right-layout{width:100%;box-shadow:0 .5px 2px rgba(38,52,70,.25);overflow-y:scroll;max-height:100vh}.admin-logo-header{max-width:248px;width:100%;height:68px;display:flex;flex-direction:row;align-items:center;max-height:60px;margin-top:auto;padding-left:24px;padding-right:24px;border-top:.5px solid #d8d8d8}.admin-avatar{background:var(--color-light);width:100%;height:100%;border-bottom:.5px solid #d8d8d8}.logo-image-admin{width:134px;height:24px;cursor:pointer}.img-avatar-admin-page{width:36px;height:36px;border-radius:50%;margin-left:3px;cursor:pointer;position:relative;z-index:2}.custom-icon-header{margin-left:24px;margin-right:24px;cursor:pointer}.item-sidebar{display:inline-flex;height:54px;width:100%;padding-left:26px;padding-right:26px;cursor:pointer}.content-sidebar-page{display:flex;flex-direction:column;margin-top:15px}.item-name-sidebar{font-family:Roboto-medium;font-size:15px;line-height:18px;color:#969696;padding-left:24px}.custom-link-sidebar:hover .item-name-sidebar{color:#222}.custom-link-sidebar:hover .ic-user-list{background-image:url(/static/media/ic-user-list-hover.f0bb1abb.svg)}.custom-link-sidebar:hover .ic-request-list{background-image:url(/static/media/ic-request-list-hover.006145b2.svg)}.custom-link-sidebar:hover .ic-contact-list{background-image:url(/static/media/ic-contact-list-hover.b79734e1.svg)}.custom-link-sidebar-active .ic-user-list{background-image:url(/static/media/ic-user-list-active.629e6c3b.svg)}.custom-link-sidebar-active .ic-request-list{background-image:url(/static/media/ic-request-list-active.88cbb0ef.svg)}.custom-link-sidebar-active .ic-contact-list{background-image:url(/static/media/ic-contact-list-active.42965eab.svg)}.custom-link-sidebar-active{background:var(--color-primary);text-decoration:none;color:var(--color-light)}.custom-link-sidebar-active .item-name-sidebar{color:var(--color-light)}.custom-link-sidebar:hover{text-decoration:none;color:#222}.ic-menu-collapse{background-image:url(/static/media/ic_menu_colapse.cc725d89.svg)}.ic-user-list{background-image:url(/static/media/ic-user-list.7f660d36.svg)}.ic-request-list{background-image:url(/static/media/ic-request-list.212e3505.svg)}.ic-contact-list{background-image:url(/static/media/ic-contact-list.82586c82.svg)}.custom-popup-user-avatar{animation-name:fadeIn;animation-duration:.2s;background-clip:padding-box;background-color:#fff;box-shadow:0 4px 16px rgba(38,52,70,.12),0 2px 12px rgba(0,0,0,.12);-webkit-box-shadow:0 4px 16px rgba(38,52,70,.12),0 2px 12px rgba(0,0,0,.12);margin:0;outline:0;position:absolute;text-align:left;top:68px;overflow:hidden;min-width:200px;padding:12px 0;z-index:1001}.custom-popup-user-avatar li{font-family:Roboto-regular;font-size:15px;line-height:16px;color:#222;min-width:200px;min-height:40px;display:flex;align-items:center;padding:12px 16px;cursor:pointer}.custom-popup-user-avatar li:hover{background-color:#f4f6f8;box-shadow:0 0 1px rgba(0,0,0,.25)}.custom-popup-user-avatar li>i{margin-right:8px}.header-admin-login{font-size:24px;line-height:28px;font-family:Roboto-bold}.admin-logo-image{height:32px;margin-top:12px;margin-left:24px;cursor:pointer}.admin-login-container{height:calc(100vh - 36px)}.forgot-pass-admin{margin:24px 0}.forgot-pass-admin,.forgot-pass-admin a{color:var(--color-primary)}@media(max-width:567.98px){.admin-login-container{margin:15px}.admin-logo-image{margin-left:15px}}.container-request-list{animation:fadeIn .3s}.header-page{min-height:68px;display:flex;align-items:center;padding:8px;position:relative;flex-wrap:wrap}.input-icon{position:relative;display:inline-flex;margin-left:6px;padding-top:9px;padding-bottom:9px}.input-container{width:311px;height:36px;margin-left:auto;border:.8px solid #d8d8d8;box-sizing:border-box;border-radius:4px;padding-left:40px;margin-right:8px}.input-container:focus{outline:0}.custom-icon{position:absolute;margin:10px 12px}.btn-common-header{width:36px;height:36px;border:none;background:#f4f6f8;border-radius:4px;margin-left:8px;margin-right:8px;display:flex;align-items:center;justify-content:center}.ic-zoom{background-image:url(/static/media/ic-zoom.e1196d8d.svg)}.ic-filter{background-image:url(/static/media/ic-filter.efe41352.svg)}.ic-filter-active{background-image:url(/static/media/ic-filter-active.0a8f1e7e.svg)}.ic-camera-flash{background-image:url(/static/media/ic-camera-flash.ad6a922e.svg)}.ic-small-down{background-image:url(/static/media/ic-small-down.7677870e.svg);width:16px;height:16px}.icon-check-and-down{display:flex;align-items:center}.icon-check-and-down label.MuiFormControlLabel-root{margin:0}.small-down-button{background-color:var(--color-light);border:none;padding:0}.small-down-button.btn-secondary:hover{color:#fff;background-color:#fff;border-color:#fff}.small-down-button.btn-secondary.focus,.small-down-button.btn-secondary:focus{color:#fff;background-color:#fff;border-color:#fff;box-shadow:none}.status-register{height:40px;display:flex;align-items:center;padding-left:16px;font-size:15px;line-height:16px;font-family:Roboto-regular;color:#222}.status-register:hover{background:#f4f6f8;color:#222}.menu-status-register{width:200px;font-weight:400;color:#222;box-shadow:0 4px 16px rgba(38,52,70,.12),0 2px 12px rgba(0,0,0,.12);border-radius:8px;border:none;margin-top:21px;transform:none!important}.menu-status-register:focus{outline:0}.header-profile-image{width:6%}.header-full-name{width:16%}.header-status{width:10%}.header-email{width:19%}.header-registered-date{width:16.5%}.header-course-name{width:32.5%}.cell-class-for-request{width:6%;cursor:pointer}.cell-full-name{width:16%;cursor:pointer}.cell-header-status{width:10%;cursor:pointer}.cell-email{width:19%;cursor:pointer}.cell-registered-date{width:17%;cursor:pointer}.cell-course-names{width:30%;cursor:pointer}.background-checked{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f4f6f8;z-index:-1}.container-request-list .container-table tbody{display:block;height:100%;min-height:calc(100vh - 184px);overflow:auto;position:relative}.container-request-list .container-table tbody tr,.container-request-list .container-table thead{display:table;width:100%;table-layout:fixed;position:relative}.custom-popup{animation-name:fadeIn;animation-duration:.2s;background-clip:padding-box;background-color:#fff;box-shadow:0 4px 16px rgba(38,52,70,.12),0 2px 12px rgba(0,0,0,.12);border-radius:8px;left:0;list-style-type:none;margin:0;outline:0;position:absolute;text-align:left;top:0;overflow:hidden;-webkit-box-shadow:0 4px 16px rgba(38,52,70,.12),0 2px 12px rgba(0,0,0,.12);min-width:200px;min-height:100px;padding:12px 0;z-index:5}.custom-popup li{font-family:Roboto-regular;font-size:15px;line-height:16px;color:#222;min-width:200px;min-height:40px;display:flex;align-items:center;padding:12px 16px;cursor:pointer}.custom-popup li:hover{background-color:#f4f6f8;box-shadow:0 0 1px rgba(0,0,0,.25)}.custom-popup li>i{margin-right:8px}.loading-content{color:var(--color-primary)!important}.loading-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.custom-first-row{margin-top:24px}.container-modal-request-custom .custom-modal-content{max-width:526px;min-height:325px}.container-modal-request-custom .upload-progress-content{min-height:325px!important}.container-profile-details{padding:24px 36px}.contain-avatar-username{display:flex;align-items:center}.infor-name-email{margin-left:16px}.info-name{font-size:20px;font-family:Roboto-bold}.info-email{font-size:15px;font-family:Roboto-regular;margin-top:4px;color:#696969}.custom-info-row{margin-top:16px;line-height:22.5px}.custom-info-value{font-family:Roboto-bold;display:flex;align-items:center}.container-filter-content{position:absolute;top:68px;z-index:1050;width:48%;overflow:visible;outline:0;box-shadow:0 4px 16px rgba(38,52,70,.12),0 2px 12px rgba(0,0,0,.12);left:144px;margin-bottom:-1px;max-width:423px;min-height:354px;border:.5px solid #d8d8d8;border-radius:4px;padding:0 24px 24px;background-color:var(--color-light);opacity:1;visibility:visible;transition:.3s}.timing-transition{transition:.3s}.style-filter-item{font-size:15px;font-family:Roboto-medium;color:#222}.container-filter-item{padding-top:24px}.element-filter{height:40px;width:100%;border-radius:6px!important}.element-filter .MuiSelect-select{color:var(--color-text-1)!important;font-family:var(--font-regular)!important;font-size:14px;line-height:20px}.element-filter div div{font-size:15px;font-family:Roboto-regular;color:#222}.element-filter fieldset{border:1px solid var(--color-gray-line)!important}.element-filter div:focus{background-color:transparent}.container-date-range{margin-top:8px}.container-footer-filter{margin-top:36px;display:flex;flex-direction:row;align-items:center}.hide-filter{opacity:0;visibility:hidden;transition:.3s}.custom-cme-date{height:36px;width:100%}.custom-cme-date .SingleDatePickerInput{background-color:var(--color-light)!important;max-height:36px;height:36px;width:100%;max-width:176px}.custom-cme-date .DateInput_input{height:28px!important;background-color:var(--color-light);color:#222!important}.container-filter-list{display:inline-flex;flex-wrap:wrap}.container-item-filter{display:flex;align-items:center;flex-direction:row;background:rgba(31,62,174,.1);border-radius:4px;min-height:36px;margin:8px}.item-name-filter{color:var(--color-primary);padding:10px 12px}.ic-remove-item{background-image:url(/static/media/ic-remove.2b32153d.svg);margin:10px 12px 10px 0;cursor:pointer}.item-date-name-filter{padding:10px 12px}.filter-date-label{color:#222;margin-right:3px}.filter-date-value{color:var(--color-primary)}.ic-flash{background-image:url(/static/media/ic-flash.a2af95b3.svg);width:36px;height:36px;margin:0 24px 0 16px}.header-container{display:flex;align-items:center;height:68px}.search-header-admin-page{width:311px;height:36px;margin-left:auto}.container-email-list{display:flex;flex-direction:row;height:100vh}.email-list{max-width:423px;overflow-y:scroll;border-right:1px solid #d8d8d8}.email-list,.repply-container{width:100%;height:100vh}.fullname-created-day{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.email-item-container{padding:16px 24px;cursor:pointer}.email-item-container:hover{background:#f4f6f8;box-shadow:0 0 1px rgba(0,0,0,.25)}.full-name-class{font-family:Roboto-bold;font-size:14px;line-height:16px;color:#333}.created-date{font-family:Roboto-regular;font-size:12px;line-height:14px;color:#969696}.subject-email{font-family:Roboto-regular;color:#333}.body-email,.subject-email{font-size:14px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.body-email{color:#969696}.body-email-reply{font-size:14px;line-height:16px;color:#969696;margin-top:4px;max-width:503px}.body-parser{margin-top:4px;max-width:721px}.subject-title{font-family:Roboto-medium;font-size:20px;line-height:24px;color:#333;margin-left:24px;margin-right:24px}.current-reply-container{margin-left:24px;margin-right:24px;margin-top:12px}.active-email{box-shadow:0 0 1px rgba(0,0,0,.25)}.active-email,.email-item-container.active-email:hover{background-color:#e6e9ed}.button-reply{margin:24px}.email-name{border:1px solid #e3e3e3;border-radius:4px;padding:5px 8px;margin-left:8px}.to-email{display:flex;flex-direction:row;margin-bottom:16px;align-items:center}.container-reply{background:var(--color-light);box-shadow:0 2px 16px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.12);border-radius:8px;max-width:647px;padding:16px;margin:24px}.text-area-reply{width:100%;min-height:80px;max-width:559px;border:none}.text-area-reply:focus{outline:0}.footer-reply{margin:24px 0 0 16px;display:flex;justify-content:space-between}.icon-remove{background-image:url(/static/media/ic-trash.891557de.svg)}.sk-email-item-container{padding:16px 24px;height:88px}.custom-skeleton{margin-top:4px}.sk-fullname-created-date{display:flex;justify-content:space-between;flex-direction:row}.container-select-email-to-read{display:flex;align-items:center;justify-content:center;width:100%;height:100%;flex-direction:column}.background-to-read{width:120px;height:120px;background-image:url(/static/media/empty-email.c2632068.svg)}.label-to-read{padding-top:36px}.scroll-email-reply{height:calc(100% - 72px);overflow-y:scroll}.header-subject-name{display:flex;align-items:center;min-height:48px;border-bottom:.5px solid #d8d8d8}.right-content{margin-left:330px;width:calc(100vw - 330px);background-color:var(--color-background)}.icc-container{align-items:flex-start;box-shadow:var(--box-shadow-small);border-radius:8px;overflow:hidden;min-height:184px;justify-content:flex-start}.icc-container,.icc-container-no-data{display:flex;background:var(--color-light);animation:fadeIn .5s}.icc-container-no-data{align-items:center;justify-content:center;box-shadow:0 .5px 2px rgba(0,0,0,.25);border-radius:16px;min-height:186px;margin-bottom:24px;padding:36px;flex-wrap:wrap}.ic-no-data{margin-bottom:16px;background-image:url(/static/media/ic-books.36ff1afd.svg)}.container-no-data{align-items:center}.container-no-data,.icc-content{display:flex;flex-direction:column}.icc-content{width:100%;margin-left:30px;min-height:184px;min-height:var(--height-image-common)}.icc-content .course-label-link{display:block;max-width:-webkit-max-content;max-width:max-content;color:var(--color-text-1);text-decoration:unset;transition:all .3s ease;transition:var(--transition-common)}.icc-content .course-label-link:hover{color:var(--color-primary)}.icc-content .continues-group{padding-top:24px;margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;width:100%}.icc-content .continues-group a{margin-left:30px;display:block}.icc-content .continues-group a .next-action-btn{margin-left:0}.icc-content .continues-group .not-started-course{font-size:14px;line-height:24px;color:var(--color-text-2)}.icc-content .continues-group .next-action-btn{font-size:14px;line-height:24px;font-family:var(--font-medium);white-space:nowrap;margin-left:30px}.icc-content .continues-group .completed-percent{width:100%;min-height:40px}.icc-content .continues-group .completed-percent .percent-bar{width:100%;display:block;height:8px;box-shadow:var(--inner-shadow);background:var(--color-gray-line-light);border-radius:4px;position:relative}.icc-content .continues-group .completed-percent .percent-line-active{width:50%;background:var(--color-secondary);border-radius:4px;position:absolute;left:0;top:0;bottom:0}.icc-content .continues-group .completed-percent .continue-chap{font-size:16px;line-height:24px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:block}.icc-content .continues-group .completed-percent .continue-chap .percent-no{font-family:var(--font-semibold);color:var(--color-secondary);margin-right:8px}.icc-content .continues-group .completed-percent .continue-chap .percent-no.deactive{color:var(--color-text-2)}.icc-content .bottom-group{display:flex;align-items:center;margin-top:auto;padding-top:24px}.icc-content .status-text{font-size:16px;line-height:24px;font-family:var(--font-medium)}.icc-content .completed-date{font-size:16px;line-height:24px;color:var(--color-text-1)}.icc-content .completed-date span{color:var(--color-text-2);margin-right:4px}.icc-past-content{margin-left:24px;padding-bottom:10px;animation:fadeIn .5s}.icc-past-content a{color:unset!important;text-decoration:unset!important}.header-course{font-size:14px;line-height:24px;font-family:var(--font-semibold);margin-bottom:12px}.number-course{font-size:16px;line-height:24px;font-family:var(--font-medium);margin-bottom:4px;cursor:default}.name-course{font-size:20px;line-height:32px;letter-spacing:.02em;font-family:var(--font-semibold)}.wrap-chapter-day{font-size:16px;line-height:24px;margin-top:4px;display:flex;align-items:center}.wrap-chapter-day span{margin-right:4px;cursor:default}.wrap-chapter-day .disp-date{flex-wrap:wrap;display:flex}.wrap-chapter-day .divide-course{width:1px;height:16px;margin:0 16px;background:var(--color-text-2)}.overall-chapter{font-size:16px}.btn-overall,.overall-chapter{line-height:24px;font-family:var(--font-medium)}.btn-overall{font-size:14px;padding:7px 16px;min-height:40px;border:1px solid var(--color-primary);box-sizing:border-box;outline:0!important;border-radius:8px;background-color:transparent;margin-left:16px;transition:all .3s ease-in-out;color:var(--color-primary)}.btn-overall:hover{background-color:var(--color-background)}.btn-information{font-size:14px;line-height:24px;font-family:var(--font-medium);padding:7px 16px;min-height:40px;border:1px solid transparent;box-sizing:border-box;outline:0!important;border-radius:8px;background-color:transparent;margin-left:16px;transition:all .3s ease-in-out;color:var(--color-primary)}.btn-information:hover{background-color:var(--color-background)}.btn-cancel-register{margin-left:auto;cursor:pointer;color:var(--color-text-2);transition:all .3s ease-in-out}.btn-cancel-register:hover{color:var(--color-primary)}.elearning-image-course{width:114px;height:114px;margin:12px;border-radius:8px;object-fit:cover}.icon-checkbox-active{background-image:url(/static/media/ic_check_box_active_16.0c35b17f.svg)}.icon-checkbox-active,.icon-fail-course{display:inline-block;width:16px;height:16px;min-width:16px}.icon-fail-course{background-image:url(/static/media/ic_fail_course.4dbb3e27.svg)}.status-completed-course{display:flex;align-items:center}.ic-continue{background-image:url(/static/media/ic-continue.a5d2d955.svg)}.ic-account,.ic-continue{width:16px;height:16px;margin-right:20px}.ic-account{background-image:url(/static/media/ic-account.33c7208b.svg)}.ic-logout{background-image:url(/static/media/ic-logout.abe28555.svg);width:16px;height:16px;margin-right:20px}.avatar-icon{border:none;background:0 0;padding:0}.avatar-icon.btn-secondary,.avatar-icon.btn-secondary:focus,.avatar-icon.btn-secondary:hover,.avatar-icon.btn-secondary:not(:disabled):not(.disabled):active{background-color:var(--color-light);border-color:var(--color-light);box-shadow:none}.avatar-header{padding:16px 24px;border-bottom:1px solid #3b3b3b}.avatar-header:focus{outline:0;outline-color:var(--color-text-1)}.avatar-header-name{font-size:14px;line-height:24px;font-family:var(--font-semibold);display:flex;align-items:center;color:var(--color-light)}.avatar-header-email{padding-top:4px;color:var(--color-disable)}.user-menu-sm{display:none}.container-sidebar{display:flex;flex-direction:column;transition:width .3s,left .3s;position:fixed;z-index:0;width:330px;top:56px;bottom:0;left:0;transform:translateZ(0);padding-top:24px;background:var(--color-light);box-shadow:0 .5px 2px rgba(0,0,0,.25)}.container-sidebar a{color:unset!important;text-decoration:unset!important}.container-sidebar .footer-support-link{font-size:14px;line-height:24px;margin:auto 0 24px 24px;color:var(--color-primary)!important}.container-item-sidebar{width:100%}.item-sidebar{position:relative;display:flex;align-items:center;padding:12px 24px;color:var(--color-text-1);height:auto;min-height:48px;transition:all .2s ease-in-out;border-radius:4px;overflow:hidden}.item-sidebar:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:transparent}.item-sidebar.active{background-color:var(--color-background);box-shadow:var(--inner-shadow)}.item-sidebar.active:before{background-color:var(--color-primary)}.item-sidebar .amount{font-size:16px;line-height:24px;margin-left:auto;color:var(--color-primary);font-family:var(--font-medium)}.item-sidebar:hover{background-color:var(--color-background);box-shadow:var(--inner-shadow)}.custom-link-sidebar-header{min-height:inherit;display:flex;align-items:center;text-decoration:none!important;background-color:transparent;cursor:pointer;margin-left:24px;margin-right:24px;margin-bottom:8px;border-radius:4px}.progress-ring__circle{transition:stroke-dashoffset .35s;transform:rotate(-90deg);transform-origin:50% 50%}.ic-arrow-right{background-image:url(/static/media/ic-arrow-right.4f322141.svg)}.ic-done{background-image:url(/static/media/ic-done.0edce998.svg)}.ic-fail{background-image:url(/static/media/ic-fail.ce11ea23.svg)}.ic-schedule{background-image:url(/static/media/ic-schedule.87623219.svg)}.ic-no-chapter{background-image:url(/static/media/ic-no-chapter.d4b80a6b.svg)}.container-course-overview{display:flow-root;padding:0 68px 36px;max-width:1366px;margin:0 auto}.container-course-overview .title-overview{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;font-size:24px;line-height:36px;font-family:var(--font-semibold);margin-top:48px;margin-bottom:16px;display:flex;align-items:center}.container-course-overview .icon-expand{margin-right:12px;cursor:pointer}.container-course-overview .card-info{background:var(--color-light);box-shadow:var(--box-shadow-small);border-radius:8px;display:flex;align-items:flex-start;padding:24px;min-height:186px;transition:all .3s ease;transition:var(--transition-common)}.container-course-overview .card-info.on-loading{background:var(--color-gray-line-light);box-shadow:none}.container-course-overview .card-info .img-wrapper{height:100%;width:-webkit-max-content;width:max-content;display:grid;align-items:center}.container-course-overview .card-info .img-wrapper .display-img{margin:0;max-width:261px;min-height:184px;border-radius:6px;object-fit:cover}.container-course-overview .card-info .overview-info{width:100%;padding-left:30px;min-height:184px;min-height:var(--height-image-common);display:grid}.container-course-overview .card-info .overview-info .info-col{display:flex;flex-direction:column}.container-course-overview .card-info .overview-info .name-course{margin:0}.container-course-overview .card-info .overview-info .course-description{margin:4px 0 0;color:var(--color-text-2)}.container-course-overview .card-info .overview-info .course-description-long{height:48px;margin-bottom:8px;color:var(--color-text-2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.container-course-overview .card-info .overview-info .read-more-description{color:var(--color-primary);cursor:pointer;font-size:14px;line-height:24px}.container-course-overview .card-info .overview-info .course-status{margin-top:4px;font-family:var(--font-semibold);display:flex;align-items:flex-start;font-size:16px;line-height:24px}.container-course-overview .card-info .overview-info .course-status .pending-chapter{background:var(--color-warning);border-radius:50%;width:16px;min-width:16px;height:16px;min-height:16px;display:inline-flex;margin-right:12px;margin-top:4px}.container-course-overview .card-info .overview-info .course-status .date-stt{font-size:14px;line-height:24px;font-family:var(--font-regular)}.container-course-overview .card-info .overview-info .course-status .date-stt .date-stt-label{color:var(--color-text-2);margin-right:4px;cursor:default;pointer-events:none}.container-course-overview .card-info .overview-info .course-status .date-separate{width:1px;height:16px;background-color:var(--color-text-1);margin:4px 16px}.container-course-overview .card-info .overview-info .course-status .passed{font-size:14px;line-height:24px;font-family:var(--font-medium);color:var(--color-light);background:var(--color-complete-hover);padding:0 8px;border-radius:4px;margin-right:12px;cursor:default}.container-course-overview .card-info .overview-info .course-status.resume{margin-top:8px}.container-course-overview .card-info .overview-info .overview-bottom{display:flex;align-items:flex-end;margin-top:auto;padding-top:24px;justify-content:space-between}.container-course-overview .card-info .overview-info .overview-bottom .not-started-course{font-size:14px;line-height:24px;color:var(--color-text-2)}.container-course-overview .card-info .overview-info .group-btns{display:flex;align-items:center}.container-course-overview .card-info .overview-info .group-btns .btn-common,.container-course-overview .card-info .overview-info .group-btns a{margin-right:16px}.container-course-overview .card-info .overview-info .group-btns a .btn-common,.container-course-overview .card-info .overview-info .group-btns a .btn-information,.container-course-overview .card-info .overview-info .group-btns a .btn-overall{margin-left:0;margin-right:0}.container-course-overview .card-info .overview-info .group-btns a:last-of-type{margin-right:0}.container-course-overview .card-info .overview-info .group-btns .square-button{padding:10.92px;border:1px solid var(--color-gray-line);border-radius:8px}.container-course-overview .card-info .overview-info .group-btns .square-button:hover{background:var(--color-light);border:1px solid var(--color-primary)}.container-course-overview .card-info .overview-info .group-btns .square-button:focus{border:1px solid var(--color-primary);outline:0}.container-course-overview .card-info .overview-info .group-btns .dropdown-overview button{border-radius:8px;background:var(--color-light);border-color:var(--color-light);padding:0;border:1px solid var(--color-gray-line)}.container-course-overview .card-info .overview-info .group-btns .dropdown-overview button:focus{box-shadow:none;border:1px solid var(--color-primary)}.container-course-overview .card-info .overview-info .group-btns .dropdown-overview button .square-button{border-radius:8px;position:relative;padding:12px}.container-course-overview .card-info .overview-info .group-btns .dropdown-overview button .square-button:hover{background:var(--color-light)}.container-course-overview .card-info .overview-info .group-btns .dropdown-overview .menu-button{width:200px;padding:8px;box-shadow:var(--box-shadow-medium);background:var(--color-light);border-radius:8px;position:absolute}.container-course-overview .card-info .overview-info .group-btns .dropdown-overview .menu-button a .item{color:var(--color-text-1);font-size:14px;line-height:24px;padding:8px}.container-course-overview .card-info .overview-info .group-btns .dropdown-overview .menu-button a .item:hover{background:rgba(var(--RGB_color-text-1),.05);border-radius:8px;cursor:pointer}.container-course-overview .card-info .overview-info .group-btns .dropdown-overview .menu-button button{border:none}.container-course-overview .card-info .overview-info .btn-common,.container-course-overview .card-info .overview-info .btn-overall{padding:6px 16px;margin-right:16px!important}.container-course-overview .card-info .course-statistic{height:100%;display:flex;align-items:center;justify-content:flex-end}.container-course-overview .card-info .course-statistic .circle-chart{text-align:center;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 20px 0 0}.container-course-overview .card-info .course-statistic .circle-chart .column-name{padding-top:7px}.container-course-overview .card-info .course-statistic .circle-chart svg{scale:1.1}.container-course-overview .card-info .column-name{padding-top:16px;font-size:14px;line-height:20px;font-family:var(--font-medium)}.container-course-overview .card-info .chart-container{height:100%;display:flex}.container-course-overview .card-info .chart-container .column-chart{margin:0;display:flex;flex-direction:column;text-align:center;width:75px;height:100%}.container-course-overview .card-info .chart-container .column-chart .chart-wrapper{align-items:center;align-self:center;display:flex;flex-direction:column;position:relative;height:100%}.container-course-overview .card-info .chart-container .column-chart .chart-wrapper .background-column{background-color:rgba(var(--RGB_color-text-1),.1);display:flex;flex-direction:column-reverse;height:100%;width:36px}.container-course-overview .card-info .chart-container .column-chart .chart-wrapper .done-column{transition:all .3s ease;transition:var(--transition-common);background-color:var(--color-complete);width:100%}.container-course-overview .card-info .chart-container .column-chart .chart-wrapper .fail-column{transition:all .3s ease;transition:var(--transition-common);background-color:var(--color-danger);width:100%}.container-course-overview .card-info .chart-container .column-chart .done-percent{font-size:14px;line-height:20px;margin-bottom:14px}.container-course-overview .chapter-item{background:var(--color-light);box-shadow:var(--box-shadow-small);border-radius:8px;margin-bottom:12px;padding:16px 24px;cursor:pointer;min-height:92px;display:grid;border:1px solid transparent;transition:all .3s ease;transition:var(--transition-common)}.container-course-overview .chapter-item.on-loading{background:var(--color-gray-line-light);box-shadow:none;cursor:default}.container-course-overview .chapter-item.on-loading:hover{box-shadow:none;border:none}.container-course-overview .chapter-item:hover{border-color:var(--color-primary)}.container-course-overview .chapter-item .chapter-title{font-size:18px;line-height:28px;font-family:var(--font-semibold);display:block;cursor:pointer;margin-bottom:0}.container-course-overview .chapter-item .chapter-title-content{display:grid}.container-course-overview .chapter-item .chapter-status{display:flex;align-items:center;font-size:14px;line-height:24px;line-height:20px;color:var(--color-text-2);flex-wrap:wrap}.container-course-overview .chapter-item .chapter-status__item{display:flex;align-items:flex-start;margin-top:8px}.container-course-overview .chapter-item .chapter-status__item:first-of-type{margin-right:16px}.container-course-overview .chapter-item .chapter-status__item svg{margin-top:4px;margin-right:8px;min-width:12px}.container-course-overview .chapter-item .chapter-desc{font-size:14px;line-height:20px;color:var(--color-text-2);margin-top:4px;display:block}.container-course-overview .chapter-item .end-box{display:flex;align-items:center}.container-course-overview .chapter-item .end-box .chapter-point{width:calc(100% - 16px)}.container-course-overview .chapter-item .node-test{margin-right:8px;height:20px;background-size:16px;background-position:center bottom 0}.container-course-overview .chapter-item .circle-not-done{border:1px solid var(--color-gray-line);width:16px;height:16px;border-radius:50%;display:inline-block}.container-course-overview .chapter-item .chapter-name-col{display:flex;align-items:center;flex-direction:unset!important;justify-content:start!important}.container-course-overview .chapter-item .chapter-resume{display:inline-flex;width:16px;min-width:16px;height:16px;background:var(--color-warning);border-radius:50%;margin-right:12px}.container-course-overview .chapter-item .chapter-col{padding-right:12px;padding-left:12px;display:flex;flex-direction:column;justify-content:center}.container-course-overview .chapter-item .chapter-row{margin-right:-12px;margin-left:-12px}.container-course-overview .chapter-link{color:var(--color-text-1);text-decoration:none;display:block}.container-course-overview .chapter-link.disabled .chapter-item:hover{box-shadow:var(--box-shadow-small);cursor:default!important}.container-course-overview .chapter-link.disabled .chapter-item .chapter-col,.container-course-overview .chapter-link.disabled .chapter-item .chapter-title{cursor:default}.container-course-overview .no-chapter{background:var(--color-light);padding:22px 24px;box-shadow:var(--box-shadow-small);border-radius:8px;display:flex;align-items:center;color:var(--color-disable)}.container-course-overview .no-chapter .ic-no-chapter{width:48px;height:48px;background-size:cover;background-position:50%;background-repeat:no-repeat;margin-right:24px}.container-course-overview .skeleton-notification{margin-top:48px}.container-course-overview .notification-container{background:var(--color-light);box-shadow:var(--box-shadow-small);border-radius:8px;padding:12px 24px;color:var(--color-text-2);transition:all .3s ease;transition:var(--transition-common)}.container-course-overview .notification-container .noti-item{padding:12px 0;display:flex;position:relative}.container-course-overview .notification-container .noti-item:not(:last-child):before{content:"";position:absolute;width:2px;height:76px;top:20px;left:7px;background-color:var(--color-gray-line)}.container-course-overview .notification-container .noti-item .node{min-width:16px;height:16px;margin-top:4px;background:var(--color-light);border:2px solid var(--color-gray-line);border-radius:11px;z-index:1;margin-right:16px}.container-course-overview .notification-container .noti-item .node.is-active,.container-course-overview .notification-container .noti-item .node.true.\?.\"is-active\".\:.\"\"{background:var(--color-success-default);border:none}.container-course-overview .notification-container .noti-item .date{font-size:16px;line-height:24px;font-family:var(--font-semibold);color:var(--color-text-1);letter-spacing:.02em;margin-bottom:4px}.container-course-overview .notification-container .noti-item .content{font-size:14px;line-height:24px;letter-spacing:.005em;color:var(--color-text-2)}.common-dropdown-content.overview-dropdown{background-color:var(--color-light)}.common-dropdown-content.overview-dropdown .select-item .select-box{height:40px;color:var(--color-text-1)}.common-dropdown-content.overview-dropdown .select-item .select-box:hover{background-color:rgba(var(--RGB_color-text-1),.05)}.pre-requisite-container{margin:48px 0}.pre-requisite-container .title{font-size:24px;line-height:36px;letter-spacing:.02em;font-family:var(--font-semibold);display:flex;align-items:center;cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pre-requisite-container .hint{font-size:14px;line-height:24px;color:var(--color-text-2);margin:4px 0 16px 36px}.pre-requisite-container .hint .lable{color:var(--color-text-1)}.pre-requisite-container .item{background:var(--color-light);box-shadow:var(--box-shadow-small);padding:16px 24px;display:flex}.pre-requisite-container .item .pre-requisite-stt{font-size:14px;line-height:24px;padding:4px 12px;border-radius:6px;border:1px solid transparent}.pre-requisite-container .item.one-row{border-radius:8px;display:flex;align-items:center}.pre-requisite-container .item.rows:first-child{border-radius:8px 8px 0 0}.pre-requisite-container .item.rows:last-child{border-radius:0 0 8px 8px}.pre-requisite-container .item .name{color:var(--color-primary);padding-right:24px}.pre-requisite-container .item .pass{color:var(--color-complete);border-color:var(--color-complete);background-color:rgba(var(--RGB_color-complete),.1)}.pre-requisite-container .item .not-learning{color:var(--color-text-2)}.pre-requisite-container .item .learning{color:var(--color-secondary)}.pre-requisite-container .item .unqualified{color:var(--color-text-2);border-color:var(--color-gray-line);background-color:rgba(var(--RGB_color-text-1),.05)}@keyframes shimmer{to{transform:translateX(100%)}}.skeleton-box{display:block!important;position:relative;overflow:hidden;background-color:var(--color-background)!important;cursor:default!important;border-radius:4px}.skeleton-col-an-course,.skeleton-col-past-course{width:327px;min-width:327px;height:184px;height:var(--height-image-common);margin-right:24px;border-radius:0}.skeleton-icc-content{width:100%;padding:16px 24px 16px 0;display:flex;flex-direction:column;min-height:184px}.skeleton-icc-content .skeleton-name-course{width:100%;height:16px;margin-top:12px}.skeleton-icc-content .skeleton-wrap-chapter-day{width:100%;max-width:141px;height:16px;margin-top:12px}.skeleton-icc-content .wrap-end-box{display:flex;margin-top:auto}.skeleton-icc-content .wrap-end-box .box-percent{width:100%;height:8px;margin-top:auto;margin-right:30px}.skeleton-icc-content .wrap-end-box .box-end{margin-right:16px;width:88px;min-width:88px;height:40px;border-radius:8px}.skeleton-icc-content .wrap-end-box .box-end.last{margin-right:0}.super-table-container{font-size:14px;line-height:24px}.super-table-container .super-table{width:100%}.super-table-container .super-table.margin-bottom{margin-bottom:40px}.super-table-container .super-table.overflow-table{width:-webkit-max-content;width:max-content;min-width:100%}.super-table-container .super-table.overflow-table .col-fixed-left{position:-webkit-sticky!important;position:sticky!important;z-index:0;background:var(--color-light);left:0}.super-table-container .super-table.overflow-table .col-fixed-left-last:after{position:absolute;top:0;bottom:-1px;right:-16px;width:18px;transition:box-shadow .1s;content:"";pointer-events:none}.super-table-container .super-table.overflow-table .col-fixed-right{position:-webkit-sticky!important;position:sticky!important;z-index:0;background:var(--color-light);right:0}.super-table-container .super-table.overflow-table .col-fixed-right-last:after{position:absolute;top:0;bottom:-1px;left:-16px;width:18px;transition:box-shadow .1s;content:"";pointer-events:none}.super-table-container .super-table.table-overflow-left .col-fixed-left-last:after{box-shadow:inset 6px 0 6px -6px rgba(0,0,0,.15)}.super-table-container .super-table.table-overflow-right .col-fixed-right-last:after{box-shadow:inset -6px 0 6px -6px rgba(0,0,0,.15)}.super-table-container .super-table-row{border-bottom:none;color:var(--color-text-1);transition:all .2s ease}.super-table-container .super-table-row:hover .super-col{background:var(--color-background)}.super-table-container .super-table-row .super-col{padding:8px 12px;word-break:break-word}.super-table-container .super-table-row .super-col.first-col{padding-left:24px}.super-table-container .super-table-row .super-col.last-col{padding-right:24px}.super-table-container .super-table-row .super-row-no-data{text-align:center;color:var(--color-text-1)}.super-table-container .super-table-row.active .super-col{background:rgba(var(--RGB_color-complete),.1)}.super-table-container .super-table-row-header{border-bottom:none;color:var(--color-text-1);cursor:default}.super-table-container .super-table-row-header .header-col{padding:8px 12px;word-break:break-word;font-weight:unset}.super-table-container .super-table-row-header .header-col.first-col{padding-left:24px}.super-table-container .super-table-row-header .header-col.last-col{padding-right:24px}.super-table-container .super-table-row-header .header-column-data{display:flex;color:var(--color-text-2)}.super-table-container .super-table-row-header .header-column-data .label-sort-col{display:inline-flex;align-items:center;cursor:pointer}.super-table-container .super-table-row-header .header-column-data .ic-sort-super-col{margin-left:4px;min-width:24px;min-height:24px;display:grid;align-content:center;justify-content:center}.super-table-container .super-table-row-header .header-column-data .ic-sort-super-col:hover{background:rgba(var(--RGB_color-text-1),.05);border-radius:12px}.super-table-container .super-table-row-header .header-column-data .ic-sort-super-col.activate .icon-sort path{stroke:var(--color-progress)}.super-table-container .super-table-row-header .header-column-data .sort-col-desc .ic-sort-super-col{transform:rotate(180deg)}.super-table-container .header-action .header-column-data{justify-content:flex-end}.super-table-container .common-pagination{padding:4px 24px;margin:16px 0 8px}.cds-date-picker{position:relative;display:inline-block}.cds-date-picker .cds-dp-input{display:inline-flex;cursor:text;outline:0;border-radius:4px;align-items:center;font-size:11px;line-height:16px;min-width:220px;min-height:32px;background:0 0;border:1px solid var(--color-gray-line);padding:0 12px;transition:all .2s ease}.cds-date-picker .cds-dp-input input{border:none;width:100%;height:100%;padding:6px 0;background:0 0;outline:0;transition:inherit}.cds-date-picker .cds-dp-input input::-webkit-input-placeholder{color:var(--color-disable)}.cds-date-picker .cds-dp-input input:focus{outline:0}.cds-date-picker .cds-dp-input .dp-suffix{padding-left:12px;height:100%;display:flex;align-items:center;color:var(--color-text-2)}.cds-date-picker .cds-dp-input.error,.cds-date-picker .cds-dp-input.error.disabled{border-color:var(--color-danger)}.cds-date-picker .cds-dp-input.disabled{cursor:default;background-color:var(--color-disable);color:var(--color-disable);border-color:var(--color-gray-line)}.cds-date-picker .cds-dp-input.disabled input{cursor:default}.cds-date-picker.focused .cds-dp-input{border-color:var(--color-complete)}.cds-date-picker.focused .cds-dp-input.error,.cds-date-picker.focused .cds-dp-input.error.disabled{border-color:var(--color-danger)}.cds-date-picker.focused.disabled .cds-dp-input{border-color:var(--color-gray-line)}.cds-date-picker.inner-shadow-input .cds-dp-input{font-size:14px;line-height:24px;min-height:40px;min-width:330px;box-shadow:var(--inner-shadow);border:none;border-radius:8px;background:var(--color-background)}.cds-dp-container-dropdown .cds-dp-container{background:var(--color-light);border-radius:8px;overflow:hidden;padding:24px;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cds-dp-container-dropdown .cds-dp-container .cds-dpc-head{display:flex;align-items:center;margin:0 -4px;justify-content:space-between}.cds-dp-container-dropdown .cds-dp-container .cds-dpc-head .dpch-month-year-control{box-sizing:border-box;position:relative;display:flex;align-items:center}.cds-dp-container-dropdown .cds-dp-container .cds-dpc-head .btn-control-ym{height:24px;width:24px;min-width:24px;background:var(--color-background);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 4px;transition:all .2s ease;cursor:pointer}.cds-dp-container-dropdown .cds-dp-container .cds-dpc-head .btn-control-ym.next{transform:rotate(180deg)}.cds-dp-container-dropdown .cds-dp-container .cds-dpc-head .btn-control-ym:hover{background:var(--color-gray-line)}.cds-dp-container-dropdown .cds-dp-container .cds-dpc-head .mdpch-container{height:100%;color:var(--color-text-1);display:grid}.cds-dp-container-dropdown .cds-dp-container .cds-dpc-head .mdpch-container .mdpchc-year{font-size:16px;line-height:24px;font-weight:600;text-align:center}.cds-dp-container-dropdown .cds-dp-container .cds-dpc-head .mdpch-container .mdpchc-month{font-size:11px;line-height:16px;text-align:center}.cds-dp-container-dropdown .cds-dp-container .cds-dpc-footer{font-size:11px;line-height:16px;display:flex;align-items:center;justify-content:space-between;margin-top:16px;margin-left:-4px;margin-right:-4px}.cds-dp-container-dropdown .cds-dp-container .cds-dpc-footer .dpcf-action{padding:4px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .2s ease}.cds-dp-container-dropdown .cds-dp-container .cds-dpc-footer .dpcf-action:hover{text-decoration:underline}.cds-dp-container-dropdown .cds-dp-container .cds-dpc-footer .dpcf-action.clear{color:var(--color-disable)}.cds-dp-container-dropdown .cds-dp-container .cds-dpc-footer .dpcf-action.now{color:var(--color-complete)}.cds-dp-container-dropdown .cds-dp-container .cds-dpc-body{margin-top:16px;margin-left:-4px;margin-right:-4px}.cds-dp-container-dropdown .cds-dp-container .calendar-container .calendar-head{display:flex;align-items:center;margin-bottom:4px}.cds-dp-container-dropdown .cds-dp-container .calendar-container .calendar-head-name{font-size:11px;line-height:16px;line-height:24px;color:var(--color-text-1);padding:0 6px;cursor:default;text-align:center;min-width:36px}.cds-dp-container-dropdown .cds-dp-container .calendar-container .calendar-body{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:0;display:grid;width:-webkit-max-content;width:max-content}.cds-dp-container-dropdown .cds-dp-container .calendar-container .calendar-day-container{min-width:36px;height:24px;padding:4px 6px;min-height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.cds-dp-container-dropdown .cds-dp-container .calendar-container .calendar-day-container .calendar-day{font-size:11px;line-height:16px;color:var(--color-text-1);border:1px solid transparent;width:100%;height:100%;line-height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.cds-dp-container-dropdown .cds-dp-container .calendar-container .calendar-day-container:hover .calendar-day{background-color:var(--color-gray-line-light);border-color:var(--color-gray-line-light)}.cds-dp-container-dropdown .cds-dp-container .calendar-container .calendar-day-container.disabled .calendar-day{color:var(--color-disable)}.cds-dp-container-dropdown .cds-dp-container .calendar-container .calendar-day-container.disabled.selected .calendar-day{color:var(--color-disable);background-color:rgba(var(--RGB_color-complete),.1);border-color:rgba(var(--RGB_color-complete),.1)}.cds-dp-container-dropdown .cds-dp-container .calendar-container .calendar-day-container.disabled.current .calendar-day{border-color:rgba(var(--RGB_color-complete),.1)}.cds-dp-container-dropdown .cds-dp-container .calendar-container .calendar-day-container.selected .calendar-day{color:var(--color-light);background-color:var(--color-complete);border-color:var(--color-complete)}.cds-dp-container-dropdown .cds-dp-container .calendar-container .calendar-day-container.current .calendar-day{border-color:var(--color-complete)}.cds-dp-container-dropdown .cds-dp-container.readOnly .calendar-day-container{cursor:default!important}.cds-dp-container-dropdown .cds-dp-container.readOnly .calendar-day-container:hover .calendar-day{background-color:transparent;border-color:transparent}.cds-dp-container-dropdown .cds-dp-container.readOnly .calendar-day-container.disabled .calendar-day{color:var(--color-disable)}.cds-dp-container-dropdown .cds-dp-container.readOnly .calendar-day-container.disabled.selected .calendar-day{color:var(--color-disable);background-color:rgba(var(--RGB_color-complete),.1);border-color:rgba(var(--RGB_color-complete),.1)}.cds-dp-container-dropdown .cds-dp-container.readOnly .calendar-day-container.disabled.current .calendar-day{border-color:rgba(var(--RGB_color-complete),.1)}.cds-dp-container-dropdown .cds-dp-container.readOnly .calendar-day-container.selected .calendar-day{color:var(--color-light);background-color:var(--color-complete);border-color:var(--color-complete)}.cds-dp-container-dropdown .cds-dp-container.readOnly .calendar-day-container.current .calendar-day{border-color:var(--color-complete)}.Toastify__toast-container.simple-toast-container{bottom:0;left:0;right:0;width:100%;box-sizing:border-box;margin:0;padding:16px 24px 40px;list-style:none;position:fixed;z-index:9999;pointer-events:none;display:flex;align-items:center;justify-content:center;flex-direction:column}.Toastify__toast-container.simple-toast-container .simple-toast{cursor:default;pointer-events:all;display:inline-block;max-width:100%;margin-bottom:16px;padding:8px 16px;color:var(--color-light);border-radius:6px;background:var(--color-text-1);min-height:unset;box-shadow:var(--box-shadow-big)}.Toastify__toast-container.simple-toast-container .simple-toast .simple-toast-body{margin:0}.Toastify__toast-container.simple-toast-container .simple-toast .simple-toast-content{font-size:14px;line-height:24px;display:flex;align-items:center}.Toastify__toast-container.simple-toast-container .simple-toast .simple-toast-content span{text-align:center;white-space:pre-line}.Toastify__toast-container.simple-toast-container .simple-toast .simple-toast-content svg{margin-right:12px}.introjs-helperLayer{background:0 0}.introjs-overlay{display:none}.introjs-helperLayer:before{content:"";position:fixed;width:inherit;height:inherit;border-radius:6px;box-shadow:0 0 0 1000em rgba(var(--RGB_color-text-1),.7);opacity:.5;overflow:hidden}.introjs-helperLayer:after{content:"";left:0;right:0;top:0;bottom:0;position:fixed;z-index:1000}.introjs-tooltip.elitelearning-tooltip{padding:24px;background:var(--color-light);box-shadow:var(--box-shadow-big);border-radius:8px;min-width:440px;max-width:440px}.introjs-tooltip.elitelearning-tooltip .introjs-tooltip-header,.introjs-tooltip.elitelearning-tooltip .introjs-tooltiptext{padding:0}.introjs-tooltip.elitelearning-tooltip .introjs-tooltiptext .step-title{font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold);margin-bottom:8px}.introjs-tooltip.elitelearning-tooltip .introjs-tooltiptext .step-text{font-size:16px;line-height:24px;font-family:var(--font-regular)}.introjs-tooltip.elitelearning-tooltip .introjs-tooltipbuttons{height:40px;margin-top:24px;border-top:none;padding:0}.introjs-tooltip.elitelearning-tooltip .introjs-tooltipbuttons .introjs-button{font-family:var(--font-regular)!important;font-size:16px!important;line-height:24px;padding:8px 16px!important;margin-top:0!important;background-image:none!important;color:var(--color-light);text-shadow:unset!important;border:unset!important;border-radius:4px!important;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.introjs-tooltip.elitelearning-tooltip .introjs-tooltipbuttons .introjs-button:hover{color:var(--color-light)}.introjs-tooltip.elitelearning-tooltip .introjs-tooltipbuttons .introjs-skipbutton{background-color:unset!important;color:var(--color-text-2);margin-right:0;padding:unset!important}.introjs-tooltip.elitelearning-tooltip .introjs-tooltipbuttons .introjs-skipbutton:hover{background-color:unset!important;color:var(--color-text-2);box-shadow:unset!important}.introjs-tooltip.elitelearning-tooltip .introjs-tooltipbuttons .introjs-prevbutton{border:1px solid var(--color-gray-line)!important;box-sizing:border-box;color:var(--color-text-1);background-color:transparent!important;box-shadow:unset!important;transition:all .2s ease-in-out}.introjs-tooltip.elitelearning-tooltip .introjs-tooltipbuttons .introjs-prevbutton:hover{color:var(--color-text-1);background-color:rgba(var(--RGB_color-gray-line-light),.5)!important}.introjs-tooltip.elitelearning-tooltip .introjs-tooltipbuttons .introjs-prevbutton.introjs-disabled{background-color:unset!important;color:var(--color-disable)!important;background-color:var(--color-background)!important;border:unset!important}.introjs-tooltip.elitelearning-tooltip .introjs-tooltipbuttons .introjs-nextbutton{background-color:var(--color-primary);transition:all .2s ease-in-out}.introjs-tooltip.elitelearning-tooltip .introjs-tooltipbuttons .introjs-nextbutton:hover{background-color:var(--color-primary-dark)}.introjs-tooltip.elitelearning-tooltip .introjs-tooltipbuttons .introjs-nextbutton.introjs-disabled{background-color:unset!important;color:var(--color-disable)!important;background-color:var(--color-background)!important;border:unset!important}.introjs-tooltip.elitelearning-tooltip .introjs-tooltipbuttons .introjs-hidden{display:none!important}.introjs-tooltip.elitelearning-tooltip .introjs-skipbutton{font-size:16px;line-height:24px;font-family:var(--font-regular);color:var(--color-text-2);padding:0}.elitelearning-tooltip.last{position:fixed}.elitelearning-tooltip.last .introjs-tooltiptext{padding-top:16px}.elitelearning-tooltip.last .div-img{min-width:392px;height:216px;margin:24px auto;background:var(--color-background);box-shadow:inset 0 0 3px rgba(0,0,0,.2);border-radius:8px}.elitelearning-tooltip.last .div-img .col .content-qr-code-one{margin-left:36px;margin-top:24px;display:flex;align-items:center;justify-content:center;flex-direction:column}.elitelearning-tooltip.last .div-img .col .content-qr-code-two{margin-right:36px;margin-top:24px;display:flex;align-items:center;justify-content:center;flex-direction:column}.elitelearning-tooltip.last .qr-code-gg-play{background-position:50%;background-repeat:no-repeat;background-size:cover;width:120px;height:120px;background-image:url(/static/media/qr-playstore.d3f19a32.svg)}.elitelearning-tooltip.last .logo-gg-play{background-position:50%;background-repeat:no-repeat;background-size:cover;width:110px;height:32px;margin-top:16px;background-image:url(/static/media/logo-googleplay.27ea4695.svg)}.elitelearning-tooltip.last .logo-apple-store{background-position:50%;background-repeat:no-repeat;background-size:cover;width:102px;height:32px;margin-top:16px;background-image:url(/static/media/logo-appstore.f09a74d5.svg)}.elitelearning-tooltip.last .qr-code-apple-store{background-position:50%;background-repeat:no-repeat;background-size:cover;width:120px;height:120px;background-image:url(/static/media/qr-applestore.124c3497.svg)}.elitelearning-tooltip.last .introjs-tooltipbuttons{display:flex!important;flex-direction:row-reverse!important;text-align:center;margin-top:0}.elitelearning-tooltip.last .introjs-tooltipbuttons .introjs-button{font-family:var(--font-regular)!important;font-size:16px!important;line-height:24px;padding:8px 16px!important;margin-top:0!important;background-image:none!important;color:var(--color-light);text-shadow:unset!important;border:unset!important;border-radius:4px!important}.elitelearning-tooltip.last .introjs-tooltipbuttons .introjs-button:hover{color:var(--color-light)}.elitelearning-tooltip.last .introjs-tooltipbuttons .introjs-prevbutton{border:1px solid var(--color-gray-line)!important;box-sizing:border-box;color:var(--color-text-1);margin-left:12px;margin-right:12px;background-color:transparent!important;box-shadow:unset!important;transition:all .2s ease-in-out}.elitelearning-tooltip.last .introjs-tooltipbuttons .introjs-prevbutton:hover{color:var(--color-text-1);background-color:rgba(var(--RGB_color-gray-line-light),.5)!important}.elitelearning-tooltip.last .introjs-tooltipbuttons .introjs-nextbutton.introjs-disabled{display:none!important}.elitelearning-tooltip.last .introjs-tooltipbuttons .introjs-skipbutton.introjs-donebutton{background-color:var(--color-primary)!important;transition:all .2s ease-in-out;margin-right:0!important}.elitelearning-tooltip.last .introjs-tooltipbuttons .introjs-skipbutton.introjs-donebutton:hover{background-color:var(--color-primary-dark)!important}.elitelearning-tooltip.first{position:fixed;max-width:706px;width:706px;padding:0}.elitelearning-tooltip.first .introjs-tooltip-header{padding:24px 24px 0}.elitelearning-tooltip.first .introjs-tooltipbuttons{display:flex;flex-direction:column-reverse;max-width:484px;margin-left:auto;margin-right:auto;height:auto;align-items:center;margin-bottom:48px}.elitelearning-tooltip.first .introjs-tooltipbuttons .introjs-nextbutton{font-family:var(--font-medium)!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:12px 24px!important;background-color:var(--color-primary);border:none!important;box-shadow:none!important;border-radius:6px;color:var(--color-light);margin-top:0;margin-bottom:0;transition:all .2s ease-in-out}.elitelearning-tooltip.first .introjs-tooltipbuttons .introjs-nextbutton:hover{background-color:var(--color-primary-dark)!important}.elitelearning-tooltip.first .introjs-tooltipbuttons .introjs-skipbutton{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:14px!important;line-height:20px;color:var(--color-text-2);margin-top:12px!important;cursor:pointer}.elitelearning-tooltip.first .introjs-disabled{display:none}.elitelearning-tooltip.first .the-first-instruction{max-width:484px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:24px}.elitelearning-tooltip.first .the-first-instruction .text-header{font-family:var(--font-light);font-size:24px;font-style:normal;line-height:36px;text-align:center}.elitelearning-tooltip.first .the-first-instruction .content-body{text-align:center}.elitelearning-tooltip.first .the-first-instruction .img-the-first{width:450px;height:228px;background-image:url(/static/media/img-the-first-instruction.51d52534.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(var(--box-shadow-big));border-radius:8px;margin-bottom:48px;margin-top:32px}.payment-page{width:100%;display:flex;justify-content:center;padding:64px 30px}.payment-page .payment-body{width:100%;max-width:1020px}.payment-page .app-logo{display:block;width:-webkit-max-content;width:max-content}.payment-page .payment-label{font-size:24px;line-height:36px;letter-spacing:.02em;font-family:var(--font-semibold);margin:48px 0 16px}.payment-page .payment-content{display:flex}.payment-page .payment-content .payment-methods{display:flex;flex-wrap:wrap;margin-right:-16px}.payment-page .payment-content .payment-methods .method-btn{background:var(--color-background);margin-right:16px;margin-bottom:16px;padding:12px 19px;cursor:pointer;transition:all .3s ease;transition:var(--transition-common);text-align:center;border:2px solid var(--color-gray-line);box-sizing:border-box;border-radius:12px;font-size:14px;line-height:24px}.payment-page .payment-content .payment-methods .method-btn div{margin-bottom:8px}.payment-page .payment-content .payment-methods .method-btn.active{background:#fff;color:var(--color-text-1);border:2px solid var(--color-secondary);border-radius:12px;box-sizing:border-box}.payment-page .payment-content .payment-info{font-size:14px;line-height:24px;width:600px;min-width:600px;padding:30px;background:var(--color-light);box-shadow:0 .5px 2px rgba(0,0,0,.25);border-radius:8px}.payment-page .payment-content .payment-info label{font-size:16px;line-height:24px;margin-bottom:12px;font-family:var(--font-medium)}.payment-page .payment-content .payment-info .method-content{display:none}.payment-page .payment-content .payment-info .method-content.active{display:unset}.payment-page .payment-content .payment-info .transfer-info{margin-bottom:22px}.payment-page .payment-content .payment-info .transfer-info .info-row{display:flex;margin-bottom:8px}.payment-page .payment-content .payment-info .transfer-info .info-row label{font-size:14px;line-height:24px;margin-bottom:0;font-family:var(--font-regular);width:110px;min-width:120px;margin-right:12px}.payment-page .payment-content .payment-info .transfer-info .info-row .btn-copy{background:var(--color-primary);border-radius:6px;margin-left:12px;display:inline-block;color:var(--color-light);width:-webkit-max-content;width:max-content;white-space:nowrap;height:-webkit-max-content;height:max-content;cursor:pointer;padding:4px 16px}.payment-page .payment-content .payment-info .input-confirm-transfer{font-size:14px;line-height:24px;display:block;margin-bottom:30px;padding:8px 16px;background:var(--color-background);box-shadow:var(--inner-shadow);border-radius:8px;outline:0;border:none;width:100%;min-height:40px}.payment-page .payment-content .payment-info .descript-upload{color:var(--color-text-2);display:block;margin-top:-8px}.payment-page .payment-content .payment-info .btn-upload{background:var(--color-primary);border-radius:6px;display:block;color:var(--color-light);width:-webkit-max-content;width:max-content;white-space:nowrap;height:-webkit-max-content;height:max-content;cursor:pointer;padding:4px 16px;margin-top:12px}.payment-page .payment-content .payment-info .display-file{font-size:11px;line-height:16px;display:flex;margin-top:12px;background:var(--color-background);box-shadow:var(--inner-shadow);border-radius:4px;align-items:center;justify-content:space-between;padding:4px 4px 4px 12px}.payment-page .payment-content .payment-info .display-file .circle-button{margin-left:8px;transition:all .3s ease;transition:var(--transition-common)}.payment-page .payment-content .payment-info .display-file .circle-button:hover{background-color:var(--color-gray-line)}.payment-page .payment-content .payment-info .payment-basic{text-align:center}.payment-page .payment-content .payment-info .payment-basic .title{font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold);margin-bottom:8px}.payment-page .payment-content .payment-info .payment-basic .text{margin-bottom:8px}.payment-page .payment-content .payment-info .payment-basic .price{font-size:24px;line-height:36px;letter-spacing:.02em;font-family:var(--font-semibold)}.payment-page .payment-content .payment-info .payment-basic .hint{font-size:11px;line-height:16px;margin-bottom:16px;margin-top:-6px;color:var(--color-text-2)}.payment-page .payment-content .payment-info .payment-basic .btn-complete{font-size:14px;line-height:24px;padding:12px 24px;border-radius:8px;margin:30px 84px 0;color:#fff;text-align:center;font-family:var(--font-medium);background:var(--color-secondary);transition:all .3s ease;transition:var(--transition-common);cursor:pointer}.payment-page .payment-content .payment-info .payment-basic .btn-complete.paying{opacity:.5;cursor:wait}.payment-page .payment-content .text-hint{margin-top:16px;color:var(--color-secondary);font-size:14px;line-height:24px}.payment-page .payment-content .text-hint .link{color:var(--color-text-1);text-decoration:underline}.payment-page .total-container{font-size:14px;line-height:24px;width:100%;padding-right:30px}.payment-page .total-container .total-card{padding:30px;box-shadow:0 .5px 2px rgba(0,0,0,.25);border-radius:8px;min-height:228px;display:flex;flex-direction:column;background-color:var(--color-light)}.payment-page .total-container .total-card label{font-size:16px;line-height:24px;margin-bottom:12px;font-family:var(--font-medium)}.payment-page .total-container .total-card .total-info{display:flex;justify-content:space-between}.payment-page .total-container .total-card .total-info span{display:flex}.payment-page .total-container .total-card .total-info span .dropdown-select-package button{font-size:14px;line-height:24px;outline:0;box-shadow:none;background:0 0;display:flex;align-items:center;padding:0;border:none}.payment-page .total-container .total-card .total-info span .dropdown-select-package .dropdown-menu{outline:0;border:none;box-shadow:none;background-color:var(--color-text-1);min-width:60px;box-shadow:var(--box-shadow-big)}.payment-page .total-container .total-card .total-info span .dropdown-select-package .dropdown-menu .dropdown-item{font-size:14px;line-height:24px;color:var(--color-light);padding:4px 12px}.payment-page .total-container .total-card .total-info span .dropdown-select-package .dropdown-menu .dropdown-item:hover{background-color:rgba(var(--RGB_color-light),.1)}.payment-page .total-container .total-card .option-wrapper{margin-bottom:24px}.payment-page .total-container .total-card .tag-selection{display:grid;grid-column-gap:8px;column-gap:8px}.payment-page .total-container .total-card .tag-selection.numCol-4{grid-template-columns:repeat(4,1fr)}.payment-page .total-container .total-card .tag-selection.numCol-5{grid-template-columns:repeat(5,1fr)}.payment-page .total-container .total-card .tag-selection .tag{border-radius:4px;border:1px solid var(--color-gray-line-light);padding:8px;text-align:center;cursor:pointer;background-color:var(--color-background)}.payment-page .total-container .total-card .tag-selection .tag.active{color:var(--color-blue);background-color:#eaeaff;border-color:var(--color-blue);cursor:default}.payment-page .total-container .total-card .tag-selection .tag.disable{background-color:var(--color-gray-line);cursor:not-allowed}.payment-page .total-container .total-card .total-submit{margin-top:auto;padding-top:24px;border-top:1px solid var(--color-gray-line)}.payment-page .total-container .total-card .total-submit .number{font-family:var(--font-semibold)}.payment-method-content .btn-complete-transfer{font-size:14px;line-height:24px;padding:12px 24px;border-radius:8px;color:var(--color-disable);text-align:center;font-family:var(--font-medium);background:var(--color-light);border:1px solid var(--color-gray-line);transition:all .3s ease;transition:var(--transition-common);cursor:not-allowed;margin:30px 84px 0}.payment-method-content .btn-complete-transfer.active{border:var(--color-primary);background:var(--color-secondary);color:#fff;cursor:pointer}.payment-result-container{width:100vw;min-height:100vh;background:#fff}.payment-result-container .payment-result-content{max-width:1366px;padding:48px 96px 0;margin:0 auto}.payment-result-container .payment-result-content .content{text-align:center;margin-top:96px}.payment-result-container .payment-result-content .content .title{font-size:24px;line-height:36px;letter-spacing:.02em;font-family:var(--font-semibold);margin-top:24px;margin-bottom:8px}.payment-result-container .payment-result-content .content .text{color:var(--color-text-2);margin-bottom:24px}.payment-result-container .payment-result-content .content .home-link{background:var(--color-primary);padding:8px 16px;border-radius:8px;color:#fff;display:inline-flex;margin-bottom:20px;transition:all .3s ease;transition:var(--transition-common)}.payment-result-container .payment-result-content .content .home-link:hover{background:rgba(0,0,0,.05);color:var(--color-primary)}.payment-result-container .payment-result-content .content .try-again{color:var(--color-primary);padding-bottom:36px}.select-workspaces-container{display:flex;justify-content:center;align-items:center;background-color:var(--color-light);min-height:100vh}.select-workspaces-container .select-workspaces{width:100%;max-width:375px;padding:56px 24px}.select-workspaces-container .select-workspaces__welcome-msg{font-size:24px;line-height:36px;letter-spacing:.02em;font-family:var(--font-bold);margin-top:16px}.select-workspaces-container .select-workspaces__welcome-desc{font-size:16px;line-height:24px;margin-top:8px;color:var(--color-text-2)}.select-workspaces-container .select-workspaces__workspace-list{display:grid;grid-gap:24px;gap:24px;margin-top:40px}.select-workspaces-container .select-workspaces__workspace{padding:12px 24px;border-radius:8px;background-color:transparent;color:var(--color-text-1);font-size:14px;line-height:24px;cursor:pointer;border:1px solid var(--color-gray-line);min-height:68px;position:relative;display:flex;align-items:center;transition:all .3s ease;transition:var(--transition-common)}.select-workspaces-container .select-workspaces__workspace--info{display:grid}.select-workspaces-container .select-workspaces__workspace .workspace-name{font-size:16px;line-height:24px;font-family:var(--font-semibold)}.select-workspaces-container .select-workspaces__workspace i{position:absolute;right:24px;color:var(--color-complete)}.select-workspaces-container .select-workspaces__workspace:hover{background-color:var(--color-complete);border-color:var(--color-complete);color:var(--color-light)}.select-workspaces-container .select-workspaces__workspace:hover i{color:var(--color-light)}.select-workspaces-container .select-workspaces__change-account{font-size:16px;line-height:24px;padding:0;margin:40px auto auto;font-family:var(--font-medium);color:var(--color-primary);border:none;background-color:transparent;width:100%;text-align:center}.select-workspaces-container .select-workspaces__change-account:hover{text-decoration:underline}.studio-sidebar{position:fixed;left:0;top:0;bottom:0;width:330px;width:var(--width-side-bar-default);overflow:auto}.studio-sidebar .studio-logo{padding:24px}.studio-sidebar .studio-logo a{display:flex;width:-webkit-max-content;width:max-content}.studio-sidebar .menu-list{font-size:14px;line-height:24px;font-family:var(--font-regular);padding:0 12px 72px;margin-top:8px}.studio-sidebar .menu-list .menu-item{display:flex;align-items:center;padding:10px 16px;border-radius:6px;cursor:pointer;color:var(--color-text-1);transition:all .2s ease}.studio-sidebar .menu-list .menu-item.active{color:var(--color-light);background:var(--color-complete)}.studio-sidebar .menu-list .menu-item.active .count-items{color:var(--color-light)}.studio-sidebar .menu-list .menu-item svg{margin-right:16px}.studio-sidebar .menu-list .menu-item .count-items{color:var(--color-text-2);margin-left:auto;padding-left:8px;transition:all .2s ease}.studio-sidebar .menu-list .menu-item .count-items svg{width:16px;height:16px;margin:0}.studio-sidebar .menu-list .menu-item .count-items svg line{stroke:var(--color-complete)}.studio-sidebar .menu-list .general-link:hover .menu-item:not(.active){color:var(--color-complete)}.studio-sidebar .footer-link-container{font-size:14px;line-height:24px;margin-top:auto;position:fixed;bottom:0;left:12px;width:306px;width:calc(var(--width-side-bar-default) - 24px);padding:12px 12px 24px;background-color:var(--color-background);display:flex;align-items:center}.studio-sidebar .footer-link-container .footer-link{color:var(--color-primary)}.studio-sidebar .footer-link-container .line{color:var(--color-disable);padding:0 12px}.studio-content{font-size:14px;line-height:24px;min-height:100vh;margin-left:330px;margin-left:var(--width-side-bar-default);z-index:1;background:var(--color-light);box-shadow:0 .5px 2px rgba(0,0,0,.25);position:relative}.studio-content .icon-menu{display:none}.studio-content .studio-content-header{position:-webkit-sticky;position:sticky;top:0;background:var(--color-primary-dark);box-shadow:0 1px 0 rgba(0,0,0,.08);z-index:19;display:flex;min-height:56px;padding:0 12px;justify-content:space-between}.studio-content .studio-content-header.open-guide{margin-right:352px}.studio-content .studio-content-header .tab-list{color:var(--color-light);display:flex}.studio-content .studio-content-header .tab-list .general-link{padding:0 12px;display:flex;align-items:center;position:relative}.studio-content .studio-content-header .tab-list .general-link:hover .page-tab{color:var(--color-light)}.studio-content .studio-content-header .tab-list .page-tab{font-size:16px;line-height:24px;transition:all .2s ease;font-family:var(--font-medium);color:var(--color-disable)}.studio-content .studio-content-header .tab-list .page-tab.active{color:var(--color-light)}.studio-content .studio-content-header .tab-list .page-tab.active:after{background:var(--color-complete)}.studio-content .course-list-container{font-size:14px;line-height:24px;padding:12px 0}.studio-content .course-list-container .content-loading{top:96px;padding-bottom:80px;left:330px;left:var(--width-side-bar-default)}.studio-content .filter-tag{font-size:14px;line-height:24px;margin:4px 32px 20px;border-radius:4px;padding:4px 12px;display:inline-flex;align-items:center;background:var(--color-gray-line-light)}.studio-content .filter-tag span{color:var(--color-text-2);margin-right:4px;cursor:default}.studio-content .filter-tag .separate-token{width:8px;height:1px;background:var(--color-disable);margin:0 12px}.studio-content .filter-tag .clear-filter{display:grid;padding:4px;margin-left:8px;cursor:pointer;border-radius:50%;transition:all .3s ease;transition:var(--transition-common)}.studio-content .filter-tag .clear-filter:hover{background:var(--color-gray-line)}.studio-content .item-course{display:flex;padding:12px 24px;color:var(--color-text-1)}.studio-content .item-course .thumbnail-link{border-radius:6px;display:block}.studio-content .item-course .course-thumbnail{height:100%;width:100%;min-width:220px;min-height:120px;border-radius:6px;background-repeat:no-repeat;background-size:cover;background-position:50%;background-color:var(--color-background)}.studio-content .item-course .course-thumbnail .lazy-image-img{position:absolute;height:100%}.studio-content .item-course .course-info{margin-left:24px}.studio-content .item-course .course-name{font-size:18px;line-height:24px;letter-spacing:.02em;display:inline-block;color:var(--color-text-1);font-family:var(--font-medium);margin-bottom:0;transition:all .2s ease}.studio-content .item-course .course-name:hover{color:var(--color-primary)}.studio-content .item-course .course-sub-info{display:flex;align-items:center;margin-top:4px;color:var(--color-text-1)}.studio-content .item-course .course-sub-info svg{margin-right:12px;color:var(--color-disable)}.studio-content .item-course .course-sub-info .info-split{width:1px;height:12px;background:var(--color-disable);margin:0 12px}.studio-content .item-course .course-sub-info .note-text{color:var(--color-text-2);margin-right:4px;cursor:default}.studio-content .item-course .course-actions{display:flex;align-items:center;margin-top:12px}.studio-content .item-course .course-actions .action-btn{font-size:14px;line-height:24px;padding:0;color:var(--color-complete);cursor:pointer;margin-right:24px;font-family:var(--font-medium);transition:all .2s ease}.studio-content .item-course .course-actions .action-btn:hover{color:var(--color-complete-hover)}.studio-content .item-library{display:flex;padding:12px 24px;color:var(--color-text-1)}.studio-content .item-library .library-thumbnail{height:100%;min-width:142px;min-height:80px;border-radius:6px;background-repeat:no-repeat;background-size:cover;background-position:50%}.studio-content .item-library .library-info{margin-left:24px}.studio-content .item-library .library-name{font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-medium);margin-bottom:0;color:var(--color-text-1);transition:all .2s ease}.studio-content .item-library .library-name:hover{color:var(--color-primary)}.studio-content .item-library .library-sub-info{display:flex;align-items:center;margin-top:4px;color:var(--color-text-2)}.studio-content .item-library .library-sub-info .info-split{width:1px;height:12px;background:var(--color-text-2);margin:0 12px}.studio-content .item-library .library-info-details{display:flex;align-items:center;margin-top:8px;color:var(--color-text-2)}.studio-content .item-library .library-info-details span{line-height:16px;margin-right:24px;display:flex;align-items:center}.studio-content .item-library .library-info-details span svg{margin-right:8px}.studio-content .no-content{font-size:16px;line-height:24px;color:var(--color-text-2);margin:12px 32px;padding:24px;background:var(--color-background);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:default}.studio-content .no-content .new-course{font-size:14px;line-height:24px;color:var(--color-light);border-radius:4px;background:var(--color-complete);padding:8px 16px;display:flex;align-items:center;margin-left:24px;cursor:pointer;transition:all .2s ease}.studio-content .no-content .new-course:hover{background:var(--color-complete-hover)}.studio-content .no-content .new-course svg{margin-right:12px}.studio-content .actions-group{display:flex;align-items:center;color:var(--color-light)}.studio-content .actions-group .search-courses{display:flex;align-items:center;padding:9px 32px 9px 12px;cursor:text;position:relative}.studio-content .actions-group .search-courses input{font-size:14px;line-height:24px;padding-left:12px;padding-right:8px;border:none;outline:0;width:252px;overflow:hidden;transition:all .2s ease;background-color:var(--color-primary-dark);color:var(--color-light)}.studio-content .actions-group .search-courses input::-webkit-input-placeholder{font-size:14px;line-height:24px;color:var(--color-disable)!important}.studio-content .actions-group .search-courses .close-search{display:grid;border-radius:50%;padding:4px;overflow:hidden;transition:opacity .2s ease;cursor:pointer;position:absolute;right:8px;color:rgba(var(--RGB_color-gray-line-light),.5)}.studio-content .actions-group .search-courses .close-search:hover{color:var(--color-gray-line-light)}.studio-content .actions-group .filter-courses{display:grid;padding:12px;cursor:pointer;transition:all .3s ease;transition:var(--transition-common);border-radius:8px}.studio-content .actions-group .btn-green-add{background:var(--color-primary-dark)!important;border-radius:4px;border:none;padding:12px;display:grid;transition:all .2s ease;box-shadow:none}.studio-content .actions-group .btn-green-add:focus,.studio-content .actions-group .btn-green-add:hover{background:rgba(var(--RGB_color-light),.1)!important;box-shadow:none!important;outline:0!important}.studio-content .header-action-course{position:-webkit-sticky;position:sticky;top:56px;background-color:var(--color-light);box-shadow:0 1px 0 rgba(0,0,0,.1);min-height:40px;display:flex;align-items:center;z-index:10}.studio-content .header-action-course .separator{width:1px;height:16px;background-color:var(--color-gray-line)}.studio-content .header-action-course .header-action-item{cursor:pointer;display:flex;align-items:center;color:var(--color-primary);padding:0 24px}.studio-content .header-action-course .header-action-item .ic-library,.studio-content .header-action-course .header-action-item .icon-add,.studio-content .header-action-course .header-action-item .icon-file{margin-right:12px}.studio-content .header-action-course .header-action-item a{display:flex;align-items:center;color:var(--color-primary)}.studio-content .header-action-course .icon-course-online{margin-right:12px}.color-orange{color:var(--color-secondary)!important}.general-link{display:block;color:inherit}.general-link:hover{color:inherit;text-decoration:none}.rerun-course-info{font-size:14px;line-height:24px}.rerun-course-info .course-sub-info{font-family:var(--font-regular);display:flex;margin-bottom:4px;align-items:center}.rerun-course-info .course-sub-info .info-split{width:1px;height:10px;margin:0 12px;background:var(--color-disable)}.rerun-course-info .course-name{font-size:18px;line-height:24px;letter-spacing:.02em;margin-bottom:4px;display:block}.rerun-course-info .intro-rerun{font-family:var(--font-regular);color:var(--color-text-2);margin-bottom:24px;display:block}.studio-common-dialog .modal-content{border-radius:8px;overflow:hidden;max-width:unset!important;border:none}.studio-common-dialog .smd-header{font-size:16px;line-height:24px;font-family:var(--font-semibold);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 0 rgba(0,0,0,.12);cursor:default}.studio-common-dialog .smd-header .close-modal{display:grid;padding:8px;margin:-8px;border-radius:50%;cursor:pointer;transition:all .2s ease}.studio-common-dialog .smd-header .close-modal:hover{background:var(--color-background)}.studio-common-dialog .smd-body{font-size:14px;line-height:24px;font-family:var(--font-medium);padding:24px}.studio-common-dialog .smd-body .a-field-row{margin-bottom:16px}.studio-common-dialog .smd-body .a-field-row:last-of-type{margin-bottom:0}.studio-common-dialog .smd-body .a-field-row .col-text-label{display:flex;align-items:center;height:-webkit-max-content;height:max-content}.studio-common-dialog .smd-body .a-field-row .col-text-label .text-label{font-size:14px;line-height:24px;margin:8px 0}.studio-common-dialog .smd-body .a-field-row .col-text-label .color-warning{margin-left:4px}.studio-common-dialog .smd-body .a-field-row .input-validation{font-size:14px;line-height:24px;font-family:var(--font-regular);height:40px;border:1px solid var(--color-gray-line);padding:10px 12px;border-radius:6px;width:100%;outline:0;transition:all .2s ease}.studio-common-dialog .smd-body .a-field-row .input-validation.error{border-color:var(--color-danger)}.studio-common-dialog .smd-body .a-field-row .input-validation:disabled{opacity:1;background-color:var(--color-background);color:var(--color-disable);cursor:not-allowed}.studio-common-dialog .smd-body .a-field-row .cds-date-picker{width:100%}.studio-common-dialog .smd-body .a-field-row .cds-date-picker .cds-dp-input{font-size:14px;line-height:24px;min-height:40px;border-radius:6px;width:100%;border-color:var(--color-gray-line);font-family:var(--font-regular)}.studio-common-dialog .smd-body .a-field-row .cds-date-picker.error .cds-dp-input{border-color:var(--color-danger)}.studio-common-dialog .smd-body .a-field-row .error-msg{font-size:14px;line-height:24px;margin-top:4px;margin-left:12px;display:block;color:var(--color-danger);font-family:var(--font-regular)}.studio-common-dialog .smd-body .star{color:var(--color-danger)}.studio-common-dialog .smd-body .auth-field{display:flex;justify-content:space-between;align-items:center;font-size:14px;line-height:24px;background:var(--color-background);box-shadow:var(--inner-shadow);border-radius:8px;padding:8px 16px;margin-bottom:16px;font-family:var(--font-regular)}.studio-common-dialog .smd-body .auth-field .toggle-switch{height:16px}.studio-common-dialog .smd-body .auth-field:last-of-type{margin-bottom:0}.studio-common-dialog .smd-footer{display:flex;align-items:center;justify-content:flex-end;padding:0 24px 24px}.studio-common-dialog .smd-footer .cancel-btn{font-size:14px;line-height:24px;font-family:var(--font-medium);border:none;padding:10px 16px;background:0 0;border-radius:6px;color:var(--color-text-2);transition:all .2s ease}.studio-common-dialog .smd-footer .cancel-btn:hover{background:var(--color-background)}.studio-common-dialog .smd-footer .submit-btn{font-size:14px;line-height:24px;font-family:var(--font-medium);border:none;padding:10px 16px;background:var(--color-complete);border-radius:6px;color:var(--color-light);transition:all .2s ease;margin-left:12px;display:flex;align-items:center}.studio-common-dialog .smd-footer .submit-btn svg{margin-right:12px}.studio-common-dialog .smd-footer .submit-btn:hover{background:var(--color-complete-hover)}.studio-common-dialog .smd-footer .submit-btn:disabled{background:var(--color-background)!important;color:var(--color-text-2);cursor:progress}.common-pagination{font-size:14px;line-height:24px;padding:4px 32px;position:relative;display:flex;align-items:center;z-index:1;justify-content:space-between;margin:12px 0 4px}.common-pagination .describe-label{color:var(--color-text-2);margin-right:3px}.common-pagination .pagination-page-size{position:absolute;cursor:default;color:var(--color-text-1)}.common-pagination .pagination-page-size span{color:var(--color-text-2);margin-right:4px}.common-pagination .pagination-page-size .line{margin:0 12px}.common-pagination .pagination-page-size .page{color:var(--color-text-1)}.common-pagination .pagination-pages{position:absolute;cursor:default;right:32px;color:var(--color-text-1)}.common-pagination .pagination-control{margin-left:auto;margin-right:auto;display:flex;align-items:center}.common-pagination .pagination-control .btn-control-paginate{padding:8px;background:var(--color-background);border:none;border-radius:4px;align-items:center;transition:all .2s ease;display:grid;height:-webkit-max-content;height:max-content}.common-pagination .pagination-control .btn-control-paginate:hover{background:var(--color-gray-line-light)}.common-pagination .pagination-control .btn-control-paginate.btn-prev{transform:rotate(180deg)}.common-pagination .pagination-control .btn-control-paginate:disabled{cursor:not-allowed}.common-pagination .pagination-control .btn-control-paginate:disabled path{stroke:var(--color-disable)}.common-pagination .pagination-control .btn-control-paginate:disabled:hover{background:var(--color-background)}.common-pagination .pagination-control .auto-resize-input{font-size:16px;line-height:24px;display:grid;margin:0 8px;position:relative;padding:4px 8px;min-width:32px;min-height:20px}.common-pagination .pagination-control .auto-resize-input .auto-resize-label{min-height:24px;margin:0;visibility:hidden;z-index:-1}.common-pagination .pagination-control .auto-resize-input .input-control-pagination{border-radius:4px;border:none;padding:4px 0;min-width:32px;height:32px;background:0 0;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;width:100%;text-align:center;color:var(--color-text-1);outline:0;border:1px solid var(--color-gray-line)}.common-pagination .pagination-control .auto-resize-input .input-control-pagination.error{border-color:var(--color-danger)}.common-pagination .pagination-control .auto-resize-input input[type=number]::-webkit-inner-spin-button,.common-pagination .pagination-control .auto-resize-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.content-loading{position:fixed;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:progress;z-index:2}.filter-dropdown{position:relative}.filter-dropdown.show .filter-dropdown-menu{opacity:1;min-width:268px;z-index:1;pointer-events:unset;height:auto;overflow:unset}.filter-dropdown .filter-dropdown-toggler{cursor:pointer;display:flex;padding:0;border:none;background:unset;outline:0}.filter-dropdown .filter-dropdown-toggler:hover .filter-courses{background:rgba(var(--RGB_color-light),.1)}.filter-dropdown .filter-dropdown-menu{font-size:14px;line-height:24px;position:absolute;right:0;top:48px;margin-top:1px;outline:0;box-shadow:var(--box-shadow-big);border-radius:0 0 16px 16px;padding:22px 24px;transition:height unset,opacity .1s ease;opacity:0;height:0;overflow:hidden;z-index:-1;pointer-events:none;background:var(--color-light);color:var(--color-text-1)}.filter-dropdown .filter-dropdown-menu label{font-family:var(--font-medium);margin-bottom:6px}.filter-dropdown .filter-dropdown-menu .cds-date-picker{margin-bottom:12px}.filter-dropdown .filter-dropdown-menu .cds-date-picker .cds-dp-input{background:var(--color-background);border-color:var(--color-background)}.filter-dropdown .filter-dropdown-menu .filter-actions{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.filter-dropdown .filter-dropdown-menu .filter-actions span{cursor:pointer}.filter-dropdown .filter-dropdown-menu .filter-actions span:hover{text-decoration:underline}.filter-dropdown .filter-dropdown-menu .filter-author-email .field-input{border:none;border-radius:4px;box-shadow:none;min-height:32px;height:auto;padding:0 12px;font-size:12px}.filter-dropdown .filter-dropdown-menu .filter-sort-enrollment{margin-top:24px}.select-course-levels{display:flex;align-items:center;margin-left:-8px;margin-right:-8px}.select-course-levels__item{min-width:96px;min-height:96px;margin:0 8px;padding:10px 24px;background-color:transparent;transition:all .3s ease;transition:var(--transition-common);display:flex;align-items:center;flex-direction:column;grid-gap:4px;gap:4px;cursor:pointer;position:relative;border-radius:8px;font-family:var(--font-regular)}.select-course-levels__item:after{content:"";position:absolute;left:0;top:0;bottom:0;right:0;border-radius:8px;border:1px solid var(--color-gray-line);transition:all .3s ease;transition:var(--transition-common)}.select-course-levels__item:hover:not(.disabled){background-color:var(--color-background)}.select-course-levels__item.disabled{opacity:.5;cursor:default}.select-course-levels__item.selected{opacity:1}.select-course-levels__item.selected:after{border-color:var(--color-primary);border-width:2px}.profile-me-container{margin:0 12px}.avatar-me{width:32px;height:32px;border-radius:50%;background-position:50%;background-size:cover;background-repeat:no-repeat;cursor:pointer;border:1px solid var(--color-gray-line-light)}.profile-portal{box-sizing:border-box;padding:0;margin:12px 0 0;position:absolute;z-index:1050;opacity:1;visibility:unset;transition:opacity .2s ease;width:auto;height:auto}.profile-portal.profile-container-hidden{z-index:-1050;opacity:0;visibility:hidden;width:0;height:0}.me-popup-container{font-size:14px;line-height:24px;background:var(--color-light);box-shadow:var(--box-shadow-big);border-radius:0 0 16px 16px;color:var(--color-text-1);width:320px}.me-popup-container .me-header{padding:16px 24px 0;font-family:var(--font-semibold)}.me-popup-container .me-actions{padding:12px 0}.me-popup-container .me-actions .me-action-row{font-size:14px;line-height:24px;display:block;color:var(--color-text-1);padding:8px 12px;margin:0 12px;transition:all .2s ease;cursor:pointer}.me-popup-container .me-actions .me-action-row svg{margin-right:20px}.me-popup-container .me-actions .me-action-row .icon-learner-page path,.me-popup-container .me-actions .me-action-row .icon-profile circle,.me-popup-container .me-actions .me-action-row .icon-profile rect{stroke:var(--color-text-1)}.me-popup-container .me-actions .me-action-row .icon-logout path{stroke:var(--color-danger)}.me-popup-container .me-actions .me-action-row:hover{background:rgba(var(--RGB_color-primary),.1);border-radius:8px}.me-timezone{padding:12px;border-top:1px solid var(--color-gray-line-light);color:var(--color-text-1)}.me-timezone .me-timezone-row{padding:8px 12px;display:flex;align-items:center}.me-timezone .me-timezone-row .icon-global-public{margin-right:12px}.studio-pathway{display:flex;align-items:center;flex-direction:column;padding:96px 68px 81px}.studio-pathway .studio-logo svg{height:40px;width:370px}.studio-pathway .p-intro{font-size:18px;line-height:24px;letter-spacing:.02em;margin:16px 0 0}.studio-pathway .pathway-card-list{margin-top:42px;display:flex;justify-content:center}.studio-pathway .path-way-card-container{padding:15px;width:100%;max-width:420px}.studio-pathway .pathway-card{font-size:16px;line-height:24px;position:relative;background:var(--color-light);box-shadow:0 .5px 2px rgba(0,0,0,.25);border-radius:8px;padding:32px 24px 24px;width:100%;overflow:hidden;height:100%;display:flex;flex-direction:column}.studio-pathway .pathway-card:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;border-radius:8px 8px 0 0}.studio-pathway .pathway-card label{font-size:20px;line-height:32px;letter-spacing:.02em;display:block;font-family:var(--font-semibold);margin-bottom:8px}.studio-pathway .pathway-card .card-message{color:var(--color-text-2);margin-bottom:24px;display:block}.studio-pathway .pathway-card .card-actions{font-size:14px;line-height:24px;display:flex;justify-content:flex-end;align-items:center;font-family:var(--font-medium);margin-top:auto}.studio-pathway .pathway-card .card-actions a{display:block}.studio-pathway .pathway-card .card-actions .card-submit{color:var(--color-light);outline:0;border:none;border-radius:6px;padding:8px 16px}.studio-pathway .pathway-card.learning-pathway .card-submit,.studio-pathway .pathway-card.learning-pathway:before{background:var(--color-secondary)}.studio-pathway .pathway-card.trial .card-submit,.studio-pathway .pathway-card.trial:before{background:var(--color-primary)}.studio-pathway .pathway-card.contact .card-submit,.studio-pathway .pathway-card.contact:before{background:var(--color-complete)}.course-outline-layout .left-sidebar-container{position:fixed;top:0;left:0;bottom:0;width:244px;width:var(--width-side-bar-outline);z-index:1}.course-outline-layout .left-sidebar-container .left-sidebar-header{display:flex;align-items:center;padding:0 12px;height:56px;height:var(--height-side-bar-outline);border-right:1px solid rgba(var(--RGB_color-light),.2);background:var(--color-primary-dark);z-index:1;position:fixed;top:0;left:0;width:244px;width:var(--width-side-bar-outline);color:var(--color-light)}.course-outline-layout .left-sidebar-container .left-sidebar-header .text-mb{display:none}.course-outline-layout .left-sidebar-container .left-sidebar-main{height:calc(100% - 56px);height:calc(100% - var(--height-side-bar-outline));overflow:auto;padding:12px 0 116px;margin-top:56px;margin-top:var(--height-side-bar-outline)}.course-outline-layout .left-sidebar-container .left-sidebar-main .course-info{padding:12px 24px}.course-outline-layout .left-sidebar-container .left-sidebar-main .course-info .course-sub-info{font-size:14px;line-height:24px;color:var(--color-text-2);display:flex;align-items:center;flex-wrap:wrap;margin-bottom:4px}.course-outline-layout .left-sidebar-container .left-sidebar-main .course-info .course-sub-info .separate{width:1px;height:12px;background:var(--color-disable);margin:0 12px}.course-outline-layout .left-sidebar-container .left-sidebar-main .course-info .course-name{font-size:16px;line-height:24px;margin-bottom:12px;font-family:var(--font-semibold)}.course-outline-layout .left-sidebar-container .left-sidebar-main .outline-bottom-menu .outline-menu-item,.course-outline-layout .left-sidebar-container .left-sidebar-main .outline-menu .outline-menu-item{display:block;padding:0 12px}.course-outline-layout .left-sidebar-container .left-sidebar-main .outline-bottom-menu .outline-menu-item .menu-box,.course-outline-layout .left-sidebar-container .left-sidebar-main .outline-menu .outline-menu-item .menu-box{font-size:14px;line-height:24px;border-radius:8px;background:0 0;padding:8px 12px;color:var(--color-text-1);transition:all .3s ease;transition:var(--transition-common);display:flex;align-items:center}.course-outline-layout .left-sidebar-container .left-sidebar-main .outline-bottom-menu .outline-menu-item .menu-box svg,.course-outline-layout .left-sidebar-container .left-sidebar-main .outline-menu .outline-menu-item .menu-box svg{margin-right:12px;transition:all .3s ease;transition:var(--transition-common);color:var(--color-disable)}.course-outline-layout .left-sidebar-container .left-sidebar-main .outline-bottom-menu .outline-menu-item:hover .menu-box,.course-outline-layout .left-sidebar-container .left-sidebar-main .outline-menu .outline-menu-item:hover .menu-box{background:rgba(var(--RGB_color-complete),.1)}.course-outline-layout .left-sidebar-container .left-sidebar-main .outline-bottom-menu .outline-menu-item.active .menu-box,.course-outline-layout .left-sidebar-container .left-sidebar-main .outline-menu .outline-menu-item.active .menu-box{background:var(--color-complete);color:var(--color-light)}.course-outline-layout .left-sidebar-container .left-sidebar-main .outline-bottom-menu .outline-menu-item.active .menu-box svg,.course-outline-layout .left-sidebar-container .left-sidebar-main .outline-menu .outline-menu-item.active .menu-box svg{color:var(--color-light)}.course-outline-layout .left-sidebar-container .left-sidebar-main .outline-bottom-menu{position:absolute;bottom:0;left:12px;right:12px;padding-bottom:24px;padding-top:6px;z-index:1;background:var(--color-background)}.course-outline-layout .left-sidebar-container .left-sidebar-main .outline-bottom-menu .outline-menu-item{padding:0}.course-outline-layout .outline-content{margin-left:244px;margin-left:var(--width-side-bar-outline);margin-right:0;width:calc(100% - 244px);width:calc(100% - var(--width-side-bar-outline));min-height:100vh;position:relative}.course-outline-layout .outline-content .virtual-header{background:var(--color-primary-dark);position:fixed;left:0;top:0;right:0;height:56px;height:var(--height-side-bar-outline);z-index:0}.course-outline-layout .outline-content .outline-header{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;height:56px;height:var(--height-side-bar-outline);background:var(--color-primary-dark);z-index:2;display:flex;align-items:center;justify-content:space-between;color:var(--color-light);padding:0 12px}.course-outline-layout .outline-content .outline-header .page-label{cursor:default;margin:0 12px;font-family:var(--font-medium)}.course-outline-layout .outline-content .outline-header .page-label .level-label{margin-left:8px;padding:0 6px;border-radius:4px;background-color:var(--color-light);color:var(--color-text-1);display:inline-flex;font-size:14px;line-height:24px}.course-outline-layout .outline-content .outline-header .right-container{padding:0 12px;display:flex;align-items:center}.course-outline-layout .outline-content .outline-header .right-container .wrapp-action{padding-top:4px;padding-bottom:4px}.course-outline-layout .outline-content .outline-header .right-container .btn-submit{font-size:14px;line-height:24px;font-family:var(--font-medium);outline:0;border:none;border-radius:8px;background:var(--color-secondary);padding:6px 16px;min-height:40px;color:var(--color-light);transition:all .3s ease;transition:var(--transition-common);margin-left:12px}.course-outline-layout .outline-content .outline-header .right-container .btn-submit:hover{background:var(--color-secondary-hover)}.course-outline-layout .outline-content .outline-header .right-container .btn-submit:disabled{background:var(--color-disable);cursor:not-allowed}.course-outline-layout .outline-content .outline-header .right-container .general-link{border-radius:8px}.course-outline-layout .outline-content .outline-header .outline-building-actions{display:flex;align-items:center}.course-outline-layout .outline-content .outline-header .outline-building-actions .wrapp-action{padding:4px 0}.course-outline-layout .outline-content .outline-header .outline-building-actions .ic-view path{stroke:var(--color-light)}.course-outline-layout .outline-content .outline-header .outline-building-actions .btn-submit{font-size:14px;line-height:24px;font-family:var(--font-medium);outline:0;border:none;border-radius:8px;background:var(--color-secondary);padding:6px 16px;min-height:40px;color:var(--color-light);transition:all .3s ease;transition:var(--transition-common);margin-left:8px}.course-outline-layout .outline-content .outline-header .outline-building-actions .btn-submit:hover{background:var(--color-secondary-hover)}.course-outline-layout .outline-content .outline-header .outline-building-actions .btn-submit:disabled{background:rgba(var(--RGB_color-light),.1);color:var(--color-disable);cursor:default}.course-outline-layout .outline-content .icon-menu{display:none}.uploading-popup{position:fixed;bottom:40px;right:24px;background:var(--color-light);box-shadow:var(--box-shadow-big);border-radius:8px;z-index:1;overflow:hidden;width:100%;max-width:352px}.uploading-popup .uploading-header{font-size:16px;line-height:24px;font-family:var(--font-medium);background:var(--color-primary-dark);color:var(--color-light);display:flex;align-items:center;justify-content:space-between;padding:8px 16px 8px 24px}.uploading-popup .uploading-header .circle-button path{stroke:var(--color-light)}.uploading-popup .uploading-header .circle-button:hover{background:rgba(var(--RGB_color-light),.2)}.uploading-popup .uploading-text{font-size:11px;line-height:16px;letter-spacing:-.005em;padding:12px 24px}.uploading-popup .uploading-content{padding:8px 0}.uploading-popup .uploading-content .upload-item{display:flex;align-items:center;flex-wrap:wrap;padding:0 24px;color:var(--color-text-1)}.uploading-popup .uploading-content .upload-item .upload-info{max-width:calc(100% - 32px);display:flex;align-items:center}.uploading-popup .uploading-content .upload-item .upload-info svg{min-width:16px}.uploading-popup .uploading-content .upload-item .upload-info span{margin-left:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.uploading-popup .uploading-content .upload-item .upload-status{margin-left:16px;min-width:16px}.uploading-popup .uploading-content .upload-item .upload-status svg{width:16px;height:16px}.uploading-popup .uploading-content .upload-item .upload-status svg .nc-icon-wrapper line{stroke:var(--color-complete)}.uploading-popup .uploading-content .upload-item-2{display:flex;padding:5px 24px}.uploading-popup .uploading-content .upload-item-2 .icon{width:40px;margin-right:10px;margin-top:5px}.uploading-popup .uploading-content .upload-item-2 .item-info{line-height:1.5;width:calc(100% - 81px)}.uploading-popup .uploading-content .upload-item-2 .item-info p{margin:0}.uploading-popup .uploading-content .upload-item-2 .item-info .item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:14px;font-weight:500}.uploading-popup .uploading-content .upload-item-2 .item-info .item-size{font-size:11px;color:#65627a;font-weight:400}.uploading-popup .uploading-content .upload-item-2 .item-info .progress-bar{margin-bottom:3px!important}.uploading-popup .uploading-content .upload-item-2 .item-error{min-width:16px;margin-left:15px}progress[value]{-webkit-appearance:none;appearance:none;border:none;width:100%;height:2px;box-shadow:0 0 1px rgba(0,0,0,.5);color:#4645dd;border-radius:8px}progress::-webkit-progress-bar{background-color:var(--color-light);border-radius:8px}progress::-webkit-progress-value{background-color:#4645dd;border-radius:8px}progress[value]::-moz-progress-bar{background-color:#4645dd;border-radius:8px}.course-outline-layout .outline-content .outline-header .course-info-tab .page-label{padding:16px 0;cursor:pointer;color:rgba(var(--RGB_color-light),.5)}.course-outline-layout .outline-content .outline-header .course-info-tab .page-label.active{color:inherit}.course-info-content .course-content-item{box-shadow:var(--box-shadow-small);border-radius:8px;background:var(--color-light);padding:16px 24px 24px;margin:24px}.course-info-content .course-content-item .title-time{font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold)}.course-info-content .course-content-item .title-time__description{font-size:14px;line-height:20px;letter-spacing:.005em;color:var(--color-text-2);margin:16px 0 24px}.course-info-content .course-content-item .title{padding-bottom:32px;font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold)}.course-info-content .course-content-item .field-title{font-size:14px;line-height:24px;width:171px;font-family:var(--font-medium);padding:8px 0}.course-info-content .course-content-item .field-title.video{margin-top:24px}.course-info-content .course-content-item .info-basic .filed-row{display:flex;align-items:flex-start;margin-bottom:16px}.course-info-content .course-content-item .info-basic .filed-row .content{width:calc(100% - 171px)}.course-info-content .course-content-item .info-basic .filed-row .content.copy-clipboard{width:calc(100% - 270px)}.course-info-content .course-content-item .info-basic .filed-row .content.copy-clipboard .field-input{color:var(--color-text-2)}.course-info-content .course-content-item .info-basic .filed-row .btn-copy{margin-left:auto;color:var(--color-primary);font-size:14px;line-height:24px;padding:8px;transition:all .2s ease;border-radius:6px;cursor:pointer}.course-info-content .course-content-item .info-basic .filed-row .btn-copy:hover{background-color:rgba(var(--RGB_color-primary),.15)}.course-info-content .course-content-item .info-basic .filed-row .star{color:var(--color-danger);margin-left:4px}.course-info-content .course-content-item .cds-radio-group .cds-radio-wrapper .radio-label{margin-left:12px}.course-info-content .course-content-item .cds-radio-group .radio-hint{margin-left:28px}.course-info-content .image-video{font-size:14px;line-height:24px}.course-info-content .image-video label{margin-bottom:0}.course-info-content .image-video .image-video-row{display:flex;margin-top:12px}.course-info-content .image-video .course-image-container{width:415px;height:234px;border-radius:8px;margin-right:48px;min-width:415px;overflow:hidden;cursor:default;position:relative}.course-info-content .image-video .course-image-container .course-image,.course-info-content .image-video .course-image-container svg{width:100%;height:100%;object-fit:cover}.course-info-content .image-video .upload-content{width:100%}.course-info-content .image-video .text{margin-bottom:16px}.course-info-content .image-video .delete{margin-top:16px;color:var(--color-danger);cursor:pointer;width:-webkit-max-content;width:max-content}.course-info-content .image-video .button-course-info{display:flex;margin-bottom:16px}.course-info-content .image-video .button-course-info .select-library{background:var(--color-primary);border-radius:8px;padding:8px 16px;color:var(--color-light);border:none;min-width:171px;min-height:40px}.course-info-content .image-video .button-course-info .select-library svg{margin-right:12px}.course-info-content .image-video .upload-file{margin-left:12px;padding:8px 16px;color:var(--color-primary);width:-webkit-max-content;width:max-content;cursor:pointer;border-radius:8px;transition:all .3s ease;transition:var(--transition-common)}.course-info-content .image-video .upload-file:hover{background:var(--color-background)}.course-info-content .image-video .upload-file svg{margin-right:12px}.course-info-content .image-video .upload-file path{stroke:var(--color-primary)}.course-info-content .image-video .video-control{outline:0;color:var(--color-light);background-color:var(--color-text-1);border:none}.course-info-content .course-info-advance{padding:24px 9px 0;margin:0}.course-info-content .course-info-advance .course-content-item-advance{box-shadow:var(--box-shadow-small);border-radius:8px;background:var(--color-light);padding:16px 24px 24px;margin-bottom:24px}.course-info-content .course-info-advance .course-content-item-advance .advance-item-header{display:flex}.course-info-content .course-info-advance .course-content-item-advance .advance-item-header .title{padding-bottom:24px;margin-right:auto;font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-medium)}.course-info-content .course-info-advance .course-content-item-advance .advance-item-header .left-text{color:var(--color-primary);font-size:14px;line-height:24px;cursor:pointer}.course-info-content .course-info-advance .course-content-item-advance .advance-item{display:flex;justify-content:space-between;font-size:14px;line-height:24px;background:var(--color-background);box-shadow:var(--inner-shadow);border-radius:8px;padding:12px 16px;margin-bottom:24px;font-family:var(--font-medium)}.course-info-content .course-info-advance .course-content-item-advance .advance-item .feature-hint{color:var(--color-text-2);font-family:var(--font-regular)}.course-info-content .course-info-advance .course-content-item-advance .advance-item:last-child{margin-bottom:0}.course-info-content .course-info-advance .course-content-item-advance .advance-item.single-checkbox-advance .option-group-wrapper:last-of-type{margin-right:0}.course-info-content .course-info-advance .course-content-item-advance .advance-item.single-checkbox-advance .option-group-wrapper .checkbox-label{margin-left:0}.course-info-content .course-info-advance .course-content-item-advance.setting-lti textarea{min-height:154px}.course-info-content .course-info-advance .course-content-item-advance .filed-row{display:flex;align-items:flex-start;margin-bottom:16px}.course-info-content .course-info-advance .course-content-item-advance .filed-row .content{width:calc(100% - 200px)}.course-info-content .course-info-advance .course-content-item-advance .filed-row .field-title{font-size:14px;line-height:24px;width:200px;font-family:var(--font-medium)}.course-info-content .course-info-advance .course-content-item-advance .filed-row .cds-date-picker{width:100%}.course-info-content .course-info-advance .course-content-item-advance .filed-row .cds-date-picker .cds-dp-input{background:var(--color-background);box-shadow:var(--inner-shadow);border-radius:8px;border:none;height:40px;width:100%;font-size:14px;line-height:24px}.course-info-content .course-info-advance .course-content-item-advance.one-col,.course-info-content .course-info-advance .course-content-item-advance.two-col{min-height:568px}.course-info-content .course-info-advance .course-content-item-advance.four-col,.course-info-content .course-info-advance .course-content-item-advance.three-col{min-height:320px}.course-info-content .course-info-advance .course-content-item-advance .module-list .option-group-wrapper{background:var(--color-background);box-shadow:var(--inner-shadow);border-radius:8px;min-height:40px;display:inline-flex;justify-content:center;padding:0 16px;margin-bottom:24px}.course-info-content .course-info-advance .course-content-item-advance .module-list .option-group-wrapper:last-child{margin-bottom:0}.course-info-content .course-info-advance .course-content-item-advance .module-list .cds-checkbox-wrapper .checkbox-label{font-family:var(--font-regular)}.course-info-content .course-info-advance .course-content-item-advance .required-condition .hint{font-size:14px;line-height:24px;color:var(--color-text-2);margin:4px 0 12px 32px}.course-info-content .course-info-advance .course-content-item-advance .required-condition .hint a{color:var(--color-primary)}.course-info-content .course-info-advance .course-content-item-advance .required-condition .course-list-select{margin:0 0 24px 32px;display:flex;font-size:14px;line-height:24px}.course-info-content .course-info-advance .course-content-item-advance .required-condition .course-list-select div{margin-right:13px;background:var(--color-background);box-shadow:var(--inner-shadow);border-radius:8px;width:calc(100% - 71px);padding:8px 12px}.course-info-content .course-info-advance .course-content-item-advance .required-condition .course-list-select button{background:var(--color-danger);border-radius:8px;color:var(--color-light);border:none;padding:0 16px}.course-info-content .course-info-advance .course-content-item-advance .required-condition .select-course{margin:0 0 24px 32px}.course-info-content .course-info-advance .course-content-item-advance .required-condition .required-point{margin-left:32px;position:relative}.course-info-content .course-info-advance .course-content-item-advance .required-condition .required-point .number-unit{position:absolute;right:16px}.course-info-content .course-info-advance .course-content-item-advance .required-condition .cds-checkbox-group{font-family:var(--font-medium)}.course-info-content .course-info-advance .course-content-item-advance .required-condition .cds-checkbox-group .checkbox-label{margin-left:16px}.studio-certificate .certificate-info{margin:24px;padding:16px 24px;background:var(--color-light);box-shadow:var(--box-shadow-small);border-radius:8px;transition:all .3s ease;transition:var(--transition-common)}.studio-certificate .certificate-info .certificate-setup{display:flex;justify-content:center;align-items:center}.studio-certificate .certificate-info .certificate-setup .setup-text{font-size:16px;line-height:24px;color:var(--color-text-2);margin-right:24px}.studio-certificate .certificate-info .certificate-setup .setup-button{font-size:15px;line-height:24px;font-family:var(--font-medium);border-radius:8px;background:var(--color-primary);color:var(--color-light);padding:8px 16px;cursor:pointer}.studio-certificate .certificate-info .info-text{font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold);margin-bottom:16px}.studio-certificate .certificate-info .view-certificate{color:var(--color-light);background:var(--color-linear-rainbow);border-radius:8px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.studio-certificate .certificate-info .view-certificate .course-name{font-size:20px;line-height:32px;letter-spacing:.02em;font-family:var(--font-semibold)}.studio-certificate .certificate-info .view-certificate .preview{font-size:14px;line-height:24px;padding:8px 16px;margin-right:12px}.studio-certificate .certificate-info .view-certificate .preview a{color:var(--color-light)}.studio-certificate .certificate-info .view-certificate .deactivate{font-size:14px;line-height:24px;border:1px solid var(--color-light);padding:8px 16px;border-radius:8px;cursor:pointer}.studio-certificate .certificate-info .title{font-size:14px;line-height:24px;font-family:var(--font-medium);margin-top:28px}.studio-certificate .certificate-info .text{font-size:14px;line-height:24px;color:var(--color-text-2);margin:4px 0 12px}.studio-certificate .certificate-info .delete-text{font-size:14px;line-height:24px;color:var(--color-danger);cursor:pointer}.studio-certificate .certificate-info .signer-info-container{display:flex;justify-content:space-between}.studio-certificate .certificate-info .signer-info-container .signer-info{width:60%;padding-right:24px}.studio-certificate .certificate-info .signer-info-container .signer-info .upload-file-container{position:relative;width:calc(100% - 148px)}.studio-certificate .certificate-info .signer-info-container .signer-info .upload-file-container .file-name{position:absolute;top:8px;left:12px;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-certificate .certificate-info .signer-info-container .signer-info .upload-file-container .upload-file{width:100%}.studio-certificate .certificate-info .signer-info-container .signer-info .signer-row{margin-bottom:16px;display:flex;align-items:center}.studio-certificate .certificate-info .signer-info-container .signer-info .signer-row .field-input{width:calc(100% - 148px)}.studio-certificate .certificate-info .signer-info-container .signer-info .signer-row .signer-title{font-size:14px;line-height:24px;font-family:var(--font-medium);width:148px;display:flex;align-items:center}.studio-certificate .certificate-info .signer-info-container .signer-info .signer-row .signer-title .star{color:var(--color-danger);margin-left:4px}.studio-certificate .certificate-info .signer-info-container .signer-info .signer-row .signer-input{width:calc(100% - 148px)}.studio-certificate .certificate-info .signer-info-container .signer-info .error-data{font-size:12px;line-height:16px;color:var(--color-danger);margin:-12px 0 16px 148px}.studio-certificate .button-add-signer{cursor:pointer;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:8px 16px;margin:0 24px 24px auto;border:1px solid var(--color-primary);border-radius:8px;display:flex;align-items:center;color:var(--color-primary);font-family:var(--font-medium)}.studio-certificate .button-add-signer .text-signer-add{padding-left:12px}.studio-certificate .button-add-signer path{stroke:var(--color-primary)}.studio-certificate .certificate-sign-row .course-image{width:370px;height:208px;object-fit:cover}.cds-radio-group{display:grid;font-size:14px;line-height:24px;color:var(--color-text-1);width:-webkit-max-content;width:max-content;max-width:100%}.cds-radio-group .option-group-wrapper{max-width:inherit;overflow:auto;display:flex;flex-direction:column}.cds-radio-group.horizontal{max-width:100%}.cds-radio-group.horizontal .option-group-wrapper{margin-bottom:24px;margin-right:24px}.cds-radio-group.horizontal .option-group-wrapper:last-of-type{margin-right:12px}.cds-radio-group.horizontal .option-group-wrapper:last-child{margin-bottom:24px}.cds-radio-group .radio-hint{margin-left:24px;word-break:break-word;transition:all .2s ease;color:var(--color-text-2)}.cds-radio-wrapper{display:inline-flex;width:-webkit-max-content;width:max-content;padding:4px 0;cursor:pointer;margin-bottom:0;align-items:flex-start;max-width:inherit}.cds-radio-wrapper:hover .cds-radio .cds-radio-inner{border-color:var(--color-primary)}.cds-radio-wrapper .cds-radio{width:16px;height:16px;min-width:16px;min-height:24px;overflow:hidden;margin:0;padding:0;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.cds-radio-wrapper .cds-radio input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.cds-radio-wrapper .cds-radio .cds-radio-inner{position:relative;display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--color-light);border-radius:50%;border:1px solid var(--color-disable);transition:all .1s ease}.cds-radio-wrapper .cds-radio.checked .cds-radio-inner{border-color:var(--color-primary);border-width:5px}.cds-radio-wrapper .radio-label{margin-left:12px;word-break:break-word;white-space:pre-wrap;transition:all .2s ease}.cds-radio-wrapper .radio-label p{margin-bottom:0}.cds-radio-wrapper.disabled,.cds-radio-wrapper.disabled .cds-radio input{cursor:default}.cds-radio-wrapper.disabled .cds-radio .cds-radio-inner{border-color:var(--color-text-2)!important}.cds-radio-wrapper.disabled .radio-label{color:var(--color-text-2)}.radio-inner-active-style2{border-color:var(--color-complete)!important}.cds-checkbox-group,.single-checkbox{display:grid;font-size:14px;line-height:24px;color:var(--color-text-1);max-width:100%}.cds-checkbox-group .option-group-wrapper,.single-checkbox .option-group-wrapper{max-width:inherit;overflow:hidden;display:flex;flex-direction:column}.cds-checkbox-group .cds-checkbox-wrapper,.single-checkbox .cds-checkbox-wrapper{margin-bottom:0;display:inline-flex;width:-webkit-max-content;width:max-content;padding:4px 0;cursor:pointer;max-width:inherit;align-items:flex-start}.cds-checkbox-group .cds-checkbox-wrapper:hover .cds-checkbox .cds-checkbox-inner,.single-checkbox .cds-checkbox-wrapper:hover .cds-checkbox .cds-checkbox-inner{border-color:var(--color-primary)}.cds-checkbox-group .cds-checkbox-wrapper .cds-checkbox,.single-checkbox .cds-checkbox-wrapper .cds-checkbox{width:16px;height:16px;min-width:16px;min-height:24px;overflow:hidden;margin:0;padding:0;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.cds-checkbox-group .cds-checkbox-wrapper .cds-checkbox input,.single-checkbox .cds-checkbox-wrapper .cds-checkbox input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.cds-checkbox-group .cds-checkbox-wrapper .cds-checkbox .cds-checkbox-inner,.single-checkbox .cds-checkbox-wrapper .cds-checkbox .cds-checkbox-inner{position:relative;display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--color-light);border-radius:4px;border:1px solid var(--color-disable);transition:all .2s ease;max-width:16px;padding:1px}.cds-checkbox-group .cds-checkbox-wrapper .cds-checkbox .cds-checkbox-inner svg,.single-checkbox .cds-checkbox-wrapper .cds-checkbox .cds-checkbox-inner svg{opacity:0;width:0;height:0;transition:all .2s ease}.cds-checkbox-group .cds-checkbox-wrapper .cds-checkbox.checked .cds-checkbox-inner,.single-checkbox .cds-checkbox-wrapper .cds-checkbox.checked .cds-checkbox-inner{border-color:var(--color-primary);background:var(--color-primary)}.cds-checkbox-group .cds-checkbox-wrapper .cds-checkbox.checked .cds-checkbox-inner svg,.single-checkbox .cds-checkbox-wrapper .cds-checkbox.checked .cds-checkbox-inner svg{opacity:1;width:100%;height:100%}.cds-checkbox-group .cds-checkbox-wrapper .checkbox-label,.single-checkbox .cds-checkbox-wrapper .checkbox-label{margin-left:12px;word-break:break-word;white-space:pre-wrap;transition:all .2s ease}.cds-checkbox-group .cds-checkbox-wrapper .checkbox-label p,.single-checkbox .cds-checkbox-wrapper .checkbox-label p{margin-bottom:0}.cds-checkbox-group .cds-checkbox-wrapper.disabled,.cds-checkbox-group .cds-checkbox-wrapper.disabled .cds-checkbox input,.single-checkbox .cds-checkbox-wrapper.disabled,.single-checkbox .cds-checkbox-wrapper.disabled .cds-checkbox input{cursor:default}.cds-checkbox-group .cds-checkbox-wrapper.disabled .cds-checkbox .cds-checkbox-inner,.single-checkbox .cds-checkbox-wrapper.disabled .cds-checkbox .cds-checkbox-inner{border-color:var(--color-disable)!important}.cds-checkbox-group .cds-checkbox-wrapper.disabled .cds-checkbox.checked .cds-checkbox-inner,.single-checkbox .cds-checkbox-wrapper.disabled .cds-checkbox.checked .cds-checkbox-inner{background:var(--color-disable)!important}.cds-checkbox-group .cds-checkbox-wrapper.disabled .checkbox-label,.single-checkbox .cds-checkbox-wrapper.disabled .checkbox-label{color:var(--color-disable)}.cds-checkbox-group.horizontal,.single-checkbox.horizontal{display:flex;flex-wrap:wrap;max-width:100%}.cds-checkbox-group.horizontal .option-group-wrapper,.single-checkbox.horizontal .option-group-wrapper{margin-bottom:0;margin-right:24px}.cds-checkbox-group.horizontal .option-group-wrapper:last-of-type,.single-checkbox.horizontal .option-group-wrapper:last-of-type{margin-right:12px}.cds-checkbox-group .checkbox-hint,.single-checkbox .checkbox-hint{margin-left:32px;word-break:break-word;transition:all .2s ease}.checkbox-inner-active-style2,.checkbox-inner-active-style2__checked{border-color:var(--color-complete)!important}.checkbox-inner-active-style2__checked{background:var(--color-complete)!important}.studio-checklist .launch-checklist{margin:24px;padding:16px 24px 24px;background:var(--color-light);border-radius:8px;box-shadow:var(--box-shadow-small)}.studio-checklist .launch-checklist .checklist-title{font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold)}.studio-checklist .launch-checklist .checklist-title .launch-text{font-size:14px;line-height:24px;font-family:var(--font-regular)}.studio-checklist .launch-checklist .checklist-completed{margin-left:8px;font-family:var(--font-regular)}.studio-checklist .launch-checklist .launch-row{display:flex;background:var(--color-background);padding:16px;margin-top:16px}.studio-checklist .launch-checklist .launch-row .launch-title{font-size:16px;line-height:24px;font-family:var(--font-medium)}.studio-checklist .launch-checklist .launch-row .launch-text{font-size:14px;line-height:24px}.studio-checklist .launch-checklist .launch-row a{margin-left:auto;margin-top:auto;margin-bottom:auto}.studio-checklist .launch-checklist .launch-row .launch-button{white-space:nowrap;padding:8px 16px;background:var(--color-primary);color:var(--color-light);border-radius:8px;margin-left:24px}.studio-checklist .launch-checklist .launch-row .cds-radio-group{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;pointer-events:none}.studio-checklist .launch-checklist .launch-row .cds-radio-group .cds-radio-wrapper{padding:2px 0}.toggle-switch .switch{position:relative;display:inline-block;width:28px;height:16px}.toggle-switch .switch input{opacity:0;width:0;height:0}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-gray-line);transition:.4s}.toggle-switch .slider.disabled{pointer-events:none}.toggle-switch .slider:before{position:absolute;content:"";height:12px;width:12px;left:2px;bottom:2px;background-color:var(--color-light);transition:.4s}.toggle-switch input:disabled{color:var(--color-text-2)}.toggle-switch input:checked+.slider{background-color:var(--color-primary)}.toggle-switch input:focus+.slider{box-shadow:0 0 1px var(--color-primary)}.toggle-switch input:checked+.slider:before{transform:translateX(11px)}.toggle-switch .slider.round{border-radius:34px}.toggle-switch .slider.round:before{border-radius:50%}.studio-grading{margin:24px 24px 0}.studio-grading .grading-types{background:var(--color-light);box-shadow:var(--box-shadow-small);border-radius:8px;padding:16px 24px 24px;margin-bottom:24px}.studio-grading .grading-types .title{font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold)}.studio-grading .grading-types .type{width:100%;background:var(--color-background);box-shadow:var(--inner-shadow);border-radius:8px;padding:24px;margin-top:16px;display:flex;justify-content:space-between}.studio-grading .grading-types .type .type-coloumn{width:30%}.studio-grading .grading-types .type .type-coloumn .type-title{display:flex;font-size:14px;line-height:24px;font-family:var(--font-medium)}.studio-grading .grading-types .type .type-coloumn .type-title .star{color:var(--color-danger);margin-left:4px}.studio-grading .grading-types .type .type-coloumn .field-input,.studio-grading .grading-types .type .type-coloumn .input-number-wrapper{margin-top:8px;background:var(--color-light);border:1px solid var(--color-gray-line);box-shadow:none}.studio-grading .grading-types .type .type-coloumn .input-number-wrapper{height:40px}.studio-grading .grading-types .type .type-coloumn .error-data{color:var(--color-danger);font-size:14px;line-height:24px;padding-top:8px}.studio-grading .grading-types .ic-remove{cursor:pointer;margin-left:24px}.studio-grading .grading-types .ic-remove:hover rect{fill:var(--color-danger)}.studio-grading .grading-types .button-add-grading{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;margin:20px 60px 0 auto;color:var(--color-complete-hover);display:flex;align-items:center;cursor:pointer}.studio-grading .grading-types .button-add-grading .icon-add path{stroke-width:1.5}.studio-grading .grading-types .button-add-grading .text-add-assignment{margin-left:8px;font-family:var(--font-medium)}.studio-grading .grading-bar-container{padding:28px 0 64px}.studio-grading .grading-bar-container .add-grade{font-size:14px;line-height:24px;border:none;padding:0;background:0 0;display:flex;align-items:center;color:var(--color-complete);margin-bottom:8px;transition:all .3s ease;transition:var(--transition-common)}.studio-grading .grading-bar-container .add-grade svg{margin-right:8px;transition:all .3s ease;transition:var(--transition-common)}.studio-grading .grading-bar-container .add-grade:hover{color:var(--color-complete-hover)}.studio-grading .grading-bar-container .add-grade:hover svg rect{fill:var(--color-complete-hover)}.studio-grading .grading-bar-container .add-grade:disabled{color:var(--color-disable)!important;cursor:not-allowed}.studio-grading .grading-bar-container .add-grade:disabled svg rect{fill:var(--color-disable)!important}.studio-grading .grading-bar-container .grading-bar{position:relative;width:100%;height:64px;border-radius:8px;background-color:var(--color-background)}.studio-grading .grading-bar-container .grading-bar .increments{position:absolute;left:0;right:0;bottom:-16px}.studio-grading .grading-bar-container .grading-bar .increments .incr-point{font-size:14px;line-height:24px;color:var(--color-text-2);position:absolute;width:30px;margin-left:-15px;text-align:center}.studio-grading .grading-bar-container .grading-bar .grades{position:relative;height:100%;width:100%;border-radius:8px}.studio-grading .grading-bar-container .grading-bar .grades .virtual-ruler{position:absolute;left:0;top:0;height:0;background:0 0;opacity:0;overflow:hidden}.studio-grading .grading-bar-container .grading-bar .grades .grade-item{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;padding:8px 0;justify-content:flex-end;color:var(--color-light);border-top-left-radius:10px;border-bottom-left-radius:10px}.studio-grading .grading-bar-container .grading-bar .grades .grade-item .grade-info-display{display:flex;flex-direction:column;align-items:flex-end;overflow:hidden;text-align:end;width:100%;padding-right:16px}.studio-grading .grading-bar-container .grading-bar .grades .grade-item .grade-info-display .grade-range{font-size:14px;line-height:24px;white-space:nowrap}.studio-grading .grading-bar-container .grading-bar .grades .grade-item.grade_0{background-color:var(--color-primary);border-top-right-radius:8px;border-bottom-right-radius:8px}.studio-grading .grading-bar-container .grading-bar .grades .grade-item.grade_1{background-color:var(--color-complete)}.studio-grading .grading-bar-container .grading-bar .grades .grade-item.grade_2{background-color:var(--color-warning)}.studio-grading .grading-bar-container .grading-bar .grades .grade-item.grade_3{background-color:var(--color-secondary)}.studio-grading .grading-bar-container .grading-bar .grades .grade-item.grade-fail{background-color:var(--color-gray-line)!important;color:var(--color-text-1);border-top-left-radius:8px;border-bottom-left-radius:8px}.studio-grading .grading-bar-container .grading-bar .grades .grade-item .grade-text-container{display:flex;justify-content:flex-end;width:100%}.studio-grading .grading-bar-container .grading-bar .grades .grade-item .grade-text-container .grade-text{font-size:16px;line-height:24px;font-family:var(--font-semibold);white-space:nowrap;max-width:100%;text-overflow:ellipsis;overflow:hidden}.studio-grading .grading-bar-container .grading-bar .grades .grade-item .grade-text-container input{font-size:16px;line-height:24px;font-family:var(--font-semibold);color:inherit;width:100%;padding:0;background:0 0;border:none;text-align:right}.studio-grading .grading-bar-container .grading-bar .grades .grade-item .delete-grade{position:absolute;top:-40px;right:0;padding:8px 12px;z-index:-1;opacity:0;display:flex;justify-content:flex-end;background:var(--color-light);transition:all .3s ease;transition:var(--transition-common)}.studio-grading .grading-bar-container .grading-bar .grades .grade-item .delete-grade .btn-delete-grade{font-size:14px;line-height:24px;border:none;white-space:nowrap;padding:0;background:0 0;display:flex;align-items:center;color:var(--color-disable);transition:all .3s ease;transition:var(--transition-common)}.studio-grading .grading-bar-container .grading-bar .grades .grade-item .delete-grade .btn-delete-grade svg{width:16px;height:16px;margin-right:8px;transition:all .3s ease;transition:var(--transition-common)}.studio-grading .grading-bar-container .grading-bar .grades .grade-item .delete-grade .btn-delete-grade:hover{color:var(--color-danger)}.studio-grading .grading-bar-container .grading-bar .grades .grade-item .delete-grade .btn-delete-grade:hover svg rect{fill:var(--color-danger)}.studio-grading .grading-bar-container .grading-bar .grades .grade-item:hover .delete-grade{z-index:1;opacity:1}.studio-grading .grading-bar-container .grading-bar .grades .grade-item .grade-resizable{position:absolute;top:0;bottom:0;display:flex;align-items:center;width:8px;right:-4px;z-index:1;cursor:ew-resize}.studio-grading .grading-bar-container .grading-bar .grades .grade-item .grade-resizable svg{width:24px;position:absolute;left:-8px;opacity:0;z-index:-1;transition:all .3s ease;transition:var(--transition-common)}.studio-grading .grading-bar-container .grading-bar .grades .grade-item .grade-resizable:hover svg,.studio-grading .grading-bar-container .grading-bar .grades .grade-item.resizing .grade-resizable svg{opacity:1;z-index:0}.elite-select{font-size:14px;line-height:24px}.elite-select:focus{outline:0}.elite-select .elite-studio__control:hover{border-color:var(--color-gray-line)}.elite-select .elite-studio__control{height:40px;color:var(--color-text-1);width:100%;background:var(--color-background);border:none;box-sizing:border-box;border-radius:8px;box-shadow:var(--inner-shadow);cursor:pointer}.elite-select .elite-studio__control .elite-studio__value-container{padding-left:12px}.elite-select .elite-studio__control .elite-studio__value-container .elite-studio__single-value{color:var(--color-text-1);margin:0;transition:all .3s ease;transition:var(--transition-common)}.elite-select .elite-studio__control .elite-studio__indicators{padding-right:4px}.elite-select .elite-studio__control .elite-studio__indicators svg path{fill:var(--color-text-2)}.elite-select .elite-studio__control--menu-is-open .elite-studio__value-container .elite-studio__single-value{color:var(--color-disable)}.elite-select .elite-studio__menu-list{padding:8px 0;max-height:256px;overflow:auto}.elite-select .elite-studio__menu{margin-top:8px;margin-bottom:8px;border:none;box-shadow:var(--box-shadow-big)}.elite-select .elite-studio__single-value .license-text,.elite-select .elite-studio__single-value .warning{display:none}.elite-select .elite-studio__option:hover{background:var(--color-background)}.elite-select .elite-studio__option.elite-studio__option--is-focused,.elite-select .elite-studio__option.elite-studio__option--is-selected{background:var(--color-background);color:var(--color-text-1)}.elite-select .elite-studio__indicator-separator{width:0}.e-select{font-size:14px;line-height:24px;outline:0;background:var(--color-background);width:100%;border:none;border-radius:8px;box-shadow:var(--inner-shadow);display:flex;align-items:flex-start;position:relative;transition:all .3s ease;transition:var(--transition-common);height:-webkit-max-content;height:max-content}.e-select__container{width:100%;height:100%}.e-select__search-container{display:block;width:100%;position:absolute;left:0;right:0;top:0;bottom:0}.e-select__search-input{width:100%;height:100%;border:none;outline:0;background:0 0;padding:4px 40px 4px 12px}.e-select__display-value{display:flex;min-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-items:center;margin-left:12px;margin-right:40px;pointer-events:none;padding:4px 0;transition:all .3s ease;transition:var(--transition-common)}.e-select__display-value.hide{opacity:0;visibility:hidden}.e-select__display-value .placeholder{color:var(--color-disable)}.e-select__arrow{position:absolute;top:12px;right:12px;display:grid;color:var(--color-text-2);pointer-events:none}.e-select.disabled .e-select__arrow,.e-select.focused .e-select__display-value{color:var(--color-disable)}.e-select-container-dropdown{border-radius:8px;background:var(--color-light);box-shadow:var(--box-shadow-medium)}.e-select-container-dropdown .e-select-dropdown-content{border-radius:8px;padding:8px 0;font-size:14px;line-height:24px;max-height:336px;overflow-y:scroll;overflow-x:hidden;position:relative}.e-select-container-dropdown .e-select-dropdown-content .e-select-option{display:flex;align-items:flex-start;justify-content:space-between;width:100%;cursor:pointer;min-height:40px;padding:8px 12px;transition:all .3s ease;transition:var(--transition-common)}.e-select-container-dropdown .e-select-dropdown-content .e-select-option:hover{background:rgba(var(--RGB_color-text-1),.05)}.e-select-container-dropdown .e-select-dropdown-content .e-select-option.selected{background:rgba(var(--RGB_color-primary),.1)}.e-select-container-dropdown .e-select-dropdown-content .e-select-option .current-selected{display:grid;align-items:center;min-width:16px;padding:4px 0}.e-select-container-dropdown .e-select-dropdown-content .e-select-option.readonly{cursor:default}.e-select-container-dropdown .e-select-dropdown-content .e-select-option.disabled{cursor:not-allowed;color:var(--color-disable)}.e-select-container-dropdown .e-select-dropdown-content .empty-msg{padding:8px 12px;min-height:40px;display:block;cursor:default;color:var(--color-disable)}.input-number-wrapper{display:inline-block;outline:0;border-radius:8px;height:40px;box-shadow:var(--inner-shadow);background:var(--color-background)}.input-number-wrapper.common-input{display:flex;align-items:center;padding:6px 12px}.input-number-wrapper.common-input.disabled,.input-number-wrapper.common-input.disabled .number-formatter{cursor:default;background-color:var(--color-background);color:rgba(var(--RGB_color-text-1),.7);border-color:var(--color-background)}.input-number-wrapper.common-input .number-formatter{font-size:14px;line-height:24px;border:none;width:100%;height:100%;padding:0;background:0 0;outline:0;transition:inherit}.input-number-wrapper.common-input .number-unit{height:100%;padding-left:12px;display:flex;align-items:center}.date-time-container{display:flex;align-items:center;width:100%;max-width:550px}.date-time-container .time-picker-container{margin-left:16px}.time-container{font-size:14px;line-height:24px;border:none;width:100%;max-width:204px;height:100%;padding:6px 12px;background:var(--color-background);outline:0;transition:all .3s ease;transition:var(--transition-common);box-shadow:var(--inner-shadow);border-radius:8px;cursor:text}.time-container:disabled{cursor:default;color:var(--color-text-2)}input[type=time]::-webkit-datetime-edit-fields-wrapper{display:flex}input[type=time]::-webkit-clear-button,input[type=time]::-webkit-inner-spin-button{display:none}input[type=time]::-webkit-calendar-picker-indicator{font-size:18px;color:red!important;fill:red!important;stroke:red!important;filter:invert(.3) sepia(0) saturate(.4);cursor:pointer}.field-input.time-picker-container{padding:0;overflow:hidden;position:relative;display:flex;align-items:center;cursor:text;max-width:168px}.field-input.time-picker-container input{height:100%;padding:8px 40px 8px 12px;border:none;background:0 0}.field-input.time-picker-container .tp-suffix{position:absolute;right:12px;pointer-events:none}.field-input.time-picker-container.disabled{cursor:default}.elite-dropdown.time-picker-container-dropdown .time-picker-content-dropdown{padding-top:16px}.elite-dropdown.time-picker-container-dropdown .time-picker-content-dropdown .time-picker-columns{display:flex;max-height:168px;position:relative}.elite-dropdown.time-picker-container-dropdown .time-picker-content-dropdown .time-picker-columns .timer-column{display:flex;flex-direction:column;max-height:inherit;overflow:auto;padding-bottom:144px;scroll-behavior:smooth}.elite-dropdown.time-picker-container-dropdown .time-picker-content-dropdown .time-picker-columns .timer-column::-webkit-scrollbar{display:none}.elite-dropdown.time-picker-container-dropdown .time-picker-content-dropdown .time-picker-columns .timer-column .timer-item{font-size:11px;line-height:16px;color:var(--color-text-2);padding:0 16px;width:56px;height:24px;min-height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;transition:var(--transition-common);white-space:nowrap}.elite-dropdown.time-picker-container-dropdown .time-picker-content-dropdown .time-picker-columns .timer-column .timer-item:hover{background:var(--color-background)}.elite-dropdown.time-picker-container-dropdown .time-picker-content-dropdown .time-picker-columns .timer-column .timer-item.selected{background:var(--color-primary);color:var(--color-light)}.elite-dropdown.time-picker-container-dropdown .time-picker-content-dropdown .bottom-acts{font-size:11px;line-height:16px;font-family:var(--font-medium);display:flex;align-items:center;justify-content:space-between;padding:8px;height:48px}.elite-dropdown.time-picker-container-dropdown .time-picker-content-dropdown .bottom-acts button{padding:8px;border:none;background:0 0;color:var(--color-text-2)}.elite-dropdown.time-picker-container-dropdown .time-picker-content-dropdown .bottom-acts button.ok{color:var(--color-primary)}.elite-dropdown.time-picker-container-dropdown .time-picker-content-dropdown .bottom-acts button:disabled{color:var(--color-disable)}.square-button *{transition:all .3s ease;transition:var(--transition-common)}.square-button svg,.square-button svg *{transition:none}.square-button.must-show .icon-delete,.square-button:hover .icon-delete{color:var(--color-danger)}.square-button.must-show .icon-close path,.square-button:hover .icon-close path{stroke:var(--color-danger)}.square-button.light .icon-delete path,.square-button.light .icon-more path{fill:rgba(var(--RGB_color-light),.5)}.square-button.light .icon-duplicate .main-path-1{stroke:rgba(var(--RGB_color-light),.5)}.square-button.light .icon-duplicate .main-path{fill:rgba(var(--RGB_color-light),.5)}.square-button.light.must-show,.square-button.light:hover{background:rgba(var(--RGB_color-light),.1)}.square-button.light.must-show .icon-delete path,.square-button.light.must-show .icon-more path,.square-button.light:hover .icon-delete path,.square-button.light:hover .icon-more path{fill:var(--color-light)}.square-button.light.must-show .icon-duplicate .main-path-1,.square-button.light:hover .icon-duplicate .main-path-1{stroke:var(--color-light)}.square-button.light.must-show .icon-duplicate .main-path,.square-button.light:hover .icon-duplicate .main-path{fill:var(--color-light)}.build-content-body{padding:12px}.build-content-body .content-loading{top:56px;top:var(--height-side-bar-outline);left:244px;left:var(--width-side-bar-outline)}.build-content-body .chapter-container,.build-content-body .chapter-container__2level{padding:12px}.build-content-body .chapter-container__2level .dragged-block-container.sequential:first-child .sequential-frame{padding-top:0}.build-content-body .chapter-container__2level .sequential-frame{padding-left:0}.build-content-body .chapter-container__2level .sequential-frame:after,.build-content-body .chapter-container__2level .sequential-frame:before{content:none}.build-content-body .chapter-container__2level.entrance-block{padding-bottom:12px}.build-content-body .chapter-container__2level.entrance-block .chapter-header-container{box-shadow:none}.build-content-body .chapter-container__2level.entrance-block .chapter-header-container:before{content:none}.build-content-body .chapter-container__2level.entrance-block .chapter-container-wrapper{background:var(--color-light);box-shadow:var(--box-shadow-small);border-radius:4px}.build-content-body .chapter-container__2level.entrance-block .sequential-frame{padding-top:0}.build-content-body .chapter-container__2level.entrance-block.unpublished .chapter-container-wrapper{position:relative;overflow:hidden}.build-content-body .chapter-container__2level.entrance-block.unpublished .chapter-container-wrapper:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-warning);z-index:1}.build-content-body .chapter-final-actions{display:flex;align-items:center;margin-left:56px;padding:12px 24px 12px 0}.build-content-body .chapter-final-actions .btn-full{margin-right:24px}.build-content-body .header-left{display:flex;align-items:flex-start;width:100%}.build-content-body .header-left svg{transition:all .3s ease;transition:var(--transition-common);min-width:16px}.build-content-body .header-left .block-name-container{font-size:16px;line-height:24px;font-family:var(--font-medium);padding:4px 0;margin-left:4px;width:100%;display:block}.build-content-body .header-left .block-name-container .display-text{min-height:24px;min-width:50px;margin:0;cursor:text}.build-content-body .header-left .block-name-container .input-display-name{display:block;width:100%;padding:0;margin:0;border:none;background:0 0;resize:none}.build-content-body .header-right{margin-left:8px}.build-content-body .header-right,.build-content-body .header-right .hidden-group{display:flex;align-items:flex-start}.build-content-body .header-right .hidden-group .square-button{opacity:0;z-index:-1;transition:all .3s ease;transition:var(--transition-common);color:var(--color-text-2)}.build-content-body .header-right .hidden-group a.square-button{padding:2px 8px 6px}.build-content-body .header-right .hidden-group.must-show .square-button{opacity:1;z-index:1}.build-content-body .header-right svg{transition:all .3s ease;transition:var(--transition-common);min-width:16px}.build-content-body .header-right .dragzone{display:grid;padding:16px 16px 16px 8px;margin:-8px -8px -8px 0;cursor:move;color:var(--color-text-2)}.build-content-body .header-right .square-button:hover{color:var(--color-text-1)}.build-content-body .header-right .square-button:hover .icon-delete{color:var(--color-danger)}.build-content-body .drop-area-wrapper.open .content-no-block .inner-container{box-shadow:none;border:1px dashed var(--color-disable);justify-content:center;margin:-1px}.build-content-body .drop-area-wrapper.open .content-no-block .inner-container *{transition:none;visibility:hidden}.build-content-body .drop-area-wrapper.open .content-no-block .inner-container:after{content:"Thả nội dung của bạn vào đây";position:absolute}.build-content-body .chapter-header-container{background:var(--color-light);box-shadow:var(--box-shadow-small);border-radius:4px;padding:8px}.build-content-body .chapter-header-container .chapter-header{display:flex;align-items:flex-start;justify-content:space-between}.build-content-body .chapter-header-container:hover .header-right .hidden-group .square-button{opacity:1;z-index:1}.build-content-body .chapter-header-container.active{border:2px solid var(--color-primary);box-shadow:none}.build-content-body .chapter-header-container.close-icon .header-left svg,.build-content-body .chapter-header-container.hidden .header-left svg{transform:rotate(-90deg)}.build-content-body .chapter-header-container.unpublished{position:relative;overflow:hidden}.build-content-body .chapter-header-container.unpublished:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-warning)}.build-content-body .chapter-header-container .block-statuses{padding:0 36px;flex-wrap:wrap}.build-content-body .chapter-header-container .block-statuses>span{margin-right:12px}.build-content-body .sequential-frame{padding:24px 0 0 44px;position:relative}.build-content-body .sequential-frame.final:after{content:none}.build-content-body .sequential-frame:before{content:"";position:absolute;width:21px;height:48px;left:23px;top:0;background:0 0;border-bottom-left-radius:8px;border-left:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);z-index:-1}.build-content-body .sequential-frame:after{content:"";position:absolute;width:2px;left:23px;top:0;bottom:0;background:var(--color-primary);z-index:-1}.build-content-body .sequential-frame .sequential-container{background:var(--color-light);box-shadow:var(--box-shadow-small);border-radius:4px}.build-content-body .sequential-frame .sequential-container.active{border:2px solid var(--color-primary);box-shadow:none}.build-content-body .sequential-frame .sequential-container.unpublished{position:relative;overflow:hidden}.build-content-body .sequential-frame .sequential-container.unpublished:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-warning)}.build-content-body .sequential-header-container{border-radius:8px;padding:8px}.build-content-body .sequential-header-container .sequential-header{display:flex;align-items:flex-start;justify-content:space-between}.build-content-body .sequential-header-container:hover .header-right .hidden-group .square-button{opacity:1;z-index:1}.build-content-body .sequential-header-container.close-icon .header-left svg,.build-content-body .sequential-header-container.hidden .header-left svg{transform:rotate(-90deg)}.build-content-body .sequential-header-container .block-statuses{padding:0 36px 0 0;margin-left:24px;overflow:hidden}.build-content-body .sequential-header-container .block-statuses span{padding:0 13px 0 12px;position:relative}.build-content-body .sequential-header-container .block-statuses span:before{content:"";position:absolute;left:0;width:1px;height:16px;background:var(--color-gray-line);margin-left:-1px}.build-content-body .sequential-content{padding:4px 24px 8px 44px;border-radius:0 0 8px 8px}.build-content-body .sequential-content .new-vertical{font-size:14px;line-height:24px;font-family:var(--font-medium);display:flex;width:-webkit-max-content;width:max-content;color:var(--color-complete);align-items:center;padding:4px 12px;margin-top:-4px;margin-left:-12px;cursor:pointer;transition:all .3s ease;transition:var(--transition-common)}.build-content-body .sequential-content .new-vertical:hover{color:var(--color-complete-hover)}.build-content-body .sequential-content .new-vertical svg{margin-right:12px}.build-content-body .vertical-container{padding-bottom:12px}.build-content-body .vertical-container .vertical-content{box-shadow:var(--inner-shadow);border-radius:4px;background:var(--color-background);display:block}.build-content-body .vertical-container .vertical-content:hover .header-right .hidden-group .square-button{opacity:1;z-index:1}.build-content-body .vertical-container .vertical-content.unpublished{position:relative;overflow:hidden}.build-content-body .vertical-container .vertical-content.unpublished:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-warning)}.build-content-body .vertical-container .vertical-content .content-header{display:flex;align-items:flex-start;justify-content:space-between;padding:4px 4px 4px 16px}.build-content-body .vertical-container .vertical-content .header-left .block-name-container{font-size:14px;line-height:24px;margin-left:0;padding:4px 0}.build-content-body .block-statuses{font-size:14px;line-height:24px;color:var(--color-text-2);display:flex;align-items:baseline;flex-wrap:wrap;padding:0 16px 8px;cursor:default}.build-content-body .block-statuses span{display:flex;align-items:center}.build-content-body .block-statuses svg{margin-right:8px}.build-content-body .content-no-block{font-size:14px;line-height:24px;padding:8px 16px 16px 36px;display:block;display:flex;align-items:center;flex-direction:column}.build-content-body .content-no-block .inner-container{width:100%;display:flex;align-items:center;flex-direction:column;padding:16px;border-radius:4px;box-shadow:var(--inner-shadow);background:var(--color-background)}.build-content-body .content-no-block span{margin-bottom:12px;color:var(--color-text-2)}.build-content-body .content-no-block .btn-add-block{font-family:var(--font-medium);padding:8px 16px;display:flex;align-items:center;color:var(--color-light);border:none;outline:0;border-radius:8px;background:var(--color-complete);transition:all .3s ease;transition:var(--transition-common)}.build-content-body .content-no-block .btn-add-block:hover{background:var(--color-complete-hover)}.build-content-body .content-no-block .btn-add-block svg{margin-right:12px}.build-content-body .content-no-block .btn-add-block svg path{stroke:var(--color-light)}.build-content-body .content-no-block.content-no-chapter{padding-top:44px;padding-bottom:44px}.build-content-body .btn-full{font-size:14px;line-height:24px;font-family:var(--font-medium);padding:8px 16px;min-height:40px;border:none;outline:0;background:var(--color-primary);border-radius:8px;color:var(--color-light);transition:all .3s ease;transition:var(--transition-common)}.build-content-body .btn-full svg{margin-right:12px}.build-content-body .btn-full svg path{stroke:var(--color-light)}.build-content-body .btn-full:hover{background:var(--color-primary-dark)}.build-content-body .btn-line{font-size:14px;line-height:24px;font-family:var(--font-medium);padding:8px 16px;min-height:40px;border:none;outline:0;background:0 0;border:1px solid var(--color-primary);border-radius:8px;color:var(--color-primary);transition:all .3s ease;transition:var(--transition-common)}.build-content-body .btn-line svg{margin-right:12px}.build-content-body .btn-line svg path{stroke:var(--color-primary)}.build-content-body .btn-line:hover{background:var(--color-light)}.build-content-body .dragged-block-container.sequential .fake-area{margin-left:44px;margin-right:0;position:relative}.build-content-body .dragged-block-container.sequential .fake-area.open{margin-top:24px;margin-bottom:0;overflow:unset}.build-content-body .dragged-block-container.sequential .fake-area:after{content:"";position:absolute;width:2px;left:-22px;top:-25px;bottom:-2px;background:var(--color-primary);z-index:-1}.build-content-body .dragged-block-container.sequential .fake-area.bottom.final:after{content:none!important}.build-content-body .dragged-block-container.sequential .drop-area{height:calc(50% + 24px)}.build-content-body .dragged-block-container.sequential .drop-area.top{top:-24px}.build-content-body .dragged-block-container.sequential .drop-area.bottom{bottom:-24px}.build-content-body .dragged-block-container.vertical .fake-area{margin-left:0}.build-content-body .dragged-block-container.vertical .fake-area.open{margin-top:0;margin-bottom:12px}.build-content-body .dragged-block-container.vertical .fake-area:after{content:none}.build-content-body .dragged-block-container.vertical .drop-area{height:calc(50% + 6px)}.build-content-body .dragged-block-container.vertical .drop-area.top{top:-6px}.build-content-body .dragged-block-container.vertical .drop-area.bottom{bottom:-6px}.build-content-body .dragged-block-container.is-dragging.same-category .chapter-container .chapter-content,.build-content-body .dragged-block-container.is-dragging.same-category .chapter-container .content-no-block,.build-content-body .dragged-block-container.is-dragging.same-category .chapter-final-actions,.build-content-body .dragged-block-container.is-dragging.same-category .sequential-container .content-no-block,.build-content-body .dragged-block-container.is-dragging.same-category .sequential-container .sequential-content{display:none}.build-content-body .chapter-container__2level .dragged-block-container.sequential>.fake-area{margin-left:0;margin-right:0;position:relative}.build-content-body .chapter-container__2level .dragged-block-container.sequential>.fake-area.open{margin-top:24px;margin-bottom:0;overflow:unset}.build-content-body .chapter-container__2level .dragged-block-container.sequential>.fake-area:after{content:none}.Toastify__toast-container.save-outline-toast-container{bottom:0;left:0;right:0;width:100%;box-sizing:border-box;margin:0;padding:16px 24px 24px;list-style:none;position:fixed;z-index:9999;pointer-events:none;display:flex;align-items:center;justify-content:center;flex-direction:column}.Toastify__toast-container.save-outline-toast-container .save-outline-toast{cursor:default;pointer-events:all;display:inline-block;max-width:100%;margin-bottom:0;padding:8px 16px;color:var(--color-light);border-radius:6px;background:var(--color-text-1);min-height:unset;box-shadow:var(--box-shadow-big)}.Toastify__toast-container.save-outline-toast-container .save-outline-toast .save-outline-toast-body{margin:0}.Toastify__toast-container.save-outline-toast-container .save-outline-toast .save-outline-toast-content{font-size:14px;line-height:24px;display:flex;align-items:center}.Toastify__toast-container.save-outline-toast-container .save-outline-toast .save-outline-toast-content span{text-align:center;white-space:pre-line}.Toastify__toast-container.save-outline-toast-container .save-outline-toast .save-outline-toast-content svg{margin-right:12px;width:16px;height:16px}.build-content-main{position:relative;margin-right:0;transition:all .3s ease;transition:var(--transition-common)}.build-content-main.minimize{margin-right:352px;margin-right:var(--width-right-bar)}.block-setting-content{font-size:14px;line-height:24px;padding:24px 24px 88px}.block-setting-content .setting-field{margin-bottom:24px}.block-setting-content .setting-field .field-title{font-family:var(--font-medium);margin-bottom:8px}.block-setting-content .setting-field .cds-date-picker .cds-dp-input{font-size:14px;line-height:24px;min-height:40px;min-width:168px;border-radius:8px}.block-setting-content .setting-field .date-time-container .time-container{margin-left:12px;box-shadow:none;border:1px solid var(--color-gray-line)}.block-setting-content .setting-field .cds-checkbox-group .cds-checkbox-wrapper,.block-setting-content .setting-field .single-checkbox .cds-checkbox-wrapper{padding:0}.block-setting-content .setting-field .cds-checkbox-group .cds-checkbox-wrapper .checkbox-label,.block-setting-content .setting-field .single-checkbox .cds-checkbox-wrapper .checkbox-label{font-size:14px;line-height:24px;margin-left:12px}.block-setting-content .setting-field .hint{margin-top:4px;margin-left:28px;display:block;color:var(--color-text-2)}.block-setting-content .setting-field .cds-radio-group .cds-radio-wrapper{align-items:flex-start}.block-setting-content .setting-field .cds-radio-group .cds-radio-wrapper .cds-radio{height:24px}.block-setting-content .setting-field .cds-radio-group .cds-radio-wrapper .radio-label{margin-left:12px}.block-setting-content .setting-field .cds-radio-group .radio-hint{margin-bottom:8px;margin-left:28px}.block-setting-content .setting-field .elite-select .elite-studio__control{box-shadow:none;border:1px solid var(--color-gray-line)}.block-setting-content .setting-separator{margin:24px 0;border-color:var(--color-gray-line)}.block-setting-content .prerequisite-subsection-container .title-row{color:var(--color-text-2)}.block-setting-content .prerequisite-subsection-container .title-row .title{font-family:var(--font-medium);color:var(--color-primary);margin-right:8px;cursor:pointer}.block-setting-content .prerequisite-subsection-container .title-row .title.active{color:var(--color-text-1);cursor:auto}.block-setting-content .prerequisite-subsection-container .title-row svg{cursor:pointer}.block-setting-content .prerequisite-subsection-container .select-prerequiste{border:1px solid var(--color-gray-line);box-sizing:border-box;border-radius:8px;padding:12px;margin-top:12px;background:#fff}.block-setting-content .prerequisite-subsection-container .select-prerequiste .label{font-size:11px;line-height:16px;color:var(--color-text-2);margin-bottom:6px}.block-setting-content .prerequisite-subsection-container .select-prerequiste .subsection-name{background:var(--color-background);box-shadow:inset 0 0 2px .5px rgba(0,0,0,.1);border-radius:6px;padding:6px 12px;margin-bottom:18px}.block-setting-content .prerequisite-subsection-container .select-prerequiste .icon-delete{color:var(--color-danger);margin-left:auto;margin-bottom:6px;cursor:pointer}.block-setting-content .prerequisite-subsection-container .select-prerequiste .icon-delete svg{width:16px;height:16px}.block-setting-content .prerequisite-subsection-container .select-prerequiste .icon-delete svg rect{fill:var(--color-danger)}.block-setting-content .prerequisite-subsection-container .select-prerequiste .star{color:var(--color-danger)}.submit-setting{position:absolute;bottom:0;left:0;right:0;padding:8px 24px 24px;background-color:var(--color-background)}.submit-setting .btn-submit{font-size:14px;line-height:24px;padding:6px 24px;text-align:center;border-radius:8px;border:none;background:var(--color-primary);font-family:var(--font-medium);width:100%;color:var(--color-light);transition:all .3s ease;transition:var(--transition-common);height:40px}.submit-setting .btn-submit:hover{background:var(--color-primary-dark)}.submit-setting .btn-submit:disabled{background:var(--color-disable);cursor:progress}.right-bar-container{position:fixed;width:0;right:0;top:0;bottom:0;z-index:0;opacity:0;overflow:hidden;transition:width .15s ease,opacity .2s ease}.right-bar-container.open{width:352px;width:var(--width-right-bar);z-index:1;opacity:1}.right-bar-container .right-bar-wrapper{position:relative;width:100%;height:100%;min-width:352px;min-width:var(--width-right-bar)}.right-bar-container .right-bar-wrapper .right-bar-header{padding:0 12px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;left:0;right:0;height:56px;border-left:1px solid rgba(var(--RGB_color-light),.2)}.right-bar-container .right-bar-wrapper .right-bar-header .right-bar-label{cursor:default;font-size:16px;line-height:24px;font-family:var(--font-medium);color:var(--color-light);margin-left:12px}.right-bar-container .right-bar-wrapper .right-bar-header .btn-on-dark svg path{stroke:var(--color-light)}.right-bar-container .right-bar-wrapper .right-bar-content{height:calc(100% - 56px);overflow:auto}.right-bar-container .right-bar-wrapper .content-loading{position:absolute;top:56px;background-color:rgba(var(--RGB_color-light),.1)}.right-bar-container .right-bar-wrapper .content-loading svg g line{stroke:var(--color-primary)}.drag-ghost{font-size:16px;line-height:24px;font-family:var(--font-medium);height:48px;width:-webkit-max-content;width:max-content;position:absolute;margin:0 24px 0 -1000px;background:var(--color-light);border-radius:8px;opacity:.999}.drag-ghost.vertical{font-size:14px;line-height:24px;height:40px;background:var(--color-background)}.drag-ghost.vertical .drag-ghost-content{padding-left:16px}.drag-ghost .drag-ghost-content{padding:12px 44px;display:flex;align-items:center;height:100%}.drag-ghost .drag-ghost-content .drag-shost-text{max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}.dragged-block-container{position:relative}.dragged-block-container .drop-area{position:absolute;height:calc(50% + 12px);left:-12px;right:-12px;z-index:1}.dragged-block-container .drop-area.top{top:-12px}.dragged-block-container .drop-area.bottom{bottom:-12px}.dragged-block-container .drop-area-wrapper{display:block}.dragged-block-container .fake-area{height:0;margin-top:0;margin-bottom:0;border-color:transparent;overflow:hidden;transition:height .15s ease;z-index:0}.dragged-block-container .fake-area.open{height:40px;margin:12px;border-radius:8px;border:1px dashed var(--color-disable)}.background-loading{background:var(--color-light);min-height:100vh;margin-left:322px}.background-loading .content-loading{margin-left:322px}.introduce-feature-header{height:56px;background:var(--color-primary-dark);color:var(--color-light);padding:0 24px;display:flex;align-items:center;font-family:var(--font-medium)}.introduce-feature-container{margin:24px 0 0;padding:0 9px}.introduce-feature-container .col-item{margin-bottom:24px}.introduce-feature-container .introduce-feature-col{background:var(--color-background);border-radius:8px;padding:24px;min-height:232px;height:100%}.introduce-feature-container .introduce-feature-col .btn-link{color:var(--color-primary);padding:8px 12px;border-radius:6px;border:1px solid var(--color-primary);font-size:14px;line-height:24px;font-family:var(--font-medium);margin-left:auto;text-decoration:none}.introduce-feature-container .introduce-feature-col .btn-link:hover{background:var(--color-primary);color:var(--color-light)}.introduce-feature-container .introduce-feature-col .title{font-size:16px;line-height:24px;font-family:var(--font-semibold);margin:20px 0 4px}.introduce-feature-container .introduce-feature-col .text{font-size:14px;line-height:24px;margin-bottom:4px}.introduce-feature-container .introduce-feature-col .link{color:var(--color-primary)}.introduce-feature-container .introduce-feature-col .link:hover{text-decoration:underline!important}.close-modal-coming-soon{display:flex}.close-modal-coming-soon svg{margin:24px 24px 0 auto;cursor:pointer}.coming-soon-modal-content{margin-bottom:56px}.coming-soon-modal-content .coming-soon-container{margin-top:16px}.sample-courses-list{padding-top:56px}.sample-courses-list .header{position:fixed;left:0;top:0;right:0;z-index:1000;z-index:var(--z-index-header);height:56px;background:var(--color-primary-dark);display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:var(--color-light);font-size:14px;line-height:24px;transition:all .3s ease;transition:var(--transition-common)}.sample-courses-list .header.minimize{margin-right:352px;margin-right:var(--width-right-bar)}.sample-courses-list .header .icon-hover{border-radius:8px;padding:12px;cursor:pointer;display:inline-flex}.sample-courses-list .header .icon-hover:hover{background:rgba(var(--RGB_color-light),.1);padding:12px;display:inline-flex}.sample-courses-list .header .left-group{font-size:16px;line-height:24px;font-family:var(--font-medium);position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;padding:0 12px;color:var(--color-light);cursor:default}.sample-courses-list .header .left-group a{margin-right:12px}.sample-courses-list .header .left-group span{display:flex;align-items:center}.sample-courses-list .header .left-group .category-text{margin-left:8px;color:var(--color-disable);max-width:200px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block}.sample-courses-list .header .search-input-container{height:100%;display:flex;align-items:center;padding:0 4px;cursor:text;outline:0;margin:auto;width:100%;max-width:233px}.sample-courses-list .header .search-input-container svg{margin-right:12px;min-width:16px}.sample-courses-list .header .search-input-container .search-input{font-size:14px;line-height:24px;background-color:transparent;border:none;box-shadow:none;outline:0;color:var(--color-light);padding:0;max-width:205px;width:100%}.sample-courses-list .header .search-input-container .search-input::-webkit-input-placeholder{font-size:14px;line-height:24px;color:rgba(var(--RGB_color-light),.5)!important}.sample-courses-list .main-content{padding:48px 24px 0}.sample-courses-list .main-content .category-header{display:flex;align-items:center;justify-content:space-between;margin:0}.sample-courses-list .main-content .category-header .title{font-size:20px;line-height:32px;letter-spacing:.02em;font-family:var(--font-medium)}.sample-courses-list .main-content .category-header .title .total{margin-left:8px;color:var(--color-text-2)}.sample-courses-list .main-content .category-items{margin-bottom:36px}.sample-courses-list .main-content .category-items .item{background:var(--color-light);border:1px solid var(--color-gray-line);border-radius:8px;min-height:175px;margin:12px 0;overflow:hidden;position:relative;cursor:pointer;transition:all .3s ease;transition:var(--transition-common)}.sample-courses-list .main-content .category-items .item:hover{border:0;border-color:transparent;box-shadow:var(--box-shadow-big)}.sample-courses-list .main-content .category-items .item .img-course{width:100%;height:175px;object-fit:cover}.sample-courses-list .main-content .category-items .item .bottom-group{position:relative;padding:8px 8px 8px 16px;background:var(--color-light);width:100%;border-radius:0 0 8px 8px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 -1px 0 rgba(0,0,0,.1)}.sample-courses-list .main-content .category-items .item .bottom-group .square-button.active{background:rgba(var(--RGB_color-text-1),.05)}.sample-courses-list .main-content .category-items .item .text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sample-courses-list .main-content .read-all{font-size:16px;line-height:24px;color:var(--color-primary);display:flex;align-items:center}.sample-courses-list .main-content .icon-arrow{margin-left:8px}.template-item-dropdown .ic-view path,.template-item-dropdown .icon-duplicate .main-path-1{stroke:var(--color-text-2)}.template-item-dropdown .icon-duplicate .main-path{fill:var(--color-text-2)}.reference-content-main{padding:24px 0;margin:24px;background:var(--color-light);box-shadow:var(--box-shadow-small);border-radius:8px}.reference-content-main svg{cursor:pointer}.reference-content-main .act-download{margin-right:24px;color:var(--color-complete)}.reference-content-main .act-copy,.reference-content-main .edit{margin-right:24px}.reference-content-main .act-delete path{fill:var(--color-danger)}.reference-content-main .course-team-owner{color:var(--color-primary)}.course-handouts-modal .error-message.email-hint{color:var(--color-secondary)}.course-handouts-modal .hint{color:var(--color-text-2);margin-top:8px;margin-left:196px}.course-handouts-modal .course-handout-title{font-size:14px;line-height:24px;font-family:var(--font-medium);width:196px}.course-handouts-modal .star{color:var(--color-danger);margin-left:4px}.course-handouts-modal input.field-input{background:var(--color-light);border:1px solid var(--color-gray-line);box-shadow:none;width:calc(100% - 196px)}.course-handouts-modal .elite-select{width:calc(100% - 196px)}.course-handouts-modal .elite-select .elite-studio__control{background:var(--color-light);box-shadow:none;border:1px solid var(--color-gray-line)}.course-handouts-modal .file-input-container{border:1px solid var(--color-gray-line);box-sizing:border-box;border-radius:8px;height:40px;padding:0 12px;width:calc(100% - 196px);display:flex;align-items:center;position:relative}.course-handouts-modal .file-input-container .file-name{position:absolute;top:8px;left:12px;width:80%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.course-handouts-modal .file-input-container .file-name.no-name{color:var(--color-disable)}.course-handouts-modal .file-input-container label{margin-bottom:0;cursor:pointer;width:100%;z-index:100;height:40px;display:flex;align-items:center;justify-content:flex-end}.course-handouts-modal .file-input-container label path{stroke:var(--color-primary)}.course-handouts-modal .error-message{margin-left:196px}.course-handouts-modal .date-container,.course-handouts-modal .textarea-container{width:calc(100% - 172px)}.course-handouts-modal .date-container .cds-date-picker{width:100%}.course-handouts-modal .date-container .cds-date-picker .cds-dp-input{font-size:14px;line-height:24px;width:100%;height:40px;border-radius:8px;background:var(--color-background);box-shadow:var(--inner-shadow);border:none}.empty-handout{min-height:calc(100vh - 104px);background:var(--color-light);box-shadow:var(--box-shadow-small);border-radius:8px;padding-top:168px;padding-bottom:48px;text-align:center;margin:24px}.empty-handout .text{color:var(--color-text-2);font-size:14px;line-height:24px;margin:16px 0}.empty-handout button{height:40px;padding:8px 16px;background:var(--color-primary);color:var(--color-light);font-family:var(--font-medium);font-size:16px;line-height:24px;border:none;border-radius:6px}.loading-content{position:fixed;left:244px;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;cursor:progress;z-index:2}.studio-enrollment{min-height:calc(100vh - 104px);background:var(--color-light);padding-top:8px;margin:24px;box-shadow:var(--box-shadow-small);border-radius:8px}.studio-enrollment .super-table-container .super-table{width:100%}.studio-enrollment .super-table-container .super-table .super-table-row-header .header-column-data{min-width:-webkit-max-content;min-width:max-content}.course-outline-layout .outline-content .outline-header .ic-enroll{margin:0 12px;cursor:pointer}.my-students-filter .my-students-filter-tag{margin-bottom:0;margin-top:20px}.my-students-filter .circle-button{padding:12px}.my-students-filter .circle-button svg{width:15px;height:15px}.my-students-filter .circle-button svg path{fill:var(--color-light)}.my-students-filter .circle-button:hover{background:0 0}.my-students-filter:hover{background:rgba(var(--RGB_color-light),.1);border-radius:8px;padding:0}.course-list-container.my-students-table .student-history-page .super-table-container .super-table{width:100%}.course-template .submit-template{z-index:1000;z-index:var(--z-index-header);position:fixed;height:56px;padding:8px 24px;right:0;top:0}.course-template .submit-template .btn-submit{font-size:14px;line-height:24px;font-family:var(--font-medium);outline:0;border:none;border-radius:8px;background:var(--color-secondary);padding:6px 16px;min-height:40px;color:var(--color-light);transition:all .3s ease;transition:var(--transition-common)}.course-template .submit-template .btn-submit:hover{background:var(--color-secondary-hover)}.course-template .submit-template .btn-submit:disabled{background:var(--color-disable);cursor:not-allowed}@keyframes pulse{0%{-webkit-transform:scale(0);opacity:0}25%{-webkit-transform:scale(0);opacity:.1}50%{-webkit-transform:scale(.1);opacity:.3}75%{-webkit-transform:scale(.5);opacity:.5}to{-webkit-transform:scale(1);opacity:0}}.header-action-course.course-online-header{z-index:100;background-color:var(--color-background)}.header-action-course.course-online-header .header-action-item{padding:0 24px 0 0}.header-action-course.course-online-header .header-action-tab-item{padding-left:24px;color:var(--color-primary)}.header-action-course.course-past-header{padding-left:24px;padding-right:24px}.header-action-course.course-past-header .header-action-tab-item{min-height:40px;display:flex;color:var(--color-primary)}.header-action-course.course-past-header .header-action-tab-item a{font-family:var(--font-medium);color:var(--color-disable);margin-right:24px;display:grid;align-items:center}.header-action-course.course-past-header .header-action-tab-item a.active{color:var(--color-primary-hover);border-bottom:2px solid var(--color-primary-hover)}.header-action-course.course-past-header .header-action-tab-item a .meeting{margin-right:24px}.header-action-course.course-past-header .header-action-item{padding:8px;color:var(--color-primary)}.course-online-layout{background:rgba(var(--RGB_color-primary),.1);border-radius:8px;color:var(--color-text-1);justify-content:space-between;padding:16px 24px;margin:24px;cursor:pointer;box-shadow:var(--inner-shadow)}.course-online-layout,.course-online-layout .room-left-group{display:flex;align-items:flex-start}.course-online-layout .room-left-group .room-info .room-name{font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold);display:block}.course-online-layout .room-left-group .room-info .starting{font-size:14px;line-height:24px;display:block;margin-top:4px}.course-online-layout .room-left-group .room-status{display:flex;padding:7px;margin-right:12px;margin-left:-12px;position:relative}.course-online-layout .room-left-group .room-status .circle-living{width:10px;height:10px;background:var(--color-danger);border-radius:50%}.course-online-layout .room-left-group .room-status .circle-living:before{animation:pulse 4s ease-out;animation-iteration-count:infinite}.course-online-layout .room-left-group .room-status .circle-living:after,.course-online-layout .room-left-group .room-status .circle-living:before{content:"";border:10px solid var(--color-danger);background:0 0;border-radius:50%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;opacity:0}.course-online-layout .room-left-group .room-status .circle-living:after{animation-delay:1.5s;animation:pulse 2s ease-out;animation-iteration-count:infinite}.cancel-room-toast svg{width:16px;min-width:16px;height:16px;margin-right:12px}.future-course .common-pagination{margin-top:0}.future-course .row{margin:0;padding:0 9px}.future-course .future-course-title{font-size:20px;line-height:32px;letter-spacing:.02em;font-family:var(--font-semibold);margin:24px 24px 16px}.future-course .future-course-title span{color:var(--color-text-2)}.future-course .col-container{margin-bottom:24px}.future-course .col-item{background:var(--color-background);box-shadow:var(--inner-shadow);border-radius:var(--border-radius-h48);padding:20px 24px;position:relative;height:100%}.future-course .col-item .button-row{display:flex}.future-course .col-item .actual-start-style{text-align:right;font-size:11px;line-height:16px;margin-left:auto;padding-left:16px}.future-course .col-item .actual-start-style .text{color:var(--color-text-2);margin-bottom:4px}.future-course .col-item .start-soon{padding:8px 16px;color:var(--color-light);background:var(--color-primary);border-radius:var(--border-radius-h40);display:inline-flex;margin-bottom:8px}.future-course .col-item .date{display:flex;align-items:center;margin-bottom:4px}.future-course .col-item .date svg{margin-right:8px}.future-course .col-item .student-number{display:flex;align-items:center;margin-bottom:8px}.future-course .col-item .student-number svg{margin-right:8px}.future-course .col-item .future-course-name{font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold);margin-bottom:4px;padding-right:40px}.future-course .col-item .future-course-name a{color:var(--color-text-1)}.future-course .col-item .show-more{position:absolute;top:24px;right:24px}.future-course .col-item .show-more .icon-more{background:0 0;border:none;padding:0}.future-course .col-item .show-more .icon-more:focus{box-shadow:none}.future-course .col-item .show-more .show-more-menu{top:24px!important;border:1px solid var(--color-gray-line);box-sizing:border-box;box-shadow:var(--box-shadow-big);border-radius:8px;min-width:240px}.future-course .col-item .show-more .show-more-menu .show-more-item{height:40px;width:calc(100% - 24px);margin:0 12px;padding-left:12px;display:flex;align-items:center}.future-course .col-item .show-more .show-more-menu .show-more-item div{margin-left:12px}.future-course .col-item .show-more .show-more-menu .show-more-item:hover{background:rgba(var(--RGB_color-primary),.1);border-radius:6px}.future-course.meeting-room{padding-bottom:12px}.future-course.meeting-room .start-soon{background:var(--color-complete)}.future-course.meeting-room .link-button{border:1px solid var(--color-complete);color:var(--color-complete)}.future-course.meeting-room .link-button:hover{background:var(--color-complete);color:var(--color-light)}.future-course.meeting-room .link-history{color:var(--color-primary)}.future-course.meeting-room .link-history:hover{color:var(--color-primary-light)}.future-course.meeting-room .render-time{color:var(--color-primary);font-family:var(--font-semibold)}.future-course.meeting-room .action-room-details,.future-course.meeting-room .time-color{color:var(--color-text-2)}.future-course.meeting-room .action-room-details span{cursor:pointer}.future-course.meeting-room .action-room-details .icon-recording{margin-right:16px}.future-course.meeting-room .public-status{color:var(--color-success-default)}.future-course.meeting-room .private-status{color:var(--color-error-default)}.future-course.meeting-room .time-session{color:var(--color-disable);margin-bottom:8px;margin-top:4px}.future-course.meeting-room .time-session svg{margin-right:16px}.future-course.meeting-room .delete-sesson{color:var(--color-text-2)}.future-course.meeting-room .delete-sesson:hover{color:var(--color-danger)}.future-course.meeting-room .recording-session .title{color:var(--color-text-1);font-family:var(--font-semibold)}.future-course.meeting-room .recording-session .title svg{color:var(--color-disable);margin-right:16px}.future-course.meeting-room .recording-session .text{color:var(--color-text-2);margin-left:32px}.future-course.meeting-room .recording-session .has-recording{display:flex;flex-wrap:wrap;align-items:center}.future-course.meeting-room .recording-session .has-recording .status{border:1px solid var(--color-gray-line);box-sizing:border-box;border-radius:4px;margin-left:32px;margin-top:8px;display:flex}.future-course.meeting-room .recording-session .has-recording .status div{padding:4px 8px;font-size:11px;line-height:16px;color:var(--color-text-2);cursor:pointer;transition:all .3s ease}.future-course.meeting-room .recording-session .has-recording .status .public{background:var(--color-success-default);border-radius:4px;color:#fff}.future-course.meeting-room .recording-session .has-recording .status .private{background:var(--color-error-default);border-radius:4px;color:#fff}.future-course.meeting-room .recording-session .has-recording .view-recording{display:flex;align-items:center;color:var(--color-text-2);margin-left:24px;margin-top:8px;cursor:pointer;font-size:14px;line-height:20px}.future-course.meeting-room .recording-session .has-recording .view-recording svg{margin-right:8px}.future-course.view-list{position:relative;min-height:24px}.future-course.view-list .col-item{background:0 0;box-shadow:none;border-radius:0;padding:0;position:static}.future-course.view-list .col-item .show-more{top:0;left:0;right:auto;cursor:pointer}.future-course.view-list .col-item .show-more .icon-more{color:var(--color-text-2)}.future-course.view-list .col-item.disable-icon-more{cursor:not-allowed}.future-course.skeleton .col-item{height:156px}.future-course.skeleton .col-item .title{height:24px;width:150px;background-color:#fff;margin-bottom:16px}.future-course.skeleton .col-item .text{height:24px;width:200px;background-color:#fff;margin-bottom:16px}.future-course.skeleton .col-item .button{height:40px;width:129px;background-color:#fff;border-radius:8px;margin-right:24px}.future-course.skeleton .name{height:24px;width:200px;margin:24px;background-color:var(--color-background)}.new-meeting-body.smd-body{font-family:var(--font-regular)}.new-meeting-body .meeting-info{font-family:var(--font-medium)}.new-meeting-body .meeting-row{display:flex;align-items:center}.new-meeting-body .input-number-wrapper.common-input .number-formatter{border:none;width:100%;height:40px;font-size:14px;line-height:24px}.new-meeting-body .input-number-wrapper.common-input .number-formatter:disabled{color:var(--color-text-2)}.new-meeting-body .cds-dp-input{background:var(--color-background)}.new-meeting-body .authorization-switch{display:flex;align-items:center;background:var(--color-background);box-shadow:var(--inner-shadow);border-radius:8px;border:none;width:100%;min-height:40px;padding:8px 12px;font-size:14px;line-height:24px;margin-bottom:16px}.new-meeting-body .authorization-switch:last-child{margin-bottom:0}.new-meeting-body .authorization-switch .switch-title{margin-right:auto}.new-meeting-body .toggle-switch{display:inline-flex}.new-meeting-body .toggle-switch label{margin-bottom:0}.new-meeting-body .enroll{background:var(--color-background);box-shadow:var(--inner-shadow);border-radius:var(--border-radius-h40);padding:8px 12px;margin-right:12px;cursor:pointer}.new-meeting-body .enroll.select{color:var(--color-light);background:var(--color-primary)}.new-meeting-body .template-file{color:var(--color-text-2);margin-left:16px;padding:8px 12px;border-radius:var(--border-radius-h32)}.new-meeting-body .template-file:hover{background:var(--color-background)}.new-meeting-body .label-btn.purple{width:auto;cursor:pointer;color:var(--color-primary);padding:8px 12px;border-radius:var(--border-radius-h32)}.new-meeting-body .label-btn.purple:hover{background:rgba(var(--RGB_color-primary),.15)}.new-meeting-body .select-course{margin:16px 0 24px}.new-meeting-body .authorization-row{height:16px}.new-meeting-body .cds-date-picker.inner-shadow-input .cds-dp-input{min-width:0}.new-meeting-body .enroll-by-email .container-input-email{display:inline-flex;flex-wrap:wrap;flex-direction:row;align-items:center;width:100%;border:1px solid var(--color-gray-line);border-radius:6px;padding:0 12px 7px;font-size:14px;line-height:24px;max-height:200px;overflow-y:auto;transition:all .3s ease;transition:var(--transition-common);margin:16px 0 8px;background:var(--color-background)}.new-meeting-body .enroll-by-email .container-input-email .input-emails{margin-top:7px;flex-grow:1;height:24px;border:1px solid transparent;background:var(--color-background)}.new-meeting-body .enroll-by-email .container-input-email .input-emails:focus{outline:0!important;border:1px solid transparent}.new-meeting-body .enroll-by-email .container-input-email .email-container{position:relative;margin-right:6px;margin-top:7px}.new-meeting-body .enroll-by-email .container-input-email .email-container .wrapper-email{background-color:var(--color-gray-line-light);border-radius:4px;padding:0 8px;display:inline-flex;align-items:center}.new-meeting-body .enroll-by-email .container-input-email .email-container .wrapper-email .wrapper-icon-cancel{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;padding:2px;margin-left:4px;cursor:pointer;border-radius:50%;transition:all .3s ease;transition:var(--transition-common)}.new-meeting-body .enroll-by-email .container-input-email .email-container .wrapper-email .wrapper-icon-cancel .ic-cancel path[stroke]{stroke:var(--color-text-2)}.new-meeting-body .enroll-by-email .container-input-email .email-container .wrapper-email .wrapper-icon-cancel:hover{background-color:rgba(var(--RGB_color-primary),.15)}.new-meeting-body .enroll-by-email .container-input-email .email-container .wrapper-email .wrapper-icon-cancel:hover .ic-cancel path[stroke]{stroke:var(--color-text-1)}.new-meeting-body .date-time-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:16px}.new-meeting-body .date-time-container .cds-date-picker{max-width:160px}.new-meeting-body .date-time-container .time-picker-container{max-width:120px}.new-meeting-body .cds-date-picker{margin-right:16px}.new-meeting-body .meeting-timezone{font-size:11px;line-height:16px;letter-spacing:-.005em;color:var(--color-text-2);min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.new-meeting-body .moderator-email .container-input-email{margin-top:0}.new-meeting-footer .btn-submit{font-size:14px;line-height:24px;font-family:var(--font-medium);outline:0;border:none;border-radius:8px;padding:6px 16px;min-height:40px;color:var(--color-light);transition:all .3s ease;transition:var(--transition-common);margin-left:24px}.new-meeting-footer .btn-submit,.new-meeting-footer .btn-submit:hover{background:var(--color-complete)}.new-meeting-footer .btn-submit:disabled{background:var(--color-disable);cursor:not-allowed}.new-meeting-loading{min-height:884px;text-align:center;margin-top:100px}.meeting-button{display:flex;align-items:center;padding:4px 0;margin-left:16px;white-space:nowrap;margin-bottom:8px}.meeting-button.new-meeting{padding:0}.meeting-button .cancel-button{padding:8px 16px;border-radius:8px;border:none;background:0 0;color:var(--color-text-2);cursor:pointer;transition:all .3s ease;transition:var(--transition-common)}.meeting-button .cancel-button:hover{background:rgba(var(--RGB_color-text-1),.05)}.meeting-button .link-button{padding:7px 16px;border-radius:8px;border:none;border:1px solid var(--color-primary);color:var(--color-primary);margin-left:8px;cursor:pointer;transition:all .3s ease;transition:var(--transition-common);box-sizing:border-box}.meeting-button .link-button:hover{background:var(--color-primary);color:var(--color-light)}.course-online-history{margin-top:24px}.course-online-history .roomName{color:var(--color-primary)}.course-online-history .status__private{color:var(--color-error-default)}.course-online-history .status__public{color:var(--color-complete)}.course-online-history .action{display:flex}.course-online-history .action .square-button{margin-right:8px}.course-online-history .super-table-container .super-table{width:100%}.course-online-history .super-table-container .super-table .super-table-row .super-col{min-width:150px}.course-online-history .super-table-container .super-table .super-table-row .super-col .entity-type{font-size:11px;line-height:16px;border-radius:4px;padding:4px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:1px solid rgba(var(--RGB_color-text-1),.05)}.course-online-history .super-table-container .super-table .super-table-row .super-col .entity-type__room{background:rgba(108,184,81,.08);color:var(--color-success-default)}.course-online-history .super-table-container .super-table .super-table-row .super-col .entity-type__meeting{background:rgba(168,104,227,.08);color:var(--color-primary-hover)}.course-online-past-detail{padding:0}.course-online-past-detail .bar{padding:8px 24px;display:flex;justify-content:space-between;align-items:center;background:var(--color-background);box-shadow:inset 0 -1px 0 rgba(0,0,0,.08)}.course-online-past-detail .bar .act-button{margin-left:8px}.course-online-past-detail .room-info{display:flex;justify-content:space-between;padding:24px}.course-online-past-detail .room-info .room-content{max-width:700px}.course-online-past-detail .room-info__name{font-size:18px;line-height:24px;font-family:var(--font-semibold);letter-spacing:.02em;margin-bottom:4px}.course-online-past-detail .room-info__desc{letter-spacing:.005em;margin-bottom:4px}.course-online-past-detail .room-info__record-time{font-family:var(--font-semibold);color:var(--color-primary);padding-right:8px}.course-online-past-detail .room-info__date{color:var(--color-text-2)}.course-online-past-detail .room-info .privacy-button{display:flex;align-items:center;padding:8px 12px;color:var(--color-light);border-radius:8px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border:none;background:var(--color-error-default)}.course-online-past-detail .room-info .privacy-button.public{background:var(--color-complete)}.course-online-past-detail .room-info .privacy-button.disable{pointer-events:none;background:var(--color-disable)}.course-online-past-detail .room-info .privacy-button .icon-global-public,.course-online-past-detail .room-info .privacy-button .icon-lock-16{margin-right:16px}.course-online-past-detail .room-info.session-room{padding-bottom:0}.course-online-past-detail .room-info.session-room .room-content{padding-right:24px}.course-online-past-detail .room-info.session-room .student-number{display:flex;align-items:center;margin-bottom:8px}.course-online-past-detail .room-info.session-room .student-number svg{margin-right:8px}.course-online-past-detail .room-info .start-soon{padding:8px 16px;color:var(--color-light);background:var(--color-complete);border-radius:var(--border-radius-h40);display:inline-flex;margin-bottom:8px}.course-online-past-detail .room-info .link-button{border:1px solid var(--color-complete);color:var(--color-complete)}.course-online-past-detail .room-info .link-button:hover{background:var(--color-complete);color:var(--color-light)}.course-online-past-detail .role{color:var(--color-complete-hover)}.no-student{font-size:14px;line-height:24px;color:var(--color-text-2);margin-left:24px}.view-meeting-by-list{margin-top:24px}.view-meeting-by-list .entity-type{font-size:11px;line-height:16px;border-radius:4px;padding:4px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:1px solid rgba(var(--RGB_color-text-1),.05)}.view-meeting-by-list .entity-type__room{background:rgba(108,184,81,.08);color:var(--color-success-default)}.view-meeting-by-list .entity-type__meeting{background:rgba(168,104,227,.08);color:var(--color-primary-hover)}.view-meeting-by-list .entity-type__meetNow{background:linear-gradient(75.15deg,#6946ed,#c76389);color:#fff}.view-meeting-by-list .link-name,.view-meeting-by-list .link-name:hover{color:var(--color-primary)}.unit-container-layout .left-sidebar-container .left-sidebar-main .selected-chapter-control{padding:8px 12px;display:flex;align-items:center;justify-content:space-between;border-radius:6px;border:1px solid transparent;font-size:16px;line-height:24px;font-family:var(--font-semibold);margin:0 12px;cursor:pointer;transition:all .3s ease;transition:var(--transition-common)}.unit-container-layout .left-sidebar-container .left-sidebar-main .selected-chapter-control:hover{border-color:var(--color-gray-line)}.unit-container-layout .left-sidebar-container .left-sidebar-main .selected-chapter-control.active{border-color:var(--color-gray-line);background-color:var(--color-light)}.unit-container-layout .left-sidebar-container .left-sidebar-main .selected-chapter-control svg{min-width:16px}.unit-container-layout .left-sidebar-container .left-sidebar-main .selected-chapter-control span{max-width:100%;margin-right:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-container-layout .left-sidebar-container .left-sidebar-main .child-block-list{padding:0 12px 12px}.unit-container-layout .left-sidebar-container .left-sidebar-main .sequential-block{font-size:14px;line-height:24px;font-family:var(--font-semibold);color:var(--color-text-2);display:flex;align-items:flex-start;cursor:pointer;padding:8px 12px;border:1px solid var(--color-gray-line);transition:all .3s ease;transition:var(--transition-common);border-radius:6px;margin-top:12px}.unit-container-layout .left-sidebar-container .left-sidebar-main .sequential-block *{transition:all .3s ease;transition:var(--transition-common)}.unit-container-layout .left-sidebar-container .left-sidebar-main .sequential-block svg{margin-top:4px;min-width:16px;transform:rotate(-90deg);transition:all .3s ease;transition:var(--transition-common)}.unit-container-layout .left-sidebar-container .left-sidebar-main .sequential-block span{margin-left:8px}.unit-container-layout .left-sidebar-container .left-sidebar-main .sequential-block.open{border-color:var(--color-disable);color:var(--color-text-1)}.unit-container-layout .left-sidebar-container .left-sidebar-main .sequential-block.open svg{transform:none}.unit-container-layout .left-sidebar-container .left-sidebar-main .sequential-block.open svg path{fill:var(--color-text-1)}.unit-container-layout .left-sidebar-container .left-sidebar-main .toggle-child-blocks{padding-top:8px;position:relative}.unit-container-layout .left-sidebar-container .left-sidebar-main .toggle-child-blocks:before{content:"";position:absolute;width:1px;height:9px;top:0;left:12px;background-color:var(--color-disable)}.unit-container-layout .left-sidebar-container .left-sidebar-main .toggle-child-blocks .vertical-block{font-size:14px;line-height:24px;color:var(--color-text-2);display:flex;align-items:flex-start;padding:8px 12px 8px 36px;position:relative}.unit-container-layout .left-sidebar-container .left-sidebar-main .toggle-child-blocks .vertical-block:before{content:"";position:absolute;width:1px;height:20px;top:0;left:12px;background-color:var(--color-disable)}.unit-container-layout .left-sidebar-container .left-sidebar-main .toggle-child-blocks .vertical-block:after{content:"";position:absolute;width:1px;top:0;bottom:0;left:12px;background-color:var(--color-disable)}.unit-container-layout .left-sidebar-container .left-sidebar-main .toggle-child-blocks .vertical-block *{transition:all .3s ease;transition:var(--transition-common)}.unit-container-layout .left-sidebar-container .left-sidebar-main .toggle-child-blocks .vertical-block .unit-node{width:11px;height:11px;background:var(--color-light);border:1px solid var(--color-disable);border-radius:50%;position:absolute;left:7px;top:15px;z-index:1}.unit-container-layout .left-sidebar-container .left-sidebar-main .toggle-child-blocks .vertical-block:hover{color:var(--color-primary)}.unit-container-layout .left-sidebar-container .left-sidebar-main .toggle-child-blocks .vertical-block:hover .unit-node{border-color:var(--color-primary)}.unit-container-layout .left-sidebar-container .left-sidebar-main .toggle-child-blocks .vertical-block.active{color:var(--color-primary)}.unit-container-layout .left-sidebar-container .left-sidebar-main .toggle-child-blocks .vertical-block.active .unit-node{border-color:var(--color-primary);background:var(--color-primary)}.unit-container-layout .left-sidebar-container .left-sidebar-main .toggle-child-blocks .vertical-block.lastest:after{content:none}.unit-container-layout .left-sidebar-container .left-sidebar-main .no-child-blocks{font-size:14px;line-height:24px;color:var(--color-disable);padding:8px 12px 8px 36px;margin-top:8px}.dropdonw-chapter-list.common-dropdown-content{width:306px;width:calc(var(--width-side-bar-default) - 24px);max-height:256px;overflow:auto;transition:all .3s ease;transition:var(--transition-common)}.dropdonw-chapter-list.common-dropdown-content .select-item{cursor:pointer}.dropdonw-chapter-list.common-dropdown-content .select-item .select-box{font-size:14px;line-height:24px;display:flex;align-items:flex-start;justify-content:space-between}.dropdonw-chapter-list.common-dropdown-content .select-item .select-box svg{margin:4px 0 0 8px!important;min-width:16px}.dropdonw-chapter-list.common-dropdown-content .select-item.disabled{cursor:not-allowed}.dropdonw-chapter-list.common-dropdown-content .select-item.disabled .select-box{background-color:transparent!important;color:var(--color-disable)}.unit-layout-content .unit-content .content-header{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;height:56px;height:var(--height-side-bar-outline);background:var(--color-primary-dark);z-index:2;display:flex;align-items:center;justify-content:space-between;color:var(--color-light);padding:0 12px}.unit-layout-content .unit-content .content-header .page-label{cursor:default;margin:0 12px;font-family:var(--font-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:56px;line-height:var(--height-side-bar-outline)}.unit-layout-content .unit-content .content-header .block-name-container{font-size:16px;line-height:24px;letter-spacing:0;font-family:var(--font-medium);margin:0;padding-left:12px;width:calc(100% - 365px)}.unit-layout-content .unit-content .content-header .block-name-container .display-text{margin:0;width:calc(100% - 100px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.unit-layout-content .unit-content .content-header .block-name-container .input-display-name{font-size:16px;line-height:24px;letter-spacing:0;color:var(--color-light)}.unit-layout-content .unit-content .content-header .right-container{padding:0 12px;display:flex;align-items:center;white-space:nowrap;width:-webkit-max-content;width:max-content}.unit-layout-content .unit-content .content-header .right-container .btn-submit{font-size:14px;line-height:24px;font-family:var(--font-medium);outline:0;border:none;border-radius:8px;background:var(--color-secondary);padding:6px 16px;min-height:40px;color:var(--color-light);transition:all .3s ease;transition:var(--transition-common);margin-left:8px}.unit-layout-content .unit-content .content-header .right-container .btn-submit:hover{background:var(--color-secondary-hover)}.unit-layout-content .unit-content .content-header .right-container .btn-submit:disabled{background:rgba(var(--RGB_color-light),.1);color:var(--color-disable);cursor:default}.unit-layout-content .unit-content .content-header .right-container .wrapp-action{padding:4px 0}.unit-layout-content .unit-content .content-header .right-container .ic-view path{stroke:var(--color-light)}.unit-layout-content .unit-content .content-header .right-container .separator{display:block;width:1px;height:24px;background:rgba(var(--RGB_color-light),.2);margin:0 8px}.unit-layout-content .unit-content .content-header .right-container .checkbox-hide-for-learner{font-size:14px;line-height:24px;margin-right:16px;color:var(--color-disable)}.unit-layout-content .unit-content .content-header .right-container .checkbox-hide-for-learner .cds-checkbox-inner{background:0 0}.unit-layout-content .unit-content .content-header .right-container .checkbox-hide-for-learner .cds-checkbox-wrapper.checked{color:var(--color-light)}.unit-layout-content .unit-content .content-body{padding:24px}.unit-layout-content .unit-content .content-body .content-loading{top:56px;top:var(--height-side-bar-outline);left:330px;left:var(--width-side-bar-default)}.unit-layout-content .unit-content .content-body .block-list-empty{font-size:16px;line-height:24px;padding:67px 48px;box-shadow:var(--box-shadow-small);border-radius:8px;background-color:var(--color-light);margin-bottom:24px;text-align:center}.fake-area.dropzone-unit-component.open{display:flex;align-items:center;justify-content:center;margin:0 0 24px;height:88px;position:relative}.fake-area.dropzone-unit-component.open:after{font-size:14px;line-height:24px;position:absolute}.fake-area.dropzone-editor-element.open{display:flex;align-items:center;justify-content:center;margin:0 0 16px;height:88px;position:relative}.block-component{box-shadow:var(--box-shadow-small);background:var(--color-light);border-radius:8px;margin-bottom:24px}.block-component .component-header{display:flex;align-items:flex-start;justify-content:space-between;padding:4px 8px;border-radius:8px 8px 0 0}.block-component .component-header:hover .right-actions .hidden-group .square-button{opacity:1;z-index:1}.block-component .component-header .right-actions{display:flex;align-items:center;padding:4px 8px 4px 0}.block-component .component-header .right-actions .dragzone{display:grid;padding:16px 16px 16px 8px;margin:-8px -8px -8px 0;cursor:move}.block-component .component-header .right-actions .hidden-group{display:flex;align-items:flex-start}.block-component .component-header .right-actions .hidden-group .square-button{opacity:0;z-index:-1;transition:all .3s ease;transition:var(--transition-common)}.block-component .component-header .right-actions .hidden-group a.square-button{padding:2px 8px 6px}.block-component .component-header .right-actions .hidden-group.must-show .square-button{opacity:1;z-index:1}.block-component .component-body{border-radius:0 0 8px 8px;padding:0;position:relative;z-index:0}.block-component .component-body img{max-width:100%;object-fit:cover}.block-component .component-body a{background-color:transparent;border:none}.block-component .html-block{padding:12px 24px 24px;display:inline-block}.block-component .html-block,.block-component .problem-block{font-size:14px;line-height:24px;font-family:inherit;border-radius:4px}.block-component .problem-block{padding:0 12px 12px}.block-component .problem-block .no-content{display:block;padding:12px;color:var(--color-text-2)}.block-component .video-block{padding:0 24px 24px}.block-component .video-block .video-player-container{border-radius:8px}.block-component .quiz-element-container{padding:12px}.block-component .quiz-element-container .quiz-description{margin:0}.block-component .randomized-content-block{padding:0 24px 24px}.block-component .randomized-content-block .warning-box{font-size:14px;line-height:24px;color:var(--color-text-2);display:flex;align-items:flex-start;margin-bottom:12px}.block-component .randomized-content-block .warning-box svg{height:24px;margin-right:8px;width:16px;min-width:16px}.block-component .randomized-content-block .content-box{padding:16px 24px;border-radius:8px;box-shadow:var(--inner-shadow);display:flex;align-items:center;justify-content:space-between;background:var(--color-background)}.block-component .randomized-content-block .content-box.multi-library{display:block;padding:0}.block-component .randomized-content-block .ic-view path{stroke:var(--color-light)}.block-component .randomized-content-block .randomized-info{font-size:14px;line-height:24px;color:var(--color-text-2)}.block-component .randomized-content-block .randomized-info label{font-size:20px;line-height:32px;letter-spacing:.02em;font-family:var(--font-semibold);display:block;margin-bottom:4px;color:var(--color-text-1)}.block-component .randomized-content-block .randomized-info label.link{cursor:pointer}.block-component .randomized-content-block .randomized-info .library-title{color:var(--color-text-1);font-family:var(--font-semibold);letter-spacing:.02em}.block-component .randomized-content-block .randomized-info .library-title p{margin-bottom:0}.block-component .randomized-content-block .randomized-info .library-name{font-family:var(--font-medium);color:var(--color-text-2)}.block-component .randomized-content-block .randomized-info .subinfo{display:flex;align-items:center;flex-wrap:wrap}.block-component .randomized-content-block .randomized-info .param{margin-right:4px;font-family:var(--font-medium)}.block-component .randomized-content-block .randomized-info .separator-dot{margin:0 12px;width:4px;height:4px;border-radius:50%;background:var(--color-text-2)}.block-component .randomized-content-block .randomized-info .separator{display:inline-flex;margin:auto 12px;width:1px;height:12px;background:var(--color-text-2)}.block-component .randomized-content-block .randomized-info.multi-library{padding:16px 24px;border-bottom:1px solid #e2e2e2;position:relative}.block-component .randomized-content-block .btn-fill,.block-component .randomized-content-block .btn-fill--hightlight,.block-component .randomized-content-block .btn-fill--orange,.block-component .randomized-content-block .btn-fill--second{background-color:var(--color-primary);color:var(--color-light)}.block-component .randomized-content-block .btn-fill--hightlight:hover,.block-component .randomized-content-block .btn-fill--orange:hover,.block-component .randomized-content-block .btn-fill--second:hover,.block-component .randomized-content-block .btn-fill:hover{background-color:var(--color-primary-dark)}.block-component .randomized-content-block .elite-library-content-button{width:152px;margin-top:24px;position:absolute;right:24px;top:0}.block-component .randomized-content-block .no-content{font-size:14px;line-height:24px;padding:8px 0;display:flex;align-items:center;justify-content:center;width:100%}.block-component .randomized-content-block .no-content span{color:var(--color-text-2);margin-right:24px}.block-component .block-name-container{font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold);padding:8px 0;margin-left:16px;width:100%;display:block}.block-component .block-name-container .display-text{margin:0;cursor:text;min-width:50px;min-height:24px;display:block}.block-component .block-name-container .input-display-name{font-size:18px;line-height:24px;letter-spacing:.02em;display:block;width:100%;padding:0;margin:0;border:none;background:0 0;resize:none}.block-component .hanzi-writer-block{padding:0 24px 24px;font-size:14px;line-height:24px}.block-component .hanzi-writer-block .hanzi-word{width:300px;height:300px;border-radius:8px;border:1px solid #e2e2e2;background:#f9f9f9;position:relative}.block-component .hanzi-writer-block .hanzi-word .no-word{text-align:center;color:var(--color-text-2);margin-top:120px}.block-component .hanzi-writer-block .hanzi-word.width-650{width:650px}.block-component .hanzi-writer-block .hanzi-word .message-block{position:absolute;right:0;top:0;width:350px;height:300px;border-left:1px solid #e2e2e2;font-size:14px;padding:15px;display:flex;color:var(--color-text-2)}.block-component .hanzi-writer-block .hanzi-word .message-block .message-text{align-self:flex-end}.block-component .hanzi-writer-block .tool{display:flex;flex-direction:row;margin-bottom:20px;flex-wrap:wrap}.block-component .hanzi-writer-block .tool a{background:#f5f5f5;padding:12px;border-radius:6px;height:32px;border:1px solid #e2e2e2;line-height:8px;color:#65627a;cursor:pointer;margin-right:12px;margin-bottom:10px}.block-component .hanzi-writer-block .tool a.active,.block-component .hanzi-writer-block .tool a:hover{background:#006391;color:#fff}.block-component .hanzi-writer-block .show-input-block{margin-bottom:30px;width:300px}.block-component .hanzi-writer-block .show-input-block .title{font-weight:700;font-size:14px;line-height:20px}.block-component .hanzi-writer-block .desciption{font-size:14px}@media(max-width:740px){.block-component .hanzi-writer-block .hanzi-word{width:100%}.block-component .hanzi-writer-block .hanzi-word.width-650{width:100%;height:600px}.block-component .hanzi-writer-block .hanzi-word .message-block{width:100%;border-top:1px solid #e2e2e2;border-left:none;bottom:0;top:inherit}}.add-unit-component-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:24px;padding:24px;background:rgba(var(--RGB_color-primary),.1);border-radius:8px;box-shadow:var(--inner-shadow)}.add-unit-component-container .new-component{font-size:14px;line-height:24px;font-family:var(--font-medium);box-shadow:var(--box-shadow-small);border-radius:8px;background:var(--color-light);transition:all .3s ease;transition:var(--transition-common);padding:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;color:var(--color-primary);text-align:center}.add-unit-component-container .new-component svg{margin-bottom:8px}.add-unit-component-container .new-component.focused,.add-unit-component-container .new-component:hover{box-shadow:var(--box-shadow-medium)}.content-no-supported{font-size:14px;line-height:24px;padding:12px 24px 24px;display:block;color:var(--color-text-2)}.component-editing-modal-container.common-modal-container,.component-editing-modal-container.common-modal-container .modal-dialog{transition:none!important}.component-editing-modal-container.common-modal-container.show .modal-dialog{width:1098px;max-width:100vw;margin-top:0;margin-bottom:0;transition:none}.component-editing-modal .header-editing{display:flex;justify-content:space-between;align-items:center;padding:12px 24px 12px 12px;height:-webkit-max-content;height:max-content}.component-editing-modal .header-editing .header-left{font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold);display:flex;align-items:center}.component-editing-modal .header-editing .header-left .tab-item{padding:8px 12px;cursor:pointer;color:var(--color-disable)}.component-editing-modal .header-editing .header-left .tab-item.active{color:var(--color-text-1)}.component-editing-modal .header-editing .header-right .btn-cancel,.component-editing-modal .header-editing .header-right .btn-submit{padding:8px 16px}.component-editing-modal .header-editing .header-right .btn-cancel:disabled,.component-editing-modal .header-editing .header-right .btn-submit:disabled{color:var(--color-disable);cursor:not-allowed}.component-editing-modal .header-editing .header-right .btn-cancel:disabled:hover,.component-editing-modal .header-editing .header-right .btn-submit:disabled:hover{background-color:unset}.component-editing-modal .content-container{height:calc(100vh - 64px);overflow:auto;padding:0 24px 24px}.component-editing-modal .text-editor-container.unit-element-editor-html .tox.tox-tinymce{height:calc(100vh - 88px)!important}.component-editing-modal .quiz-element-actions{display:flex;justify-content:flex-end}.component-editing-modal .quiz-element-actions .actions{display:flex;align-items:center;width:-webkit-max-content;width:max-content;background:var(--color-primary-dark);border-radius:6px 6px 0 0;padding:4px}.component-editing-modal .quiz-element-actions .actions button{color:rgba(var(--RGB_color-light),.5)}.component-editing-modal .quiz-element-actions .actions button:hover{color:var(--color-light)}.component-editing-modal .quiz-element-actions .actions button.dragger{cursor:move}.component-editing-modal .quiz-element-actions__separator{height:16px;width:1px;display:block;background:rgba(var(--RGB_color-light),.2);margin-left:6px;margin-right:6px}.component-editing-modal .quiz-element-container{border:1px solid var(--color-primary-dark);border-radius:8px 0 8px 8px;overflow:hidden;margin-bottom:16px}.component-editing-modal .quiz-element-container .editor-description{margin:-1px}.component-editing-modal .quiz-element-container .editor-description .text-editor-container .tox.tox-tinymce{border-radius:0}.component-editing-modal .quiz-element-container .multiple-options{padding:8px 0}.component-editing-modal .quiz-element-container .option-editor-container{display:flex;align-items:flex-start;padding:8px 24px}.component-editing-modal .quiz-element-container .option-editor-container .option-box{margin-left:16px;background:var(--color-background);box-shadow:var(--inner-shadow);width:100%;border-radius:8px;padding:4px 8px}.component-editing-modal .quiz-element-container .option-editor-container .cds-radio-group,.component-editing-modal .quiz-element-container .option-editor-container .checkbox-correction{padding:4px 0;display:grid}.component-editing-modal .quiz-element-container .option-editor-container .select-correction{display:flex;align-items:center;padding:4px 0}.component-editing-modal .quiz-element-container .option-editor-container .select-correction span:first-child{min-width:16px;width:-webkit-max-content;width:max-content;white-space:nowrap;margin-right:2px}.component-editing-modal .quiz-element-container .option-editor-container .option-editor-row{display:flex;align-items:flex-start;padding-left:8px}.component-editing-modal .quiz-element-container .option-hint{padding:0 0 0 8px;border-radius:6px;transition:all .3s ease;transition:var(--transition-common);display:flex;align-items:flex-start}.component-editing-modal .quiz-element-container .option-hint .icon-hint{margin:8px 8px 8px 0}.component-editing-modal .quiz-element-container .option-hint .input-editor-area,.component-editing-modal .quiz-element-container .option-hint span{font-style:italic}.component-editing-modal .quiz-element-container .more-option{font-size:14px;line-height:24px;padding:8px 0;margin-left:56px;width:-webkit-max-content;width:max-content}.component-editing-modal .quiz-element-container .item-compound-hint{padding:4px 8px}.component-editing-modal .quiz-element-container .item-compound-hint .ref-options{display:flex;align-items:flex-start;justify-content:space-between}.component-editing-modal .quiz-element-container .item-compound-hint .ref-options .represent-options-selected{min-height:32px;margin-right:12px;width:100%;display:flex;align-items:center;padding:0 8px;cursor:pointer;color:var(--color-text-2)}.component-editing-modal .quiz-element-container .item-compound-hint .ref-options .represent-options-selected .highlight{color:var(--color-primary);font-family:var(--font-medium)}.component-editing-modal .quiz-element-container .item-compound-hint .ref-options .represent-options-selected .select-options{color:var(--color-text-1)}.component-editing-modal .quiz-element-container .item-compound-hint .ref-options .square-button:hover .icon-remove-2 rect{fill:var(--color-danger-dark)}.component-editing-modal .quiz-element-container .item-compound-hint .editor-row{padding-left:8px}.component-editing-modal .quiz-element-container .item-explation{display:flex;align-items:flex-start;justify-content:space-between;padding:4px 8px}.component-editing-modal .quiz-element-container .item-explation .editor-row{width:100%;padding-left:8px}.component-editing-modal .quiz-element-container .text-and-number{padding:16px 24px}.component-editing-modal .quiz-element-container .text-and-number .represented-input{border:1px solid var(--color-gray-line);padding:8px 16px;border-radius:8px;width:100%;cursor:default;margin-bottom:8px}.component-editing-modal .quiz-element-container .text-and-number .extension-content-box{padding:4px 8px}.component-editing-modal .quiz-element-container .text-and-number .extension-content-box .single-input-row{padding:0 8px}.component-editing-modal .quiz-element-container .text-and-number .extension-content-box .single-input-row input{font-size:14px;line-height:24px;background:0 0;padding:4px 0;border:none;width:100%}.component-editing-modal .quiz-element-container .text-and-number .extension-content-box .single-input-row .input-number-wrapper{padding:0;height:auto;box-shadow:none;background:0 0;border:none;width:100%}.component-editing-modal .quiz-element-container .text-and-number .extension-content-box .single-input-row .input-number-wrapper input{min-height:32px}.component-editing-modal .quiz-element-container .text-and-number .additional-group .extension-content-box{padding:0}.component-editing-modal .quiz-element-container .text-and-number .additional-group .item-extension-inner{padding:4px 8px}.component-editing-modal .quiz-element-container .text-and-number .additional-group .item-extension-inner .single-input-row{display:flex;padding-right:0}.component-editing-modal .quiz-element-container .text-and-number .additional-actions{display:flex;align-items:center;padding-left:32px;margin-top:8px;flex-wrap:wrap}.component-editing-modal .quiz-element-container .text-and-number .additional-actions .box-add-item{margin-right:12px}.component-editing-modal .item-demand-hint{display:flex;align-items:flex-start;justify-content:space-between;padding:4px 8px}.component-editing-modal .item-demand-hint .editor-row{width:100%;padding-left:8px}.component-editing-modal .extension-container{border-top:1px solid var(--color-gray-line);padding:8px 24px}.component-editing-modal .extension-group-wrapper{display:flex;align-items:flex-start;padding:8px 0}.component-editing-modal .extension-group-wrapper .represent-icon{display:grid;min-width:16px;margin-top:12px;margin-right:16px}.component-editing-modal .extension-group-wrapper .extension-content-box{width:100%;border-radius:8px;background:var(--color-background);box-shadow:var(--inner-shadow);overflow:hidden}.component-editing-modal .extension-group-wrapper .extension-content-box .item-extension{border-bottom:1px solid var(--color-gray-line)}.component-editing-modal .extension-group-wrapper .bottom-add-item{display:flex;align-items:center;padding:8px 16px;width:-webkit-max-content;width:max-content;color:var(--color-complete);cursor:pointer;transition:all .3s ease;transition:var(--transition-common)}.component-editing-modal .extension-group-wrapper .bottom-add-item:hover{color:var(--color-complete-hover)}.component-editing-modal .extension-group-wrapper .bottom-add-item:hover .icon-add path{stroke:var(--color-complete-hover)}.component-editing-modal .extension-group-wrapper .bottom-add-item svg{margin-right:8px}.component-editing-modal .box-add-item{display:flex;align-items:center;width:-webkit-max-content;width:max-content;border-radius:8px;color:var(--color-complete);padding:7px 16px;cursor:pointer;border:1px solid var(--color-gray-line);transition:all .3s ease;transition:var(--transition-common)}.component-editing-modal .box-add-item.no-border{border-color:transparent}.component-editing-modal .box-add-item svg{margin-right:8px}.component-editing-modal .box-add-item:hover{border-color:var(--color-complete);color:var(--color-complete-hover)}.component-editing-modal .box-add-item:hover .icon-add path{stroke:var(--color-complete-hover)}.component-editing-modal .quiz-actions-group{display:flex;flex-wrap:wrap}.component-editing-modal .quiz-actions-group .box-add-item{margin-right:8px}.component-editing-modal .demand-hints-group.extension-group-wrapper{padding:0;margin-top:16px}.component-editing-modal .setting-button-focus{font-size:14px;line-height:24px;width:-webkit-max-content;width:max-content;padding:7px 12px;color:var(--color-primary);border:1px solid var(--color-primary);background:0 0;margin-right:16px;border-radius:8px;display:flex;align-items:center;transition:all .3s ease;transition:var(--transition-common);cursor:pointer}.component-editing-modal .setting-button-focus:hover{background:rgba(var(--RGB_color-primary),.1)}.component-editing-modal .setting-button-focus svg{margin-right:12px}.component-editing-modal .setting-button-focus .icon-download path{stroke-width:1px;stroke:var(--color-primary)}.component-editing-modal .setting-button-focus.disabled,.component-editing-modal .setting-button-focus:disabled{border-color:var(--color-disable);color:var(--color-disable);background:0 0!important;cursor:not-allowed}.component-editing-modal .setting-button-focus.disabled svg path,.component-editing-modal .setting-button-focus:disabled svg path{stroke:var(--color-disable)!important}.component-editing-modal .setting-button-delete{font-size:14px;line-height:24px;width:-webkit-max-content;width:max-content;padding:8px 12px;color:var(--color-light);background:var(--color-danger);border:none;transition:all .3s ease;transition:var(--transition-common);cursor:pointer;border-radius:8px;margin-left:auto;white-space:nowrap}.component-editing-modal .setting-button-delete:hover{background:var(--color-danger-dark)}.component-editing-modal .setting-button-delete.disabled,.component-editing-modal .setting-button-delete:disabled{background:var(--color-disable);cursor:not-allowed}.component-editing-modal .setting-container,.component-editing-modal .setting-container .filed-row{padding:8px 0}.component-editing-modal .setting-container .field-title{min-height:40px;padding:8px 0;font-family:var(--font-medium);display:flex;align-items:flex-start}.component-editing-modal .setting-container .field-title svg{min-width:12px;margin:6px 8px}.component-editing-modal .setting-container .field-content{min-height:40px;display:grid;align-items:center;width:100%}.component-editing-modal .setting-container .field-content .toggle-switch{display:flex}.component-editing-modal .setting-container .field-content .switch{margin-bottom:0}.component-editing-modal .setting-container .field-content .time-container{max-width:unset}.component-editing-modal .setting-container .lib-selector .capa_type .elite-studio__control,.component-editing-modal .setting-container .lib-selector .source_library_id .elite-studio__control{border-radius:0}.component-editing-modal .setting-container .lib-selector .max_count{border-radius:0 0 8px 8px}.component-editing-modal .setting-container .lib-selector-add-item{display:flex;align-items:center;cursor:pointer;color:var(--color-success-default);margin-top:8px}.component-editing-modal .setting-container .lib-selector-add-item svg{margin-right:8px}.component-editing-modal .setting-container .lib-selector-item-delete{color:var(--color-error-default);border-radius:8px;padding:8px 16px;cursor:pointer;border:1px solid var(--color-error-default);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto}.component-editing-modal .setting-container .lib-selector-item-delete:hover{background-color:var(--color-error-default);color:var(--color-light)}.component-editing-modal .setting-container .lib-selector-item{margin-bottom:15px}.component-editing-modal .setting-container .lib-selector .input-editor-container{display:flex;align-items:center;border-radius:8px 8px 0 0;min-height:40px;padding-left:12px;padding-right:4px;box-shadow:var(--inner-shadow);background:var(--color-background);overflow-y:scroll}.component-editing-modal .setting-container .lib-selector .input-editor-container .preview-text p{height:40px;display:flex;align-items:center}.component-editing-modal .setting-container .transcript-languages{margin:-8px 0}.component-editing-modal .setting-container .transcript-languages .transcript-item-row{display:flex;padding:8px 0}.component-editing-modal .setting-container .transcript-languages .transcript-item-row .elite-select{width:100%;max-width:330px;margin-right:16px}.component-editing-modal .setting-container .transcript-languages .transcript-item-row .elite-select.selected-lang .elite-studio__control{background:0 0;box-shadow:none;border:1px solid var(--color-primary)}.component-editing-modal .setting-container .transcript-languages .transcript-item-row .elite-select.selected-lang .elite-studio__control .elite-studio__value-container{padding-right:12px}.component-editing-modal .setting-container .transcript-languages .transcript-item-row .elite-select.selected-lang .elite-studio__control .elite-studio__indicators{display:none}.component-editing-modal .setting-container .upload-handout{display:flex}.component-editing-modal .setting-container .additional-video-urls{margin:-6px 0}.component-editing-modal .setting-container .additional-video-urls .additional-url-row{display:flex;padding:6px 0}.component-editing-modal .setting-container .additional-video-urls .additional-url-row .input-link{width:100%;max-width:400px;margin-right:12px}.component-editing-modal .setting-container .additional-video-urls .additional-url-row .input-link input{padding-right:12px}.component-editing-modal .setting-container .additional-video-urls .additional-url-row .setting-button-focus{width:-webkit-max-content;width:max-content;white-space:nowrap;margin-right:12px}.component-editing-modal .setting-container .additional-video-urls .additional-url-row .setting-button-delete{width:-webkit-max-content;width:max-content;white-space:nowrap}.component-editing-modal .setting-container .license-types .license-type-options{display:flex;align-items:center}.component-editing-modal .setting-container .license-types .license-type-options .license-choice{padding:8px 12px;margin-right:16px;box-shadow:var(--inner-shadow);background:var(--color-background);border-radius:8px;transition:all .3s ease;transition:var(--transition-common);cursor:pointer}.component-editing-modal .setting-container .license-types .license-type-options .license-choice.active{box-shadow:none;background:var(--color-primary);color:var(--color-light)}.component-editing-modal .setting-container .license-types .desc-label{margin:16px 0 -4px;font-family:var(--font-semibold);display:block}.component-editing-modal .setting-container .license-types .cc-option{box-shadow:var(--inner-shadow);background:var(--color-background);border-radius:8px;padding:8px 16px 16px;margin-top:12px;display:grid}.component-editing-modal .setting-container .license-types .cc-option .single-checkbox .checkbox-label{margin-left:16px;color:var(--color-text-1);font-family:var(--font-semibold)}.component-editing-modal .setting-container .license-types .cc-option .hint{margin-left:32px;color:var(--color-text-2)}.component-editing-modal .video-editor{padding:0}.component-editing-modal .video-editor .setting-in-row{padding:12px 0}.component-editing-modal .video-editor .input-link{position:relative;display:flex;align-items:center}.component-editing-modal .video-editor .input-link input{padding-right:40px}.component-editing-modal .video-editor .pick-existed-video{margin-top:12px;display:flex;align-items:center}.component-editing-modal .video-editor .pick-existed-video .select-library,.component-editing-modal .video-editor .pick-existed-video .upload-file{background:var(--color-primary);border-radius:8px;padding:8px 16px;color:var(--color-light);border:none;width:-webkit-max-content;width:max-content;transition:all .3s ease;transition:var(--transition-common);cursor:pointer;margin-right:12px}.component-editing-modal .video-editor .pick-existed-video .select-library:hover,.component-editing-modal .video-editor .pick-existed-video .upload-file:hover{background:var(--color-primary-dark)}.component-editing-modal .video-editor .pick-existed-video .select-library.disabled,.component-editing-modal .video-editor .pick-existed-video .select-library:disabled,.component-editing-modal .video-editor .pick-existed-video .upload-file.disabled,.component-editing-modal .video-editor .pick-existed-video .upload-file:disabled{background:var(--color-disable)!important;cursor:not-allowed}.component-editing-modal .video-editor .pick-existed-video .select-library svg,.component-editing-modal .video-editor .pick-existed-video .upload-file svg{margin-right:12px}.component-editing-modal .video-editor .pick-existed-video .select-library svg path,.component-editing-modal .video-editor .pick-existed-video .upload-file svg path{stroke:var(--color-light)}.component-editing-modal .video-editor .field-input{color:var(--color-primary)}.component-editing-modal .video-editor .split-text{margin:12px 0}.component-editing-modal .video-editor .delete{color:rgba(var(--RGB_color-text-1),.4);cursor:pointer;width:-webkit-max-content;width:max-content;position:absolute;right:12px}.component-editing-modal .video-editor .delete.disabled{color:var(--color-disable);cursor:not-allowed}.component-editing-modal .video-editor .delete:hover{color:var(--color-danger)}.component-editing-modal .video-editor .frame-video-preview{width:513px;height:288.56px;border-radius:8px;overflow:hidden;background:var(--color-text-1)}.component-editing-modal .video-editor .frame-video-preview.blank{height:auto;background:0 0;border-radius:0}.component-editing-modal .assessment-attachments-dropzone.file-dropzone .drop-placeholder{background-color:var(--color-light)}.component-editing-modal .assessment-attachments .attachments-list{box-shadow:var(--inner-shadow);border-radius:var(--border-radius-h40);background-color:var(--color-background);margin-bottom:16px}.component-editing-modal .assessment-attachments .attachments-list.no-data{margin-bottom:0}.component-editing-modal .assessment-attachments .attachments-uploaders{display:flex;align-items:center}.component-editing-modal .assessment-attachments .item-attachment{display:flex;align-items:center;border-bottom:1px solid var(--color-gray-line);padding:4px}.component-editing-modal .assessment-attachments .item-attachment__file-type{display:grid;padding:8px;margin-right:-4px}.component-editing-modal .assessment-attachments .item-attachment__name{width:100%;margin-right:8px;margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-editing-modal .assessment-attachments .item-attachment__icon{opacity:0;transition:all .3s ease;transition:var(--transition-common);display:grid;padding:8px}.component-editing-modal .assessment-attachments .item-attachment .display-item-ic{display:grid}.component-editing-modal .assessment-attachments .item-attachment .delete-item-ic{display:none;color:var(--color-disable)}.component-editing-modal .assessment-attachments .item-attachment .delete-item-ic:hover{color:var(--color-danger)}.component-editing-modal .assessment-attachments .item-attachment:hover .item-attachment__icon{opacity:1}.component-editing-modal .assessment-attachments .item-attachment:hover .display-item-ic{display:none}.component-editing-modal .assessment-attachments .item-attachment:hover .delete-item-ic{display:grid}.component-editing-modal .assessment-attachments .item-attachment:last-of-type{border-bottom:none}.component-editing-modal .assessment-attachments .item-attachment.new .item-attachment__icon{opacity:1}.component-editing-modal .dragged-block-container.is-dragging .extension-container,.component-editing-modal .dragged-block-container.is-dragging .multiple-options,.component-editing-modal .dragged-block-container.is-dragging .text-and-number{display:none}.blank-video-frame{padding:24px;font-size:14px;line-height:24px;color:var(--color-text-2);border-radius:8px;background:var(--color-background);display:flex;align-items:center;justify-content:center;cursor:default;box-shadow:var(--inner-shadow)}.blank-video-frame div{display:flex;align-items:center;flex-direction:column}.blank-video-frame div svg{margin-bottom:12px}.quiz-editor-no-content{padding:16px;display:flex;align-items:center;justify-content:center;box-shadow:var(--inner-shadow);background:var(--color-background);border-radius:8px;margin-bottom:16px;color:var(--color-text-2)}.quiz-editor-no-content svg{margin-right:12px}.quiz-options-select-popup{width:100vw;max-height:184px;max-width:360px;overflow:auto}.quiz-options-select-popup .quiz-answer-check{display:flex;align-items:flex-start!important}.quiz-options-select-popup .quiz-answer-check .single-checkbox{margin-right:12px;padding-top:0;padding-bottom:0}.quiz-options-select-popup .quiz-answer-check svg{margin-right:0!important}.quiz-options-select-popup .quiz-answer-check .selected-answer{max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:4px 0}.input-editor-container{font-size:14px;line-height:24px;display:flex;align-items:flex-start;justify-content:space-between;width:100%}.input-editor-container:hover .switch-editor{opacity:1;z-index:1}.input-editor-container .preview-text{padding:4px 0;cursor:text;margin-right:12px;width:100%;display:block}.input-editor-container textarea{font-size:14px;line-height:24px;border:none;padding:4px 0;resize:none;width:100%;margin-right:12px;background-color:transparent}.input-editor-container .switch-editor{opacity:0;transition:all .3s ease;transition:var(--transition-common);z-index:-1;margin-left:auto}.common-modal-container.input-editor-modal.fade .modal-dialog,.common-modal-container.input-editor-modal.show .modal-dialog{margin:0 24px 24px;max-width:unset}.common-modal-container.input-editor-modal.fade .modal-dialog .modal-content,.common-modal-container.input-editor-modal.show .modal-dialog .modal-content{padding:0 24px 24px}.common-modal-container.input-editor-modal.fade .modal-dialog .modal-content .input-editor-header,.common-modal-container.input-editor-modal.show .modal-dialog .modal-content .input-editor-header{display:flex;justify-content:flex-end;padding:8px 0;margin:0 -8px}.common-modal-container.input-editor-modal.fade .modal-dialog .modal-content .text-editor-container.unit-element-editor-html .tox.tox-tinymce,.common-modal-container.input-editor-modal.show .modal-dialog .modal-content .text-editor-container.unit-element-editor-html .tox.tox-tinymce{height:calc(100vh - 96px)!important;max-height:672px}.radio-check-wrapper{display:inline-flex;width:-webkit-max-content;width:max-content;padding:4px 0;cursor:pointer;margin-bottom:0;align-items:flex-start;max-width:inherit}.radio-check-wrapper:hover .cds-radio .radio-inner-check{border-color:var(--color-primary)}.radio-check-wrapper .cds-radio{width:16px;height:16px;min-width:16px;min-height:24px;overflow:hidden;margin:0;padding:0;position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.radio-check-wrapper .cds-radio input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.radio-check-wrapper .cds-radio .radio-inner-check{position:relative;display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#fff;border-radius:50%;border:1px solid var(--color-disable);transition:all .2s ease;max-width:16px;padding:1px}.radio-check-wrapper .cds-radio .radio-inner-check svg{opacity:0;width:0;height:0;transition:all .2s ease}.radio-check-wrapper .cds-radio.checked .radio-inner-check{border-color:var(--color-primary);background:var(--color-primary)}.radio-check-wrapper .cds-radio.checked svg{opacity:1;width:100%;height:100%}.radio-check-wrapper .radio-label{margin-left:12px;word-break:break-word;white-space:pre-wrap;transition:all .2s ease}.radio-check-wrapper .radio-label p{margin-bottom:0}.radio-check-wrapper.disabled,.radio-check-wrapper.disabled .cds-radio input{cursor:default}.radio-check-wrapper.disabled .cds-radio .radio-inner-check{border-color:var(--color-text-2)!important}.radio-check-wrapper.disabled .radio-label{color:var(--color-text-2)}.progress-bar-container{display:flex;align-items:center;margin-right:48px}.progress-bar-container .text{color:var(--color-disable);font-size:14px;line-height:24px;margin-right:16px}.progress-bar-container .progress-capacity{position:relative;height:6px;width:96px;background-color:#5a587e;border-radius:8px}.progress-bar-container .progress-capacity .current-progress{height:6px;position:absolute;background:var(--color-secondary);box-shadow:0 0 1px rgba(0,0,0,.5);border-radius:8px}.media-button{margin-left:8px}.line-media{width:1px;height:16px;background:var(--color-disable);margin:0 16px}.me-popup-container.upgrade-capacity-media{padding:24px;text-align:center;width:260px;font-family:var(--font-medium)}.me-popup-container.upgrade-capacity-media .button-upgrade{padding:8px 50px;border-radius:8px;color:var(--color-primary);border:1px solid var(--color-primary)}.me-popup-container.upgrade-capacity-media .button-upgrade:hover{background:var(--color-linear-rainbow);border:none;color:var(--color-light)}.me-popup-container.upgrade-capacity-media .text{font-size:16px;line-height:24px;margin-bottom:24px}.multimedia-library{position:relative;color:var(--color-text-1)}.multimedia-library .content-loading{padding-left:330px}.multimedia-library .tool-bar{position:fixed;width:calc(100vw - 330px);z-index:10;top:56px;border-bottom:1px solid var(--color-gray-line);background:var(--color-background);min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.multimedia-library .tool-bar a{color:var(--color-text-1)}.multimedia-library .tool-bar .ic-arrow{padding:0 12px}.multimedia-library .tool-bar .ic-arrow svg{width:12px;height:12px}.multimedia-library .tool-bar .my-library{cursor:pointer}.multimedia-library .tool-bar .cover-photo{color:var(--color-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.multimedia-library .tool-bar .cover-photo.parent-folder{cursor:pointer}.multimedia-library .tool-bar .icon-active{border-radius:6px;cursor:pointer}.multimedia-library .tool-bar .icon-active .dropdown-overview button{background:var(--color-background);padding:0;border:none}.multimedia-library .tool-bar .icon-active .dropdown-overview button:focus{box-shadow:none}.multimedia-library .tool-bar .icon-active .dropdown-overview button .square-button{position:relative;padding:12px}.multimedia-library .tool-bar .icon-active .dropdown-overview .menu-button{padding:8px;box-shadow:var(--box-shadow-medium);background:var(--color-light);border-radius:8px;position:absolute}.multimedia-library .tool-bar .icon-active .dropdown-overview .menu-button label{margin-bottom:0}.multimedia-library .tool-bar .icon-active .dropdown-overview .menu-button .item{display:flex;align-items:center;color:var(--color-text-1);font-size:14px;line-height:24px;padding:8px}.multimedia-library .tool-bar .icon-active .dropdown-overview .menu-button .item:hover{background:rgba(var(--RGB_color-text-1),.05);border-radius:8px;cursor:pointer}.multimedia-library .tool-bar .icon-active .dropdown-overview .menu-button .item .ic-folder,.multimedia-library .tool-bar .icon-active .dropdown-overview .menu-button .item .icon-add,.multimedia-library .tool-bar .icon-active .dropdown-overview .menu-button .item .icon-file{margin-right:16px}.multimedia-library .tool-bar .icon-active .dropdown-overview .menu-button button{border:none;background:var(--color-light)}.multimedia-library .import-button{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;border-radius:8px;word-break:normal;height:40px;z-index:1;pointer-events:none;padding:4px 8px;font-family:var(--font-medium);height:32px}.multimedia-library .import-button.is-select-file{background:var(--color-primary);color:var(--color-light);cursor:pointer;pointer-events:auto;margin-right:8px}.multimedia-library .import-button.list{margin-left:auto}.multimedia-library .media-empty{height:calc(100vh - 104px);display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:48px}.multimedia-library .media-empty .content{margin:16px 0}.multimedia-library .media-empty label{padding:8px 16px;border-radius:6px;margin-bottom:0;background:var(--color-primary);color:var(--color-light);cursor:pointer}.multimedia-library .media-empty .meeting__title{font-size:16px;line-height:24px;font-family:var(--font-semibold)}.multimedia-library .media-empty .meeting__text{color:var(--color-text-2);margin:8px 0 24px}.multimedia-library .media-empty .meeting__button{padding:8px 16px;color:var(--color-light);background:var(--color-primary);border-radius:8px;border:none}.multimedia-library .media-list-container{width:100%;margin-top:56px}.multimedia-library .media-list-container .media-list{display:flex;padding:8px 24px;color:var(--color-text-2)}.multimedia-library .media-list-container .media-list .created-at-list{width:calc(40% + 16px);margin-left:auto}.multimedia-library .has-info-detail{display:flex;justify-content:space-between}.multimedia-library .has-info-detail .folder-file{margin-top:0;width:100%;padding-bottom:8px}.multimedia-library .has-info-detail .folder-file.show-info-detail{margin-right:330px}.multimedia-library .has-info-detail .info-detail{position:fixed;right:0;background:var(--color-light);max-width:330px;width:calc(100vw - 660px);height:100vh;box-shadow:-1px 0 0 rgba(0,0,0,.1);transition:all 3s ease;margin-top:48px}.multimedia-library .has-info-detail .info-detail .no-item-select{padding:24px}.multimedia-library .has-info-detail .info-detail .content .img-cover{background:var(--color-background);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--color-gray-line-light);height:186px;max-width:330px}.multimedia-library .has-info-detail .info-detail .content .img-cover .img{object-fit:cover;max-width:inherit;width:100%;height:inherit;border-bottom:1px solid var(--color-gray-line-light)}.multimedia-library .has-info-detail .info-detail .content .file-name{padding:16px 24px}.multimedia-library .has-info-detail .info-detail .content .file-name .name{font-size:16px;line-height:24px;font-family:var(--font-medium);padding-top:8px}.multimedia-library .has-info-detail .info-detail .content .dash{height:1px;background:var(--color-gray-line-light);margin-left:24px}.multimedia-library .has-info-detail .info-detail .content .properties-list{margin:16px 24px}.multimedia-library .has-info-detail .info-detail .content .properties-list .properties{display:flex;padding:4px 0}.multimedia-library .has-info-detail .info-detail .content .properties-list .properties .prop-width{width:100px;color:var(--color-text-2)}.multimedia-library .container-drop{padding:0 12px}.multimedia-library .group-media{margin:0}.multimedia-library .group-media .forder-item-container{border-radius:8px}.multimedia-library .group-media .forder-item-container .forder-item-content{padding:8px}.multimedia-library .group-media .folder-media{display:flex;align-items:center;background:var(--color-light);border:1px solid var(--color-gray-line);border-radius:var(--border-radius-h40);padding:8px 12px;cursor:pointer;height:40px}.multimedia-library .group-media .folder-media svg{color:var(--color-disable)}.multimedia-library .group-media .folder-media.is-selected{border:1px solid var(--color-primary)}.multimedia-library .group-media .folder-media.is-selected .icon-action-media{display:block}.multimedia-library .group-media .folder-media.is-selected .icon-action-media .icon-select circle{fill:var(--color-complete);stroke:var(--color-light)}.multimedia-library .group-media .folder-media .name-media{color:var(--color-text-1);padding-left:12px;width:183px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multimedia-library .group-media .folder-media .icon-action-media-container{width:16px}.multimedia-library .group-media .folder-media .icon-action-media{display:none;line-height:0}.multimedia-library .group-media .folder-media .icon-action-media svg circle{fill:var(--color-light);stroke:var(--color-text-1)}.multimedia-library .group-media .folder-media:hover .icon-action-media{display:block}.multimedia-library .group-media .media-item-container{border-radius:8px;padding:8px}.multimedia-library .group-media .file-media{border-radius:8px;border:1px solid var(--color-gray-line);cursor:pointer;position:relative;overflow:hidden}.multimedia-library .group-media .file-media.is-selected{border:1px solid var(--color-primary)}.multimedia-library .group-media .file-media.is-selected .icon-action-media{display:block}.multimedia-library .group-media .file-media.is-selected .icon-action-media .icon-select circle{fill:var(--color-complete);stroke:var(--color-light)}.multimedia-library .group-media .file-media.file-disable{background:var(--color-light);opacity:.5;pointer-events:none}.multimedia-library .group-media .file-media .image{height:186.75px;width:240px;display:flex;justify-content:center;align-items:center;background:var(--color-gray-line-light)}.multimedia-library .group-media .file-media .image .has-audio{display:flex;flex-direction:column;width:inherit;height:inherit;align-items:center}.multimedia-library .group-media .file-media .image .has-audio .thumbnail-default{margin-top:auto}.multimedia-library .group-media .file-media .image .thumbnail{height:100%;width:100%;object-fit:cover;border-radius:inherit;background:var(--color-light)}.multimedia-library .group-media .file-media .image .thumbnail-default{width:48px;height:48px}.multimedia-library .group-media .file-media .image audio{margin-top:auto;width:inherit;height:36px}.multimedia-library .group-media .file-media .file-name{padding:8px 12px;display:flex;align-items:center}.multimedia-library .group-media .file-media .file-name .name{padding-left:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:200px}.multimedia-library .group-media .file-media video{border-radius:8px 8px 0 0;width:240px;height:186.75px!important;outline:0}.multimedia-library .group-media .file-media img{width:100%;height:auto;margin-bottom:0}.multimedia-library .group-media .file-media .icon-action-media{position:absolute;top:12px;right:12px;line-height:0;display:none}.multimedia-library .group-media .file-media .icon-action-media .icon-select circle{fill:var(--color-light);stroke:var(--color-text-1)}.multimedia-library .group-media .file-media .icon-action-media .icon-select:after circle{fill:var(--color-complete);stroke:var(--color-light)}.multimedia-library .group-media .file-media:hover .icon-action-media{display:inline-flex}.multimedia-library .group-media.list{display:block;margin-top:0}.multimedia-library .group-media.list .folder-media{margin-top:0;margin-right:0;border-radius:0;margin-bottom:0;border:none;border-radius:var(--border-radius-h40)}.multimedia-library .group-media.list .folder-media .name-media{width:50%}.multimedia-library .group-media.list .folder-media .created-at-list{width:40%;margin-left:auto}.multimedia-library .group-media.list .folder-media:hover{background:rgba(var(--RGB_color-text-1),.05);border-radius:8px}.multimedia-library .group-media.list .folder-media.is-selected{padding:7px 12px;border:1px solid var(--color-primary);border-radius:8px;background:rgba(var(--RGB_color-primary),.1);transition:all .3s ease;transition:var(--transition-common)}.multimedia-library .group-media.list .file-media{margin-top:0;margin-right:0;margin-bottom:0;border:none}.multimedia-library .group-media.list .file-media .created-at-list{width:calc(40% + 16px);margin-left:auto}.multimedia-library .group-media.list .file-media:hover{background:rgba(var(--RGB_color-text-1),.05);border-radius:8px}.multimedia-library .group-media.list .file-media.is-selected{border:1px solid var(--color-primary);background:rgba(var(--RGB_color-primary),.1);transition:all .3s ease;transition:var(--transition-common)}.multimedia-library .group-media.list .forder-item-container,.multimedia-library .group-media.list .forder-item-container .forder-item-content,.multimedia-library .group-media.list .media-item-container{padding:0}.multimedia-library .group-media .no-content{margin:0;width:-webkit-fill-available}.multimedia-library .filter-tag{margin:24px 20px 0 24px}.multimedia-library .square-button{color:var(--color-text-2)}.multimedia-library .square-button:hover{color:var(--color-text-1)}.multimedia-library .square-button div{display:inline-flex}.multimedia-library .square-button .icon-download path{stroke-width:1}.multimedia-library .square-button.selected .icon-information{color:var(--color-primary)}.multimedia-library .no-content{margin:12px 16px 12px 8px}.common-modal-container.show .modal-dialog .modal-content,.modal.common-modal-container.fade .modal-dialog .modal-content{overflow:visible;overflow:initial}.common-dropdown-content.management-dropdown{color:var(--color-text-1);background-color:var(--color-light)}.common-dropdown-content.management-dropdown svg{color:var(--color-text-2)}.common-dropdown-content.management-dropdown .icon-download path{stroke-width:1px}.common-dropdown-content.management-dropdown .select-item label{margin-bottom:0}.common-dropdown-content.management-dropdown .select-item .select-box{width:100%;cursor:pointer}.common-dropdown-content.management-dropdown .select-item .select-box:hover{background-color:rgba(var(--RGB_color-primary),.1)}.common-dropdown-content.management-dropdown .cds-checkbox-group{background:var(--color-light);color:var(--color-text-1);padding:0 8px}.common-dropdown-content.management-dropdown .cds-checkbox-group .option-group-wrapper{padding:4px 8px}.common-dropdown-content.management-dropdown .cds-checkbox-group .option-group-wrapper:hover{background:rgba(var(--RGB_color-primary),.1);border-radius:8px}.common-dropdown-content.management-dropdown .cds-checkbox-group .option-group-wrapper .cds-checkbox-wrapper{width:100%}.common-modal-container.media-modal.fade,.common-modal-container.media-modal.show{transition:all .5s ease}.common-modal-container.media-modal .modal-dialog{max-width:100%;margin:0}.common-modal-container.media-modal .modal-dialog .modal-content{border-radius:0}.common-modal-container.media-modal .modal-dialog .modal-content .studio-content-header{position:-webkit-sticky;position:sticky;top:0;background:var(--color-primary-dark);box-shadow:0 1px 0 rgba(0,0,0,.08);z-index:1;display:flex;min-height:56px;padding:0 12px;justify-content:space-between}.common-modal-container.media-modal .modal-dialog .modal-content .studio-content-header .tab-list{color:var(--color-light);display:flex}.common-modal-container.media-modal .modal-dialog .modal-content .studio-content-header .tab-list .general-link{padding:0 12px;display:flex;align-items:center;position:relative}.common-modal-container.media-modal .modal-dialog .modal-content .studio-content-header .tab-list .general-link:hover .page-tab{color:var(--color-light)}.common-modal-container.media-modal .modal-dialog .modal-content .studio-content-header .tab-list .page-tab{font-size:16px;line-height:24px;transition:all .2s ease;font-family:var(--font-medium);color:var(--color-disable)}.common-modal-container.media-modal .modal-dialog .modal-content .studio-content-header .tab-list .page-tab.active{color:var(--color-light)}.common-modal-container.media-modal .modal-dialog .modal-content .studio-content-header .tab-list .page-tab.active:after{background:var(--color-complete)}.common-modal-container.media-modal .modal-dialog .modal-content .studio-content-header .actions-group .icon-close{cursor:pointer}.common-modal-container.media-modal .modal-dialog .modal-content .studio-content-header .actions-group .icon-close path{stroke:var(--color-light)}.common-modal-container.media-modal .modal-dialog .modal-content .multimedia-library{min-height:calc(100vh - 56px)}.common-modal-container.media-modal .modal-dialog .modal-content .multimedia-library .tool-bar{width:100%}.common-modal-container.media-modal .modal-dialog .modal-content .multimedia-library .no-content{font-size:16px;color:var(--color-text-2);margin:12px 32px;padding:24px;background:var(--color-background);border-radius:8px;-webkit-box-pack:center;display:flex;justify-content:center}.common-modal-container.media-modal .modal-dialog .modal-content .multimedia-library .content-loading{margin-top:56px;padding-left:0}.common-pagination.management-pagination{z-index:0}.vertical-center{display:flex;align-items:center}.uploading-popup.media-popup{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;max-height:calc(100vh - 154px);overflow-y:scroll;overflow-x:hidden}.uploading-popup.media-popup .uploading-header{position:inherit;max-width:352px;width:100%;border-radius:8px 8px 0 0}.uploading-popup.media-popup .uploading-content{margin-top:48px}.uploading-popup.media-popup .directory-name{display:flex;align-items:center;padding:0 24px;font-family:var(--font-semibold);flex-wrap:wrap}.uploading-popup.media-popup .directory-name svg{color:var(--color-disable);margin-right:8px}.drop-file-area-wrapper{min-height:calc(100vh - 128px);border:1px dashed transparent;position:relative}.drop-file-area-wrapper.open:not(.drop-file-area-wrapper.drop-inside){background:#f2f0ff;border:1px dashed #714fff;box-sizing:border-box;border-radius:12px;min-height:calc(100vh - 128px)}.drop-file-area-wrapper.open:not(.drop-file-area-wrapper.drop-inside) *{transition:none}.drop-file-area-wrapper.open:not(.drop-file-area-wrapper.drop-inside):after{font-size:14px;line-height:24px;transition:all .3s ease;transition:var(--transition-common);background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15),0 6px 24px rgba(0,0,0,.2);border-radius:8px;content:"Thả tệp để tải ngay lên";color:var(--color-text-2);width:320px;height:104px;position:absolute;margin-left:auto;margin-right:auto;top:calc(100vh - 300px);left:calc(50% - 160px);margin-bottom:24px;display:flex;align-items:center;justify-content:center}.drop-file-to-directory{min-height:40px;border:1px dashed transparent}.drop-file-to-directory.open{background:#f2f0ff;border:1px dashed #714fff;box-sizing:border-box;border-radius:8px;min-height:40px}.drop-file-to-directory.open *{transition:none}.loading-text-editor{width:100%;background:var(--color-background);border-radius:8px;box-shadow:var(--inner-shadow)}.loading-text-editor div{height:32px;border-bottom:1px solid var(--color-gray-line)}.text-editor-container .tox.tox-tinymce{border-radius:8px;box-shadow:var(--inner-shadow);border:none;background-color:var(--color-background);min-height:208px}.text-editor-container .tox.tox-tinymce *{background-color:transparent}.text-editor-container .tox .tox-editor-header{padding:0 8px;border-bottom:1px solid var(--color-gray-line)}.text-editor-container .tox .tox-split-button{margin:0;box-shadow:none!important;overflow:unset!important}.text-editor-container .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type){border-right:1px solid var(--color-gray-line)}.text-editor-container .tox .tox-toolbar__group{padding:0;height:-webkit-max-content;height:max-content;margin:0}.text-editor-container .tox .tox-tbtn{border:none;transition:all .3s ease;transition:var(--transition-common);margin-top:0;margin-bottom:0;width:32px;height:32px;border-radius:0}.text-editor-container .tox .tox-tbtn.tox-tbtn--enabled,.text-editor-container .tox .tox-tbtn:hover{background:rgba(var(--RGB_color-text-1),.05)}.text-editor-container .tox .tox-tbtn.tox-tbtn--disabled svg path{fill:rgba(34,47,62,.5)}.text-editor-container .tox .tox-tbtn.tox-split-button__chevron{width:16px}.text-editor-container .tox .tox-tbtn--enabled{background:var(--color-secondary)!important}.text-editor-container .tox .tox-tbtn--select{font-size:14px;line-height:24px}.text-editor-container .tox .tox-tbtn--select .tox-tbtn__select-label{cursor:pointer!important}.text-editor-container .tox .tox-tbtn--bespoke{width:auto}.text-editor-container .tox .tox-statusbar{border-top:1px solid var(--color-gray-line);height:32px}.text-editor-container .tox .tox-statusbar .tox-statusbar__text-container .tox-statusbar__path{display:none}.text-editor-container .tox .tox-collection--list .tox-collection__item{padding:8px!important}.text-editor-container .tox-tiered-menu .tox-menu div{background:var(--color-light)}.text-editor-container.text-editor-profile{margin-top:8px}.text-editor-container.text-editor-profile .tox.tox-tinymce{border-radius:8px;box-shadow:none;border:1px solid var(--color-gray-line);background-color:var(--color-light);min-height:160px}.text-editor-container.text-editor-profile .tox.tox-tinymce *{background-color:transparent}.tox.tox-silver-sink .tox-menu{border:none;box-sizing:border-box;box-shadow:var(--box-shadow-big);border-radius:8px}.tox.tox-silver-sink .tox-menu.tox-collection.tox-collection--toolbar{padding:8px}.tox.tox-silver-sink .tox-menu.tox-collection.tox-collection--toolbar .tox-collection__item{border-radius:8px}.tox.tox-silver-sink .tox-menu.tox-collection.tox-collection--toolbar .tox-collection__item.tox-collection__item--active{background-color:rgba(var(--RGB_color-primary),.1)}.tox.tox-silver-sink .tox-menu.tox-collection.tox-collection--toolbar .tox-collection__item--enabled{background-color:var(--color-secondary)!important}.tox.tox-silver-sink .tox-tbtn{border:none;transition:all .3s ease;transition:var(--transition-common);margin-top:0;margin-bottom:0;width:32px;height:32px;border-radius:0}.tox.tox-silver-sink .tox-tbtn.tox-tbtn--enabled,.tox.tox-silver-sink .tox-tbtn:hover{background:rgba(var(--RGB_color-text-1),.05)}.tox.tox-silver-sink .tox-tbtn.tox-split-button__chevron{width:16px}.tox.tox-silver-sink .tox-tbtn--enabled{background:var(--color-secondary)!important}.tox.tox-silver-sink .tox-tbtn--select{width:auto;font-size:14px;line-height:24px}.tox.tox-silver-sink .tox-split-button{margin:0;box-shadow:none!important;overflow:unset!important}.tox.tox-silver-sink .tox-collection--list .tox-collection__group{padding:8px!important}.tox.tox-silver-sink .tox-collection--list .tox-collection__item{padding:8px!important;border-radius:8px}.tox.tox-silver-sink .tox-collection--list .tox-collection__item--active{background-color:rgba(var(--RGB_color-primary),.1)}.tox.tox-silver-sink .tox-tiered-menu h1{font-size:36px!important;line-height:48px;font-family:var(--font-semibold)!important;zoom:.7}.tox.tox-silver-sink .tox-tiered-menu h2{font-size:28px!important;line-height:40px;font-family:var(--font-semibold)!important;zoom:.7}.tox.tox-silver-sink .tox-tiered-menu h3{font-size:24px!important;line-height:36px;font-family:var(--font-semibold)!important;zoom:.7}.tox.tox-silver-sink .tox-tiered-menu h4{font-size:20px!important;line-height:32px;font-family:var(--font-medium)!important;zoom:.7}.tox.tox-silver-sink .tox-tiered-menu h5{font-size:18px!important;line-height:24px;font-family:var(--font-medium)!important;zoom:.7}.tox.tox-silver-sink .tox-tiered-menu h6{font-size:16px!important;line-height:24px;font-family:var(--font-medium)!important;zoom:.7}.tox.tox-silver-sink .tox-tiered-menu p,.tox.tox-silver-sink .tox-tiered-menu pre{font-size:16px!important;line-height:24px;font-family:var(--font-regular)!important;zoom:.7}.tox.tox-silver-sink.tox-tinymce-aux .tox-toolbar__overflow{border:none;border-radius:8px;box-shadow:var(--box-shadow-big);padding:8px;background:var(--color-light)}.tox.tox-silver-sink.tox-tinymce-aux .tox-toolbar__overflow .tox-toolbar__group{padding:0;border-right:none}.tox.tox-silver-sink.tox-tinymce-aux .tox-toolbar__overflow .tox-toolbar__group .tox-tbtn{border:none;transition:all .3s ease;transition:var(--transition-common);width:32px;height:32px;border-radius:8px}.tox.tox-silver-sink.tox-tinymce-aux .tox-toolbar__overflow .tox-toolbar__group .tox-tbtn:hover{background:rgba(var(--RGB_color-primary),.1)}.tox.tox-silver-sink.tox-tinymce-aux .tox-toolbar__overflow .tox-toolbar__group .tox-tbtn.tox-tbtn--enabled{background:var(--color-secondary)}.tox.tox-silver-sink.tox-tinymce-aux .tox-toolbar__overflow .tox-toolbar__group .tox-tbtn.tox-split-button__chevron{width:16px}.tox.tox-silver-sink.tox-tinymce-aux .tox-toolbar__overflow .tox-toolbar__group .tox-tbtn--enabled{background:var(--color-secondary)!important}.tox.tox-silver-sink.tox-tinymce-aux .tox-toolbar__overflow .tox-toolbar__group .tox-tbtn--select{width:auto;font-size:14px;line-height:24px}.tox-dialog-wrap .tox-dialog{max-width:705px!important}.tox-dialog-wrap .tox-dialog .tox-dialog__header{box-shadow:0 1px 0 rgba(0,0,0,.12);padding:12px 24px!important}.tox-dialog-wrap .tox-dialog .tox-dialog__header .tox-dialog__title{font-size:16px;line-height:24px;font-family:var(--font-semibold)}.tox-dialog-wrap .tox-dialog .tox-dialog__header .tox-button--naked:hover{background:var(--color-gray-line-light);background-color:var(--color-gray-line-light)}.tox-dialog-wrap .tox-dialog .tox-dialog__body .tox-dialog__body-nav{padding:24px}.tox-dialog-wrap .tox-dialog .tox-dialog__body .tox-dialog__body-nav .tox-dialog__body-nav-item--active{color:var(--color-primary);border-bottom:2px solid var(--color-primary)}.tox-dialog-wrap .tox-dialog .tox-dialog__body .tox-dialog__body-content{padding:24px 24px 0}.tox-dialog-wrap .tox-dialog .tox-dialog__body .tox-dialog__body-content .tox-form__group{margin-bottom:16px}.tox-dialog-wrap .tox-dialog .tox-dialog__body .tox-dialog__body-content .tox-form__group .tox-textfield{height:40px;padding:8px 12px;border-radius:6px;background-color:var(--color-background)}.tox-dialog-wrap .tox-dialog .tox-dialog__body .tox-dialog__body-content .tox-form__group .tox-textfield:focus{border-color:var(--color-primary)}.tox-dialog-wrap .tox-dialog .tox-dialog__body .tox-dialog__body-content .tox-form__group .tox-listboxfield{width:100%}.tox-dialog-wrap .tox-dialog .tox-dialog__body .tox-dialog__body-content .tox-form__group .tox-listboxfield .tox-listbox--select{border-radius:6px;background-color:var(--color-background)}.tox-dialog-wrap .tox-dialog .tox-dialog__body .tox-dialog__body-content .tox-form__group .tox-listboxfield .tox-listbox--select:focus{border-color:var(--color-primary)}.tox-dialog-wrap .tox-dialog .tox-dialog__body .tox-dialog__body-content .tox-form__group .tox-label{font-size:var(--font-medium);color:var(--color-text-1);margin-bottom:8px}.tox-dialog-wrap .tox-dialog .tox-dialog__body .tox-dialog__body-content .tox-form__group .tox-form__controls-h-stack{width:100%}.tox-dialog-wrap .tox-dialog .tox-dialog__body .tox-dialog__body-content .tox-form__group .tox-textarea{padding:8px 12px;border-radius:6px}.tox-dialog-wrap .tox-dialog .tox-dialog__body .tox-dialog__body-content .tox-form__group .tox-textarea:focus{border-color:var(--color-primary)}.tox-dialog-wrap .tox-dialog .tox-dialog__footer{border-top:none;padding:8px 24px}.tox-dialog-wrap .tox-dialog .tox-dialog__footer .tox-button{background:var(--color-complete);background-color:var(--color-complete);border-radius:6px;padding:7px 16px;border-color:var(--color-light)}.tox-dialog-wrap .tox-dialog .tox-dialog__footer .tox-button:hover{background:var(--color-complete-hover);background-color:var(--color-complete-hover);border-color:var(--color-light)}.tox-dialog-wrap .tox-dialog .tox-dialog__footer .tox-button--secondary{background:var(--color-light);background-color:var(--color-light)}.tox-dialog-wrap .tox-dialog .tox-dialog__footer .tox-button--secondary:hover{background:var(--color-gray-line-light);background-color:var(--color-gray-line-light)}.common-2-layout.library-detail-layout .left-sidebar-container .left-sidebar-header{background:0 0;color:var(--color-text-1)}.common-2-layout.library-detail-layout .left-sidebar-container .left-sidebar-header svg{color:var(--color-text-1)}.common-2-layout.library-detail-layout .left-sidebar-container .left-sidebar-header .page-title{font-family:var(--font-medium);margin-left:4px;cursor:default}.common-2-layout.library-detail-layout .left-sidebar-container .left-sidebar-main{padding:0 24px 24px}.common-2-layout.library-detail-layout .left-sidebar-container .library-thumbnail{width:100%;height:158px;background-repeat:no-repeat;background-size:cover;background-position:50%;border-radius:8px;overflow:hidden;background-color:var(--color-gray-line-light)}.common-2-layout.library-detail-layout .left-sidebar-container .block-name-container{font-family:var(--font-medium);margin:0}.common-2-layout.library-detail-layout .left-sidebar-container .block-name-container .display-text{margin:0}.common-2-layout.library-detail-layout .left-sidebar-container .library-name{margin-top:8px;font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-medium)}.common-2-layout.library-detail-layout .left-sidebar-container .library-name .display-name{display:flex;align-items:flex-start;padding:8px 0;white-space:pre-wrap}.common-2-layout.library-detail-layout .left-sidebar-container .library-name .toggle-edit-name{display:grid;padding:4px 0;margin-left:12px;cursor:pointer}.common-2-layout.library-detail-layout .left-sidebar-container .sub-info{font-size:14px;line-height:24px;margin-top:-4px;color:var(--color-text-2);display:flex}.common-2-layout.library-detail-layout .left-sidebar-container .comp-count{display:flex;align-items:flex-start;margin:16px -6px 0}.common-2-layout.library-detail-layout .left-sidebar-container .comp-count .count-item{padding:8px 12px;border-radius:8px;color:var(--color-light);margin:0 6px;width:-webkit-max-content;width:max-content;min-width:70px}.common-2-layout.library-detail-layout .left-sidebar-container .comp-count .count-item label{font-size:16px;line-height:24px;display:block;margin-bottom:4px;font-family:var(--font-semibold)}.common-2-layout.library-detail-layout .left-sidebar-container .comp-count .count-item span{font-size:14px;line-height:24px}.common-2-layout.library-detail-layout .left-sidebar-container .comp-count .count-item.video-type{background:var(--color-primary)}.common-2-layout.library-detail-layout .left-sidebar-container .comp-count .count-item.quiz-type{background:var(--color-secondary)}.common-2-layout.library-detail-layout .left-sidebar-container .comp-count .count-item.html-type{background:var(--color-complete)}.common-2-layout.library-detail-layout .left-sidebar-container .guide{margin-top:64px}.common-2-layout.library-detail-layout .left-sidebar-container .guide h5{margin-bottom:12px}.common-2-layout.library-detail-layout .left-sidebar-container .guide label{font-size:14px;line-height:24px;margin-bottom:4px;font-family:var(--font-medium)}.common-2-layout.library-detail-layout .left-sidebar-container .guide p{font-size:14px;line-height:24px;margin-bottom:12px;color:var(--color-text-2)}.common-2-layout.library-detail-layout .block-name-container{font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold);padding:8px 0;margin-left:16px;width:100%;display:block}.common-2-layout.library-detail-layout .block-name-container .display-text{margin:0;cursor:text;width:100%;min-width:50px;min-height:24px;display:block;white-space:pre-wrap}.common-2-layout.library-detail-layout .block-name-container .input-display-name{font-size:18px;line-height:24px;letter-spacing:.02em;display:block;width:100%;padding:0;margin:0;border:none;background:0 0;resize:none}.common-2-layout.library-detail-layout .library-detail-content{padding:0 24px 24px}.common-2-layout.library-detail-layout .library-detail-content .intro-content{font-size:14px;line-height:24px;padding:16px 0}.common-2-layout.library-detail-layout .library-detail-content .block-list-empty{font-size:16px;line-height:24px;padding:67px 48px;box-shadow:var(--box-shadow-small);border-radius:8px;background-color:var(--color-light);margin-bottom:8px;margin-top:8px;text-align:center}.library-skeleton{background-color:var(--color-gray-line-light)!important}.randomized-content-component-layout .header-fixed .center-block{width:100%}.randomized-content-component-layout .header-fixed .block-name-container{font-size:16px;line-height:24px;font-family:var(--font-medium);display:flex;justify-content:center}.randomized-content-component-layout .header-fixed .block-name-container .display-text{width:-webkit-max-content;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.randomized-content-component-layout .header-fixed .block-name-container .input-display-name{text-align:center;color:var(--color-light);white-space:nowrap;max-height:24px}.randomized-content-component-layout .content-body{padding:24px;display:flex;justify-content:center}.randomized-content-component-layout .info-text{font-size:14px;line-height:24px;margin-bottom:12px;color:var(--color-text-2);display:block}.randomized-content-component-layout .randomized-content-null{padding:28px;background:var(--color-light);border-radius:8px;box-shadow:var(--box-shadow-small)}.randomized-content-component-layout .warning-box{font-size:14px;line-height:24px;padding:8px 24px;background:var(--color-light);box-shadow:var(--box-shadow-small)}.randomized-content-component-layout .warning-box,.randomized-content-component-layout .warning-box .limit-content-width{display:flex;align-items:center;justify-content:center}.randomized-content-component-layout .warning-box .limit-content-width svg{margin-right:16px}.randomized-content-component-layout .warning-box .limit-content-width .open-config{margin-left:4px;color:var(--color-primary);cursor:pointer}.randomized-content-component-layout .warning-box .limit-content-width .open-config:hover{text-decoration:underline}.randomized-content-component-layout .randomized-content__description{box-shadow:var(--box-shadow-small);background-color:var(--color-light);border-radius:8px;overflow:hidden;position:relative;margin-bottom:24px;padding:12px 24px 24px;font-size:14px;line-height:24px;line-height:20px}.randomized-content-component-layout .randomized-content__description:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background-color:var(--color-primary)}.randomized-content-component-layout .randomized-content__description label{font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold);margin-bottom:12px;display:block}.randomized-content-null{font-size:14px;line-height:24px;padding:8px 0;display:flex;align-items:center;justify-content:center;width:100%}.randomized-content-null span{color:var(--color-text-2);margin-right:24px}.guide-container .right-bar-header{background:var(--color-complete)}.guide-container .right-bar-content{background:var(--color-background);box-shadow:inset 1px 0 0 rgba(0,0,0,.1)}.guide-container .guide-body{margin:24px 12px}.guide-container .guide-item-container.open{background:var(--color-light);box-shadow:var(--box-shadow-light);border-radius:8px}.guide-container .guide-item-container.open .guide-item .icon-arrow{transform:rotate(-90deg)}.guide-container .guide-item-container .guide-item{cursor:pointer;position:relative;margin-bottom:8px}.guide-container .guide-item-container .guide-item .guide-item-row{height:40px;display:flex;align-items:center;margin-left:12px}.guide-container .guide-item-container .guide-item .link{font-size:14px;line-height:24px;font-family:var(--font-semibold);margin-right:auto;color:var(--color-text-1)}.guide-container .guide-item-container .guide-item:hover{background:var(--color-light);box-shadow:var(--box-shadow-light);border-radius:8px}.guide-container .guide-item-container .guide-item .icon-arrow{position:absolute;right:12px;top:12px;transition:all .2s ease}.guide-container .guide-item-container .guide-item .icon-arrow path{stroke:var(--color-text-2)}.guide-container .guide-item-container .guide-item .content{padding:6px 12px 12px;color:var(--color-text-2);cursor:auto;font-size:14px;line-height:24px}.guide-container .guide-item-container .guide-item .content a{color:var(--color-primary)}.guide-container .guide-item-container .guide-item .content .sample-course{color:var(--color-primary);cursor:pointer}.guide-container .guide-item-container .guide-item .icon-add{width:14px;height:14px}.guide-container .guide-item-container .guide-item .icon-add path{stroke:var(--color-primary)}.common-dropdown-content.guide-dropdown{background-color:var(--color-light);color:var(--color-text-1)}.common-dropdown-content.guide-dropdown a,.common-dropdown-content.guide-dropdown a:hover{color:var(--color-text-1)}.common-dropdown-content.guide-dropdown .select-item .select-box:hover{background-color:rgba(var(--RGB_color-primary),.1)}.common-dropdown-content.guide-dropdown .select-item .select-box .toggle-switch{display:inline-flex}.common-dropdown-content.guide-dropdown .select-item .select-box .toggle-switch label{margin-bottom:0}.my-course.studio-content-header.open-guide .general-link div{width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.guide-details-container{position:relative}.guide-details{min-height:64px;width:240px;background:var(--color-complete);top:40px;left:24px;border-radius:8px;color:var(--color-light);padding:12px 16px;position:absolute}.guide-details.sample-course{left:auto;right:24px}.guide-details.sample-course .icon-popup-arrow{right:16px}.guide-details .icon-popup-arrow{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--color-complete);top:-8px;position:absolute}.guide-details.my-students{top:108px;left:8px}.guide-details.my-students .icon-popup-arrow{border-bottom:8px solid transparent;border-top:8px solid transparent;border-right:8px solid var(--color-complete);top:24px;left:-16px;position:absolute}.outline-header.minimize{margin-right:352px}.right-bar-container.help-course-info{transition:width .5s ease,opacity .2s ease;box-shadow:var(--box-shadow-medium)}.right-bar-container.help-course-info .right-bar-header{background:var(--color-complete)}.right-bar-container.help-course-info .right-bar-content{background:var(--color-background);box-shadow:inset 1px 0 0 rgba(0,0,0,.1);padding:0 24px 16px}.right-bar-container.help-course-info.help-build-content .right-bar-content{box-shadow:none}.right-bar-container.help-course-info a{color:var(--color-primary);font-size:14px;line-height:20px}.help-tips{padding:16px 12px;background:var(--color-light);box-shadow:0 0 2px rgba(0,0,0,.2);border-radius:8px;margin-top:24px;font-size:14px;line-height:20px}.help-tips .suggestion{padding-left:8px;font-size:14px;line-height:24px;font-family:var(--font-medium)}.help-tips .item{margin-top:8px}.help-tips .highlight{color:var(--color-primary);cursor:pointer}.help-tips .highlight-date{color:var(--color-danger)}.help-item{font-size:14px;line-height:20px;margin-top:16px}.help-item .title{font-family:var(--font-semibold);margin-bottom:4px}.help-item .detail{font-family:var(--font-regular);color:var(--color-text-2);margin-bottom:4px}.help-item .link{color:var(--color-primary)}.icon-white-help{cursor:pointer}.help-quiz-container{position:relative}.help-quiz-container .help-quiz{padding:16px;background:var(--color-primary);box-shadow:var(--box-shadow-medium);border-radius:8px;color:var(--color-light);font-size:14px;line-height:24px;font-family:var(--font-regular);position:absolute;width:320px;height:172px;bottom:50px;z-index:1;display:flex;flex-direction:column}.help-quiz-container .help-quiz .title{font-family:var(--font-semibold);font-size:18px;line-height:24px;letter-spacing:.02em;padding-bottom:4px}.help-quiz-container .help-quiz .detail-guide{margin-top:auto;display:flex;justify-content:space-between}.help-quiz-container .help-quiz .detail-guide .info{font-style:italic}.help-quiz-container .help-quiz .icon-popup-arrow{width:0;height:0;position:absolute;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--color-primary);bottom:-8px}.help-quiz-container .help-quiz .button-act{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:10px 11px;border-radius:4px;border:1px solid}.help-quiz-container .help-quiz .button-act.next{background-color:var(--color-light);margin-left:8px}.help-quiz-container .help-quiz.add-suggestion{left:24px}.help-quiz-container .help-quiz.add-comments{z-index:10;right:0;top:44px}.help-quiz-container .help-quiz.add-comments .icon-popup-arrow{border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--color-primary);border-top:none;top:-8px;right:16px;position:absolute}.help-quiz-container .help-quiz a{color:var(--color-light)}.icon-help-quiz{cursor:pointer}.icon-help-quiz.active circle{stroke:var(--color-primary)}.icon-help-quiz.active path{fill:var(--color-primary)}.image-help{margin:8px 0 24px}.image-course-info{margin:24px 0 8px}.component-editing-modal .toggle-help{position:absolute;top:18px;left:216px}.component-editing-modal .extension-group-wrapper .extension-content-box.add-suggestion-help{overflow:visible}.studio-calendar__header{color:var(--color-light)}.studio-calendar__header .tab-list{display:flex;align-items:center}.studio-calendar__header button{color:inherit}.studio-calendar__header .btn-fill,.studio-calendar__header .btn-fill--hightlight,.studio-calendar__header .btn-fill--orange,.studio-calendar__header .btn-fill--second{background-color:rgba(var(--RGB_color-light),.1)}.studio-calendar__header .btn-fill.h40,.studio-calendar__header .h40.btn-fill--hightlight,.studio-calendar__header .h40.btn-fill--orange,.studio-calendar__header .h40.btn-fill--second{padding:8px 12px}.studio-calendar__header .btn-fill.h40 svg,.studio-calendar__header .h40.btn-fill--hightlight svg,.studio-calendar__header .h40.btn-fill--orange svg,.studio-calendar__header .h40.btn-fill--second svg{margin-right:0;margin-left:8px}.studio-calendar__header .active.btn-fill--hightlight,.studio-calendar__header .active.btn-fill--orange,.studio-calendar__header .active.btn-fill--second,.studio-calendar__header .btn-fill--hightlight:hover,.studio-calendar__header .btn-fill--orange:hover,.studio-calendar__header .btn-fill--second:hover,.studio-calendar__header .btn-fill.active,.studio-calendar__header .btn-fill:hover{background-color:rgba(var(--RGB_color-light),.2)}.studio-calendar__header--today{margin-left:12px;padding:8px 12px}.studio-calendar__header--navigation{display:flex;flex-direction:column;margin-left:16px}.studio-calendar__header--navigation button{padding:4px;display:grid;min-height:24px;transform:rotate(-90deg)}.studio-calendar__header--navigation button.next{transform:rotate(90deg)}.studio-calendar__header--current{font-family:var(--font-medium);font-size:16px;line-height:24px;padding:8px;margin-left:8px;cursor:default;transition:all .3s ease;transition:var(--transition-common)}.studio-calendar__header--view-toggler{padding:8px 12px;margin-left:12px;margin-right:12px}.studio-calendar__header--view-toggler svg{color:rgba(var(--RGB_color-light),.5);margin-left:8px}.studio-calendar__header--view-toggler span svg{color:var(--color-disable);margin-left:0!important}.studio-calendar__view-dropdown .select-box span{display:flex;align-items:center}.studio-calendar__view-dropdown .select-box i{margin-left:auto}.studio-calendar__view-dropdown .select-box i svg{margin:0!important}.studio-calendar{position:relative;height:calc(100vh - 56px);height:calc(100vh - var(--height-header-default));overflow:hidden}.month-calendar__event-popup .event-card-details{font-size:14px;line-height:24px}.month-calendar__event-popup .event-card-details__main-info{padding:24px;display:flex;align-items:flex-start}.month-calendar__event-popup .event-card-details__main-info--featured-type{width:16px;height:16px;border-radius:50%;min-width:16px;background-color:var(--color-primary);margin-right:16px;margin-top:4px}.month-calendar__event-popup .event-card-details__main-info--featured-type.course{background-color:var(--color-complete)}.month-calendar__event-popup .event-card-details__main-info--content{display:grid}.month-calendar__event-popup .event-card-details__main-info--content .subject{font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold);margin-bottom:0}.month-calendar__event-popup .event-card-details__main-info--content .desc{white-space:pre-wrap;margin-top:4px;margin-bottom:0;color:var(--color-text-2);line-height:20px}.month-calendar__event-popup .event-card-details__main-info--content .status{margin-top:4px;color:var(--color-text-1);line-height:20px;cursor:default;font-family:var(--font-medium)}.month-calendar__event-popup .event-card-details__main-info--content .status.ended{color:var(--color-danger)}.month-calendar__event-popup .event-card-details__main-info--content .status.in_progress{color:var(--color-secondary)}.month-calendar__event-popup .event-card-details__main-info--content .actions{display:flex;align-items:center;flex-wrap:wrap;margin-top:8px}.month-calendar__event-popup .event-card-details__main-info--content .actions .btn-fill,.month-calendar__event-popup .event-card-details__main-info--content .actions .btn-fill--hightlight,.month-calendar__event-popup .event-card-details__main-info--content .actions .btn-fill--orange,.month-calendar__event-popup .event-card-details__main-info--content .actions .btn-fill--second{color:var(--color-light)}.month-calendar__event-popup .event-card-details__main-info--content .actions .btn-outline,.month-calendar__event-popup .event-card-details__main-info--content .actions .btn-outline--gray{color:var(--color-primary)}.month-calendar__event-popup .event-card-details__main-info--content .actions a{margin-right:12px}.month-calendar__event-popup .event-card-details__main-info--content .actions a:last-child{margin-right:0}.month-calendar__event-popup .event-card-details__times{padding:0 24px 24px;display:flex;align-items:flex-start}.month-calendar__event-popup .event-card-details__times i{display:grid;margin-top:2px;margin-right:16px;color:var(--color-text-2)}.month-calendar__event-popup .event-card-details__times .displayed-time{line-height:20px;display:block;cursor:default}.month-calendar__event-popup .event-card-details__actions{border-top:1px solid var(--color-gray-line);padding:16px;display:grid}.month-calendar__event-popup .event-card-details__actions--item{padding:4px 8px;display:flex;align-items:center;border-radius:6px;background-color:transparent;transition:all .3s ease;transition:var(--transition-common);cursor:pointer}.month-calendar__event-popup .event-card-details__actions--item i{display:grid;margin-right:16px;color:var(--color-text-2)}.month-calendar__event-popup .event-card-details__actions--item:hover{background-color:rgba(var(--RGB_color-text-1),.05)}.exam-uploader-viewer{width:100vw;display:flex}.exam-uploader-viewer .with-undo-wrapper{position:relative;display:flex;width:100%}.exam-uploader-viewer .with-undo-wrapper .undo-element{position:absolute;z-index:11;bottom:24px;left:50vw;transform:translate(-50%) scaleY(1);transform-origin:bottom;transition:all .3s ease;transition:var(--transition-common);display:flex;background-color:var(--color-text-1);box-shadow:0 2px 8px rgba(0,0,0,.1),0 4px 16px rgba(0,0,0,.15);border-radius:8px}.exam-uploader-viewer .with-undo-wrapper .undo-element.hide{transform:translate(-50%) scaleY(0)}.exam-uploader-viewer .with-undo-wrapper .undo-element .message{color:var(--color-light);padding:8px 16px;cursor:default;border-right:1px solid rgba(var(--RGB_color-light),.25)}.exam-uploader-viewer .with-undo-wrapper .undo-element .message:after{content:"";width:1px;height:100%;background-color:var(--color-light)}.exam-uploader-viewer .with-undo-wrapper .undo-element .button{font-family:var(--font-medium);padding:8px 16px;color:var(--color-success-default);cursor:pointer}.exam-uploader-viewer .upload-view{width:100%}.exam-uploader-viewer .main-content{width:calc(100vw - 448px)}.exam-uploader-viewer .sub-content{width:448px}.exam-uploader-viewer .sub-content .exam-uploader-header .text{cursor:pointer;margin-right:24px;color:rgba(var(--RGB_color-light),.5)}.exam-uploader-viewer .sub-content .exam-uploader-header .text.active,.exam-uploader-viewer .sub-content .exam-uploader-header .text:hover{color:var(--color-light)}.exam-uploader-viewer .exam-uploader-header{background-color:var(--color-text-1);height:48px;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset -1px 0 0 hsla(0,0%,100%,.2)}.exam-uploader-viewer .exam-uploader-header .left{position:absolute;left:24px;display:flex;align-items:center}.exam-uploader-viewer .exam-uploader-header .right{position:absolute;right:24px;display:flex;align-items:center}.exam-uploader-viewer .exam-uploader-header .back-button{width:40px;height:40px;position:absolute;left:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.exam-uploader-viewer .exam-uploader-header .title-input{background-color:transparent;border:none;color:var(--color-light)}.exam-uploader-viewer .exam-uploader-header .save-button{font-family:var(--font-semibold);position:absolute;right:24px;padding:4px 12px;background-color:#ff975c;border-radius:6px;color:var(--color-light);cursor:pointer}.exam-uploader-viewer__body{width:100%;min-height:calc(100vh - 48px);height:calc(100vh - 48px);overflow:auto;background-color:var(--color-background)}.exam-uploader-viewer__body .upload-zone{height:64vh;width:64%;margin-left:auto;margin-right:auto;background-color:var(--color-light);border-radius:16px;display:flex;justify-content:space-between;align-items:center;flex-direction:column;position:relative;top:48px}.exam-uploader-viewer__body .upload-zone .center{display:flex;align-items:center;justify-content:center;flex-direction:column}.exam-uploader-viewer__body .upload-zone .center>*{margin-bottom:16px}.exam-uploader-viewer__body .upload-zone .upload-button{padding:8px 16px;font-family:var(--font-medium);color:var(--color-light);background-color:#a868e3;border-radius:8px;cursor:pointer}.exam-uploader-viewer__body .upload-zone .download-item{margin-bottom:24px}.exam-uploader-viewer__body .upload-zone .download-item .link-text{text-decoration:underline;color:var(--color-success-default);cursor:pointer}.exam-uploader-viewer__body .config-zone{padding:24px 24px 0}.exam-uploader-viewer__body .config-zone__row{display:flex;justify-content:space-between;width:100%}.exam-uploader-viewer__body .config-zone__col{display:flex;align-items:center;margin:0 -12px}.exam-uploader-viewer__body .config-zone__col>*{margin:0 12px}.exam-uploader-viewer__body .config-zone .view-mode-button{color:var(--color-text-2);padding:4px 12px;border-radius:4px;cursor:pointer;display:flex}.exam-uploader-viewer__body .config-zone .view-mode-button .icon{margin-right:8px}.exam-uploader-viewer__body .config-zone .view-mode-button.active{background-color:var(--color-success-default);color:var(--color-light)}.exam-uploader-viewer__body .question-part-wrapper{padding:24px}.exam-uploader-viewer__body .question-part-wrapper .image-view,.exam-uploader-viewer__body .question-part-wrapper .text-view{width:100%}.exam-uploader-viewer__body .question-part-wrapper .image-view__icon,.exam-uploader-viewer__body .question-part-wrapper .text-view__icon{color:#53a636;cursor:pointer}.exam-uploader-viewer__body .question-part-wrapper .image-view-wrapper .text-view,.exam-uploader-viewer__body .question-part-wrapper .text-view-wrapper .image-view{display:none}.exam-uploader-viewer__body .question-part-wrapper .image-view-wrapper .text-view__icon,.exam-uploader-viewer__body .question-part-wrapper .text-view-wrapper .image-view__icon{color:var(--color-disable)}.exam-uploader-viewer__body .question-part-wrapper .question-wrapper{padding:0 12px 24px;background:var(--color-light);box-shadow:var(--box-shadow-small);border-radius:8px;margin-bottom:24px}.exam-uploader-viewer__body .question-part-wrapper .question-wrapper.error{border:1px solid var(--color-error-default)}.exam-uploader-viewer__body .question-part-wrapper .question-wrapper .question-row{display:flex}.exam-uploader-viewer__body .question-part-wrapper .question-wrapper .question-row.space-between{justify-content:space-between}.exam-uploader-viewer__body .question-part-wrapper .question-wrapper .question-row .label{width:20%;font-family:var(--font-medium)}.exam-uploader-viewer__body .question-part-wrapper .question-wrapper .question-row .detail{width:75%}.exam-uploader-viewer__body .question-part-wrapper .question-wrapper .question-content .image-view{padding:0 12px}.exam-uploader-viewer__body .question-part-wrapper .question-wrapper .header-row{justify-content:space-between;height:48px;margin-bottom:0;padding:0 12px}.exam-uploader-viewer__body .question-part-wrapper .question-wrapper .header-row .left{display:flex;height:100%;align-items:center}.exam-uploader-viewer__body .question-part-wrapper .question-wrapper .header-row .actions{display:flex;align-items:center}.exam-uploader-viewer__body .question-part-wrapper .question-wrapper .header-row .actions .separator{border:1px solid #e2e2e2;width:0;height:14px}.exam-uploader-viewer__body .question-part-wrapper .question-wrapper .header-row .actions>div{margin-left:16px}.exam-uploader-viewer__body .question-part-wrapper .question-wrapper .header-row .actions .deleted-button{cursor:pointer}.exam-uploader-viewer__body .question-part-wrapper .question-wrapper .header-row .question-index{font-family:var(--font-semibold);font-size:18px;line-height:24px;letter-spacing:.02em;margin-right:12px;border:none}.exam-uploader-viewer__body .question-part-wrapper .question-wrapper .header-row .question-index:-ms-input-placeholder{font-family:var(--font-regular)}.exam-uploader-viewer__body .question-part-wrapper .question-wrapper .header-row .question-index::placeholder{font-family:var(--font-regular)}.exam-uploader-viewer__body .question-part-wrapper .question-wrapper .header-row .point-wrapper{font-family:var(--font-medium);color:#a868e3;padding:0 8px;background:rgba(168,104,227,.08);border:1px solid rgba(var(--RGB_color-text-1),.05);border-radius:4px}.exam-uploader-viewer__body .question-part-wrapper .question-wrapper .sub-header-row{font-size:14px;line-height:20px;padding:10px 12px;font-family:var(--font-semibold)}.exam-uploader-viewer__body .free-explanation-viewer{padding:8px 24px}.exam-uploader-viewer__body .free-explanation-viewer .img{background-color:var(--color-light)}.exam-uploader-viewer .elite-select{z-index:7}.exam-uploader-viewer .elite-studio__control{box-shadow:none!important;font-family:var(--font-medium);background-color:transparent}.exam-uploader-viewer .elite-studio__control .elite-studio__value-container{padding-left:0}.exam-uploader-viewer .select-question-type{margin-top:12px;padding:0 12px}.exam-uploader-viewer .select-answer__item{display:flex;position:relative}.exam-uploader-viewer .select-answer__item .toggle-button{position:absolute;top:12px;left:12px;z-index:3}.exam-uploader-viewer .select-answer__item .content-wrapper{font-size:14px;line-height:20px;min-height:40px;width:100%}.exam-uploader-viewer .select-answer__item .content-wrapper .answer-text-editor .text-editor-mode,.exam-uploader-viewer .select-answer__item .content-wrapper .answer-text-editor .text-view-mode{padding-left:40px}.exam-uploader-viewer .select-answer__item .content-wrapper .answer-image-editor{padding-left:40px;min-height:40px;display:flex;align-items:center}.exam-uploader-viewer .select-answer__item .content-wrapper .answer-image-editor.image-editor{border:none}.exam-uploader-viewer .select-answer__item .content-wrapper .answer-image-editor.image-editor:hover{background-color:var(--color-background)}.exam-uploader-viewer .short-answer-wrapper{background-color:var(--color-background);border:1px solid #e2e2e2;box-sizing:border-box;border-radius:8px;margin:0 12px}.exam-uploader-viewer .short-answer-wrapper .answer-input{font-size:14px;line-height:20px;padding:10px 0 10px 16px;width:calc(100% - 28px);border:none;background-color:transparent}.exam-uploader-viewer .short-answer-wrapper .short-answer{border-bottom:1px solid #e2e2e2;display:flex;align-items:center}.exam-uploader-viewer .answer-detail{width:100%;position:relative;border-radius:8px;margin-left:12px;margin-right:12px}.exam-uploader-viewer .answer-detail .remove-button{position:absolute;top:12px;right:12px}.exam-uploader-viewer .answer-detail .explanation-text-editor .text-view-mode{padding-right:40px;border:1px solid #e2e2e2}.exam-uploader-viewer .answer-detail .explanation-text-editor .text-editor-mode{position:relative;z-index:5}.exam-uploader-viewer .answer-detail .explanation-drop-zone{border:1px solid #e2e2e2;border-radius:8px;cursor:pointer;padding:10px 12px}.exam-uploader-viewer .remove-button{background-color:var(--color-error-default);width:16px;height:16px;border-radius:50%;position:relative;cursor:pointer}.exam-uploader-viewer .remove-button:after{content:"";display:block;width:8px;height:1px;background-color:var(--color-light);position:absolute;top:8px;left:4px}.exam-uploader-viewer .default-text-editor{cursor:pointer}.exam-uploader-viewer .default-text-editor p{margin-bottom:0}.exam-uploader-viewer .default-text-editor .text-view-mode{padding:10px 12px;border-radius:8px}.exam-uploader-viewer .default-text-editor .text-view-mode:hover{background-color:rgba(var(--RGB_color-text-1),.05)}.exam-uploader-viewer .default-text-editor .text-editor-container{margin-bottom:12px}.exam-uploader-viewer .default-text-editor .actions{display:flex;justify-content:flex-end;align-items:center;margin-bottom:12px}.exam-uploader-viewer .default-text-editor .actions .button{padding:4px 12px;border-radius:6px;margin-left:12px;cursor:pointer}.exam-uploader-viewer .default-text-editor .actions .button.save-button{background-color:var(--color-success-default);color:var(--color-light);border:1px solid var(--color-success-default)}.exam-uploader-viewer .default-text-editor .actions .button.cancel-button{border:1px solid #e2e2e2;color:var(--color-text-2)}.exam-uploader-viewer__loading-screen{width:705px;padding:12px 24px 24px;background-color:var(--color-light);box-shadow:var(--box-shadow-big);margin:10% auto;border-radius:16px}.exam-uploader-viewer__loading-screen .title{font-size:16px;line-height:24px;font-family:var(--font-semibold);margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.exam-uploader-viewer__loading-screen .title .cancel-button{width:24px;height:24px;border-radius:12px;display:flex;justify-content:center;align-items:center;cursor:pointer}.exam-uploader-viewer__loading-screen .title .cancel-button:hover{background-color:rgba(var(--RGB_color-text-1),.1)}.exam-uploader-viewer__loading-screen .process-wrapper{padding:24px;background-color:var(--color-background);border-radius:8px;position:relative}.exam-uploader-viewer__loading-screen .process-wrapper .info-row{display:flex;font-size:14px;line-height:20px;margin-bottom:12px;min-height:20px}.exam-uploader-viewer__loading-screen .process-wrapper .info-row .name{font-family:var(--font-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.exam-uploader-viewer__loading-screen .process-wrapper .info-row .size{margin-left:4px}.exam-uploader-viewer__loading-screen .process-wrapper .info-row .process{position:absolute;right:24px}.exam-uploader-viewer__loading-screen .process-bar-wrapper{height:8px;border-radius:4px;background-color:rgba(var(--RGB_color-text-1),.05)}.exam-uploader-viewer__loading-screen .process-bar-inner{height:8px;border-radius:4px;background-color:var(--color-success-default);transition:all .3s ease;transition:var(--transition-common)}.exam-uploader-viewer__loading-screen .error-message{display:flex;align-items:center}.exam-uploader-viewer__loading-screen .error-message .text{margin-left:12px}.exam-uploader-viewer .radio-button{border-radius:50%;width:16px;height:16px;border:1px solid var(--color-disable);box-sizing:border-box;cursor:pointer}.exam-uploader-viewer .radio-button.active{border-color:#31bb71;border-width:5px}.exam-uploader-viewer .checkbox{display:flex;align-items:center;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.exam-uploader-viewer .checkbox svg{border-radius:4px;border:1px solid var(--color-disable);color:var(--color-light)}.exam-uploader-viewer .checkbox.active svg{fill:#31bb71;border:none}.exam-uploader-viewer .submit-answer-button{padding:8px 16px;font-family:var(--font-medium);color:var(--color-light);background-color:#a868e3;border-radius:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:12px;margin-top:24px;cursor:default}.image-editor{border:1px solid #e2e2e2;box-sizing:border-box;border-radius:8px;position:relative}.image-editor .img{object-fit:contain;width:100%;display:block;border-radius:8px}.image-editor .guide-note{font-size:11px;line-height:16px;position:absolute;transform:scaleY(0);right:8px;bottom:8px;background-color:var(--color-text-2);color:var(--color-light);transition:all .3s ease;transition:var(--transition-common);transform-origin:bottom;display:flex;align-items:center;padding:4px 8px;border-radius:4px}.image-editor .guide-note svg{margin-right:8px}.image-editor:not(.view-only){cursor:pointer}.image-editor:not(.view-only):hover{border-style:dashed}.image-editor:not(.view-only):hover .guide-note{transform:scaleY(1)}.image-editor.view-max-width .img{max-width:none!important}.page-viewer{padding:24px}.page-viewer .img{object-fit:contain;width:100%;display:block;border-radius:8px;background-color:var(--color-light)}.switch-button-wrapper{width:28px;height:16px;border-radius:8px;position:relative;background-color:#e2e2e2;transition:all .3s ease;transition:var(--transition-common);cursor:pointer}.switch-button-wrapper.checked{background-color:#a868e3}.switch-button-inner{height:12px;width:12px;border-radius:6px;position:relative;top:2px;left:2px;transition:all .3s ease;transition:var(--transition-common);background-color:var(--color-light)}.switch-button-inner.checked{left:14px}.image-cropper{width:50vw!important;max-width:50vw!important;top:48px!important}.image-cropper .header{height:56px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background-color:var(--color-text-1)}.image-cropper .header .cancel-button,.image-cropper .header .crop-button{color:var(--color-light);cursor:pointer}.image-cropper .header .crop-button{font-family:var(--font-medium);padding:8px 16px;border-radius:4px;background-color:#ff975c;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.image-cropper .ReactCrop__image{object-fit:contain;width:100%;display:block;border-radius:8px}.uploading-modal .modal-content{background-color:transparent;border:none;box-shadow:none}.uploading-modal .process-api{width:100%;padding:24px}.upload-quiz-noti-modal .modal-content{width:400px;margin-left:auto;margin-right:auto;padding:24px;border-radius:8px;cursor:default}.upload-quiz-noti-modal .modal-content .icon{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;margin-bottom:12px}.upload-quiz-noti-modal .modal-content .title{margin-bottom:12px;font-family:var(--font-semibold);text-align:center;font-size:16px;line-height:24px}.upload-quiz-noti-modal .modal-content .message{margin-bottom:24px;font-family:var(--font-regular);text-align:center}.upload-quiz-noti-modal .modal-content .actions{display:flex;justify-content:space-between}.upload-quiz-noti-modal .modal-content .actions .button{width:170px;text-align:center;cursor:pointer;border-radius:8px;padding:8px;font-family:var(--font-medium);border:1px solid #e2e2e2;color:var(--color-text-2)}.upload-quiz-noti-modal .modal-content .actions .cancel-button{color:var(--color-light);background-color:var(--color-success-default);border-color:var(--color-success-default)}.upload-quiz-noti-modal .modal-content .actions .confirm-button{color:var(--color-light);background-color:var(--color-error-default);border-color:var(--color-error-default)}.instructor-header{font-size:14px;line-height:24px;position:fixed;left:0;top:0;right:0;background:var(--color-text-1);height:48px;height:var(--height-header-lesson);display:flex;align-items:center;color:var(--color-light);justify-content:space-between;z-index:1000;z-index:var(--z-index-header)}.instructor-header .center-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute}.instructor-header .right-group{display:flex;align-items:center;padding:0 12px;z-index:1}.instructor-header .right-group *{color:var(--color-light)}.instructor-header .right-group .header-button{margin-right:12px}.instructor-header .right-group .header-button:last-child{margin-right:0}.instructor-header .left-group{display:flex;align-items:center;padding:0 12px;z-index:1}.instructor-header .left-group *{color:var(--color-light)}.instructor-header .left-group.new-tab *{color:var(--color-disable)}.instructor-header .page-name{font-size:16px;line-height:24px;font-family:var(--font-medium);margin-left:8px}.instructor-header .search-input-container{height:100%;display:flex;align-items:center;padding:0 4px;cursor:text;outline:0}.instructor-header .search-input-container svg{margin-right:12px}.instructor-header .search-input-container .search-input{font-size:14px;line-height:24px;background-color:transparent;border:none;box-shadow:none;outline:0;color:var(--color-light);padding:0;width:166px}.instructor-header .search-input-container .search-input::-webkit-input-placeholder{font-size:14px;line-height:24px;color:rgba(var(--RGB_color-light),.5)!important}.instructor-header.separate-layout .left-group{height:100%;width:330px;border-right:1px solid rgba(var(--RGB_color-light),.25)}.instructor-header.separate-layout .right-group{width:266px;height:100%;border-left:1px solid rgba(var(--RGB_color-light),.25)}.header-button{display:grid;padding:12px;cursor:pointer;transition:all .2s ease;border-radius:8px}.header-button:hover{background:rgba(var(--RGB_color-light),.15)}.left-menu-container{position:fixed;top:0;bottom:0;left:0;z-index:1001;z-index:calc(var(--z-index-header) + 1);width:0;opacity:0;overflow:hidden;transition:all .25s ease;background:var(--color-light)}.left-menu-container.show{width:330px;overflow:auto;background:var(--color-background);opacity:1;box-shadow:0 0 12px rgba(0,0,0,.15),1px 0 0 hsla(0,0%,92.2%,.3)}.left-menu-container .leftmenu-header{width:330px;background:var(--color-text-1);display:flex;align-items:center;height:48px;height:var(--height-header-lesson);padding:0 12px}.left-menu-container .leftmenu-content{width:330px;height:calc(100% - 48px);height:calc(100% - var(--height-header-lesson));color:var(--color-text-1);overflow:auto}.left-menu-container .leftmenu-content .course-info{padding:16px 24px 8px}.left-menu-container .leftmenu-content .course-info .course-sub-info{font-size:14px;line-height:24px;flex-wrap:wrap;display:flex;align-items:center;color:var(--color-text-2)}.left-menu-container .leftmenu-content .course-info .course-sub-info .separate{width:1px;height:12px;margin:0 12px;background:var(--color-text-2)}.left-menu-container .leftmenu-content .course-info .course-name{font-size:16px;line-height:24px;font-family:var(--font-semibold);margin:4px 0 0;cursor:default}.left-menu-container .leftmenu-content .separate-line{background:var(--color-gray-line-light);height:1px;margin:8px 0 8px 24px}.left-menu-container .leftmenu-content .menu-item{font-size:14px;line-height:24px;display:flex;align-items:center;padding:8px 24px;cursor:pointer;color:var(--color-text-1);transition:all .2s ease;font-family:var(--font-medium)}.left-menu-container .leftmenu-content .menu-item:hover{background:rgba(var(--RGB_color-complete),.08)}.left-menu-container .leftmenu-content .menu-item svg{margin-right:16px;color:var(--color-disable)}.left-menu-container .leftmenu-content .menu-item.active{color:var(--color-success-default);transition:all .2s ease}.left-menu-container .leftmenu-content .menu-item.active svg{color:var(--color-success-default)}.left-menu-container .leftmenu-content .menu-item.active .ic-points path,.left-menu-container .leftmenu-content .menu-item.active .ic-student-list circle,.left-menu-container .leftmenu-content .menu-item.active .ic-student-list rect{stroke:var(--color-success-default);fill:var(--color-success-default)}.left-menu-container .leftmenu-content .menu-item.active .ic-old-students path:first-child{fill:var(--color-success-default)}.instructor-header-placeholder{position:fixed;left:0;top:0;right:0;background:var(--color-primary-dark);height:48px;height:var(--height-header-lesson);z-index:-1;pointer-events:none}.header-selection-bar-container{position:absolute;width:100%;height:0;overflow:hidden;display:grid;transition:opacity .3s ease,height .2s ease;top:0;opacity:0;z-index:1}.header-selection-bar-container.show{height:100%;opacity:1;transition:opacity .3s ease}.header-selection-bar-container .header-selection-bar{font-size:14px;line-height:24px;display:flex;align-items:center;justify-content:space-between;background-color:var(--color-text-1);min-height:48px;min-height:var(--height-header-lesson)}.header-selection-bar-container .header-selection-bar .left-group{padding-left:24px}.header-selection-bar-container .header-selection-bar .left-group .deselect{padding:8px 0;cursor:pointer;color:var(--color-disable);transition:all .3s ease;transition:var(--transition-common)}.header-selection-bar-container .header-selection-bar .left-group .deselect:hover{color:var(--color-light)}.header-selection-bar-container .header-selection-bar .right-group{padding-right:24px}.header-action-button{font-size:14px;line-height:24px;background:rgba(var(--RGB_color-light),.15);border-radius:6px;padding:8px 16px;color:var(--color-light);transition:all .3s ease;transition:var(--transition-common);font-family:var(--font-medium);cursor:pointer}.header-action-button:hover{background:var(--color-secondary)}.btn-export{border:none;background:0 0;outline:0}.floater--title{font-size:14px;line-height:24px;font-family:var(--font-semibold);display:flex;justify-content:space-between;align-items:center;width:100%}.floater--content{display:flex;padding:16px;flex-direction:column;align-items:flex-start;grid-gap:8px;gap:8px;width:100%;border-radius:8px;background:#f5f5f5;background:var(--Gray-Back-ground,#f5f5f5)}.floater--filename{font-size:14px;line-height:24px;font-family:var(--font-semibold)}.floater--status{width:100%}.instructor-body{min-height:calc(100vh - 48px);margin-top:48px;background-color:var(--color-light)}.instructor-body .instructor-wrap{padding:16px 0}.instructor-body .instructor-wrap .super-table-container .super-table .super-table-row-header .checkbox-label{font-size:14px;line-height:24px}.instructor-body .instructor-wrap .super-table-container .super-table .super-table-row-header .custom-header-selection{max-width:52px;width:48px}.instructor-body .header-action{width:150px}.instructor-body .single-checkbox .cds-checkbox-wrapper .checkbox-label{margin-left:24px}.instructor-body .header-select-all .cds-checkbox-wrapper .checkbox-label{margin-left:4px;display:inline-flex;cursor:pointer}.instructor-body .header-select-all .cds-checkbox-wrapper .checkbox-label svg{margin:4px 0}.instructor-body .header-select-all .label-select-all{color:var(--color-text-2);margin-left:4px}.instructor-body .header-filter-courses{display:flex;align-items:center}.instructor-body .header-filter-courses .circle-button{margin-left:4px}.instructor-body .header-filter-courses .circle-button .icon-filter,.instructor-body .header-filter-courses .circle-button .icon-filter-active{width:12px;height:12px}.instructor-body .header-filter-courses .circle-button.selected path{stroke:var(--color-complete)}.course-filter-dropdown .popover{background:var(--color-text-1);color:var(--color-light);font-size:14px;line-height:24px;width:320px;overflow:hidden}.course-filter-dropdown .popover .filter-list{padding:8px 0;transition:height .2s ease}.course-filter-dropdown .popover .filter-list .overflow-list{max-height:240px;overflow:auto;transition:height .2s ease}.course-filter-dropdown .popover .filter-list .course-option{padding:8px 12px 8px 16px;cursor:pointer;transition:all .3s ease;transition:var(--transition-common);display:flex}.course-filter-dropdown .popover .filter-list .course-option:hover{background:rgba(var(--RGB_color-light),.1)}.course-filter-dropdown .popover .filter-list .course-option .check-gr{display:flex;align-items:center;height:24px;width:16px;min-width:16px;margin-right:12px;transition:all .3s ease;transition:var(--transition-common)}.course-filter-dropdown .popover .filter-list .continue-load-more{height:40px;display:flex;align-items:center;justify-content:center;cursor:progress}.course-filter-dropdown .popover .filter-list .continue-load-more path{fill:rgba(var(--RGB_color-light),.2)}.course-filter-dropdown .popover .info-filter{font-size:11px;line-height:16px;display:block;padding:16px 16px 0 44px;cursor:default;color:var(--color-text-2)}.course-filter-dropdown .popover .search-box{border-bottom:1px solid rgba(var(--RGB_color-light),.2)}.course-filter-dropdown .popover .search-box .search-courses{padding:8px 8px 8px 16px;display:flex;align-items:center;min-height:48px;cursor:text}.course-filter-dropdown .popover .search-box input{background:0 0;border:none;outline:0;padding:0 0 0 12px;width:100%;color:var(--color-light)}.course-filter-dropdown .popover .search-box .icon-search{min-width:16px}.course-filter-dropdown .popover .search-box .icon-search circle{stroke:var(--color-text-2)}.course-filter-dropdown .popover .search-box .icon-search path{fill:var(--color-text-2)}.course-filter-dropdown .popover .search-box .close-search{display:inline-grid;padding:8px;cursor:pointer;border-radius:50%}.course-filter-dropdown .popover .search-box .close-search:hover path{fill:var(--color-disable)}.course-filter-dropdown .popover .search-box .close-search path{fill:var(--color-text-2);transition:all .3s ease;transition:var(--transition-common)}.course-filter-dropdown .popover .bottom-filter{padding:12px 40px;border-top:1px solid rgba(var(--RGB_color-light),.2);display:flex;justify-content:center}.course-filter-dropdown .popover .bottom-filter button{font-size:14px;line-height:24px;padding:0 12px;border:none;background:0 0;cursor:pointer;color:var(--color-warning);display:inline-block}.course-filter-dropdown .popover .bottom-filter button:hover{text-decoration:underline}.course-filter-dropdown .popover .bottom-filter button:disabled{color:var(--color-disable);cursor:not-allowed}.course-filter-dropdown .popover .bottom-filter button:disabled:hover{text-decoration:unset}.option-certificate{display:flex;align-items:center;margin-bottom:16px;height:24px;transition:all .3s ease;transition:var(--transition-common)}.option-certificate .name-option-certificate,.option-certificate .name-option-certificate--important{margin-left:16px;cursor:pointer}.option-certificate .name-option-certificate--important{font-family:var(--font-semibold)}.common-modal-container.certification-modal .common-modal-body .modal-actions .btn-active,.common-modal-container.certification-modal .common-modal-body .modal-actions .btn-cancel{line-height:20px}.common-2-layout.grading-assessment-layout .left-sidebar-container .left-sidebar-header{font-size:14px;line-height:24px;height:48px;height:var(--height-header-lesson);background:var(--color-text-1)}.common-2-layout.grading-assessment-layout .layout-content .virtual-header,.common-2-layout.grading-assessment-layout .layout-content__header{background:var(--color-text-1);height:48px;height:var(--height-header-lesson)}.common-2-layout.grading-assessment-layout .layout-content__header{font-size:14px;line-height:24px}.container-empty-student{display:flex;flex-direction:column;align-items:center;width:100%;padding:128px 128px 24px}.container-empty-student .label-empty-student{margin-top:16px;white-space:pre-wrap;text-align:center}.container-empty-student .btn-begin-enroll{background-color:var(--color-primary);border-radius:6px;padding:8px 15px;display:flex;align-items:center;margin-top:16px;cursor:pointer;transition:all .3s ease;transition:var(--transition-common)}.container-empty-student .btn-begin-enroll:hover{background-color:var(--color-primary-dark)}.container-empty-student .btn-begin-enroll div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:24px;color:var(--color-light);font-size:14px;margin-left:12px}.container-empty-student .remove-filter{margin-top:16px;cursor:pointer;color:var(--color-primary);padding:8px 16px;border-radius:6px;background:var(--color-background);transition:all .3s ease;transition:var(--transition-common)}.container-empty-student .remove-filter:hover{color:var(--color-light);background:var(--color-primary)}.custom-col-action{padding-right:12px!important}.container-btn{display:flex;justify-content:flex-end;margin:-4px 0}.btn-common-student{display:inline-flex;width:32px;height:32px;padding:8px;cursor:pointer;border-radius:4px;transition:all .3s ease;transition:var(--transition-common);margin-left:4px;margin-right:4px}.btn-common-student.bg-purple:hover{background-color:rgba(var(--RGB_color-primary),.15)}.btn-common-student.bg-purple:hover .ic-add path[stroke],.btn-common-student.bg-purple:hover .ic-view{stroke:var(--color-primary)}.btn-common-student.bg-red:hover{background-color:rgba(var(--RGB_color-danger),.1)}.btn-common-student.bg-red:hover .ic-cancel path[stroke]{stroke:var(--color-danger)}.btn-common-student.disabled{cursor:not-allowed}.red-status{color:var(--color-secondary)}.purple-status{color:var(--color-primary)}.green-status,.green-status a{color:var(--color-complete)}.green-status a:hover{color:var(--color-complete-hover)}.custom-name{color:var(--color-text-1)}.custom-name:hover{color:var(--color-primary)}.modal-dialog.modal-register{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)!important;max-width:721px!important;width:100%}.modal-dialog.modal-register .modal-content{background-color:transparent!important;border:unset!important}.modal-dialog.modal-register .container-modal-register{overflow-x:hidden;overflow-y:auto;max-width:100%;max-height:100%}.modal-dialog.modal-register .container-modal-register .modal-redirection{margin:16px 8px 8px;border-radius:8px;background-color:var(--color-light);padding:24px}.modal-dialog.modal-register .container-modal-register .modal-redirection .label-content{font-size:20px;line-height:32px;font-family:var(--font-medium);margin-left:16px}.modal-dialog.modal-register .container-modal-register .modal-redirection.activated .container-ic.activated{background-color:var(--color-primary)}.modal-dialog.modal-register .container-modal-register .modal-redirection.activated .container-ic.activated .ic-email path[stroke],.modal-dialog.modal-register .container-modal-register .modal-redirection.activated .container-ic.activated .ic-email rect[stroke],.modal-dialog.modal-register .container-modal-register .modal-redirection.activated .container-ic.activated .ic-link path[stroke]{stroke:var(--color-light)}.modal-dialog.modal-register .container-modal-register .modal-redirection .row-share-link{display:flex;margin-top:24px;align-items:center;width:100%}.modal-dialog.modal-register .container-modal-register .modal-redirection .row-share-link .col-share-link-1{flex:1 1}.modal-dialog.modal-register .container-modal-register .modal-redirection .row-share-link .col-share-link-2{flex:2 1;flex-shrink:2}.modal-dialog.modal-register .container-modal-register .modal-redirection .btn-label{margin-left:16px;font-size:14px;line-height:24px;padding:8px;text-align:center;cursor:pointer;color:var(--color-primary);transition:all .3s ease;transition:var(--transition-common);border-radius:6px}.modal-dialog.modal-register .container-modal-register .modal-redirection .btn-label:hover{background-color:rgba(var(--RGB_color-primary),.15)}.modal-dialog.modal-register .container-modal-register .modal-redirection .footer-btn{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.modal-dialog.modal-register .container-modal-register .modal-redirection .footer-btn .left-group-btn{display:flex;font-size:14px;line-height:24px}.modal-dialog.modal-register .container-modal-register .modal-redirection .footer-btn .left-group-btn .label-btn{padding:8px;cursor:pointer;border-radius:6px;transition:all .3s ease;transition:var(--transition-common)}.modal-dialog.modal-register .container-modal-register .modal-redirection .footer-btn .left-group-btn .label-btn.purple{color:var(--color-primary)}.modal-dialog.modal-register .container-modal-register .modal-redirection .footer-btn .left-group-btn .label-btn.purple:hover{background-color:rgba(var(--RGB_color-primary),.15)}.modal-dialog.modal-register .container-modal-register .modal-redirection .footer-btn .left-group-btn .label-btn.gray{color:var(--color-text-2)}.modal-dialog.modal-register .container-modal-register .modal-redirection .footer-btn .left-group-btn .label-btn.gray:hover{background-color:var(--color-background)}.modal-dialog.modal-register .container-modal-register .modal-redirection .footer-btn .right-group-btn .btn-submit{font-size:14px;line-height:24px;font-family:var(--font-medium);padding:8px 16px;background-color:var(--color-primary);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--color-light);border-radius:6px;cursor:pointer;transition:all .3s ease;transition:var(--transition-common)}.modal-dialog.modal-register .container-modal-register .modal-redirection .footer-btn .right-group-btn .btn-submit:hover{background-color:var(--color-primary-dark)}.modal-dialog.modal-register .container-modal-register .container-ic{width:40px;height:40px;border-radius:50%;background-color:var(--color-gray-line-light);padding:12px;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;transition:var(--transition-common)}.modal-dialog.modal-register .container-modal-register .container-ic .ic-email path[stroke],.modal-dialog.modal-register .container-modal-register .container-ic .ic-email rect[stroke],.modal-dialog.modal-register .container-modal-register .container-ic .ic-link path[stroke]{stroke:var(--color-text-2)}.modal-dialog.modal-register .container-modal-register .container-ic.activated{background-color:var(--color-primary)}.modal-dialog.modal-register .input-common-student{width:100%;height:40px;border:1px solid var(--color-gray-line);border-radius:6px;padding:8px 12px;font-size:14px;line-height:24px;transition:all .3s ease;transition:var(--transition-common)}.modal-dialog.modal-register .input-common-student:focus{outline:0!important;border:1px solid var(--color-primary)}.modal-dialog.modal-register .container-input-email{display:inline-flex;flex-wrap:wrap;flex-direction:row;align-items:center;width:100%;border:1px solid var(--color-gray-line);border-radius:6px;padding:0 12px 7px;font-size:14px;line-height:24px;max-height:200px;overflow-y:auto;transition:all .3s ease;transition:var(--transition-common)}.modal-dialog.modal-register .container-input-email .input-emails{margin-top:7px;flex-grow:1;height:24px;border:1px solid transparent}.modal-dialog.modal-register .container-input-email .input-emails:focus{outline:0!important;border:1px solid transparent}.modal-dialog.modal-register .container-input-email .email-container{position:relative;margin-right:6px;margin-top:7px}.modal-dialog.modal-register .container-input-email .email-container .wrapper-email{background-color:var(--color-gray-line-light);border-radius:4px;padding:0 8px;display:inline-flex;align-items:center}.modal-dialog.modal-register .container-input-email .email-container .wrapper-email .wrapper-icon-cancel{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;padding:2px;margin-left:4px;cursor:pointer;border-radius:50%;transition:all .3s ease;transition:var(--transition-common)}.modal-dialog.modal-register .container-input-email .email-container .wrapper-email .wrapper-icon-cancel .ic-cancel path[stroke]{stroke:var(--color-text-2)}.modal-dialog.modal-register .container-input-email .email-container .wrapper-email .wrapper-icon-cancel:hover{background-color:rgba(var(--RGB_color-primary),.15)}.modal-dialog.modal-register .container-input-email .email-container .wrapper-email .wrapper-icon-cancel:hover .ic-cancel path[stroke]{stroke:var(--color-text-1)}.disabled-icon-certificate{cursor:not-allowed}.disabled-icon-certificate:hover{background-color:unset!important}.disabled-icon-certificate svg path{stroke:var(--color-text-2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.courses-attended-tooltip .tooltip-inner{border-radius:8px;box-shadow:var(--box-shadow-big);padding:8px 16px;max-height:376px;overflow:auto}.courses-attended-tooltip .tooltip[x-placement^=left]{padding:8px}.courses-attended-tooltip .tooltip[x-placement^=left] .arrow{width:8px;height:16px}.courses-attended-tooltip .tooltip[x-placement^=left] .arrow:before{border-width:8px 0 8px 8px}.courses-attended-tooltip .list-courses-attended{display:block;text-align:left}.courses-attended-tooltip .list-courses-attended span{font-size:14px;line-height:24px;display:block;padding:8px 0}.student-history-page .number-courses-attended{font-size:14px;line-height:24px;display:inline-block;cursor:pointer;min-width:24px;color:var(--color-complete-hover)}.actions-group{display:flex;align-items:center;justify-content:flex-end}.actions-group .btn-common-student:last-of-type{margin-right:0}.common-modal-content{max-width:705px;margin-top:56px;margin-bottom:24px;transition:all .1s!important}.common-modal-content .modal-content{border-radius:8px;border:unset!important}.common-modal-content .modal-content .upload-progress-content{background-color:var(--color-light);min-height:152px;border-radius:8px}.grade-email-link,.grade-email-link:hover{color:var(--color-primary)}.container-chart{width:100%;min-height:400px;padding-left:24px;padding-right:24px;padding-top:8px}.grade-board-label{font-size:16px;color:var(--color-disable);line-height:24px}.grade-board-value{margin-right:24px;margin-left:4px}.custom-icon-back .ic-back path{stroke:var(--color-light)}.parent-grade-detail{max-width:1318px;margin:68px auto auto;padding:0 24px 12px 44px}.parent-grade-detail .line-grade-item{border-top:1px solid var(--color-gray-line);margin-bottom:16px}.parent-grade-detail .container-grade-item{display:flex;flex-direction:row;margin-bottom:16px}.parent-grade-detail .container-grade-item .container-section{display:flex;flex-direction:column;padding-left:24px;border-left:2px solid var(--color-gray-line);flex:70% 1!important}.parent-grade-detail .container-grade-item .col-grade-item{flex:50% 1}.parent-grade-detail .container-grade-item .col-grade-item.special-post-grade{display:flex;flex-direction:column}.parent-grade-detail .container-grade-item .col-grade-item.special-post-grade:first-child{padding-bottom:6px}.parent-grade-detail .container-grade-item .col-grade-item.special-post-grade:last-child{padding-top:6px}.parent-grade-detail .container-grade-item .col-grade-item.special-post-grade.padding-post-item{padding-top:6px;padding-bottom:6px}.parent-grade-detail .container-grade-item .col-grade-item.special-post-grade.prevent-padding{padding-top:0!important;padding-bottom:0!important}.parent-grade-detail .container-grade-item .col-grade-item.special-post-grade .container-post-grade{display:flex;flex-wrap:wrap}.parent-grade-detail .container-grade-item .col-grade-item.special-post-grade .container-post-grade .earned-total{margin-left:8px;color:var(--color-text-2);font-size:16px;line-height:24px}.parent-grade-detail .container-grade-item .col-grade-item.special-post-grade .common-line-grade{font-size:14px;line-height:24px;color:var(--color-text-2);display:flex;flex-direction:row;flex-wrap:wrap}.parent-grade-detail .container-grade-item .col-grade-item.special-post-grade .common-line-grade .label-problem-score{padding-right:12px}.parent-grade-detail .container-grade-item .col-grade-item.special-post-grade .common-line-grade .problem-scrores{padding-left:12px;padding-right:12px;font-family:var(--font-semibold);color:var(--color-text-1)}.parent-grade-detail .container-grade-item .col-grade-item.special-post-grade .lab-name-grade{margin-top:4px}.parent-grade-detail .chapter-grade{font-family:var(--font-semibold);font-size:18px;line-height:24px;letter-spacing:.02em;margin-right:24px}.parent-grade-detail .post-grade{font-family:var(--font-semibold);color:var(--color-primary);font-size:16px;line-height:24px}.mr-40px{margin-right:40px}.custom-icon-back{display:grid}.grading-assessment-layout .progress-loading{top:48px;top:var(--height-header-lesson)}.grading-assessment-layout .left-sidebar-container .page-title{margin-left:8px;font-family:var(--font-medium)}.grading-assessment-layout .layout-no-content{position:fixed;z-index:9;top:48px;top:var(--height-header-lesson);left:0;bottom:0;right:0;display:flex;flex-direction:column;align-items:center;padding:112px 24px;white-space:pre-wrap;text-align:center;color:var(--color-text-2);font-size:14px;line-height:24px}.grading-assessment-layout .layout-no-content svg{min-height:48px;margin-bottom:16px}.grading-assessment-layout .layout-no-content label{margin-bottom:16px}.grading-assessment-layout .grading-outline{padding:4px 12px 4px 24px}.grading-assessment-layout .grading-outline .title-skel{display:block;width:100px;max-width:100%;height:16px;margin-bottom:12px;margin-top:12px}.grading-assessment-layout .grading-outline .title-skel.skeleton-box{background-color:rgba(var(--RGB_color-text-1),.05)!important}.grading-assessment-layout .grading-outline .outline-menu-container .document-list .no-content,.grading-assessment-layout .grading-outline .outline-menu-no-content,.outline-menu-container .document-list .grading-assessment-layout .grading-outline .no-content{box-shadow:var(--box-shadow-small);border-radius:8px;background-color:var(--color-light)}.grading-assessment-layout .grading-outline .chapter-name{padding:8px 0;font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold);margin:0}.grading-assessment-layout .grading-outline .menu-card{box-shadow:var(--box-shadow-small);border-radius:8px;background-color:var(--color-light);overflow:hidden;margin-bottom:16px}.grading-assessment-layout .grading-outline .outline-menu-container .section-item .section-info .display-status,.grading-assessment-layout .grading-outline .outline-menu-container .section-opened .unit-item-container .unit-info .display-status{font-size:11px;line-height:16px;color:var(--color-text-2)}.grading-assessment-layout .grading-outline .outline-menu-container .section-item .section-info .display-status.graded,.grading-assessment-layout .grading-outline .outline-menu-container .section-opened .unit-item-container .unit-info .display-status.graded{color:var(--color-complete)}.grading-assessment-layout .grading-outline .outline-menu-container .section-opened{padding:8px 0}.grading-assessment-layout .grading-outline .outline-menu-container .section-opened .unit-item-container .unit-info{padding-top:8px;padding-bottom:8px}.grading-assessment-layout .grading-outline .outline-menu-container .section-opened .unit-item-container .unit-info .display-status{margin-top:4px}.grading-assessment-layout .grading-outline .outline-menu-container .section-opened .unit-item-container .represented-type{padding-top:10px}.grading-assessment-layout .grading-outline .outline-menu-container .section-opened .unit-item-container .represented-ic{width:16px;height:16px;border-radius:50%;background-color:var(--color-background);border:2px solid var(--color-gray-line)}.grading-assessment-layout .grading-outline .outline-menu-container .section-opened .unit-item-container.active .represented-ic{background-color:var(--color-primary);border-color:var(--color-primary)}.grading-assessment-layout .submitted-learner{color:var(--color-disable)}.grading-assessment-layout .submitted-learner .submitted-no{color:var(--color-secondary);margin-right:8px;font-family:var(--font-medium)}.grading-assessment-layout .assessment-list{padding:24px}.grading-assessment-layout .assessment-item{background-color:var(--color-light);border-radius:8px;box-shadow:var(--box-shadow-small);margin-bottom:24px}.grading-assessment-layout .assessment-item:last-of-type{margin-bottom:0}.grading-assessment-layout .assessment-item__title{padding:12px 24px;margin:0;display:block;font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold)}.grading-assessment-layout .assessment-item__actions{display:flex;align-items:center;padding:0 24px 24px;font-size:14px;line-height:24px}.grading-assessment-layout .assessment-item__actions .btn-fill--hightlight{margin-right:16px}.grading-assessment-gradebook .progress-loading{top:48px;top:var(--height-header-lesson)}.grading-assessment-gradebook .left-sidebar-header,.grading-assessment-gradebook .rightbar-header{font-size:14px;line-height:24px}.grading-assessment-gradebook .left-sidebar-header .title,.grading-assessment-gradebook .rightbar-header .title{padding:0 8px;margin:0;font-size:16px;line-height:24px;font-family:var(--font-medium);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grading-assessment-gradebook.common-3-layout .layout-content__header{padding-right:16px}.grading-assessment-gradebook .dot-separate{margin:0 8px}.grading-assessment-gradebook .header-button{color:var(--color-light);border:none;background-color:transparent}.grading-assessment-gradebook .header-button:hover{background-color:rgba(var(--RGB_color-light),.15)}.grading-assessment-gradebook .header-button.delete-button{color:var(--color-light);background-color:transparent}.grading-assessment-gradebook .header-button.delete-button:hover{background-color:var(--color-danger)}.grading-assessment-gradebook .rightbar-header .title{padding-left:12px}.grading-assessment-gradebook .header-learner-name{margin:0;max-width:100%;overflow:hidden;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical}.grading-assessment-gradebook .short-total-info{display:flex;align-items:center;color:var(--color-disable);max-width:100%;white-space:nowrap}.grading-assessment-gradebook .short-total-info .separate{display:block;width:1px;height:16px;margin:0 16px;background-color:var(--color-disable)}.grading-assessment-gradebook .left-sidebar-main{position:relative}.grading-assessment-gradebook .student-list-content{height:100%;overflow-y:auto;overflow-x:hidden}.grading-assessment-gradebook .student-list-content::-webkit-scrollbar{display:none}.grading-assessment-gradebook .selection-box-container{position:absolute;top:12px;left:0;right:0;padding:0 12px;background-color:var(--color-background);z-index:1}.grading-assessment-gradebook .selection-box{position:relative;height:40px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--box-shadow-light);background-color:var(--color-light);border-radius:8px;padding:0 4px 0 12px}.grading-assessment-gradebook .selection-box .delete-button{color:var(--color-danger);background-color:transparent;padding:8px}.grading-assessment-gradebook .selection-box .delete-button:hover{color:var(--color-light);background-color:var(--color-danger)}.grading-assessment-gradebook .filter-box-container{position:absolute;top:12px;left:0;right:0;padding:0 12px;background-color:var(--color-background);z-index:1}.grading-assessment-gradebook .filter-box{position:relative;height:40px;display:flex;align-items:center;box-shadow:var(--box-shadow-light);background-color:var(--color-light);border-radius:8px}.grading-assessment-gradebook .filter-box .search-ic{display:grid;position:absolute;left:12px;color:var(--color-text-2);pointer-events:none}.grading-assessment-gradebook .filter-box input{height:100%;width:100%;padding:8px 40px;border:none;background-color:transparent;font-size:14px;line-height:24px}.grading-assessment-gradebook .filter-box .filter-status{position:absolute;right:10px;color:var(--color-disable);cursor:pointer;display:grid}.grading-assessment-gradebook .filter-box .filter-status svg{transition:all .3s ease;transition:var(--transition-common)}.grading-assessment-gradebook .filter-box .filter-status.active,.grading-assessment-gradebook .filter-box .filter-status:hover{color:var(--color-complete)}.grading-assessment-gradebook .no-student{box-shadow:var(--box-shadow-light);padding:12px;color:var(--color-text-2);font-size:11px;line-height:16px;background-color:var(--color-light);text-align:center;border-radius:8px;margin:12px 24px}.grading-assessment-gradebook .student-list{padding:40px 12px 0;font-size:14px;line-height:24px}.grading-assessment-gradebook .student-list.with-pagination{padding-bottom:40px}.grading-assessment-gradebook .student-list__selection-info,.grading-assessment-gradebook .student-list__total-graded{padding:12px;color:var(--color-text-2);font-size:11px;line-height:16px;display:flex;align-items:center;justify-content:space-between}.grading-assessment-gradebook .student-list__selection-info .select-btn,.grading-assessment-gradebook .student-list__total-graded .select-btn{color:var(--color-primary);cursor:pointer;font-family:var(--font-medium)}.grading-assessment-gradebook .student-list__selection-info .select-btn:hover,.grading-assessment-gradebook .student-list__total-graded .select-btn:hover{text-decoration:underline}.grading-assessment-gradebook .student-list__item{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:8px 10px 8px 12px;border-radius:8px;transition:all .3s ease;transition:var(--transition-common);cursor:pointer;color:var(--color-text-1)}.grading-assessment-gradebook .student-list__item .info{display:grid;margin-right:12px}.grading-assessment-gradebook .student-list__item .info label{margin:0;cursor:pointer}.grading-assessment-gradebook .student-list__item .info .email{color:var(--color-text-2);font-size:11px;line-height:16px;transition:all .3s ease;transition:var(--transition-common)}.grading-assessment-gradebook .student-list__item .score{width:20px;min-width:20px;height:20px;border:1px solid var(--color-disable);border-radius:12px;transition:all .3s ease;transition:var(--transition-common)}.grading-assessment-gradebook .student-list__item .score.graded{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-light);display:flex;align-items:center;justify-content:center;white-space:nowrap;width:-webkit-max-content;width:max-content;min-width:20px;padding:2px 3px;font-size:11px;line-height:16px}.grading-assessment-gradebook .student-list__item .student-list__item-selection .cds-checkbox-wrapper{padding:0}.grading-assessment-gradebook .student-list__item:hover{background-color:rgba(var(--RGB_color-text-1),.05)}.grading-assessment-gradebook .student-list__item.active{background-color:var(--color-complete);color:var(--color-light)}.grading-assessment-gradebook .student-list__item.active .info .email{color:rgba(var(--RGB_color-light),.7)}.grading-assessment-gradebook .student-list__item.active .score{border-color:rgba(var(--RGB_color-light),.5)}.grading-assessment-gradebook .student-list__item.active .score.graded{background-color:var(--color-light);border-color:var(--color-light);color:var(--color-secondary)}.grading-assessment-gradebook .student-list__item.active .student-list__item-selection .cds-checkbox-wrapper{padding:0}.grading-assessment-gradebook .student-list__item.active .student-list__item-selection .cds-checkbox-wrapper .cds-checkbox-inner{border-color:var(--color-light)!important;background:var(--color-light)!important}.grading-assessment-gradebook .student-list__item.active .student-list__item-selection .cds-checkbox-wrapper .cds-checkbox-inner svg{color:var(--color-complete)}.grading-assessment-gradebook .student-list__item.active .student-list__item-selection .cds-checkbox-wrapper .checkbox-label{color:var(--color-light)}.grading-assessment-gradebook .e-pagination{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background-color:var(--color-background)}.grading-assessment-gradebook .e-pagination__item{margin:0 1px}.grading-assessment-gradebook .e-pagination__compact{width:32px;padding:4px 0;margin:0 1px}.grading-assessment-gradebook .e-pagination__btn{margin-left:1px}.grading-assessment-gradebook .e-pagination button{padding:4px 2px;min-width:32px}.grading-assessment-gradebook .submitted-file-list,.grading-assessment-gradebook .submitted-file-list .submitted-file-container{padding:12px}.grading-assessment-gradebook .submitted-note{padding:16px;box-shadow:var(--box-shadow-small);border-radius:8px;background-color:var(--color-light);overflow:hidden}.grading-assessment-gradebook .submitted-note label{display:block;font-family:var(--font-medium);margin:0}.grading-assessment-gradebook .submitted-note span{color:var(--color-text-2);font-size:14px;line-height:24px;line-height:20px;margin-top:4px;display:block}.grading-assessment-gradebook .submitted-note p{margin-top:8px;margin-bottom:0;font-size:14px;line-height:24px;line-height:20px;white-space:pre-wrap}.grading-assessment-gradebook .submitted-file-skeleton{padding:16px;cursor:progress}.grading-assessment-gradebook .submitted-file{box-shadow:var(--box-shadow-small);border-radius:8px;background-color:var(--color-light);overflow:hidden}.grading-assessment-gradebook .submitted-file__header{display:flex;align-items:flex-start;justify-content:space-between;padding:4px 16px 8px 8px}.grading-assessment-gradebook .submitted-file__header-left{display:flex;align-items:flex-start}.grading-assessment-gradebook .submitted-file__header .square-button{color:var(--color-disable)}.grading-assessment-gradebook .submitted-file__header .square-button svg{transition:all .3s ease;transition:var(--transition-common);transform:rotate(-90deg)}.grading-assessment-gradebook .submitted-file__header .info{display:grid;margin-left:4px;margin-right:4px}.grading-assessment-gradebook .submitted-file__header .info label{margin:0;font-family:var(--font-medium);padding:4px 0}.grading-assessment-gradebook .submitted-file__header .info span{display:block;font-size:14px;line-height:24px;color:var(--color-text-2)}.grading-assessment-gradebook .submitted-file__header.open .square-button svg{transform:none}.grading-assessment-gradebook .submitted-file .actions{display:flex;align-items:center;white-space:nowrap}.grading-assessment-gradebook .submitted-file .actions .download{display:flex;align-items:center;font-size:14px;line-height:24px;line-height:20px;color:var(--color-text-2);padding:6px 8px;cursor:pointer;transition:all .3s ease;transition:var(--transition-common)}.grading-assessment-gradebook .submitted-file .actions .download span{margin-right:8px}.grading-assessment-gradebook .submitted-file .actions .download:hover{color:var(--color-text-1)}.grading-assessment-gradebook .submitted-file__content{padding:0 16px 16px}.grading-assessment-gradebook .submitted-file__content .e-loading{z-index:9}.grading-assessment-gradebook .submitted-file .preview-content{background-color:var(--color-background);border-radius:4px;min-height:116px;position:relative;overflow:hidden}.grading-assessment-gradebook .submitted-file .preview-content .fullscreen{overflow:unset}.grading-assessment-gradebook .submitted-file .preview-content-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:0;position:relative}.grading-assessment-gradebook .submitted-file .preview-content-wrapper .no-preview{margin:0;background-color:transparent;width:100%}.grading-assessment-gradebook .submitted-file .preview-content-wrapper .no-preview label{margin-bottom:12px}.grading-assessment-gradebook .submitted-file .preview-content-wrapper .video-preview .video-preview-wrapper{width:100%!important;height:100%!important}.grading-assessment-gradebook .submitted-file .preview-content-wrapper:not(.fullscreen) .pdf-preview .pdf-viewer__container{max-width:calc(100% - 16px)}.grading-assessment-gradebook .submitted-file .preview-content-wrapper:not(.fullscreen) .pdf-preview .pdf-viewer__document,.grading-assessment-gradebook .submitted-file .preview-content-wrapper:not(.fullscreen) .pdf-preview .pdf-viewer__page{padding:4px 0}.grading-assessment-gradebook .submitted-file .preview-content-wrapper:not(.fullscreen) .pdf-preview .pdf-viewer__tools{display:none}.grading-assessment-gradebook .submitted-file .preview-content-wrapper:not(.fullscreen) .pdf-preview .pdf-preview-loading{position:absolute}.grading-assessment-gradebook .submitted-file .preview-content-wrapper .btn-fullscreen{position:absolute;top:8px;right:8px;background-color:var(--color-gray-line);z-index:9}.grading-assessment-gradebook .submitted-file .preview-content-wrapper.fullscreen{height:auto!important;position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000;z-index:var(--z-index-header);padding:56px 16px 1px}.grading-assessment-gradebook .rightbar-main{display:flex!important;flex-direction:column}.grading-assessment-gradebook .rightbar-main::-webkit-scrollbar{display:none}.grading-assessment-gradebook .grading-inputs{padding:0 12px;font-size:14px;line-height:24px}.grading-assessment-gradebook .grading-inputs .field-wrapper{padding:12px}.grading-assessment-gradebook .grading-inputs .field-title{font-family:var(--font-medium);margin-bottom:8px}.grading-assessment-gradebook .grading-inputs .field-title span{color:var(--color-danger)}.grading-assessment-gradebook .grading-inputs .common-input,.grading-assessment-gradebook .grading-inputs .field-input{background-color:var(--color-light);border:1px solid var(--color-gray-line);box-shadow:none;margin-bottom:0}.grading-assessment-gradebook .grading-inputs .common-input.disabled,.grading-assessment-gradebook .grading-inputs .common-input:disabled,.grading-assessment-gradebook .grading-inputs .field-input.disabled,.grading-assessment-gradebook .grading-inputs .field-input:disabled{background-color:var(--color-light)}.grading-assessment-gradebook .grading-inputs .common-input.disabled .number-formatter,.grading-assessment-gradebook .grading-inputs .common-input:disabled .number-formatter,.grading-assessment-gradebook .grading-inputs .field-input.disabled .number-formatter,.grading-assessment-gradebook .grading-inputs .field-input:disabled .number-formatter{background-color:var(--color-light)!important}.grading-assessment-gradebook .grading-inputs .error{margin-top:8px;color:var(--color-danger);display:grid;line-height:20px}.grading-assessment-gradebook .grading-submission{padding:12px 24px;font-size:14px;line-height:24px;font-family:var(--font-medium)}.grading-assessment-gradebook .grading-submission button{width:100%;text-align:center;justify-content:center}.grading-assessment-gradebook .warning-grading{margin-top:auto;padding:24px 24px 12px;font-size:14px;line-height:24px}.grading-assessment-gradebook .warning-grading__info{margin-top:4px;font-family:var(--font-medium);display:block}.grading-assessment-gradebook .warning-grading__content{margin-top:4px}.instructor-filter{margin-top:-16px}.instructor-filter .search-input-container{display:flex;align-items:center;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.instructor-filter .search-input-container .search-input{font-size:11px;line-height:16px;padding:6px;border:none;border-right:1px solid #e2e2e2;width:182px;background:var(--color-background);height:32px}.instructor-filter .search-input-container .icon-search-12{position:absolute;right:12px}.instructor-filter.students-filter.filter-unit-details .search-input{width:267px}.instructor-filter.students-filter.filter-unit-details .e-select{max-width:267px;margin-right:12px}.student-name{font-size:14px;line-height:20px;letter-spacing:.005em;color:var(--color-text-1);font-family:var(--font-regular)}.student-name:hover,.unit-link:hover{color:var(--color-success-default)}.student-total{font-size:14px;line-height:24px;letter-spacing:.02em;color:var(--color-text-1);font-family:var(--font-semibold)}.data-component-student{display:flex;justify-content:space-between;align-items:center}.data-component-student__content{display:flex;max-width:200px;padding:8px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-component-student__content svg{min-width:16px}.data-component-student__label{margin-left:8px;color:var(--color-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-component-student__percent{margin-left:8px}.unit-completed-percent{font-size:14px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold);display:flex;align-items:center}.icon-arrow-down{margin-right:8px;cursor:pointer}.custom-style-col{font-family:var(--font-medium);letter-spacing:.005em;font-size:11px;line-height:16px;color:#65627a}.custom-style-col a{color:#65627a}.red{color:var(--color-error-default)}.orange,.red{cursor:pointer}.orange{color:var(--color-progress)}.green{color:var(--color-success-default);cursor:pointer}.new-grading-body{display:flex;flex-direction:column;justify-content:space-between}.filter-unit-details{display:flex;align-items:center;padding:0 12px 0 16px;font-size:11px;line-height:16px;min-height:32px;background-color:var(--color-background)}.filter-unit-details .content-left{display:inline-flex;align-items:center;justify-content:space-between;padding:0 8px 0 12px;width:100%}.filter-unit-details .reset-filter{color:var(--color-disable);cursor:not-allowed;font-family:var(--font-medium);margin-left:auto;white-space:nowrap}.filter-unit-details .reset-filter.active{cursor:pointer;color:var(--color-error-default)}.filter-unit-details .cds-checkbox-group,.filter-unit-details .single-checkbox{font-size:11px;line-height:16px}.filter-unit-details .cds-checkbox-group .cds-checkbox-wrapper .cds-checkbox,.filter-unit-details .single-checkbox .cds-checkbox-wrapper .cds-checkbox{width:12px;height:12px;min-width:16px;min-height:16px}.filter-unit-details .e-select{max-width:320px;font-size:11px;line-height:16px;border-radius:0;box-shadow:none;border-right:1px solid #e2e2e2}.filter-unit-details .e-select .e-select__display-value{min-height:30px}.filter-unit-details .e-select .e-select__arrow{top:7px}.filter-unit-details .expand-all-row{border-left:1px solid #e2e2e2;color:var(--color-text-2);padding:8px 0 8px 12px;margin-left:12px;cursor:pointer;white-space:nowrap}.filter-unit-details .expand-all-row svg{width:12px;height:12px;margin-right:8px}.filter-unit-details .expand-all-row .icon-collapse{margin-right:8px}.instructor-header.unit-details .space-ui{margin:0 8px}.instructor-header.unit-details .unit-name{color:var(--color-disable)}.instructor-header.unit-details .overflow-text{max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instructor-header.unit-details .grading-link:hover{text-decoration:underline}.instructor-header.unit-details .className{color:var(--color-text-2)}.instructor-header.unit-details .disabled-go-back{pointer-events:none;cursor:not-allowed}.grading-rc-component{width:100%}.grading-rc-component .rc-table-content{border:none;font-size:14px;line-height:20px}.grading-rc-component .rc-table-content table{table-layout:auto!important}.grading-rc-component .rc-table-measure-row{display:none}.grading-rc-component .rc-table thead td,.grading-rc-component .rc-table thead th{background:var(--color-light);border:1px solid var(--color-gray-line);background-clip:padding-box;text-align:center;font-size:11px;line-height:16px;font-family:var(--font-medium);color:var(--color-text-2)}.grading-rc-component .rc-table td,.grading-rc-component .rc-table th{border:1px solid var(--color-gray-line);background-clip:padding-box;color:var(--color-text-1)}.grading-rc-component .rc-table-cell{max-width:240px;padding:8px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grading-rc-component .rc-table-ping-left .rc-table-cell-fix-left-first:after,.grading-rc-component .rc-table-ping-left .rc-table-cell-fix-left-last:after{box-shadow:inset 10px 0 8px -8px rgba(0,0,0,.15)}.grading-rc-component .rc-table-ping-right .rc-table-cell-fix-right-first:after,.grading-rc-component .rc-table-ping-right .rc-table-cell-fix-right-last:after{box-shadow:0 0 10px 1px rgba(0,0,0,.15)}.grading-rc-component .not-complete{color:var(--color-text-2)}.grading-rc-component .rc-table-cell-fix-right-first,.grading-rc-component .rc-table-cell-fix-right-last{box-shadow:none}.grading-rc-component .rc-table-row:hover .rc-table-cell{background:var(--color-background);background-clip:padding-box}.grading-student-rc-component{width:100%}.grading-student-rc-component .rc-table-content{border:none;font-size:14px;line-height:20px}.grading-student-rc-component .rc-table thead td,.grading-student-rc-component .rc-table thead th{background:var(--color-light);background-clip:padding-box;text-align:center;font-size:11px;line-height:16px;color:var(--color-text-2);background:var(--color-background);box-shadow:inset 0 -1px 0 rgba(0,0,0,.08);border:none;text-align:left}.grading-student-rc-component .rc-table td,.grading-student-rc-component .rc-table th{color:var(--color-text-1);border:none}.grading-student-rc-component .rc-table-cell{padding:8px 12px}.grading-student-rc-component .rc-table-row:hover .rc-table-cell{background:var(--color-background);background-clip:padding-box}.grading-student-rc-component .rc-table thead tr th.chapter-format{font-family:var(--font-semibold);font-size:14px;line-height:24px}.grading-student-rc-component .chapter-format{color:var(--color-text-1)!important}.grading-student-rc-component .rc-table-thead tr{position:-webkit-sticky;position:sticky;top:48px;top:var(--height-header-lesson);z-index:999}.grading-student-rc-component .rc-table-row-expand-icon{border:1px solid var(--color-text-2);color:var(--color-text-2);box-sizing:border-box;border-radius:3px;margin-right:12px;margin-bottom:1px;display:inline-flex;justify-content:center;align-items:center}.grading-student-rc-component .rc-table-row-expand-icon.rc-table-row-expanded:after{content:"-"}.grading-student-rc-component .rc-table-row-expand-icon.rc-table-row-collapsed:after{margin-bottom:2px}.grading-student-rc-component .icon-component{margin-right:12px}.grading-student-rc-component .display-name-lesson{font-family:var(--font-medium)}.grading-student-rc-component .rc-table-row-level-1 .chapter-format{padding-left:40px}.grading-student-rc-component .rc-table-row-level-2 .chapter-format{padding-left:68px}.grading-student-rc-component .rc-table-row-level-3 .chapter-format{padding-left:96px}.grading-student-rc-component .rc-table-row-level-4 .chapter-format{padding-left:124px}.grading-student-rc-component .format-name{font-size:11px;line-height:16px;color:var(--color-text-2);padding-left:28px}.grading-student-rc-component .square-button.dropdown-chapter{display:block;display:inline-flex;margin-left:12px}.grading-student-rc-component .select-item.is-submitting:hover{background:var(--color-disable)}.grading-student-rc-component .not-complete{color:var(--color-text-2)}.instructor-header.unit-details .right-group .item{margin-left:16px;color:var(--color-disable)}.instructor-header.unit-details .right-group .item .grade{font-family:var(--font-medium);margin-left:8px}.gradebook-student-info{display:flex;justify-content:space-between;background:var(--color-light);border-bottom:1px solid rgba(var(--RGB_color-text-1),.08)}.gradebook-student-info .group-content{padding:20px 24px;font-size:14px;line-height:24px;min-width:33.3333333333%}.gradebook-student-info .group-content:not(:first-child){border-left:1px solid rgba(var(--RGB_color-text-1),.08)}.gradebook-student-info .group-content .item-content{display:flex}.gradebook-student-info .group-content .img-profile{width:48px;height:48px;border-radius:48px;margin-right:16px}.gradebook-student-info .group-content .lable{color:#65627a;margin-right:4px}.gradebook-student-info .group-content .value{color:var(--color-text-1);font-family:var(--font-medium)}.gradebook-student-info .group-content .email{font-size:16px;line-height:24px;font-family:var(--font-semibold)}.gradebook-student-info .group-content .has-certificate{color:#53a636}.icon-certificate-full{margin-left:8px}.gradebook-filter.filter-unit-details{border-bottom:1px solid rgba(var(--RGB_color-text-1),.08)}.gradebook-filter.filter-unit-details .e-select{max-width:240px}.select-courseware .popover{font-size:14px;line-height:24px;padding:8px 0;background:var(--color-text-1);width:306px;border-radius:6px;margin-top:4px}.select-courseware .popover a{padding:8px 12px;text-decoration:none;color:var(--color-light);display:block;display:flex;align-items:center;transition:all .3s ease;transition:var(--transition-common)}.select-courseware .popover a:hover{background:rgba(var(--RGB_color-light),.1)}.select-courseware .popover a .d-check{min-width:16px;width:16px;height:16px;display:grid;margin-right:12px}.course-ware{font-size:14px;line-height:24px}.course-ware .courseware-sidebar{transition:width .2s ease;position:fixed;z-index:1;width:330px;display:flex;justify-content:flex-end;top:56px;bottom:0;left:0;overflow:hidden;box-shadow:0 .5px 2px rgba(0,0,0,.25);background:var(--color-light)}.course-ware .courseware-sidebar.hide{width:0}.course-ware .sidebar-container{transition:all .3s ease;transition:var(--transition-common);width:330px;min-width:330px;height:100%;padding:16px 24px;overflow:auto}.course-ware .sidebar-container .course-name{margin-bottom:16px;font-family:var(--font-medium);color:var(--color-primary)}.course-ware .sidebar-container .select-chapter{padding:8px 12px;border:1px solid transparent;background:0 0;display:flex;align-items:flex-start;transition:all .3s ease;transition:var(--transition-common);border-radius:6px;cursor:pointer;outline:0;justify-content:space-between;font-family:var(--font-semibold);margin:0 -12px 16px}.course-ware .sidebar-container .select-chapter:focus,.course-ware .sidebar-container .select-chapter:hover{border-color:var(--color-gray-line)}.course-ware .sidebar-container .select-chapter svg{margin-left:8px;min-width:16px;margin-top:4px}.course-ware .sidebar-container .sequence-container{margin-bottom:12px}.course-ware .sidebar-container .sequence-container.show .sequence-name{color:var(--color-light);background:var(--color-text-1)}.course-ware .sidebar-container .sequence-container.show .sequence-name svg{transform:rotate(180deg)}.course-ware .sidebar-container .sequence-container.show .sequence-name svg path{stroke:var(--color-light)}.course-ware .sidebar-container .sequence-container.show .sequence-content{padding-bottom:4px}.course-ware .sidebar-container .sequence-container .sequence-name{display:flex;align-items:flex-start;transition:all .3s ease;transition:var(--transition-common);border-radius:4px;background:var(--color-background);color:var(--color-text-1);font-family:var(--font-medium);justify-content:space-between;padding:4px 12px;cursor:pointer}.course-ware .sidebar-container .sequence-container .sequence-name svg{min-width:12px;width:12px;margin-left:8px;margin-top:6px;transition:all .3s ease;transition:var(--transition-common)}.course-ware .sidebar-container .sequence-container .sequence-content{transition:height .3s ease}.course-ware .sidebar-container .sequence-container .sequence-content a{display:block}.course-ware .sidebar-container .sequence-container .sequence-content span,.course-ware .sidebar-container .sequence-container .sequence-content span circle,.course-ware .sidebar-container .sequence-container .sequence-content svg,.course-ware .sidebar-container .sequence-container .sequence-content svg circle{transition:all .3s ease;transition:var(--transition-common)}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-name{display:flex;align-items:flex-start;position:relative}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-name.view-completed .col-represent-name{color:var(--color-disable)}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-name.view-completed .icon-video circle{fill:var(--color-disable);stroke:var(--color-disable)}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-name.view-completed .icon-html circle,.course-ware .sidebar-container .sequence-container .sequence-content .vertical-name.view-completed .icon-quiz circle{fill:var(--color-disable)}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-name.active .col-represent-name,.course-ware .sidebar-container .sequence-container .sequence-content .vertical-name:hover .col-represent-name{color:var(--color-primary)}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-name.active .icon-video circle,.course-ware .sidebar-container .sequence-container .sequence-content .vertical-name:hover .icon-video circle{fill:var(--color-primary);stroke:var(--color-primary)}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-name.active .icon-html circle,.course-ware .sidebar-container .sequence-container .sequence-content .vertical-name.active .icon-quiz circle,.course-ware .sidebar-container .sequence-container .sequence-content .vertical-name:hover .icon-html circle,.course-ware .sidebar-container .sequence-container .sequence-content .vertical-name:hover .icon-quiz circle{fill:var(--color-primary)}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-name.lastest:after{content:unset}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-name.lastest .col-represent-icon:after{content:"";position:absolute;width:1px;height:100%;background:var(--color-gray-line);top:0;bottom:1px;left:7px;z-index:-1}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-name:after{content:"";position:absolute;width:1px;height:100%;background:var(--color-gray-line);top:0;bottom:0;left:7px;z-index:-1}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-name .col-represent-icon{width:16px;min-width:16px;display:grid;padding-top:20px;margin-right:16px;position:relative}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-name .col-represent-name{padding-top:16px;color:var(--color-text-1)}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-child{position:relative;padding-top:16px;padding-left:32px}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-child.empty{padding:0}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-child.view-completed{color:var(--color-disable)}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-child .child-quiz{display:flex;align-items:flex-start;margin-bottom:16px}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-child .child-quiz.view-completed{color:var(--color-disable)}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-child .child-quiz.view-completed .icon-video circle{fill:var(--color-disable);stroke:var(--color-disable)}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-child .child-quiz.view-completed .icon-html circle,.course-ware .sidebar-container .sequence-container .sequence-content .vertical-child .child-quiz.view-completed .icon-quiz circle{fill:var(--color-disable)}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-child .child-quiz:last-of-type{margin-bottom:0}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-child .child-quiz svg{margin-top:4px;margin-right:16px;min-width:16px;width:16px}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-child:last-of-type:after{content:unset}.course-ware .sidebar-container .sequence-container .sequence-content .vertical-child:after{content:"";position:absolute;width:1px;height:100%;background:var(--color-gray-line);top:0;bottom:0;left:7px;z-index:-1}.course-ware .sidebar-container .sidebar-no-content{padding:12px 24px 8px;text-align:center;color:var(--color-disable)}.course-ware .sidebar-container .btn-next-chapter{font-size:16px;line-height:24px;font-family:var(--font-medium);padding:8px 24px;border-radius:4px;background:var(--color-primary);color:var(--color-light);outline:0;border:none;margin:8px 0;display:inline-block}.course-ware .right-content{margin-left:330px;padding:12px 0 16px;transition:width .3s ease-out,margin-left .2s ease}.course-ware .right-content.hide{width:100%;margin-left:0}.course-ware .right-content .unit-no-content{min-height:186px;box-shadow:0 .5px 2px rgba(0,0,0,.25);border-radius:8px;margin:0 24px;text-align:center;color:var(--color-disable);display:flex;align-items:center;justify-content:center;background:var(--color-light)}.course-ware .course-action-menu{display:flex;flex-wrap:wrap;margin:0 12px 12px}.course-ware .course-action-menu .course-action-item{font-size:14px;line-height:24px;padding:4px 12px;cursor:pointer;margin-right:24px;border-radius:4px;transition:all .3s ease;transition:var(--transition-common);font-family:var(--font-medium);display:flex;align-items:center}.course-ware .course-action-menu .course-action-item svg{margin-right:8px}.course-ware .course-action-menu .course-action-item svg path{transition:all .3s ease;transition:var(--transition-common)}.course-ware .course-action-menu .course-action-item:last-of-type{margin-right:0}.course-ware .course-action-menu .course-action-item:hover,.course-ware .course-component{background:var(--color-light);box-shadow:var(--box-shadow-small)}.course-ware .course-component{display:block;margin:0 24px 24px;border-radius:8px;padding:24px;overflow:hidden}.course-ware .course-component iframe{display:block;width:100%;border:none}.course-ware .unit-container .unit-container-iframe{width:100%;border:none;outline:0}.course-ware .unit-container .content-loading{left:330px;top:56px}.course-ware .information-frame{transition:width .2s ease;position:fixed;z-index:2;width:330px;display:flex;justify-content:flex-end;top:56px;bottom:0;left:0;overflow:hidden;background:var(--color-light)}.course-ware .information-frame.hide{width:0}.course-ware .information-frame .information-frame-container{transition:all .3s ease;transition:var(--transition-common);width:330px;min-width:330px;height:100%;overflow:auto;position:relative}.course-ware .information-frame .frame-header{font-size:16px;line-height:24px;font-family:var(--font-semibold);display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 24px;height:56px;box-shadow:0 0 2px rgba(0,0,0,.2)}.course-ware .information-frame .frame-content{position:absolute;top:56px;bottom:0;left:0;right:0;overflow:auto}.course-ware .information-frame .frame-content .document-content{padding:24px}.course-ware .information-frame .frame-content .document-content ol{padding-left:0}.course-ware .information-frame .frame-content .document-content a{color:var(--color-primary)}.video-player-container{display:block;overflow:hidden;position:relative}.video-player-container .video-js.video-player{font-size:14px;line-height:24px;font-family:var(--font-regular);width:100%;height:100%}.video-player-container .video-js.video-player .vjs-control{width:40px;color:var(--color-gray-line-light);z-index:1}.video-player-container .video-js.video-player .vjs-control:hover{color:var(--color-light)}.video-player-container .video-js.video-player .vjs-control-bar{background:0 0;z-index:1;height:40px;padding:0 8px}.video-player-container .video-js.video-player .vjs-control-bar:after{content:"";background:linear-gradient(180deg,transparent,rgba(0,0,0,.204167) 61.98%,rgba(0,0,0,.4));background-blend-mode:multiply;transform:matrix(-1,0,0,1,0,0);pointer-events:none;left:0;right:0;bottom:0;height:80px;position:absolute;z-index:-1}.video-player-container .video-js.video-player .vjs-time-tooltip{font-family:var(--font-regular)}.video-player-container .video-js.video-player .vjs-progress-control{height:4px;width:100%;position:absolute;top:0;left:0;right:0;transform:translateY(calc(-100% + 6px));z-index:1;padding:8px 0;transition:all .3s ease;transition:var(--transition-common)}.video-player-container .video-js.video-player .vjs-progress-control .vjs-progress-holder{margin:0;height:4px;background-color:hsla(0,0%,100%,.25);transition:all .3s ease;transition:var(--transition-common)}.video-player-container .video-js.video-player .vjs-progress-control .vjs-load-progress{background:hsla(0,0%,100%,.25);transition:all .3s ease;transition:var(--transition-common)}.video-player-container .video-js.video-player .vjs-progress-control .vjs-load-progress div{background:0 0}.video-player-container .video-js.video-player .vjs-progress-control .vjs-play-progress{background-color:var(--color-progress)}.video-player-container .video-js.video-player .vjs-progress-control .vjs-play-progress:before{top:0;transform:translateY(calc(-50% + 3px));opacity:0;transition:all .05s ease-out}.video-player-container .video-js.video-player .vjs-progress-control:hover .vjs-progress-holder{background-color:hsla(0,0%,100%,.4)}.video-player-container .video-js.video-player .vjs-progress-control:hover .vjs-load-progress{background:hsla(0,0%,100%,.4)}.video-player-container .video-js.video-player .vjs-progress-control:hover .vjs-play-progress:before{opacity:1}.video-player-container .video-js.video-player .vjs-icon-placeholder:before{font-family:var(--font-icon);display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s ease;transition:var(--transition-common)}.video-player-container .video-js.video-player .vjs-play-control .vjs-icon-placeholder:before{content:""}.video-player-container .video-js.video-player .vjs-play-control.vjs-playing .vjs-icon-placeholder:before{content:""}.video-player-container .video-js.video-player .vjs-play-control.vjs-ended .vjs-icon-placeholder:before{content:""}.video-player-container .video-js.video-player .vjs-mute-control .vjs-icon-placeholder:before{content:""}.video-player-container .video-js.video-player .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before{content:""}.video-player-container .video-js.video-player .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before{content:""}.video-player-container .video-js.video-player .vjs-volume-panel.vjs-volume-panel-horizontal{transition:all .3s ease;transition:var(--transition-common);max-width:100px}.video-player-container .video-js.video-player .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-player-container .video-js.video-player .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-player-container .video-js.video-player .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:100px}.video-player-container .video-js.video-player .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-player-container .video-js.video-player .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active .vjs-volume-control.vjs-volume-horizontal,.video-player-container .video-js.video-player .vjs-volume-panel.vjs-volume-panel-horizontal:hover .vjs-volume-control.vjs-volume-horizontal{width:48px;overflow:unset;opacity:1}.video-player-container .video-js.video-player .vjs-volume-panel.vjs-volume-panel-horizontal .vjs-volume-control.vjs-volume-horizontal{height:40px;margin:0 12px 0 0;width:0;opacity:0;transition:all .3s ease;transition:var(--transition-common)}.video-player-container .video-js.video-player .vjs-volume-panel.vjs-volume-panel-horizontal .vjs-volume-control.vjs-volume-horizontal .vjs-volume-bar.vjs-slider-horizontal{height:100%;margin:0;display:flex;align-items:center}.video-player-container .video-js.video-player .vjs-volume-panel.vjs-volume-panel-horizontal .vjs-volume-control.vjs-volume-horizontal .vjs-volume-bar.vjs-slider-horizontal:after{content:"";position:absolute;left:0;right:0;height:2px;background:hsla(0,0%,100%,.25);top:19px}.video-player-container .video-js.video-player .vjs-volume-panel.vjs-volume-panel-horizontal .vjs-volume-control.vjs-volume-horizontal .vjs-volume-level{bottom:unset;left:0;right:0;border-radius:0;height:2px}.video-player-container .video-js.video-player .vjs-volume-panel.vjs-volume-panel-horizontal .vjs-volume-control.vjs-volume-horizontal .vjs-volume-level:before{top:0;transform:translateY(calc(-50% + 1px));transition:all .05s ease-out;font-size:12px}.video-player-container .video-js.video-player .vjs-volume-panel.vjs-volume-panel-horizontal .vjs-volume-control.vjs-volume-horizontal:hover .vjs-volume-level:before,.video-player-container .video-js.video-player .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active .vjs-volume-control.vjs-volume-horizontal .vjs-volume-level:before{font-size:16px}.video-player-container .video-js.video-player .vjs-volume-panel.vjs-volume-panel-horizontal .vjs-slider{background-color:transparent}.video-player-container .video-js.video-player .vjs-volume-panel.vjs-volume-panel-horizontal .vjs-slider:focus{box-shadow:none}.video-player-container .video-js.video-player .vjs-time-control{display:block;font-size:14px;line-height:24px;line-height:40px}.video-player-container .video-js.video-player .vjs-current-time{width:-webkit-max-content;width:max-content;padding-left:8px;padding-right:4px}.video-player-container .video-js.video-player .vjs-time-divider{padding:0;min-width:unset}.video-player-container .video-js.video-player .vjs-duration{padding-left:4px;padding-right:8px}.video-player-container .video-js.video-player .vjs-custom-control-spacer{margin-left:auto;display:flex}.video-player-container .video-js.video-player .vjs-menu{margin-bottom:40px;z-index:99;padding-bottom:4px}.video-player-container .video-js.video-player .vjs-menu .vjs-menu-content{font-family:var(--font-regular);bottom:4px;background-color:rgba(0,0,0,.6);border-radius:4px;padding:4px 0;max-height:unset}.video-player-container .video-js.video-player .vjs-menu .vjs-menu-content .vjs-menu-item{font-size:14px;line-height:24px;padding:4px;text-transform:unset}.video-player-container .video-js.video-player .vjs-menu .vjs-menu-content .vjs-menu-item:focus,.video-player-container .video-js.video-player .vjs-menu .vjs-menu-content .vjs-menu-item:hover{background:rgba(var(--RGB_color-light),.2)}.video-player-container .video-js.video-player .vjs-menu .vjs-menu-content .vjs-menu-item.vjs-selected{background:var(--color-light);color:var(--color-text-1)}.video-player-container .video-js.video-player .vjs-playback-rate{width:48px}.video-player-container .video-js.video-player .vjs-playback-rate .vjs-playback-rate-value{font-size:14px;line-height:24px;font-family:var(--font-medium);line-height:40px;letter-spacing:0}.video-player-container .video-js.video-player .vjs-playback-rate .vjs-menu{right:0;left:unset;width:56px;transform:translateX(12%)}.video-player-container .video-js.video-player .vjs-subtitles-button .vjs-icon-placeholder:before{content:""}.video-player-container .video-js.video-player .vjs-subtitles-button.vjs-menu-button-popup .vjs-menu{right:0;left:unset;transform:translateX(20px)}.video-player-container .video-js.video-player .vjs-quality-selector,.video-player-container .video-js.video-player .vjs-quality-selector.vjs-hover{width:48px!important}.video-player-container .video-js.video-player .vjs-quality-selector .vjs-menu,.video-player-container .video-js.video-player .vjs-quality-selector.vjs-hover .vjs-menu{left:50%;transform:translateX(-50%)}.video-player-container .video-js.video-player .vjs-fullscreen-control .vjs-icon-placeholder:before{content:""}.video-player-container .video-js.video-player.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before{content:""}.video-player-container .video-js.video-player .vjs-big-play-button{width:64px;height:64px;border:none;background:rgba(0,0,0,.2);border:1px solid rgba(170,169,183,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0;transform:translateX(-50%) translateY(-50%)}.video-player-container .video-js.video-player .vjs-big-play-button .vjs-icon-placeholder:before{content:"";font-size:30px}.video-player-container .video-js.video-player .vjs-big-play-button:hover{color:var(--color-light)}.video-player-container .video-js.video-player .vjs-loading-spinner{width:68px;height:68px;margin:0;transform:translateX(-50%) translateY(-50%);border-radius:50%;border:none;padding:2px}.video-player-container .video-js.video-player .vjs-loading-spinner:after,.video-player-container .video-js.video-player .vjs-loading-spinner:before{content:""!important;display:block!important;margin:0;width:64px;height:64px;border:4px solid rgba(0,0,0,.2)}.video-player-container .video-js.video-player .vjs-text-track-display{bottom:44px;transition:all .3s ease;transition:var(--transition-common)}.video-player-container .video-js.video-player .vjs-text-track-display .vjs-text-track-cue{font:16px var(--font-regular)!important;inset:auto 0 0!important;bottom:0!important;left:0!important;right:0!important;height:auto!important;display:flex;align-items:center;justify-content:center}.video-player-container .video-js.video-player .vjs-text-track-display .vjs-text-track-cue>div{padding:4px 8px;font-family:var(--font-regular)!important;border-radius:4px;display:block!important;width:-webkit-max-content!important;width:max-content!important;max-width:100%;background-color:rgba(0,0,0,.5)!important}.video-player-container .video-js.video-player.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:0}.video-player-container .video-js.video-player.vjs-error .vjs-big-play-button,.video-player-container .video-js.video-player.vjs-error .vjs-loading-spinner,.video-player-container .video-js.video-player.vjs-has-started .vjs-big-play-button{display:none}.video-player-container .video-js.video-player.vjs-error .vjs-error-display{display:flex;justify-content:center;align-items:center;flex-direction:column}.video-player-container .video-js.video-player.vjs-error .vjs-error-display .vjs-modal-dialog-description{display:none}.video-player-container .video-js.video-player.vjs-error .vjs-error-display:before{content:"";font-family:var(--font-icon);font-size:30px;width:64px;height:64px;border:none;background:rgba(0,0,0,.2);border:1px solid rgba(170,169,183,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0;left:unset;top:unset;position:relative}.video-player-container .video-js.video-player.vjs-error .vjs-error-display .vjs-modal-dialog-content{position:relative;width:100%;height:-webkit-max-content;height:max-content;color:var(--color-disable);font-size:14px;line-height:24px;line-height:20px;padding:16px 16px 0;text-align:center;max-width:430px}.learning-problem .bottom-actions{display:flex;align-items:flex-start;justify-content:space-between;padding:12px;flex-wrap:wrap}.learning-problem .bottom-actions .right-actions{display:flex;align-items:center}.learning-problem .bottom-actions .right-actions button{margin-left:12px}.learning-problem .bottom-actions .right-actions button svg{margin-right:12px}.learning-problem .bottom-actions .left{display:flex;flex-direction:column}.learning-problem .bottom-actions .left .btn-fill,.learning-problem .bottom-actions .left .btn-fill--hightlight,.learning-problem .bottom-actions .left .btn-fill--orange,.learning-problem .bottom-actions .left .btn-fill--second{width:-webkit-max-content;width:max-content}.learning-problem .bottom-actions .left .countdown{display:flex;flex-direction:row}.learning-problem .bottom-actions.no-submit-btn .problem-correction{margin-top:0}.learning-problem .max-attempts{font-size:14px;line-height:24px;color:var(--color-text-2);margin-top:16px}.learning-problem .problem-correction{margin-top:16px;display:flex}.learning-problem .problem-correction .result-box{padding:8px 16px;border-radius:4px;position:relative;overflow:hidden;z-index:1}.learning-problem .problem-correction .result-box:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.learning-problem .problem-correction .result-box.incorrect{background:rgba(var(--RGB_color-danger),.15)}.learning-problem .problem-correction .result-box.incorrect:before{background:var(--color-danger)}.learning-problem .problem-correction .result-box.correct{background:rgba(var(--RGB_color-complete),.1)}.learning-problem .problem-correction .result-box.correct:before{background:var(--color-complete)}.learning-problem .problem-correction .result-box.partial{background:rgba(var(--RGB_color-primary),.1)}.learning-problem .problem-correction .result-box.partial:before{background:var(--color-primary)}.learning-problem .demand-hints-wrapper{padding:12px}.learning-problem .demand-hints-wrapper .hints{border-radius:8px;border:1px solid var(--color-gray-line);padding:8px 16px}.learning-problem .hints{padding:12px}.learning-problem .hints .info-header{display:flex;align-items:center;flex-wrap:wrap}.learning-problem .hints .info-header label{margin:0 12px;font-size:14px;line-height:24px;color:var(--color-text-1);font-family:var(--font-semibold)}.learning-problem .hints .info-header .next-hint{margin-left:auto;color:var(--color-primary);cursor:pointer}.learning-problem .hints .info-header .next-hint:hover{color:var(--color-primary-light)}.learning-problem .hints .info-header .next-hint.disabled{color:var(--color-disable);cursor:default}.learning-problem .hints .info-header.explanation{color:var(--color-primary)}.learning-problem .hints .info-header.demand svg{color:var(--color-primary-dark)}.learning-problem .hints .info-header.correct label{color:var(--color-complete)}.learning-problem .hints .info-header.error label{color:var(--color-danger)}.learning-problem .hints .info-header.answers{color:var(--color-text-2)}.learning-problem .hints .info-header.answers svg{color:var(--color-text-1)}.learning-problem .hints .info-header.answers .additional-answers{flex-basis:100%;padding-left:28px}.learning-problem .hints .info-header.answers .additional-answers .or{font-family:var(--font-medium);color:var(--color-text-1);margin-right:12px}.learning-problem .hints .hint-list{padding-left:28px;margin-top:4px;color:var(--color-text-2)}.learning-problem .hints .hint-list .hint-item{display:flex;align-items:center;padding-left:9px;position:relative}.learning-problem .hints .hint-list .hint-item:before{content:"";position:absolute;width:1px;height:12px;background:var(--color-complete);top:6px;left:0}.learning-item{padding:12px 12px 6px}.learning-item .quiz-description{margin-bottom:6px}.learning-item .option-hint{padding:0 40px 6px 0;margin-top:-2px;font-style:italic!important;color:var(--color-text-2)}.learning-item .option-hint *{font-style:italic!important}.learning-item .wrapped-option{padding:6px 0}.learning-item .wrapped-option .option-item{display:flex;align-items:flex-start;border-radius:6px;box-shadow:var(--inner-shadow);background:var(--color-background);cursor:pointer;padding:4px 12px;position:relative}.learning-item .wrapped-option .option-item *{pointer-events:none}.learning-item .wrapped-option .option-item .single-checkbox{min-width:16px}.learning-item .wrapped-option .option-item .correctly{margin-left:auto;display:grid;padding:8px 0 8px 12px;min-width:28px}.learning-item .wrapped-option .option-item .option-content{padding:4px 0;margin-left:12px;pointer-events:all;width:100%}.learning-item .wrapped-option .option-item.correct:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--color-complete);border-radius:6px}.learning-item .elite-select,.learning-item .wrapped-input{padding-top:6px;padding-bottom:6px}.learning-item .elite-select .hints,.learning-item .wrapped-input .hints{padding:16px 0 0}.learning-item .hints{padding:10px 0 6px}.styled-rich-text{word-wrap:break-word;width:100%}.styled-rich-text p{margin-bottom:12px}.styled-rich-text p:last-child{margin-bottom:0}.attachments-container{font-size:14px;line-height:24px;line-height:20px}.attachments-container .attachments{border-radius:8px;border:1px solid var(--color-gray-line);padding:8px}.attachments-container .attachments__header{display:flex;align-items:center;justify-content:space-between;padding:0 8px;line-height:24px}.attachments-container .attachments__header-left{display:flex;align-items:center;cursor:default}.attachments-container .attachments__header-left .title{font-family:var(--font-semibold);margin-left:12px}.attachments-container .attachments__header-right{display:flex;align-items:center}.attachments-container .attachments__header-right .download{padding:0;border:none;background-color:transparent;color:var(--color-primary)}.attachments-container .attachments__header-right .download:disabled{color:var(--color-disable)}.attachments-container .attachments__body{padding:8px 0 0}.attachments-container .attachments__body .no-attachments{padding-left:36px;color:var(--color-text-2)}.attachments-container .attachment-list{padding-left:28px}.attachments-container .attachment-list .attached-file{display:flex;align-items:flex-start;justify-content:space-between;cursor:pointer;border-radius:8px;transition:all .3s ease;transition:var(--transition-common)}.attachments-container .attachment-list .attached-file:hover{background-color:var(--color-background)}.attachments-container .attachment-list .attached-file:hover .attached-file__size{display:inline}.attachments-container .attachment-list .attached-file__info{display:flex;align-items:flex-start;padding:6px 8px}.attachments-container .attachment-list .attached-file__info-type{display:grid;padding:2px 0}.attachments-container .attachment-list .attached-file__info-name{margin-left:12px;color:var(--color-primary)}.attachments-container .attachment-list .attached-file__actions{display:flex;align-items:center}.attachments-container .attachment-list .attached-file__actions .attached-file__size{margin-right:8px;display:none}.attachments-container .attachment-list .attached-file__actions-button{padding:8px;display:flex;align-items:center;background-color:transparent;border:none;color:var(--color-text-2);transition:all .3s ease;transition:var(--transition-common);white-space:nowrap;font-size:11px;line-height:16px}.attachments-container .attachment-list .attached-file__actions-button svg{min-width:16px}.attachments-container .attachment-list .attached-file__actions-button:hover{color:var(--color-text-1)}.learning-assessment{font-size:14px;line-height:24px;line-height:20px;padding:0 12px 12px}.learning-assessment .assessment-description{padding:0 12px;margin-bottom:12px;display:block}.learning-assessment .attachments-container{padding:0 12px 12px}.learning-assessment .answer-group{padding:12px;font-size:14px;line-height:24px}.learning-assessment .answer-group__title{font-family:var(--font-semibold);letter-spacing:.02em}.learning-assessment .answer-group .answer-attached-item{padding:4px;border-bottom:1px solid var(--color-gray-line);min-height:40px;display:flex;align-items:flex-start}.learning-assessment .answer-group .answer-attached-item:last-of-type{border-bottom:none}.learning-assessment .answer-group .answer-attached-item__file-type{display:grid;padding:8px;color:var(--color-text-2)}.learning-assessment .answer-group .answer-attached-item__name{margin-left:4px;padding:4px 0;margin-right:4px}.learning-assessment .answer-group .answer-attached-item__actions{opacity:0;display:flex;align-items:center;margin-left:auto;transition:all .3s ease;transition:var(--transition-common)}.learning-assessment .answer-group .answer-attached-item:hover .answer-attached-item__actions{opacity:1}.learning-assessment .answer-group .answer-attachments{background-color:var(--color-background);box-shadow:var(--inner-shadow);border-radius:8px}.learning-assessment .answer-group .answer-attachments__upload{color:var(--color-complete);padding:4px 8px;display:flex;align-items:center;font-family:var(--font-medium);border:none;width:100%;margin:0;cursor:pointer}.learning-assessment .answer-group .answer-attachments__upload svg{margin-right:12px}.learning-assessment .answer-group .answer-attachments__upload.disabled{color:var(--color-disable);cursor:default}.learning-assessment .answer-submission{padding:12px;display:flex;align-items:center;justify-content:space-between;font-size:14px;line-height:24px}.learning-assessment .answer-submission .evaluation-score{padding:8px 16px;border-radius:8px;background-color:var(--color-secondary);color:var(--color-light);font-family:var(--font-medium);width:-webkit-max-content;width:max-content}.learning-assessment .answer-submission .right-gr{color:var(--color-text-2);font-size:14px;line-height:24px}.learning-assessment .evaluation-note{border-radius:4px;background-color:rgba(var(--RGB_color-complete),.1);position:relative;overflow:hidden;padding:8px 16px;display:grid;width:-webkit-max-content;width:max-content}.learning-assessment .evaluation-note:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--color-complete)}.learning-assessment .evaluation-note label{font-family:var(--font-semibold);margin:0}.learning-assessment .evaluation-note p{margin:0;color:var(--color-text-2);white-space:pre-wrap}.learning-assessment .answer-file-dropzone.file-dropzone .drop-placeholder{padding:12px;background-color:var(--color-light)}.common-modal-container.answer-uploader-modal.fade,.common-modal-container.answer-uploader-modal.show{transition:none!important;display:flex!important;justify-content:center;align-items:center}.common-modal-container.answer-uploader-modal.fade .modal-dialog,.common-modal-container.answer-uploader-modal.show .modal-dialog{width:100%;max-width:400px;transition:none;margin:0 16px 40px}.common-modal-container.answer-uploader-modal.fade .modal-dialog .modal-content,.common-modal-container.answer-uploader-modal.show .modal-dialog .modal-content{border-radius:16px;overflow:hidden}.answer-uploader .uploader__header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;font-size:16px;line-height:24px;font-family:var(--font-semibold)}.answer-uploader .uploader__header label{margin:0;padding:4px 8px}.answer-uploader .uploader__header .icon-close{color:var(--color-text-1)}.answer-uploader .uploader__body{padding:0 24px 24px}.answer-uploader .uploader__body-content{border-radius:8px;background-color:var(--color-background);padding:16px}.answer-uploader .uploader__body-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;line-height:20px}.answer-uploader .uploader__body-info-title{font-family:var(--font-semibold);text-transform:lowercase}.answer-uploader .uploader__body-info-title .total-size{font-family:var(--font-regular);margin-left:4px;color:var(--color-text-2);text-transform:none}.answer-uploader .uploader__body-info-status{color:var(--color-secondary);line-height:20px;position:absolute;right:0;top:-32px}.answer-uploader .uploader__body-progress{position:relative;display:grid}.answer-uploader .uploader .uploader-progress.progress{height:8px;font-size:11px;line-height:16px;background-color:rgba(var(--RGB_color-text-1),.05)}.answer-uploader .uploader .uploader-progress.progress .progress-bar{border-radius:4px;background-color:var(--color-secondary)}.answer-uploader .uploader .uploaded-error{display:block;margin-top:12px;color:var(--color-danger);line-height:20px}.answer-uploader .uploader .uploaded-error .submission-error{display:flex;align-items:flex-start;font-family:var(--font-medium)}.answer-uploader .uploader .uploaded-error .submission-error svg{margin:2px 12px 2px 0;min-width:16px}.answer-uploader .uploader .uploaded-error .files-error{display:block;margin-top:4px;margin-bottom:12px;margin-left:28px;color:var(--color-text-2)}.answer-uploader .uploader .uploaded-error ul{color:var(--color-text-1);list-style-type:"•";-webkit-padding-start:35px;padding-inline-start:35px}.answer-uploader .uploader .uploaded-error ul li{-webkit-padding-start:5px;padding-inline-start:5px}.answer-uploader .uploader .uploaded-success{display:flex;align-items:center;margin-top:12px;color:var(--color-complete);line-height:20px;font-family:var(--font-medium)}.answer-uploader .uploader .uploaded-success svg{margin-right:12px;min-width:16px}.answer-uploader .uploader.error .uploader__body-content{border:1px solid var(--color-danger)}.answer-uploader .uploader.success .uploader__body-info-status{color:var(--color-complete)}.answer-uploader .uploader.success .uploader-progress.progress .progress-bar{background-color:var(--color-complete)}.component-body .attach-file-container{padding-top:24px}.component-body .attach-file-container .attachments-container,.component-body .attach-file-container .learning-assessment{padding:0}.component-body .iframe-responsive{width:100%!important;height:calc(100vh - 140px);border:none}.problem-block .attach-file-container{padding:12px 0}.problem-block .attach-file-container .attachments-container{padding:0 15px}.lesson-content-container .attach-file-container{margin-top:24px}.lesson-content-container .lesson-component-card.quiz-attachfiles .attach-file-container{margin-top:0;padding:12px 0}.lesson-content-container .lesson-component-card .attach-file-container .attachments-container,.lesson-content-container .lesson-component-card .attach-file-container .learning-assessment{padding:0}.lesson-content-container .video-content .attach-file-container{padding:0 24px 24px}.lesson-content-container .iframe-responsive{width:100%!important;height:calc(100vh - 140px);border:none}.assessment-answers-skeleton{box-shadow:var(--inner-shadow);border-radius:8px;overflow:hidden}.assessment-answers-skeleton .fake-row{display:flex;align-items:center;padding:12px}.assessment-answers-skeleton .skeleton-box{margin-right:12px}.assessment-answers-skeleton .skeleton-box.right{margin-left:auto;margin-right:0}.lesson-layout{height:100vh;overflow:auto;background:var(--color-background);display:flex;flex-direction:column}.lesson-layout .warning-work-unit{flex-shrink:0}.lesson-layout .navigation-bar{flex-shrink:0;display:flex;align-items:center;height:100%;padding:0 24px}.lesson-layout .navigation-bar .menu-item{width:60px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-2);position:relative;transition:all .3s ease;transition:var(--transition-common)}.lesson-layout .navigation-bar .menu-item svg{transition:inherit}.lesson-layout .navigation-bar .menu-item:after{content:"";position:absolute;bottom:0;height:2px;background:0 0;opacity:0;transition:inherit;width:0}.lesson-layout .navigation-bar .menu-item:hover{background:rgba(var(--RGB_color-text-1),.05)}.lesson-layout .navigation-bar .menu-item.active{color:var(--color-primary)}.lesson-layout .navigation-bar .menu-item.active:after{background:currentColor;opacity:1;width:100%}.lesson-layout .lesson-layout-wrapper{width:100%;height:100%;max-width:1366px;padding:0 24px;display:flex;align-items:flex-start}.lesson-layout .lesson-header{flex-shrink:0;position:-webkit-sticky;position:sticky;left:0;right:0;top:0;height:48px;height:var(--height-header-lesson);z-index:1000;z-index:var(--z-index-header);background:var(--color-light);box-shadow:var(--box-shadow-small);display:flex;align-items:center;justify-content:center}.lesson-layout .lesson-header .right-controls{display:flex;align-items:center;height:100%;width:100%;overflow:hidden;padding-right:24px}.lesson-layout .lesson-header .breadcrumb-container{display:flex;align-items:center;white-space:nowrap;padding:0 8px;height:100%;font-size:14px;line-height:24px;width:100%;overflow:hidden;margin-right:32px}.lesson-layout .lesson-header .breadcrumb-container .breadcrumb-block{display:flex;align-items:center;color:var(--color-text-2);padding-right:8px;max-width:33.3333333333%}.lesson-layout .lesson-header .breadcrumb-container .breadcrumb-block.active{cursor:pointer}.lesson-layout .lesson-header .breadcrumb-container .breadcrumb-block.active *{color:var(--color-primary)}.lesson-layout .lesson-header .breadcrumb-container .breadcrumb-block:hover a{text-decoration:underline}.lesson-layout .lesson-header .breadcrumb-container .breadcrumb-block .expander{display:grid;padding:8px 8px 8px 0;color:var(--color-disable)}.lesson-layout .lesson-header .breadcrumb-container .breadcrumb-block .display-text,.lesson-layout .lesson-header .breadcrumb-container .breadcrumb-block a{max-width:calc(100% - 24px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.lesson-layout .lesson-header .breadcrumb-container .breadcrumb-block a{max-width:100%}.lesson-layout .content-navigation{display:flex;align-items:center;min-width:96px;height:100%}.lesson-layout .content-navigation .btn-menu-item{width:48px;height:100%;display:flex;align-items:center;justify-content:center;border:none;background:0 0;transition:all .3s ease;transition:var(--transition-common);color:var(--color-text-2);padding:8px}.lesson-layout .content-navigation .btn-menu-item:disabled{color:var(--color-disable);cursor:not-allowed}.lesson-layout .content-navigation .btn-menu-item:disabled:hover{background:0 0}.lesson-layout .content-navigation .btn-menu-item:hover{background:rgba(var(--RGB_color-text-1),.05)}.lesson-layout .content-navigation .btn-menu-item.prev svg{transform:rotate(180deg)}.lesson-layout .lesson-main{height:100%;flex-shrink:1;display:flex;justify-content:center}.lesson-layout .lesson-main .lesson-layout-wrapper{padding:0 32px}.lesson-layout .lesson-main .left-sidebar{height:100%;min-width:392px;min-width:calc(var(--width-side-bar-lesson) + 32px);width:392px;width:calc(var(--width-side-bar-lesson) + 32px);overflow-x:hidden;overflow-y:auto;top:48px;opacity:0;transition:all .3s ease;transition:var(--transition-common);transform:translateX(-100vw) translateZ(0);position:absolute;z-index:5}.lesson-layout .lesson-main .left-sidebar::-webkit-scrollbar{display:none}.lesson-layout .lesson-main .left-sidebar .lef-sidebar-container{padding:0 16px;transition:all .3s ease;transition:var(--transition-common)}.lesson-layout .lesson-main .left-sidebar.open{opacity:1;position:-webkit-sticky;position:sticky;transform:none}.lesson-layout .lesson-main .persionalize{margin-top:32px;border-radius:8px;overflow:hidden;min-height:72px;background:var(--color-linear-blue);position:relative}.lesson-layout .lesson-main .persionalize .circle-button{position:absolute;top:8px;right:8px}.lesson-layout .lesson-main .persionalize .circle-button svg path{stroke:var(--color-light)}.lesson-layout .lesson-main .persionalize .persional{display:flex;align-items:flex-start;padding:16px 32px 16px 16px}.lesson-layout .lesson-main .persionalize .author-avatar{padding-right:16px}.lesson-layout .lesson-main .persionalize .author-avatar .avatar-me{cursor:default;width:40px;height:40px}.lesson-layout .lesson-main .persionalize .info-text{color:var(--color-light);max-width:100%;display:grid}.lesson-layout .lesson-main .persionalize .info-text .author-name{font-size:14px;line-height:24px;line-height:20px;margin-bottom:0;font-family:var(--font-semibold)}.lesson-layout .lesson-main .persionalize .info-text .short-desc{font-size:11px;line-height:16px;display:block;margin-top:4px;color:rgba(var(--RGB_color-light),.7);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;max-width:100%}.lesson-layout .lesson-main .persionalize .info-text .about{font-size:11px;line-height:16px;padding:4px 8px;border:none;background:var(--color-light);border-radius:4px;color:var(--color-primary);margin-top:12px;width:-webkit-max-content;width:max-content}.lesson-layout .lesson-main .menu-container{margin-top:16px;margin-bottom:32px}.lesson-layout .lesson-main .menu-container .menu-header{font-size:20px;line-height:32px;letter-spacing:.02em;font-family:var(--font-semibold);display:flex;align-items:center;padding:12px 12px 12px 16px;justify-content:space-between;transition:all .3s ease;transition:var(--transition-common)}.lesson-layout .lesson-main .menu-container .menu-header button{width:24px;height:24px;display:grid}.lesson-layout .lesson-main .menu-container .menu-card{box-shadow:var(--box-shadow-small);border-radius:8px;background:var(--color-light);overflow:hidden}.lesson-layout .lesson-main .lesson-content-layout{width:100%;min-height:100%;max-width:910px;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;transition:all .3s ease;transition:var(--transition-common)}.lesson-layout .lesson-main .lesson-content-layout .lesson-unit-content{width:100%;padding:16px}.lesson-layout .lesson-main .lesson-content-layout .lesson-content-chapter-status{margin-top:24px;padding:8px 16px 0}.lesson-layout .lesson-main .lesson-content-layout .lesson-content-chapter-status__container{box-shadow:var(--box-shadow-small);background-color:var(--color-light);border-radius:8px;padding:16px 24px;display:flex;align-items:center}.lesson-layout .lesson-main .lesson-content-layout .lesson-content-chapter-status__container i{padding:8px;border-radius:8px;background-color:rgba(var(--RGB_color-danger),.08);color:var(--color-danger);margin-right:16px;min-width:40px;display:grid}.lesson-layout .lesson-main .lesson-content-layout .lesson-content-chapter-status__message{font-size:14px;line-height:24px;display:grid;cursor:default}.lesson-layout .lesson-main .lesson-content-layout .lesson-content-chapter-status__message .time-zone{margin-left:4px}.lesson-layout .lesson-main .footer-lesson-page{font-size:16px;line-height:24px;padding:16px 24px;margin:auto 16px 16px;display:flex;align-items:center;color:var(--color-text-2)}.lesson-layout .lesson-main .footer-lesson-page svg{height:20px;width:110px;margin-left:4px}.lesson-layout .circle-button:hover{background:rgba(var(--RGB_color-light),.1)}.lesson-layout.mobile{min-height:auto}.lesson-layout.mobile .lesson-main{padding-top:0!important}.lesson-layout.mobile .lesson-main .lesson-content-layout{min-height:auto!important}.lesson-layout.mobile .lesson-main .lesson-unit-content{padding-bottom:24px!important}.lesson-layout .progress-loading{top:48px}.dropdown-xblock-list.common-dropdown-content{max-width:360px!important;max-height:304px;overflow:auto}.dropdown-xblock-list.common-dropdown-content .select-box{color:var(--color-text-1);display:grid!important}.dropdown-xblock-list.common-dropdown-content .select-box label{margin:0;cursor:pointer}.dropdown-xblock-list.common-dropdown-content .select-box .breadcrumb-dropdown-option{display:flex;align-items:flex-start;justify-content:space-between}.dropdown-xblock-list.common-dropdown-content .select-box .breadcrumb-dropdown-option>svg{margin:4px 0 0 12px!important;min-width:16px}.dropdown-xblock-list.common-dropdown-content .select-box .breadcrumb-dropdown-status{display:flex;align-items:flex-start;font-size:11px;line-height:16px;color:var(--color-text-2)}.dropdown-xblock-list.common-dropdown-content .select-box .breadcrumb-dropdown-status>svg{margin:2px 4px 2px 0}.dropdown-xblock-list.common-dropdown-content .select-box .breadcrumb-dropdown-status .breadcrumb-dropdown-status-content{display:flex;flex-wrap:wrap}.dropdown-xblock-list.common-dropdown-content .select-box .breadcrumb-dropdown-status--separator{margin:0 9px 0 8px;position:relative}.dropdown-xblock-list.common-dropdown-content .select-box .breadcrumb-dropdown-status--separator:before{content:"";position:absolute;width:1px;height:12px;background-color:var(--color-disable);top:2px}.outline-menu-container{margin-bottom:-1px}.outline-menu-container .section-item-container.expanded .chevron svg{transform:rotate(0)}.outline-menu-container .section-item{padding:12px 16px;box-shadow:var(--inner-shadow-line-bot);cursor:pointer}.outline-menu-container .section-item .section-item-main{display:flex;align-items:flex-start;justify-content:space-between}.outline-menu-container .section-item .section-info{display:grid}.outline-menu-container .section-item .section-info label{font-size:14px;line-height:24px;line-height:20px;font-family:var(--font-semibold);margin-bottom:4px}.outline-menu-container .section-item .section-info .sub-info{font-size:11px;line-height:16px;display:flex;align-items:center;color:var(--color-text-2)}.outline-menu-container .section-item .section-info .sub-info .locked{color:var(--color-danger);display:flex;align-items:center}.outline-menu-container .section-item .section-info .sub-info .locked svg{min-width:12px;margin-right:4px}.outline-menu-container .section-item .chevron{display:grid;padding:2px 0 22px;color:var(--color-text-2)}.outline-menu-container .section-item .chevron svg{transform:rotate(-180deg);transition:all .3s ease;transition:var(--transition-common)}.outline-menu-container .section-item .section-item-status{display:block;border-radius:4px;background:var(--color-background);font-size:11px;line-height:16px;color:var(--color-text-2);padding:4px 12px;box-shadow:var(--inner-shadow);margin-top:8px;display:flex;align-items:center;overflow:hidden}.outline-menu-container .section-item .section-item-status .higlight-content{color:var(--color-text-1)}.outline-menu-container .section-item .section-item-status .status-item{padding-left:11px;position:relative}.outline-menu-container .section-item .section-item-status .status-item:before{content:"•";letter-spacing:-.005em;position:absolute;left:0}.outline-menu-container .section-item .section-item-status.overdue{background:var(--color-danger);color:var(--color-light)}.outline-menu-container .section-item .section-item-status.overdue .higlight-content{color:var(--color-light)}.outline-menu-container .section-item .section-item-status.overdue .status-item{padding-left:8px}.outline-menu-container .section-item .section-item-status.overdue .status-item:before{content:none}.outline-menu-container .section-item .section-item-status.prereq-status{display:grid;padding:0}.outline-menu-container .section-item .section-item-status.prereq-status .status-item{width:100%;padding:4px 12px;background-color:var(--color-secondary);color:var(--color-light)}.outline-menu-container .section-item .section-item-status.prereq-status .status-item:before{content:none}.outline-menu-container .section-item .section-item-status.prereq-status .status-item__content{color:var(--color-text-2);padding:4px 12px;-webkit-user-select:all;-ms-user-select:all;user-select:all;cursor:default}.outline-menu-container .section-item .section-item-status.grade-status{display:grid;padding:0}.outline-menu-container .section-item .section-item-status.grade-status .status-item{width:100%;padding:4px 12px;background:rgba(0,0,0,.05);background:var(--gray-black-5,rgba(0,0,0,.05));box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.08)}.outline-menu-container .section-item .section-item-status.grade-status .status-item svg{margin-right:4px}.outline-menu-container .section-item .section-item-status.grade-status .status-item:before{content:none}.outline-menu-container .section-item .section-item-status.grade-status .status-item .right{padding-left:8px;float:right}.outline-menu-container .section-item .section-item-status.grade-status .status-item__content{color:var(--color-text-2);padding:4px 12px;-webkit-user-select:all;-ms-user-select:all;user-select:all;cursor:default}.outline-menu-container .section-no-content{font-size:14px;line-height:24px;line-height:20px;padding:10px 16px;color:var(--color-text-2);display:block}.outline-menu-container .section-no-content,.outline-menu-container .section-opened{background:rgba(var(--RGB_color-text-1),.05);box-shadow:var(--inner-shadow-line-bot)}.outline-menu-container .section-opened{padding:12px 0;position:relative;z-index:1}.outline-menu-container .section-opened:after{content:"";position:absolute;background:var(--color-gray-line);width:2px;top:0;left:23px;height:12px;z-index:-1}.outline-menu-container .section-opened .unit-item-container{display:flex;align-items:flex-start;padding:0 16px;color:var(--color-text-1);position:relative}.outline-menu-container .section-opened .unit-item-container.active,.outline-menu-container .section-opened .unit-item-container:hover{color:var(--color-primary)}.outline-menu-container .section-opened .unit-item-container.final:after{height:20px}.outline-menu-container .section-opened .unit-item-container:after{content:"";position:absolute;background:var(--color-gray-line);width:2px;top:0;left:23px;height:100%;z-index:-1}.outline-menu-container .section-opened .unit-item-container .represented-type{display:flex;justify-content:center;padding:12px 0 0;height:100%}.outline-menu-container .section-opened .unit-item-container .unit-info{display:grid;margin-left:12px;padding:10px 0}.outline-menu-container .section-opened .unit-item-container .unit-info .unit-name{font-size:14px;line-height:24px;line-height:20px;letter-spacing:.02em}.outline-menu-container .section-opened .unit-item-container .unit-info .unit-name .type{font-family:var(--font-semibold);margin-right:4px}.outline-menu-container .document-list .no-content,.outline-menu-container .outline-menu-no-content{font-size:14px;line-height:24px;color:var(--color-text-2);padding:22px;display:flex;justify-content:center}.outline-menu-container.documents-container{display:flex;flex-direction:column;min-height:68px}.outline-menu-container .document-list{padding:10px 0}.outline-menu-container .document-list .no-content{padding-top:12px;padding-bottom:12px}.outline-menu-container .document-list .doc-item{display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding:4px 8px;font-size:14px;line-height:24px;transition:all .3s ease;transition:var(--transition-common);cursor:pointer}.outline-menu-container .document-list .doc-item:hover{background:rgba(var(--RGB_color-text-1),.05)}.outline-menu-container .document-list .doc-item__label{margin-right:4px;padding-left:8px;padding-top:4px;padding-bottom:4px}.outline-menu-container .document-list .doc-item button{color:var(--color-disable)}.outline-menu-container .document-list .doc-item button:hover{background:var(--color-gray-line);color:var(--color-text-2)}.outline-menu-container .e-pagination{margin-left:auto;margin-right:auto;margin-bottom:10px}.outline-menu-container .e-loading{padding-bottom:80px}.outline-menu-container.entrance-2-levels .section-opened{background:var(--color-light)}.outline-menu-container.entrance-2-levels .section-opened:after{content:none}.outline-menu-container.entrance-2-levels .section-opened .unit-item-container:first-child:after{top:20px}.lesson-content-container{position:relative}.lesson-content-container .lesson-unit-title{font-size:20px;line-height:32px;letter-spacing:.02em;font-family:var(--font-semibold);margin:0;padding:12px 0}.lesson-content-container .lesson-component-card{background:var(--color-light);box-shadow:var(--box-shadow-small);padding:24px;border-radius:8px;margin-bottom:24px}.lesson-content-container .lesson-component-card:last-of-type{margin-bottom:0}.lesson-content-container .component-title{font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold);margin-bottom:8px}.lesson-content-container .html-content{font-size:14px;line-height:24px;margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px;width:calc(100% + 48px);display:flex}.lesson-content-container .html-actions{font-size:14px;line-height:24px;width:100%;display:flex;align-items:flex-start;justify-content:flex-end;margin-top:24px}.lesson-content-container .html-actions .mark-completed{color:var(--color-primary)}.lesson-content-container .html-actions .mark-completed:disabled{cursor:default;color:var(--color-primary);border-color:var(--color-background);background-color:var(--color-background)}.lesson-content-container .html-actions .mark-completed:disabled svg{margin-right:12px}.lesson-content-container .html-actions .mark-completed:disabled svg path{stroke:var(--color-primary)}.lesson-content-container .quiz-no-title{padding-top:12px}.lesson-content-container .quiz-content{font-size:14px;line-height:24px;margin:0 -12px}.lesson-content-container .video-content{background:var(--color-light);box-shadow:var(--box-shadow-small);border-radius:8px;overflow:hidden;margin-bottom:24px}.lesson-content-container .video-content:last-of-type{margin-bottom:0}.lesson-content-container .video-content .component-title{margin:0;padding:8px}.lesson-content-container .video-content__header{display:flex;align-items:flex-start;justify-content:space-between;padding:8px 16px;box-shadow:var(--inner-shadow-line-bot)}.lesson-content-container .video-content__header button{color:var(--color-text-2)}.lesson-content-container .video-content .blank-video-frame{border-radius:0}.lesson-content-container .assessment-content{margin-left:-24px;margin-right:-24px;margin-bottom:-24px}.lesson-content-container .assessment-title{display:block;margin-bottom:12px;margin-top:-12px}.lesson-content-container .randomized-content .html-content{margin-bottom:24px}.lesson-content-container .randomized-content__actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.lesson-content-container .randomized-content__actions .left,.lesson-content-container .randomized-content__actions .right{display:flex;align-items:center;flex-wrap:wrap}.lesson-content-container .randomized-content__actions .btn-fill,.lesson-content-container .randomized-content__actions .btn-fill--hightlight,.lesson-content-container .randomized-content__actions .btn-fill--orange,.lesson-content-container .randomized-content__actions .btn-fill--second{margin-right:16px}.lesson-content-container .randomized-content__passing-condition{font-size:14px;line-height:24px;color:var(--color-text-2);padding:8px 0}.lesson-content-container .randomized-content__attempts{font-size:14px;line-height:24px;color:var(--color-text-2)}.lesson-content-container .randomized-content__score{font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold);padding:7px 16px;margin-right:16px;display:flex;align-items:center;color:var(--color-danger);border:1px solid rgba(var(--RGB_color-text-1),.05);background-color:rgba(var(--RGB_color-danger),.08);border-radius:8px;transition:all .3s ease;transition:var(--transition-common);cursor:default}.lesson-content-container .randomized-content__score svg{margin-right:12px}.lesson-content-container .randomized-content__score.passed{color:var(--color-complete);background-color:rgba(var(--RGB_color-complete),.08)}.lesson-content-container .hanzi-writer-block{font-size:14px;line-height:24px}.lesson-content-container .hanzi-writer-block .hanzi-word{width:300px;height:300px;border-radius:8px;border:1px solid #e2e2e2;background:#f9f9f9;position:relative}.lesson-content-container .hanzi-writer-block .hanzi-word .no-word{text-align:center;color:var(--color-text-2);margin-top:120px}.lesson-content-container .hanzi-writer-block .hanzi-word.width-650{width:650px}.lesson-content-container .hanzi-writer-block .hanzi-word .message-block{position:absolute;right:0;top:0;width:350px;height:300px;border-left:1px solid #e2e2e2;font-size:14px;padding:15px;display:flex;color:var(--color-text-2)}.lesson-content-container .hanzi-writer-block .hanzi-word .message-block .message-text{align-self:flex-end}.lesson-content-container .hanzi-writer-block .tool{display:flex;flex-direction:row;margin-bottom:20px;flex-wrap:wrap}.lesson-content-container .hanzi-writer-block .tool a{background:#f5f5f5;padding:12px;border-radius:6px;height:32px;border:1px solid #e2e2e2;line-height:8px;color:#65627a;cursor:pointer;margin-right:12px;margin-bottom:10px}.lesson-content-container .hanzi-writer-block .tool a.active,.lesson-content-container .hanzi-writer-block .tool a:hover{background:#006391;color:#fff}.lesson-content-container .hanzi-writer-block .show-input-block{margin-bottom:30px;width:300px}.lesson-content-container .hanzi-writer-block .show-input-block .title{font-weight:700;font-size:14px;line-height:20px}.lesson-content-container .hanzi-writer-block .desciption{font-size:14px}@media(max-width:740px){.lesson-content-container .hanzi-writer-block .hanzi-word{width:100%}.lesson-content-container .hanzi-writer-block .hanzi-word.width-650{width:100%;height:600px}.lesson-content-container .hanzi-writer-block .hanzi-word .message-block{width:100%;border-top:1px solid #e2e2e2;border-left:none;bottom:0;top:inherit}}.lesson-content-container .scorm-frame{position:relative;border:1px solid var(--color-text-1);border-radius:8px;overflow:hidden;display:grid;margin-bottom:24px}.lesson-content-container .scorm-frame:last-of-type{margin-bottom:0}.lesson-content-container .scorm-frame.expanded{position:fixed;left:0;right:0;top:0;bottom:0;margin:0;z-index:1000;z-index:var(--z-index-header);border-radius:0;box-shadow:none;padding:0;border:none;background-color:var(--color-light)}.lesson-content-container .scorm-frame__header{display:flex;width:100%;justify-content:flex-end;padding:3px 16px;height:40px;border-bottom:1px solid var(--color-text-1);background-color:var(--color-light)}.lesson-content-container .scorm-frame__header button{color:var(--color-text-2)}.lesson-content-container .scorm-frame iframe{border:none;background-color:transparent}.lesson-content-container .lesson-no-content{font-size:14px;line-height:24px;padding:20px 16px;border-radius:8px;box-shadow:var(--box-shadow-small);color:var(--color-text-2);display:flex;justify-content:center;background:var(--color-light)}.lesson-content-container .lesson-locked-content{flex-direction:column;align-items:center}.lesson-content-container .lesson-locked-content svg{margin-bottom:12px}.lesson-content-container .lesson-locked-content p{margin-bottom:0}.lesson-content-container .e-loading{height:calc(100vh - 80px);height:calc(100vh - var(--height-header-lesson) - 32px)}.mobile-lesson-layout .lesson-content-container{background:var(--color-light);padding:24px 0;min-height:100vh}.mobile-lesson-layout .lesson-content-container .lesson-component-card{box-shadow:none;padding-top:0;padding-bottom:0!important}.mobile-lesson-layout .lesson-content-container .video-content{box-shadow:none;border-radius:0;margin-top:-24px}.mobile-lesson-layout .lesson-content-container .video-content__header{display:none}.mobile-lesson-layout .lesson-content-container .assessment-content{margin-left:-16px;margin-right:-16px;margin-bottom:-16px}.mobile-lesson-layout .lesson-content-container .assessment-title{margin-top:0}.mobile-lesson-layout .lesson-content-container .learning-assessment{padding:0 8px 8px}.mobile-lesson-layout .lesson-content-container .learning-assessment .attachment-list{padding-left:0}.mobile-lesson-layout .lesson-content-container .learning-assessment .attachments-container{padding:0 8px 8px}.mobile-lesson-layout .lesson-content-container .learning-assessment .answer-group,.mobile-lesson-layout .lesson-content-container .learning-assessment .answer-submission{padding:8px}.mobile-lesson-layout .lesson-content-container .e-loading{position:fixed;height:100%}.mobile-lesson-layout .lesson-content-container .lesson-no-content{box-shadow:none}.entrance-exam-notice{padding:0 16px;margin-top:32px;margin-bottom:8px;z-index:999;z-index:calc(var(--z-index-header) - 1)}.entrance-exam-notice .entrance-wrapper{background:var(--color-light);border:1px solid var(--color-primary-dark);padding:15px 24px;border-radius:8px;color:var(--color-text-1);display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;transition:var(--transition-common)}.entrance-exam-notice .entrance-text{display:grid}.entrance-exam-notice .entrance-text .title{font-size:14px;line-height:24px;line-height:20px;font-family:var(--font-semibold)}.entrance-exam-notice .entrance-text .desc{font-size:11px;line-height:16px;margin-top:4px;color:var(--color-text-2);transition:all .3s ease;transition:var(--transition-common)}.entrance-exam-notice .entrance-right{display:flex;align-items:center}.entrance-exam-notice .entrance-right .score{color:var(--color-secondary);font-size:24px;line-height:36px;letter-spacing:.02em;margin-right:16px;font-family:var(--font-semibold)}.entrance-exam-notice .entrance-right .score.passed{color:var(--color-complete)}.entrance-exam-notice .entrance-right .btn-start{font-size:14px;line-height:24px}.entrance-exam-notice .entrance-right .btn-start.active{box-shadow:none;background-color:var(--color-complete)!important;color:var(--color-light)!important}.entrance-exam-notice .entrance-right .btn-start.active:hover{background-color:var(--color-complete-hover)!important}.entrance-exam-notice.mini{position:-webkit-sticky;position:sticky;top:48px;top:var(--height-header-lesson);animation:slideDown .3s ease}.entrance-exam-notice.mini .entrance-wrapper{padding:8px 24px;background:var(--color-primary-dark);color:var(--color-light);border-radius:0 0 8px 8px;transition:all .1s ease}.entrance-exam-notice.mini .entrance-wrapper .entrance-text .desc{color:var(--color-disable)}.entrance-exam-notice.mini .entrance-wrapper .entrance-text .desc:not(.passed){display:none}.entrance-exam-notice.mini .entrance-wrapper .entrance-right .btn-start{box-shadow:none;padding:4px 12px;min-height:32px}.entrance-exam-notice.mini .entrance-wrapper .entrance-right .btn-start:disabled{color:rgba(var(--RGB_color-light),.5);background:rgba(var(--RGB_color-light),.1)}.modal-required-entrance{padding:56px 56px 48px;display:flex;flex-direction:column;align-items:center}.modal-required-entrance .title{font-size:24px;line-height:36px;letter-spacing:.02em;font-family:var(--font-semibold);margin-bottom:12px}.modal-required-entrance .message{color:var(--color-text-2);font-size:14px;line-height:24px;text-align:center}.modal-required-entrance .actions-group{margin-top:48px;display:flex;align-items:center}.modal-required-entrance .actions-group a:first-child{margin-right:12px}.modal-success-entrance{padding:56px;display:flex;flex-direction:column;align-items:center}.modal-success-entrance .btn-close{position:absolute;top:8px;right:12px;padding:12px}.modal-success-entrance .title{font-size:28px;line-height:40px;font-family:var(--font-semibold);font-family:var(--font-medium);margin-bottom:16px}.modal-success-entrance .title span{margin-right:12px}.modal-success-entrance .message{font-size:16px;line-height:24px;text-align:center}.modal-success-entrance .actions-group{margin-top:24px;display:flex;align-items:center;justify-content:center}.common-modal-container.modal-success-container.fade .modal-dialog .modal-content,.common-modal-container.modal-success-container.show .modal-dialog .modal-content{border-radius:16px}.video-transcript-dropdown.common-dropdown-content{min-width:142px}.video-transcript-dropdown.common-dropdown-content .select-item .select-box{justify-content:space-between}.video-transcript-dropdown.common-dropdown-content .select-item .select-box svg{margin:0 0 0 12px}.transcript-container .transcript-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 16px;min-height:48px;box-shadow:var(--inner-shadow-line-top)}.transcript-container .transcript-header__toggler{margin-right:8px;color:var(--color-disable)}.transcript-container .transcript-header__toggler svg{transition:all .3s ease;transition:var(--transition-common)}.transcript-container .transcript-header__toggler.collapsed svg{transform:rotate(-90deg)}.transcript-container .transcript-header__title{font-size:16px;line-height:24px;display:flex;align-items:center;white-space:nowrap;width:100%;max-width:calc(100% - 48px)}.transcript-container .transcript-header__title .heading{font-family:var(--font-semibold);margin-right:4px}.transcript-container .transcript-header__title .selected-language{max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transcript-container .transcript-header .language-selection{display:flex;align-items:center;cursor:pointer;padding:0 4px;max-width:calc(100% - 114px)}.transcript-container .transcript-header .language-selection svg{margin-left:8px;color:var(--color-text-2)}.transcript-container .transcript-header__download{color:var(--color-primary)}.transcript-container .transcript-content{padding:0 16px 16px;position:relative}.transcript-container .transcript-content.loading{min-height:80px}.transcript-container .transcript-content__none{color:var(--color-text-2);width:100%;display:flex;justify-content:center;font-size:14px;line-height:24px;padding:8px}.transcript-container .transcript-content .e-loading{transition:all .3s ease;transition:var(--transition-common);height:100%;align-items:flex-start;padding:24px}.transcript-container .paragraph-section{font-size:14px;line-height:24px;display:flex;align-items:flex-start;padding:8px}.transcript-container .paragraph-section__time{white-space:nowrap;min-width:62px;margin-right:8px}.transcript-container .paragraph-section__time span{color:var(--color-text-2);cursor:pointer;transition:all .3s ease;transition:var(--transition-common)}.transcript-container .paragraph-section__time span:hover{color:var(--color-text-1);text-decoration:underline}.transcript-container .paragraph-section__content{cursor:pointer}.transcript-container .paragraph-section__phrase{outline-color:transparent}.transcript-container .paragraph-section__phrase:hover{text-decoration:underline}.transcript-container .paragraph-section__phrase.active{outline:1px solid rgba(var(--RGB_color-text-1),.05);outline-offset:-1px;background:#f2f0ff;color:var(--color-primary);text-decoration:unset}.lesson-content-container .video-content.expand-view{position:fixed;left:0;right:0;top:0;bottom:0;margin:0;z-index:1000;z-index:var(--z-index-header);border-radius:0;box-shadow:none;background:var(--color-text-1)}.lesson-content-container .video-content.expand-view .video-closable-wrapper{height:100%;width:calc(100% - 352px);width:calc(100% - var(--width-right-bar-transcript));margin-right:352px;margin-right:var(--width-right-bar-transcript)}.lesson-content-container .video-content.expand-view .video-closable-wrapper .close-view{position:absolute;top:16px;left:24px;color:var(--color-text-2);transition:all .3s ease;transition:var(--transition-common);border:1px solid rgba(var(--RGB_color-text-1),.05);background:var(--color-gray-line-light);padding:7px;display:grid;z-index:999;border-radius:50%;opacity:1}.lesson-content-container .video-content.expand-view .video-closable-wrapper .close-view:hover{color:var(--color-text-1);background:var(--color-background)}.lesson-content-container .video-content.expand-view .video-closable-wrapper .close-view:disabled{opacity:0;pointer-events:none;z-index:-1;visibility:hidden}.lesson-content-container .video-content.expand-view .video-block{height:100%;width:100%}.lesson-content-container .video-content.expand-view .video-block .video-player-container{height:100%!important;width:100%!important}.lesson-content-container .video-content.expand-view .transcript-container{position:fixed;right:0;top:0;bottom:0;width:352px;width:var(--width-right-bar-transcript);background:var(--color-light)}.lesson-content-container .video-content.expand-view .transcript-container .transcript-header{z-index:1;box-shadow:var(--inner-shadow-line-bot);padding-left:24px}.lesson-content-container .video-content.expand-view .transcript-container .transcript-header .heading{display:none}.lesson-content-container .video-content.expand-view .transcript-container .transcript-header .language-selection{max-width:100%;margin-left:-4px}.lesson-content-container .video-content.expand-view .transcript-container .transcript-content-panel{height:calc(100% - 48px);overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.lesson-content-container .video-content.expand-view .transcript-container .transcript-content{padding-top:16px}.lesson-content-container .video-content.expand-view .transcript-container .paragraph-section{display:grid}.lesson-content-container .video-content.expand-view .attach-file-container{display:none}.post-submit-modal .modal-content__header{text-align:center;font-size:28px;font-weight:500;line-height:34px;margin-bottom:19px}.post-submit-modal .modal-content__header span[role=img]{margin-right:12px}.post-submit-modal .modal-content__body{text-align:left;font-size:16px;line-height:24px;margin-bottom:24px}.post-submit-modal .modal-content__footer{display:flex;align-items:center;justify-content:center;grid-gap:16px;gap:16px}.lesson-layout.lesson-preview{padding-top:48px;min-height:calc(100vh - 48px)}.lesson-layout.lesson-preview .lesson-header{top:48px}.lesson-layout.lesson-preview .lesson-main .left-sidebar{top:96px;height:calc(100vh - 96px)}.lesson-layout.lesson-preview .lesson-main .lesson-content-layout .lesson-content-container .video-content.expand-view,.lesson-layout.lesson-preview .lesson-main .lesson-content-layout .lesson-content-container .video-content.expand-view .transcript-container{top:48px}.preview-header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;height:48px;background:var(--color-text-1);color:var(--color-light);z-index:1009;z-index:calc(var(--z-index-header) + 9)}.preview-header .preview-layout-wrapper{width:100%;height:100%;max-width:1366px;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.preview-header .preview-logo{padding:0 24px;display:flex;align-items:center;cursor:default;font-size:18px;line-height:24px;letter-spacing:.02em;letter-spacing:normal}.preview-header .preview-logo .split{display:block;width:1px;height:16px;margin:0 8px;background:var(--color-light)}.preview-header .preview-action{display:flex;align-items:center;padding:0 24px;font-size:14px;line-height:24px}.preview-header .preview-action button{text-decoration:unset}.preview-header .preview-action .btn-back-to-edit{background:0 0;display:block;min-height:32px;padding:4px 12px;color:var(--color-light);border:none;transition:all .3s ease;transition:var(--transition-common);border-radius:6px}.preview-header .preview-action .btn-back-to-edit:hover{background:rgba(var(--RGB_color-light),.2)}.randomize-portal{position:fixed;left:0;right:0;bottom:0;top:0;z-index:1009;z-index:calc(var(--z-index-header) + 9);pointer-events:all;background-color:transparent}.randomize-portal__container{width:100%;height:100%;position:relative;overflow:hidden;background-color:var(--color-light);box-shadow:var(--box-shadow-small)}.randomize-portal__header{position:absolute;left:0;right:0;top:0;height:56px;height:var(--height-header-default);z-index:99;background-color:var(--color-light);justify-content:space-between;padding:8px 48px;box-shadow:var(--box-shadow-light)}.randomize-portal__header,.randomize-portal__header .left,.randomize-portal__header .right{display:flex;align-items:center}.randomize-portal__header .close-btn{background-color:rgba(var(--RGB_color-text-1),.05);color:var(--color-text-2)}.randomize-portal__header .close-btn:hover{background-color:rgba(var(--RGB_color-text-1),.1)}.randomize-portal__header .close-btn:disabled{background-color:rgba(var(--RGB_color-text-1),.05)}.randomize-portal__header--attempts{font-family:var(--font-medium)}.randomize-portal__body{height:calc(100% - 56px);height:calc(100% - var(--height-header-default));width:100%;margin-top:56px;margin-top:var(--height-header-default)}.randomize-portal__evaluation{width:100%;display:flex;justify-content:center;background-color:rgba(var(--RGB_color-danger),.08);box-shadow:var(--inner-shadow-line-bot)}.randomize-portal__evaluation .content-evaluation{max-width:926px;width:100%;padding:24px;display:flex;align-items:center;justify-content:space-between}.randomize-portal__evaluation .info{display:grid;font-size:14px;line-height:24px;color:var(--color-text-2)}.randomize-portal__evaluation .info .score{font-size:24px;line-height:36px;letter-spacing:.02em;line-height:32px;font-family:var(--font-semibold);margin-bottom:4px;width:-webkit-max-content;width:max-content;color:var(--color-danger)}.randomize-portal__evaluation .actions{display:flex;align-items:center}.randomize-portal__evaluation .actions .evaluation-action{margin-left:16px}.randomize-portal__evaluation .actions .evaluation-action i{display:grid}.randomize-portal__evaluation .actions .evaluation-action svg{color:var(--color-light)}.randomize-portal__evaluation .actions .evaluation-action:disabled svg{color:var(--color-disable)}.randomize-portal__evaluation.passed{background-color:rgba(var(--RGB_color-complete),.08)}.randomize-portal__evaluation.passed .info .score{color:var(--color-complete)}.randomize-portal__evaluation.passed .actions .evaluation-action.remake svg{color:var(--color-text-2)}.randomize-portal__evaluation.passed .actions .evaluation-action.remake:disabled svg{color:var(--color-disable)}.randomize-portal__content{width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;position:relative}.randomize-portal__content--container{display:flex;flex-direction:column;align-items:center;min-height:100%;background-color:var(--color-background)}.randomize-portal__content--main{max-width:926px;width:100%;padding:24px 24px 48px}.randomize-portal__content .content-title{font-size:20px;line-height:32px;letter-spacing:.02em;font-family:var(--font-semibold);margin-bottom:4px}.randomize-portal__content .content-description{margin-bottom:24px;font-size:14px;line-height:24px}.randomize-portal__content .progress-loading.progress{top:56px;top:var(--height-header-default)}.randomize-portal__content--submission{margin-top:-8px}.randomize-portal__content--submission .confirm-submission{display:flex;align-items:flex-start;margin-bottom:16px}.randomize-portal__content--submission .confirm-submission .submission-msg{margin-top:6px;margin-left:16px;font-size:14px;line-height:24px;line-height:20px;cursor:default}.randomize-portal__content--submission .btn-submission{margin-left:32px}.learner-layout{display:flex;flex-direction:column;min-height:100vh;padding-top:56px;padding-top:var(--height-header-default)}.learner-main{max-width:1366px;margin:0 auto;font-size:14px;line-height:24px;padding:0 68px 36px}.learner-main .learner-maincontent{display:flex;width:100%}.learner-main .learner-maincontent .learner-content{margin-top:32px;max-width:calc(100% - 315px);width:100%}.learner-main .learner-maincontent .e-pagination{margin-top:6px;margin-bottom:24px}.learner-main .mycourse-container-new{margin-bottom:8px}.learner-main.k-hospital .banner-k-hospital{background-image:url(/static/media/k_course_bg.c4bde7ee.png);height:280px;width:100%;background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;color:var(--color-primary-2);font-family:var(--font-bold);font-size:48px;line-height:72px;text-align:center;padding:0 16px}.learner-menu-list{position:-webkit-sticky;position:sticky;align-self:flex-start;width:267px;margin-right:48px;margin-top:48px;margin-bottom:32px;overflow-x:hidden;overflow-y:auto;top:104px}.learner-menu-list .link-item{font-size:16px;line-height:24px}.learner-menu-list .link-item:hover:not(.active) .menu-item{color:var(--color-primary)}.learner-menu-list .link-item.active .menu-item{background:var(--color-primary);color:var(--color-light);border-radius:8px}.learner-menu-list .link-item .menu-item{height:48px;padding:12px;color:var(--color-text-2);transition:all .2s ease;display:flex}.learner-menu-list .link-item .menu-item span{margin-left:14px}.footer-container{background-color:#e9f6f7;box-shadow:var(--box-shadow-small);margin-top:auto}.footer-container .footer-content{max-width:1366px;display:flex;margin:0 auto}.footer-container.copyright{background-color:#015c65;margin-top:0}.common-footer{padding:48px 68px 0;width:100%}.common-footer .footer-left .logo-link{width:-webkit-max-content;width:max-content}.common-footer .footer-left .title-col1{font-family:var(--font-medium);margin:32px 0 12px}.common-footer .footer-left .text-col1{color:#555;margin-bottom:12px}.common-footer .footer-left .text-col1 a{color:var(--color-primary-2)}.common-footer .footer-left .app{display:flex;padding-top:46px;align-items:center}.common-footer .footer-left .app .code{margin-right:32px}.common-footer .footer-left .app .learn-everywhere{display:flex;flex-direction:column}.common-footer .footer-left .app .learn-everywhere .title{font-size:24px;line-height:36px;letter-spacing:.02em;line-height:32px;color:var(--color-primary);font-family:var(--font-semibold)}.common-footer .footer-left .app .learn-everywhere .download{font-size:14px;line-height:24px;padding:12px 0;color:var(--color-text-2)}.common-footer .footer-left .app .learn-everywhere a:hover{text-decoration:none}.common-footer .footer-left .app .learn-everywhere .app-mobile{display:flex}.common-footer .footer-left .app .learn-everywhere .app-store{margin-right:14px}.common-footer .footer-menu .title-about{font-size:14px;line-height:24px;margin-bottom:24px;letter-spacing:.04em;font-family:var(--font-semibold)}.common-footer .footer-menu .navigation-about{font-size:14px;line-height:24px;margin-bottom:20px;color:var(--color-text-2);display:block;cursor:pointer;display:flex;align-items:center}.common-footer .footer-menu .navigation-about:hover{color:var(--color-text-1)}.common-footer .footer-menu .navigation-about .icon-size-16,.common-footer .icon-follow{margin-right:12px}.language-dropdown{width:120px}.language-dropdown .elite-select .elite-studio__control{background:0 0;box-shadow:none}.language-dropdown .elite-select .elite-studio__control .elite-studio__value-container .elite-studio__single-value{color:var(--color-text-2)}.language-dropdown .elite-select .elite-studio__control .elite-studio__indicators svg path{fill:var(--color-text-2)}.footer-copyright-container{display:flex;width:100%;padding:0 68px}.footer-copyright{min-height:48px;align-items:center;width:100%;display:flex;justify-content:start;margin-top:0;padding:12px 0}.footer-copyright .language-dropdown .elite-select .elite-studio__control .elite-studio__indicators svg path{fill:var(--color-light)}.footer-copyright .language-dropdown .elite-select .elite-studio__control .elite-studio__value-container .elite-studio__single-value{color:var(--color-light)}.footer-copyright .copyright-content{color:var(--color-light);display:flex;align-items:center}.footer-copyright .copyright-content .text-final{font-size:14px;line-height:24px;color:var(--color-text-2);display:inline-flex;cursor:pointer}.footer-copyright .copyright-content .text-final:hover{text-decoration:unset;color:unset}.footer-copyright .copyright-content .separate-text{width:1px;height:16px;display:inline-flex;background:var(--color-disable);margin:0 16px}.footer-copyright .content-right{margin-left:auto;display:flex;align-items:center}.footer-copyright .content-right .text{color:var(--color-light)}.footer-copyright .elite-learning a{color:#dcbb48}.header-container-layout{background:var(--color-light);box-shadow:var(--box-shadow-small);position:fixed;left:0;top:0;right:0;height:56px;height:var(--height-header-default);z-index:1000;z-index:var(--z-index-header);display:flex;justify-content:center}.header-container-layout .button_login{background:var(--color-primary);border-radius:8px;padding:8px 16px;color:#fff}.header-container-layout .button_login:hover{background:var(--color-primary-light)}.header-container-layout .container-header{width:100%;max-width:1366px;display:flex;align-items:center;box-shadow:none;padding:0 68px;justify-content:space-between}.header-container-layout .container-header .logo{display:grid}.header-container-layout .container-header .logo svg{max-height:56px;max-height:var(--height-header-default)}.header-container-layout .header-right-content{display:flex;align-items:center}.header-container-layout .header-right-content .me-dropdown-container{margin-right:-16px}.header-container-layout .header-right-content .avatar-icon{padding:8px 16px;box-shadow:none!important;border:none}.header-container-layout .header-right-content .menu-list{display:flex;align-items:center}.header-container-layout .header-right-content .custom-link-header{display:block;padding:12px 16px;transition:all .3s ease;transition:var(--transition-common);color:var(--color-text-1)}.header-container-layout .header-right-content .custom-link-header.active,.header-container-layout .header-right-content .custom-link-header:hover{color:var(--color-primary)}.header-container-layout .avatar-dropdown{background:var(--color-light);border-radius:16px;border:none;box-shadow:var(--box-shadow-big);margin-top:2px;padding:0;width:320px;margin-right:16px}.header-container-layout .avatar-header{border-bottom:none;padding:20px 24px 0}.header-container-layout .avatar-header .avatar-header-name{color:var(--color-text-1);font-size:14px;line-height:24px;font-family:var(--font-semibold)}.header-container-layout .avatar-header-menu{padding:12px 0}.header-container-layout .avatar-row-item{padding:8px 12px;margin:0 12px;font-size:14px;line-height:24px;display:flex;align-items:center;min-height:40px;transition:all .3s ease;transition:var(--transition-common);color:var(--color-text-1)}.header-container-layout .avatar-row-item.logout svg{color:red}.header-container-layout .avatar-row-item svg{min-width:16px;margin-right:12px}.header-container-layout .avatar-row-item:hover{background:rgba(var(--RGB_color-text-1),.05);border-radius:8px}.header-container-layout .status-row{color:var(--color-text-2);margin-top:12px;font-size:14px;line-height:24px;display:flex;align-items:center}.header-container-layout .status-row .status{padding:0 8px;background:var(--color-text-2);margin-right:12px;color:var(--color-light);border-radius:4px;font-family:var(--font-medium)}.header-container-layout .status-row .status.pro{background:var(--color-primary)}.header-container-layout .status-row .status.overdue{background:var(--color-gray-line);color:var(--color-text-2)}.header-container-layout .header-left-content{display:flex;align-items:center}.header-container-layout .header-left-content .k-type{padding:8px 16px;color:var(--color-light);background:var(--color-primary-2);font-family:var(--font-medium);margin-left:24px;border-radius:4px;display:flex;align-items:center}.header-container-layout .header-left-content .k-type svg{margin-left:8px}.header-container-layout .header-left-content .k-type:hover{background:var(--color-primary-2-hover)}.header-container-layout .header-left-content .search-course-program{margin-left:24px;background:var(--color-background);box-shadow:var(--inner-shadow);border-radius:4px;padding:8px 16px;border:none}.header-container-layout .header-left-content .search-course-program input{background:var(--color-background)}.search-course-program{margin-left:147px;font-size:16px;line-height:24px}.search-course-program .search-courses{display:flex;align-items:center}.search-course-program input{border:none;min-width:260px;width:100%;margin-left:12px}.profile-workspace-info{padding:12px;position:relative;border-bottom:1px solid var(--color-gray-line-light)}.profile-workspace-info__toggler{position:absolute;top:16px;right:16px;z-index:1;color:var(--color-secondary)}.profile-workspace-info__toggler svg{transform:rotate(180deg);transition:all .3s ease;transition:var(--transition-common)}.profile-workspace-info__toggler.show svg{transform:rotate(0)}.profile-workspace-info__item{position:relative;padding:8px 8px 8px 40px;border-radius:8px;transition:all .3s ease;transition:var(--transition-common);background-color:transparent;cursor:pointer;display:grid;color:var(--color-text-2);font-size:11px;line-height:16px}.profile-workspace-info__item:first-child{padding-right:44px}.profile-workspace-info__item:hover{background-color:rgba(var(--RGB_color-text-1),.05)}.profile-workspace-info__item .workspace-name{font-size:16px;line-height:24px;color:var(--color-text-1);font-family:var(--font-medium)}.profile-workspace-info__item .active-check{position:absolute;left:12px;top:12px;display:grid;color:var(--color-complete)}.profile-workspace-info__workspace-list{display:grid}.profile-workspace-info__workspace-list:not(.show) .profile-workspace-info__item:not(.active){display:none}.certificate-container{padding:32px 68px 48px}.certificate-container .certificate-title{font-size:28px;font-style:normal;font-weight:600;line-height:34px;letter-spacing:.28px;margin-bottom:4px;font-family:var(--font-semibold);max-width:-webkit-max-content;max-width:max-content;padding:12px 0}.certificate-container .certificate-list{margin-top:24px}.certificate-container .certificate-list .certificate-item{height:calc(100% - 24px);background:var(--color-light);box-shadow:var(--box-shadow-small);border-radius:8px;padding:0 24px 24px;margin-bottom:24px}.certificate-container .certificate-list .certificate-item .label:hover{color:var(--color-primary)}.certificate-container .certificate-list .certificate-item .icon-container{margin-bottom:24px;display:flex;align-items:center}.certificate-container .certificate-list .certificate-item .icon-container span{margin-left:auto}.certificate-container .certificate-list .certificate-item .icon-container span .icon-share-certificate{margin-right:24px}.certificate-container .certificate-list .certificate-item .icon-container span .icon-download path{stroke:var(--color-text-2)}.certificate-container .certificate-list .certificate-item .discription{color:var(--color-text-1);font-family:var(--font-medium)}.certificate-container .certificate-list .certificate-item .label{margin:4px 0;font-family:var(--font-semibold);font-size:18px;line-height:24px;letter-spacing:.02em;color:var(--color-text-1)}.certificate-container .certificate-list .certificate-item .date{color:var(--color-text-2)}.nodata-container{box-shadow:var(--box-shadow-small);border-radius:8px;background:var(--color-light);padding:24px;width:100%;text-align:center;margin-top:24px;font-size:14px;line-height:24px}.nodata-container .title{color:var(--color-text-2)}.nodata-container .link{padding:8px 16px;background:var(--color-primary);border-radius:8px;color:var(--color-light);margin-top:12px}.certification-header{background:#fff;box-shadow:0 0 2px rgba(0,0,0,.2);display:flex;flex-wrap:wrap;padding:12px 16px;justify-content:space-between;align-items:center}.certification-header .certificate-title{font-size:16px;line-height:24px;font-family:var(--font-semibold)}.certification-header .text-download{color:var(--color-primary);font-family:var(--font-semibold);cursor:pointer}.certification-header .course-name{width:calc(100vw - 230px);min-width:300px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:4px 16px 4px 0}.certificate-details-container{min-height:calc(100vh - 48px);display:flex;align-items:center;padding:16px}.certificate-details-container .certificate-details-content{min-height:582px;width:830px;margin:auto;background:var(--color-light)}.certificate-details-container .certificate-details-content .certificate{border:2px solid var(--color-primary-light);margin:12px;padding:36px 28px 24px}.certificate-details-container .certificate-details-content .certificate .content{text-align:center;margin-top:24px}.certificate-details-container .certificate-details-content .certificate .content .text-1{font-family:var(--font-medium);font-size:18px;line-height:24px;letter-spacing:.02em;margin-bottom:8px}.certificate-details-container .certificate-details-content .certificate .label{text-align:center;color:#fb3b31;font-family:var(--font-bold);font-size:28px;line-height:36px;margin-top:48px;margin-bottom:12px}.certificate-details-container .certificate-details-content .certificate .subject{text-align:center;margin-bottom:12px}.certificate-details-container .certificate-details-content .certificate .username{text-align:center;font-size:68px;line-height:64px;letter-spacing:.02em;font-family:var(--font-certificate-label);font-weight:700}.certificate-details-container .certificate-details-content .footer{display:flex;justify-content:space-between;align-items:flex-end;padding:55px 32px 32px}.certificate-details-container .certificate-details-content .footer .left{font-size:14px;line-height:24px}.certificate-details-container .certificate-details-content .footer .right{font-size:12px;line-height:20px}.certificate-details-container .certificate-details-content .footer .text-date{color:var(--color-text-2)}.certificate-details-container .certificate-details-content .footer .text-certificate-no{color:var(--color-text-2);margin-top:12px}.certificate-details-container .certificate-details-content .footer .text-medium{font-family:var(--font-medium)}.certificate-details-container .certificate-details-content .footer .signer-image{max-width:136px;max-height:68px;margin-bottom:4px}.certificate-details-container .certificate-details-content .footer .process{font-size:16px;line-height:22px;color:#3a46b0;max-width:363px;font-family:var(--font-semibold)}.certificate-details-container .certificate-details-content .footer .date-create{margin-top:19px}.certificate-details-container .certificate-details-content .footer .org{font-family:var(--font-semibold);font-size:14px;line-height:24px}.certificate-details-container .certificate-details-content .footer .job{margin-bottom:8px}.certificate-details-container .logo-certificate{background-image:url(/static/media/logo_certificate.8d7cce46.png);background-size:contain;background-repeat:no-repeat;display:block;width:170px;height:85px}.certificate-details-container .signer-container{max-width:170px}.tab{font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-medium);color:var(--color-disable);margin-right:24px;padding:12px 0;position:relative;justify-content:center;display:flex}.tab,.tab:after{transition:all .3s ease;transition:var(--transition-common)}.tab:after{content:"";position:absolute;bottom:0;width:0;background-color:var(--color-text-1);height:2px}.tab.active{color:var(--color-text-1)}.tab.active:after{width:100%}.tab:hover{color:var(--color-text-1)}.course-list{padding:12px 0}.course-list .nodata-container{margin-top:12px}.course-list .course-item-wrapper{padding:12px 0}.course-list .course-item{display:flex;box-shadow:var(--box-shadow-small);border-radius:8px}.course-list .course-item .thumbnail{border-radius:8px 0 0 8px;max-width:327px;min-width:327px;min-height:184px;display:flex;align-items:center;justify-content:center}.course-list .course-item .thumbnail .course-thumbnail{height:100%;min-width:327px;min-height:184px;border-radius:inherit}.course-list .course-item .thumbnail .course-thumbnail .lazy-image-img{height:100%;position:absolute}.course-list .course-item .info{font-size:14px;line-height:24px;background:var(--color-light);border-radius:0 8px 8px 0;width:100%;padding:16px 24px;display:flex;flex-direction:column}.course-list .course-item .info .number{color:var(--color-text-2);font-family:var(--font-medium)}.course-list .course-item .info .name{font-size:18px;line-height:24px;letter-spacing:.02em;color:var(--color-text-1);font-family:var(--font-semibold);padding:4px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;max-width:100%}.course-list .course-item .info .name:hover{color:var(--color-primary)}.course-list .course-item .info .date{color:var(--color-text-1);margin-bottom:8px;display:flex;flex-wrap:wrap;align-items:center}.course-list .course-item .info .date .date-title{color:var(--color-text-2)}.course-list .course-item .info .process{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.course-list .course-item .info .process .course-not-started{font-size:14px;line-height:24px;color:var(--color-text-2)}.course-list .course-item .info .process .percent{display:grid;width:100%}.course-list .course-item .info .process .percent .zero{color:var(--color-text-2)}.course-list .course-item .info .process .numberPercent{font-family:var(--font-semibold);color:var(--color-secondary)}.course-list .course-item .info .process .displayName{color:var(--color-text-1);font-family:var(--font-regular);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-list .course-item .info .process label{margin-bottom:0}.course-list .course-item .info .process .bar{height:8px;border-radius:4px;color:var(--color-secondary);box-shadow:none;margin-top:8px}.course-list .course-item .info .process .bar::-webkit-progress-bar{background-color:var(--color-gray-line-light)}.course-list .course-item .info .process .bar::-webkit-progress-value{background-color:var(--color-secondary)}.course-list .course-item .info .process .bar::-moz-progress-bar{background-color:var(--color-secondary)}.course-list .course-item .info .btn-access{background:var(--color-primary);border:none;color:var(--color-light);border-radius:8px;line-height:24px;padding:8px 16px;width:-webkit-max-content;width:max-content;white-space:nowrap;font-family:var(--font-medium);margin-left:16px}.course-list .course-item .info .btn-access.start{background:var(--color-light);color:var(--color-primary);border:1px solid var(--color-primary);padding:7px 16px}.course-list .course-item .info .btn-access.disabled{background:var(--color-background);color:var(--color-disable);pointer-events:none}.course-list .course-item .info .btn-access.unenroll{background:var(--color-light);color:var(--color-danger);border:1px solid var(--color-danger);padding:7px 16px}.course-list .course-item .info .date-past{display:flex;align-items:center;font-size:14px;line-height:24px;flex-wrap:wrap}.course-list .course-item .info .date-past .completed{color:var(--color-complete)}.course-list .course-item .info .date-past .uncompleted{color:var(--color-danger)}.course-list .course-item .info .date-past .date{margin-bottom:0}.course-list .course-item .info .past-course-button{margin-top:auto;margin-left:-16px}.course-list .course-item .suggest-title{margin-bottom:4px}.course-list .line-courses{display:inline-block;height:12px;width:1px;margin:0 12px;background-color:var(--color-disable)}.mycourse-container-new .header-my-course{display:flex;justify-content:space-between;align-items:flex-end}.mycourse-container-new .actions-group-mycourse{display:flex;align-items:center}.mycourse-container-new .actions-group-mycourse .search-courses{margin-right:16px;background:var(--color-light);box-shadow:0 0 2px rgba(0,0,0,.2);border-radius:8px;padding:7px 12px;box-sizing:border-box;display:flex;align-items:center;width:320px}.mycourse-container-new .actions-group-mycourse .search-courses input{border:none;font-size:14px;line-height:24px;width:100%;padding-left:12px}.mycourse-container-new .actions-group-mycourse .search-courses .close-search{color:var(--color-disable);cursor:pointer}.courses-filter-tag{font-size:14px;line-height:24px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;margin-top:24px;border-radius:4px;padding:4px 12px;display:flex;align-items:center;background:var(--color-gray-line-light)}.courses-filter-tag span{white-space:nowrap}.courses-filter-tag .clear-filter{display:grid;padding:4px;margin-left:8px;cursor:pointer;border-radius:50%;transition:all .3s ease;transition:var(--transition-common)}.courses-filter-tag .clear-filter:hover{cursor:pointer;background:var(--color-gray-line)}.filter-dropdown-new-course .square-button{background:var(--color-light);box-shadow:0 0 2px rgba(0,0,0,.2);border-radius:8px;display:flex;align-items:center;justify-content:space-between;min-width:101px;padding:8px 16px}.common-dropdown-content.new-learner-dropdown{background:var(--color-light);padding:24px;border-radius:16px}.common-dropdown-content.new-learner-dropdown .title{font-size:14px;line-height:24px;font-family:var(--font-medium);color:var(--color-text-1);padding-bottom:8px}.common-dropdown-content.new-learner-dropdown .filter-actions{display:flex;align-items:center;justify-content:space-between}.common-dropdown-content.new-learner-dropdown .filter-actions .implement-action{border:none;cursor:pointer;padding:8px 16px;background:var(--color-background);border-radius:8px;font-family:var(--font-medium)}.new-learner-filter{min-width:272px;width:100%;margin-bottom:24px;color:var(--color-text-1)}.new-course-dropdown.common-dropdown.elite-dropdown .popover{overflow:visible!important}.common-dropdown-content.course-item{color:var(--color-text-1);background-color:var(--color-light)}.common-dropdown-content.course-item .select-item label{margin-bottom:0}.common-dropdown-content.course-item .select-item a{color:var(--color-text-1)}.common-dropdown-content.course-item .select-item .select-box{width:100%;cursor:pointer}.common-dropdown-content.course-item .select-item .select-box:hover{background-color:rgba(var(--RGB_color-primary),.1)}.live-screen{min-height:calc(100vh - 375px);width:100vw;background-color:#fff}.live-screen .container{max-width:1366px;margin:0 auto;position:relative;padding:0 68px 36px}.live-screen .main-logo{position:absolute;top:24px}.live-screen .content{max-width:400px;margin:0 auto;padding-top:108px;width:-webkit-max-content;width:max-content}.live-screen .room-name{font-size:24px;line-height:36px;letter-spacing:.02em;font-family:var(--font-semibold);margin:24px 0 4px;color:var(--color-text-1)}.live-screen .rom-start{color:var(--color-text-2);font-size:14px;line-height:24px}.live-screen .rom-start-date{color:var(--color-primary)}.live-screen .rom-text{margin:24px 0}.live-screen .rom-start-end-date{color:var(--color-danger)}.live-screen .try_again{background-color:var(--color-background);padding:8px 16px;color:var(--color-text-2);font-size:14px;line-height:24px;border-radius:6px;cursor:pointer}.live-screen .try_again:hover{background-color:#f2f0ff}.live-screen .try_again span{color:var(--color-primary)}.live-screen .try_again span svg{margin-right:12px}.live-screen .button-start{background:var(--color-complete);border-radius:8px;color:#fff;font-family:var(--font-medium);margin-top:24px;border:none;padding:12px 24px;cursor:pointer}.live-screen .button-start:hover{background:var(--color-complete-hover)}.live-screen .input-name input{background:0 0;margin-top:24px;font-size:16px;line-height:24px}.live-screen .cds-checkbox-group{margin-top:16px}.live-screen .cds-checkbox-group .cds-checkbox-wrapper .cds-checkbox.checked .cds-checkbox-inner,.live-screen .cds-checkbox-group .single-checkbox .cds-checkbox-wrapper .cds-checkbox.checked .cds-checkbox-inner{border-color:var(--color-complete);background:var(--color-complete)}.learner-calendar{display:flex;align-items:flex-start;width:100%;height:calc(100vh - 56px);height:calc(100vh - var(--height-header-default));overflow:hidden}.learner-calendar__left-side-bar{width:330px;width:var(--width-side-bar-default);height:100%;overflow:hidden;position:relative}.learner-calendar__left-side-bar--content{width:100%;height:calc(100% - 32px);padding:24px;margin-top:32px;overflow-x:hidden;overflow-y:scroll;display:flex;flex-direction:column}.learner-calendar__left-side-bar--content::-webkit-scrollbar{display:none}.learner-calendar__left-side-bar--anotations{margin-top:auto;padding-top:24px;display:grid;font-size:14px;line-height:24px}.learner-calendar__left-side-bar--anotations .event-annotation{display:flex;align-items:center}.learner-calendar__left-side-bar--anotations .mark-type{width:12px;min-width:12px;height:12px;border-radius:50%;margin-right:12px}.learner-calendar__left-side-bar--anotations .mark-type__course{background-color:var(--color-complete)}.learner-calendar__left-side-bar--anotations .mark-type__elite_live{background-color:var(--color-primary)}.learner-calendar__main{width:calc(100% - 330px);width:calc(100% - var(--width-side-bar-default));height:100%;overflow:hidden;box-shadow:var(--box-shadow-small);z-index:1;background-color:var(--color-light)}.learner-calendar .learner-elite-calendar{width:100%;height:100%;overflow:hidden}.learner-calendar__viewmode-toggler{width:100%;margin-bottom:24px}.learner-calendar__viewmode-toggler .view-toggler-wrapp-btn{display:flex;border-radius:6px;overflow:hidden;border:1px solid var(--color-primary);font-size:14px;line-height:24px}.learner-calendar__viewmode-toggler .view-toggler-btn{flex:1 1;border:none;padding:4px;color:var(--color-text-2);background-color:transparent;transition:all .3s ease;transition:var(--transition-common)}.learner-calendar__viewmode-toggler .view-toggler-btn.active{background-color:var(--color-primary);color:var(--color-light)}.learner-calendar__navigation-toolbar{position:absolute;left:0;right:0;top:0;height:32px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--inner-shadow-line-bot);background-color:var(--color-light);z-index:1;padding:0 16px}.learner-calendar__navigation-toolbar--current{font-size:14px;line-height:24px;font-family:var(--font-medium);cursor:default}.learner-calendar__navigation-toolbar--button{display:flex;align-items:center;height:100%;width:32px}.learner-calendar__navigation-toolbar--button button{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;padding:8px;color:var(--color-text-2);transition:all .3s ease;transition:var(--transition-common)}.learner-calendar__navigation-toolbar--button button:hover{color:var(--color-text-1)}.learner-calendar__navigation-toolbar--button button.next svg{transform:rotate(180deg)}.learner-calendar__today{margin-top:20px}.learner-calendar__today button{padding:8px 12px;box-shadow:var(--box-shadow-small);background-color:var(--color-light);border-radius:8px;font-size:14px;line-height:24px;border:none}.learner-calendar__date-picker-container{box-shadow:var(--box-shadow-small);background-color:var(--color-light);border-radius:8px;padding:21px}.learner-calendar__date-picker{font-size:11px;line-height:16px}.learner-calendar__date-picker--navigation{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.learner-calendar__date-picker--navigation .navigation-button{border:none;background-color:rgba(var(--RGB_color-text-1),.05);border-radius:50%;display:grid;padding:6px;transition:all .3s ease;transition:var(--transition-common)}.learner-calendar__date-picker--navigation .navigation-button.next svg{transform:rotate(180deg)}.learner-calendar__date-picker--navigation .navigation-button:hover{background-color:rgba(var(--RGB_color-text-1),.1)}.learner-calendar__date-picker--navigation .picker-display{display:flex;align-items:center;flex-direction:column}.learner-calendar__date-picker--navigation .picker-display label{margin:0;font-size:16px;line-height:24px;font-family:var(--font-semibold)}.learner-calendar__date-picker--navigation .picker-display span{display:block;font-size:11px;line-height:16px}.learner-calendar__date-picker--footer{display:flex;justify-content:flex-end;margin-top:12px;width:100%}.learner-calendar__date-picker--footer button{border:none;background-color:transparent;padding:0;color:var(--color-primary);font-size:11px;line-height:16px;font-family:var(--font-medium)}.learner-calendar__date-picker--footer button:hover{text-decoration:underline}.learner-calendar__date-picker--header{display:flex;grid-gap:12px;gap:12px;color:var(--color-text-2);background-color:var(--color-light);z-index:1;margin-bottom:4px}.learner-calendar__date-picker--header .date-picker-header--day{flex:1 1;text-align:center;cursor:default;line-height:24px}.learner-calendar__date-picker--month-view-container{overflow:hidden}.learner-calendar__date-picker--month-view{display:flex;flex-direction:column;margin:0 -6px}.learner-calendar__date-picker--week{display:flex;grid-gap:0;gap:0;align-items:center}.learner-calendar__date-picker--day{flex:1 1;cursor:pointer;padding:4px 6px}.learner-calendar__date-picker--day:hover .day-title{background-color:rgba(var(--RGB_color-text-1),.05)}.learner-calendar__date-picker--day .day-title{display:flex;align-items:center;justify-content:center;border-radius:50%;width:24px;height:24px;transition:all .3s ease;transition:var(--transition-common);border:1px solid transparent}.learner-calendar__date-picker--day .day-title label{margin:0;cursor:pointer}.learner-calendar__date-picker--day .day-title.today{border-color:var(--color-primary)}.learner-calendar__date-picker--day .day-title.selected{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-light)}.learner-calendar__date-picker--day .day-title.off-range{color:var(--color-disable)}.learner-calendar__date-picker--day .day-title.off-range.selected{background-color:rgba(var(--RGB_color-primary),.1);border-color:rgba(var(--RGB_color-primary),.1)}.header-k-container{min-height:56px}.header-k-container .header-k-layout{max-width:1366px;align-items:center;display:flex;width:100%;padding:0 68px}.header-k-container .right-header{margin-left:auto;display:flex;align-items:center}.header-k-container .right-header .login{color:var(--color-primary)}.header-k-container .right-header .login:hover{color:var(--color-primary-hover)}.header-k-container .right-header .register{color:var(--color-light);padding:8px 16px;background:var(--color-primary);border-radius:4px;margin-left:24px}.header-k-container .right-header .register:hover{background:var(--color-primary-hover)}.home-container{width:100vw;background:var(--color-light);margin:0 auto;display:flex;justify-content:center;color:var(--color-text-1)}.home-container.course-intro{box-shadow:0 1px 0 rgba(0,0,0,.1)}.home-container.tabs{border-bottom:1px solid rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:56px;z-index:12}.home-container.course-detail{background:var(--color-background)}.home-container .home-content{max-width:1366px;width:100%;padding:0 68px;align-items:flex-start}.home-container .home-content.partner .partner-item{display:flex;padding:24px 68px;width:390px;max-width:calc(100% - 30px);height:150px;justify-content:center;align-items:center;border-radius:4px;background:#fff;background:var(--Gray-White,#fff);box-shadow:0 .3px 2px rgba(0,0,0,.3)}.home-container .home-content.partner .partner-item:hover{box-shadow:var(--box-shadow-medium)}.home-container .home-content.partner .list{display:flex;flex-wrap:wrap;padding:24px 0;grid-gap:30px;gap:30px}.home-container .home-content.contact{margin-bottom:120px}.home-container .home-content.intro{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0;max-width:unset}.home-container .home-content.intro .ant-carousel{height:100%;width:100%}.home-container .home-content.intro .slick-title-mobile{display:none}.home-container .home-content.intro .slick-dots{bottom:30px}.home-container .home-content.intro .slick-dots li>button:before{content:none}.home-container .home-content.intro .slick-intro{width:100%;height:630px;display:flex!important;flex-direction:row;justify-content:space-between;align-items:center;padding:68px;background-image:url(/static/media/Background.95a3183e.svg);background-position:100% 100%;background-size:contain;background-repeat:no-repeat}.home-container .home-content.intro .slick-intro .content-slide{height:100%;display:flex;flex-direction:column;grid-gap:48px;gap:48px;justify-content:center}.home-container .home-content.intro .slick-intro .content-slide .title{font-size:45px;line-height:72px;font-family:var(--font-bold);color:var(--color-primary-2)}.home-container .home-content.intro .slick-intro .left-content{background-position:50%;background-size:contain;background-repeat:no-repeat;height:400px;width:400px}.home-container .home-content.intro .slick-intro.slick-1 .title{font-size:48px;max-width:374px}.home-container .home-content.intro .slick-intro.slick-1 .left-content{background-image:url(/static/media/VienK.df35a382.svg)}.home-container .home-content.intro .slick-intro.slick-2 .title,.home-container .home-content.intro .slick-intro.slick-3 .title{max-width:640px}.home-container .home-content.intro .slick-intro.slick-2 .left-content,.home-container .home-content.intro .slick-intro.slick-3 .left-content{background-image:url(/static/media/UngThuTienLietTuyen.2ef878a7.svg)}.home-container .home-content.intro .slick-intro.slick-4 .title{max-width:640px}.home-container .home-content.intro .slick-intro.slick-4 .left-content{background-image:url(/static/media/UngThuTuy.3aa9da4e.svg)}@media(max-width:768px){.home-container .home-content.intro .slick-intro{background-size:auto}.home-container .home-content.intro .slick-title-mobile{padding:15px}}.home-container .k-col-item{box-shadow:0 .3px 2px rgba(0,0,0,.3);border-radius:4px;overflow:hidden;height:100%}.home-container .k-col-item:hover{box-shadow:var(--box-shadow-medium)}.home-container .img-k-course{width:100%;height:159px}.home-container .k-course-info{padding:16px;display:flex;flex-direction:column;height:calc(100% - 159px)}.home-container .k-course-info .title{font-size:20px;line-height:32px;letter-spacing:.02em;font-family:var(--font-semibold);margin-bottom:4px;color:var(--color-text-1);flex-grow:1}.home-container .k-course-info .company{color:#65627a;margin-bottom:16px;font-size:14px;line-height:24px}.home-container .k-course-info .footer{display:flex;align-items:center;justify-content:space-between}.home-container .k-course-info .footer .hint{padding:4px 8px;background:var(--color-primary);border-radius:3px;color:var(--color-light);display:inline-flex;max-width:80px;font-family:var(--font-medium);margin-top:auto;font-size:11px;line-height:16px;justify-content:center}.home-container .k-courses-list{margin-top:15px;margin-bottom:-15px}.home-container .k-courses-list .col-item{padding:15px}.home-container .k-label{font-size:36px;line-height:44px;letter-spacing:.02em;font-family:var(--font-bold);margin-bottom:8px;padding-top:120px}.home-container .view-more-course{color:var(--color-primary-2);cursor:pointer;margin-left:auto}.home-container .placehoder-partner-k{background:rgba(0,0,0,.05);border-radius:4px;width:124px;height:64px;margin-right:24px}.home-container .title-contact{margin-top:40px;font-family:var(--font-semibold);margin-bottom:8px;font-size:20px;line-height:32px;letter-spacing:.02em}.home-container .contact-item{display:flex}.home-container .contact-item .text{margin-bottom:4px;padding-left:17px;color:var(--color-text-1)}.home-container .contact-item .text .name{font-family:var(--font-semibold)}.home-container .contact-item .border-left-contact{background:#ffd426;border-radius:2px;width:4px}.home-container .action-login-row{display:flex;grid-gap:12px;gap:12px;flex-wrap:wrap}.home-container .ant-btn{padding:12px 24px;display:flex;justify-content:center;align-items:center}.home-container.subhome .k-hospital-content{padding:60px;background-image:url(/static/media/SubHomeBackground.48b86b7c.svg);background-position:0 0;background-size:cover;background-repeat:no-repeat;width:100%}.home-container.subhome .k-hospital-content .k-label{color:#132370;font-size:48px;font-style:normal;font-weight:700;line-height:64px;letter-spacing:.72px;text-transform:uppercase}.home-container.subhome .k-hospital-content .k-sub-label{margin-top:12px;margin-bottom:32px;color:#fa6e4f;font-size:18px;font-style:normal;font-weight:500;line-height:24px;letter-spacing:.18px}.home-container.subhome .k-hospital-content .k-logos{display:flex;flex-wrap:wrap;grid-gap:24px;gap:24px;align-items:center;margin-bottom:60px}.k-course-about{padding:48px 0;display:flex;align-items:center;color:var(--color-text-1)}.k-course-about .breadcrums-course{color:var(--color-primary);margin-right:12px}.k-course-about .breadcrums-text{color:var(--color-disable);margin-left:12px}.k-course-about .course-title{font-family:var(--font-bold);margin:24px 0 4px;font-size:36px;line-height:44px;letter-spacing:.02em}.k-course-about .descriptions{color:#555;margin-bottom:24px}.k-course-about .button-enroll{color:var(--color-light);background:var(--color-primary-2);border-radius:4px;cursor:pointer;padding:12px 54px;display:inline-flex;font-family:var(--font-medium);border:none;align-items:center}.k-course-about .button-enroll.disabled{background:var(--color-text-2)}.k-course-about .content-left{width:calc(100% - 390px);padding-right:135px}.k-course-about .content-right{max-width:390px}.k-tabs{display:flex;align-items:center}.k-tabs .tab-item{color:var(--color-text-2);font-family:var(--font-medium);padding:16px 24px 16px 0;cursor:pointer}.k-tabs .tab-item.active{color:var(--color-primary)}.k-course-detail{padding:0 0 24px;display:flex}.k-course-detail .content-left{width:calc(100% - 390px);padding-right:54px}.k-course-detail .content-left .title-course-intro,.k-course-detail .content-left h2,.k-course-detail .content-left h3,.k-course-detail .content-left h4{margin-top:48px;scroll-margin-top:120px}.k-course-detail .content-right{max-width:390px;padding-top:48px}.k-course-detail .content-right .item-row{display:flex;align-items:flex-start;margin-bottom:12px}.k-course-detail .content-right .item-row .icon{display:inline-flex;color:var(--color-text-2);padding:4px}.k-course-detail .content-right .item-row svg{width:16px;height:16px;margin-right:12px}.k-course-detail .content-right .line{background:#e2e2e2;width:100%;height:2px}.k-course-detail .content-right .title-intro{margin:24px 0 12px;font-family:var(--font-semibold)}.k-course-detail .content-right .icon-partner svg{width:100%;height:auto}.k-course-detail .text{margin-bottom:4px;color:#555;text-align:justify}.k-course-detail .col-item{margin-bottom:24px}.k-course-detail .layout-content{box-shadow:0 .3px 2px rgba(0,0,0,.3);border-radius:4px;overflow:hidden}.k-course-detail .chapter-container{padding:16px;background:var(--color-light);display:flex;align-items:center;box-shadow:inset 0 -1px 0 rgba(0,0,0,.08);cursor:pointer}.k-course-detail .chapter-container svg{width:16px;height:16px;margin-right:12px}.k-course-detail .chapter-container div{width:calc(100% - 30px);font-family:var(--font-semibold)}.k-course-detail .sections-container{background:var(--color-light)}.k-course-detail .sections-container .section{padding:16px 16px 16px 0;margin-left:46px;background:var(--color-light);border-bottom:1px solid rgba(0,0,0,.08)}.k-course-detail .sections-container .section:last-child{margin-left:0;padding-left:46px}.k-course-detail .sections-container .section:hover{color:var(--color-primary-hover)}.title-course-intro{font-family:var(--font-semibold);font-size:24px;line-height:36px;letter-spacing:.02em;padding:68px 0 24px}.title-course-intro.introduction{padding-top:0}.instructor-col-item{height:100%;background:var(--color-light);box-shadow:0 .3px 2px rgba(0,0,0,.3);border-radius:4px;padding:16px;display:flex}.instructor-col-item .left{width:64px}.instructor-col-item .left .img-intructor{width:48px;height:48px;border-radius:50%}.instructor-col-item .right{width:calc(100% - 64px)}.instructor-col-item .right .name{font-family:var(--font-bold);margin-bottom:4px}.instructor-col-item .right .company{color:var(--color-primary);font-size:14px;line-height:24px}.course-intro-button-row{display:flex}.button-go-to-course{background:var(--color-primary);color:var(--color-light);font-family:var(--font-medium);border-radius:4px;margin-left:16px;padding:12px 24px;display:inline-flex}.home-content{display:flex;padding:24px 0 48px;flex-direction:column;align-items:center;justify-content:center;grid-gap:24px;gap:24px}.home-content .ant-tabs{width:100%;max-width:1366px;padding:0 68px}@media(max-width:768px){.home-content .ant-tabs{padding:0 16px}}.dashboard{display:flex;grid-gap:24px;gap:24px;flex-direction:column}.dashboard__section--title{font-size:28px;font-style:normal;font-weight:600;line-height:34px;letter-spacing:.28px;margin-bottom:4px}.dashboard__section--content{display:flex;flex-direction:column;grid-gap:16px;gap:16px;width:100%}.dashboard__section--content .item-course--wrapper{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:row;border-radius:8px;background-color:var(--color-light);min-height:187px;box-shadow:var(--box-shadow-small)}.dashboard__section--content .item-course--image--default{display:flex;background-color:#e2e2e2;height:100%;align-items:center;justify-content:center;border-radius:8px 0 0 8px}.dashboard__section--content .item-course--image .ant-image{width:327px}.dashboard__section--content .item-course--image .ant-image-img{object-fit:cover;border-radius:8px 0 0 8px}.dashboard__section--content .item-course--content--wrapper{display:flex;flex-grow:1;padding:0 24px 16px;flex-direction:column}.dashboard__section--content .item-course--content--info{display:flex;flex-grow:1;flex-direction:column;margin-top:8px}.dashboard__section--content .item-course--content{display:flex;flex-grow:1;flex-direction:row}.dashboard__section--content .item-course--content--item.title{text-wrap:wrap}.dashboard__section--content .item-course--content--item.title .name{font-size:18px;font-style:normal;line-height:24px;font-weight:600;color:var(--color-text-1)}.dashboard__section--content .item-course--content--item.more{padding:8px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;border-radius:4px;margin-top:4px}.dashboard__section--content .item-course--content--item.more:hover{background:#e2e2e2;color:var(--color-light)}.dashboard__section--content .item-course--status{display:flex;flex-direction:row;width:100%;grid-gap:12px;gap:12px}.dashboard__section--content .item-course--progress{flex-grow:1;margin-right:12px}.dashboard__section--content .item-course--progress--title{font-size:14px;font-style:normal;font-weight:600;line-height:24px;letter-spacing:.14px;color:#ff975c}@media(max-width:768px){.dashboard__section--content .item-course--wrapper{flex-direction:column;min-height:0}.dashboard__section--content .item-course--status{flex-wrap:wrap;justify-content:flex-end}.dashboard__section--content .item-course--progress{margin-right:0;width:100%}.dashboard__section--content .item-course--image .ant-image{width:100%}.dashboard__section--content .item-course--image .ant-image-img{border-radius:8px 8px 0 0}.dashboard__section--content .item-course--content--wrapper{padding:16px;grid-gap:16px;gap:16px}}.error-page-container{position:fixed;left:0;top:0;right:0;bottom:0;background:var(--color-light);z-index:1099;z-index:calc(var(--z-index-header) + 99);overflow-y:auto}.error-page-container .error-page{display:flex;justify-content:center;width:100%;min-height:100%}.error-page-container .error-page__header{position:fixed;left:0;top:0;right:0;padding:16px 24px}.error-page-container .error-page__header a{display:block;width:-webkit-max-content;width:max-content}.error-page-container .error-page__main{display:flex;flex-direction:column;padding:172px 24px;max-width:378px}.error-page-container .error-page .error-label{font-size:24px;line-height:36px;letter-spacing:.02em;font-family:var(--font-medium);margin-bottom:8px}.error-page-container .error-page .error-description{font-size:16px;line-height:24px;color:var(--color-text-2);margin:0}.error-page-container .error-page .access-btn{display:block;width:-webkit-max-content;width:max-content;color:var(--color-light);font-size:14px;line-height:24px;margin-top:24px;padding:8px 16px}.error-page-container .error-page.center{align-items:center}.error-page-container .error-page.center .error-page__main{padding:68px 24px;max-width:100%;align-items:center}.error-page-container .error-page.center .error-page__main svg{max-width:100%}.error-page-container .error-page.center .error-description{padding-bottom:16px;margin:-40px 0 0}.error-page-container .error-page.center .error-multi-description{display:grid;text-align:center;color:var(--color-text-2);margin-top:-60px;margin-bottom:16px}.error-page-container .error-page.center .error-multi-description label{font-size:16px;line-height:24px;font-family:var(--font-semibold);margin-bottom:8px}.error-page-container .error-page.center .error-multi-description p{font-size:14px;line-height:24px;margin:0}.error-page-container .error-page.center .access-btn{margin-top:8px}.mobile-webview .logo{display:none!important}.btn-fill,.btn-fill--hightlight,.btn-fill--orange,.btn-fill--second{font-family:var(--font-medium);min-height:40px;border:none;outline:0;border-radius:8px;background-color:var(--color-primary);color:var(--color-light);transition:all .3s ease;transition:var(--transition-common);padding:8px 16px;display:flex;align-items:center}.btn-fill a,.btn-fill--hightlight a,.btn-fill--orange a,.btn-fill--second a{color:var(--color-light);text-decoration:none}.btn-fill--hightlight:hover,.btn-fill--orange:hover,.btn-fill--second:hover,.btn-fill:hover{background-color:var(--color-primary-hover);color:var(--color-light)}.btn-fill--hightlight:disabled,.btn-fill--orange:disabled,.btn-fill--second:disabled,.btn-fill:disabled{background-color:rgba(var(--RGB_color-text-1),.05);color:var(--color-disable);cursor:not-allowed}.btn-fill--hightlight:disabled a,.btn-fill--orange:disabled a,.btn-fill--second:disabled a,.btn-fill:disabled a{color:var(--color-disable)}.btn-fill--hightlight:disabled:hover,.btn-fill--orange:disabled:hover,.btn-fill--second:disabled:hover,.btn-fill:disabled:hover{background-color:rgba(var(--RGB_color-text-1),.05);color:var(--color-disable)}.btn-fill.revert,.revert.btn-fill--hightlight,.revert.btn-fill--orange,.revert.btn-fill--second{background-color:transparent;color:var(--color-primary)}.btn-fill.revert a,.revert.btn-fill--hightlight a,.revert.btn-fill--orange a,.revert.btn-fill--second a{color:inherit}.btn-fill.revert:hover,.revert.btn-fill--hightlight:hover,.revert.btn-fill--orange:hover,.revert.btn-fill--second:hover{background-color:transparent;color:var(--color-primary-hover)}.btn-fill.h24,.h24.btn-fill--hightlight,.h24.btn-fill--orange,.h24.btn-fill--second{font-size:11px;line-height:16px;font-family:var(--font-regular);padding:4px 8px;min-height:24px}.btn-fill.h32,.h32.btn-fill--hightlight,.h32.btn-fill--orange,.h32.btn-fill--second{font-size:14px;line-height:24px;font-family:var(--font-regular);padding:4px 12px;min-height:32px}.btn-fill.h40,.h40.btn-fill--hightlight,.h40.btn-fill--orange,.h40.btn-fill--second{font-size:14px;line-height:24px;font-family:var(--font-medium);padding:8px 16px;min-height:40px}.btn-fill.h40 svg,.h40.btn-fill--hightlight svg,.h40.btn-fill--orange svg,.h40.btn-fill--second svg{margin-right:12px}.btn-fill.h48,.h48.btn-fill--hightlight,.h48.btn-fill--orange,.h48.btn-fill--second{font-size:16px;line-height:24px;font-family:var(--font-medium);padding:12px 24px;min-height:48px}.btn-fill--second{background-color:var(--color-secondary)}.btn-fill--second:hover{background-color:var(--color-secondary-hover);color:var(--color-light)}.btn-fill--hightlight{background-color:var(--color-complete)}.btn-fill--hightlight:hover{background-color:var(--color-complete-hover);color:var(--color-light)}.btn-fill--orange{background-color:var(--color-secondary)}.btn-fill--orange:hover{background-color:var(--color-secondary-hover);color:var(--color-light)}.btn-inner-shadow,.entrance-exam-notice .entrance-right .btn-start{font-family:var(--font-medium);min-height:40px;border:none;outline:0;border-radius:8px;background-color:var(--color-background);color:var(--color-text-2);transition:all .3s ease;transition:var(--transition-common);padding:8px 16px;box-shadow:var(--inner-shadow);display:flex;align-items:center}.btn-inner-shadow a,.entrance-exam-notice .entrance-right .btn-start a{color:var(--color-text-2);text-decoration:none}.btn-inner-shadow:disabled,.entrance-exam-notice .entrance-right .btn-start:disabled{background-color:var(--color-background);color:var(--color-disable);cursor:not-allowed}.btn-inner-shadow:disabled a,.entrance-exam-notice .entrance-right .btn-start:disabled a{color:var(--color-disable)}.btn-inner-shadow:disabled:hover,.entrance-exam-notice .entrance-right .btn-start:disabled:hover{background-color:var(--color-background)}.btn-inner-shadow.active,.btn-inner-shadow:hover,.entrance-exam-notice .entrance-right .active.btn-start,.entrance-exam-notice .entrance-right .btn-start:hover{background-color:rgba(var(--RGB_color-primary),.1)}.btn-outline,.btn-outline--gray{font-family:var(--font-medium);min-height:40px;border:1px solid var(--color-primary);outline:0;border-radius:8px;background-color:transparent;color:var(--color-primary);transition:all .3s ease;transition:var(--transition-common);padding:7px 16px;display:flex;align-items:center}.btn-outline a,.btn-outline--gray a{color:var(--color-primary);text-decoration:none}.btn-outline.h24,.h24.btn-outline--gray{font-size:11px;line-height:16px;font-family:var(--font-regular);padding:4px 8px;min-height:24px}.btn-outline.h32,.h32.btn-outline--gray{font-size:14px;line-height:24px;font-family:var(--font-regular);padding:3px 12px;min-height:32px}.btn-outline.h40,.h40.btn-outline--gray{font-size:14px;line-height:24px;font-family:var(--font-medium);padding:7px 16px;min-height:40px}.btn-outline.h40 svg,.h40.btn-outline--gray svg{margin-right:12px}.btn-outline.h48,.h48.btn-outline--gray{font-size:16px;line-height:24px;font-family:var(--font-medium);padding:12px 24px;min-height:48px}.btn-outline--gray{border-color:var(--color-gray-line)}.btn-outline--gray,.btn-outline--gray:hover{color:var(--color-text-2)}.btn-outline--gray:hover,.btn-outline:hover{background-color:rgba(var(--RGB_color-primary),.1)}.btn-outline--gray:disabled,.btn-outline:disabled{background-color:transparent;color:var(--color-disable);border-color:var(--color-gray-line);cursor:not-allowed}.btn-outline--gray:disabled a,.btn-outline:disabled a{color:var(--color-disable)}.btn-outline--gray:disabled:hover,.btn-outline:disabled:hover{background-color:transparent}.btn-countdown{background-color:var(--color-background);border:1px solid #e2e2e2;color:var(--color-error-default);margin-left:16px;padding:0 16px!important}.btn-countdown .icons{width:40px}.btn-countdown .timer{padding:8px 0 8px 16px;display:flex;border-left:1px solid #e2e2e2}.btn-countdown .timer div{padding:0 5px;display:flex;flex-direction:column;line-height:16px}.btn-countdown .timer div:last-child{padding-right:0}.btn-countdown .timer div:first-child{padding-left:0}.btn-countdown .timer div span:last-child{font-size:10px;color:var(--color-text-2)}.btn-countdown:hover{background-color:var(--color-background);color:var(--color-error-default)}.common-2-layout .left-sidebar-container{position:fixed;top:0;left:0;bottom:0;width:330px;width:var(--width-side-bar-default);z-index:1}.common-2-layout .left-sidebar-container .left-sidebar-header{display:flex;align-items:center;padding:0 12px;height:56px;height:var(--height-header-default);border-right:1px solid rgba(var(--RGB_color-light),.2);background:var(--color-primary-dark);z-index:1;position:fixed;top:0;left:0;width:330px;width:var(--width-side-bar-default);color:var(--color-light)}.common-2-layout .left-sidebar-container .left-sidebar-header .link-to-old-version{font-size:14px;line-height:24px;color:var(--color-disable);margin-right:12px;transition:all .3s ease;transition:var(--transition-common);margin-left:auto}.common-2-layout .left-sidebar-container .left-sidebar-header .link-to-old-version:hover{text-decoration:underline!important}.common-2-layout .left-sidebar-container .left-sidebar-main{height:calc(100% - 56px);height:calc(100% - var(--height-header-default));overflow:auto;padding:12px 0;margin-top:56px;margin-top:var(--height-header-default)}.common-2-layout .layout-content{margin-left:330px;margin-left:var(--width-side-bar-default);margin-right:0;width:calc(100% - 330px);width:calc(100% - var(--width-side-bar-default));min-height:100vh;position:relative}.common-2-layout .layout-content .virtual-header{background:var(--color-primary-dark);position:fixed;left:0;top:0;right:0;height:56px;height:var(--height-header-default);z-index:0}.common-2-layout .layout-content .icon-menu{display:none}.common-2-layout .layout-content__header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;font-family:var(--font-regular);position:fixed;left:330px;left:var(--width-side-bar-default);right:0;top:0;height:56px;height:var(--height-header-default);color:var(--color-light);z-index:1;background:var(--color-primary-dark)}.common-2-layout .layout-content__header-left{font-family:var(--font-medium);display:block;cursor:default;max-width:700px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.common-2-layout .layout-content__body{padding-top:56px;padding-top:var(--height-header-default);min-height:100vh}.common-main-layout .header-fixed{position:fixed;top:0;left:0;right:0;height:56px;height:var(--height-header-default);box-shadow:var(--inner-shadow);background-color:var(--color-primary-dark);color:var(--color-light);z-index:1000;z-index:var(--z-index-header);display:flex;align-items:center;padding:8px 12px}.common-main-layout .header-fixed .center-block-header{position:absolute;height:100%;left:0;right:0;pointer-events:none;display:flex;align-items:center;justify-content:center}.common-main-layout .header-fixed .center-block{display:flex;align-items:center;justify-content:center;width:100%;max-width:60%;overflow:auto;flex-wrap:nowrap;white-space:nowrap;pointer-events:auto}.common-main-layout .header-fixed .right-group{margin-left:auto}.common-main-layout .layout-content{margin-top:56px;margin-top:var(--height-header-default)}.common-main-layout .layout-content .limit-content-width{width:100%;max-width:988px;max-width:var(--width-content-page-max)}.common-3-layout .left-sidebar-container{position:fixed;top:0;left:0;bottom:0;width:330px;width:var(--width-side-bar-default);z-index:99}.common-3-layout .left-sidebar-container .left-sidebar-header{display:flex;align-items:center;padding:0 12px;height:48px;height:var(--height-header-lesson);border-right:1px solid rgba(var(--RGB_color-light),.2);background:var(--color-text-1);z-index:99;position:fixed;top:0;left:0;width:330px;width:var(--width-side-bar-default);color:var(--color-light)}.common-3-layout .left-sidebar-container .left-sidebar-header .link-to-old-version{font-size:14px;line-height:24px;color:var(--color-disable);margin-right:12px;transition:all .3s ease;transition:var(--transition-common);margin-left:auto}.common-3-layout .left-sidebar-container .left-sidebar-header .link-to-old-version:hover{text-decoration:underline!important}.common-3-layout .left-sidebar-container .left-sidebar-main{height:calc(100% - 56px);height:calc(100% - var(--height-header-default));overflow:auto;padding:12px 0;margin-top:56px;margin-top:var(--height-header-default)}.common-3-layout .layout-content{margin-left:330px;margin-left:var(--width-side-bar-default);margin-right:266px;margin-right:var(--width-right-bar-3layout);width:calc(100vw - 596px);width:calc(100vw - var(--width-side-bar-default) - var(--width-right-bar-3layout));min-height:100vh;position:relative}.common-3-layout .layout-content__header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;font-family:var(--font-regular);position:fixed;left:330px;left:var(--width-side-bar-default);right:266px;right:var(--width-right-bar-3layout);top:0;height:48px;height:var(--height-header-lesson);color:var(--color-light);z-index:99;background:var(--color-text-1)}.common-3-layout .layout-content__header-left{font-family:var(--font-medium);display:block;cursor:default}.common-3-layout .layout-content__body{padding-top:56px;padding-top:var(--height-header-default);min-height:100vh}.common-3-layout .rightbar-container{position:fixed;top:0;right:0;bottom:0;width:266px;width:var(--width-right-bar-3layout);z-index:1}.common-3-layout .rightbar-container .rightbar-header{display:flex;align-items:center;padding:0 12px;height:48px;height:var(--height-header-lesson);border-left:1px solid rgba(var(--RGB_color-light),.2);background:var(--color-text-1);z-index:1;position:fixed;top:0;right:0;width:266px;width:var(--width-right-bar-3layout);color:var(--color-light)}.common-3-layout .rightbar-container .rightbar-main{height:calc(100% - 56px);height:calc(100% - var(--height-header-default));overflow:auto;padding:12px 0;margin-top:56px;margin-top:var(--height-header-default)}.e-loading{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:999;cursor:progress;overflow:hidden}.circle-loading,.circle-loading:after{border-radius:50%;width:32px;height:32px}.circle-loading{margin:0;font-size:12px;position:relative;text-indent:-9999em;border:2px solid rgba(var(--RGB_color-primary),.1);border-left-color:var(--color-primary);transform:translateZ(0);animation:circle-loading 1s linear infinite}@keyframes circle-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.progress-loading.progress{position:fixed;left:0;right:0;z-index:1001;background-color:transparent;border-radius:0;height:4px;max-width:100vw}.progress-loading.progress .progress-bar{transition:width .3s cubic-bezier(0,0,.2,1)!important}.progress-loading.progress .progress-bar.bg-warning{background-color:#ff885c!important}.e-pagination{display:flex;align-items:center;color:var(--color-text-1)}.e-pagination button{font-size:14px;line-height:24px;border:none;padding:8px 4px;border-radius:8px;min-width:40px;transition:all .3s ease;transition:var(--transition-common);background:0 0}.e-pagination button:hover:not(.active){background:rgba(var(--RGB_color-primary),.1)}.e-pagination button:disabled{color:var(--color-disable);cursor:not-allowed}.e-pagination button:disabled:hover{background:0 0}.e-pagination__btn{transform:rotate(180deg);margin-left:4px}.e-pagination__btn--next{transform:none;margin-left:4px}.e-pagination__item{margin:0 4px}.e-pagination__item.active{background:var(--color-primary);color:var(--color-light)}.e-pagination__compact{width:40px;padding:8px 0}.e-pagination__compact,.e-pagination__simple{font-size:14px;line-height:24px;display:block;text-align:center;flex-shrink:0;margin:0 4px;cursor:default}.e-pagination__simple{min-width:40px}.e-portal{box-sizing:border-box;padding:0;margin:0 0 8px;position:absolute;z-index:1050;opacity:1;visibility:unset;transition:opacity .3s ease}.e-portal.hidden{z-index:-1050;opacity:0;visibility:hidden}.lazy-image{position:relative;display:inline-block;overflow:hidden}.lazy-image .lazy-image-img{object-fit:cover;display:block;width:100%;height:auto;opacity:1;transition:opacity .2s ease-in-out;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;pointer-events:none}.lazy-image .lazy-image-img.loading{opacity:0}.common-image{width:327px;max-width:25%}.common-image--default{display:flex;background-color:#e2e2e2;height:187px;align-items:center;width:327px;justify-content:center;border-radius:8px 0 0 8px}@media(max-width:768px){.common-image--default{display:none}}.common-image .ant-image-img{border-radius:8px 0 0 8px}.file-dropzone{position:relative}.file-dropzone:before{content:"";position:absolute;top:0;bottom:unset;right:0;left:0;opacity:0;pointer-events:none}.file-dropzone.open:before{bottom:0;opacity:1;pointer-events:unset}.file-dropzone.open *{pointer-events:none}.file-dropzone .drop-placeholder{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;pointer-events:none}.file-dropzone .drop-placeholder__message{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:default;border-radius:8px;border:1px dashed var(--color-primary)}.file-previewer-container{position:fixed;left:0;top:0;bottom:0;right:0;z-index:1000;z-index:var(--z-index-header)}.file-previewer-container .nav-back{left:0}.file-previewer-container .nav-next{right:0}.file-previewer-container .nav-back,.file-previewer-container .nav-next{position:absolute;top:0;bottom:0;padding:14px;display:flex;align-items:center;cursor:pointer;z-index:9}.file-previewer-container .nav-back button,.file-previewer-container .nav-next button{display:grid;background-color:var(--color-gray-line);border-radius:50%;border:none;color:var(--color-text-1);padding:12px}.file-previewer-container .file-previewer-current-page{position:absolute;bottom:0;left:0;right:0;padding-bottom:14px;display:flex;justify-content:center;pointer-events:none;z-index:9}.file-previewer-container .file-previewer-current-page span{font-size:14px;line-height:24px;padding:0 16px;border-radius:12px;background-color:rgba(var(--RGB_color-text-1),.7);color:var(--color-light);pointer-events:all}.file-previewer-container .file-preview-body{padding:56px 68px 1px;height:100%;width:100%;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:0;position:relative}.file-previewer-container .file-preview-body *{pointer-events:all}.file-previewer-container .file-preview-body .image-preview,.file-previewer-container .file-preview-body .video-preview{pointer-events:none}.file-previewer-container .file-preview-body .image-preview .lazy-image-img,.file-previewer-container .file-preview-body .image-preview .video-preview-wrapper,.file-previewer-container .file-preview-body .video-preview .lazy-image-img,.file-previewer-container .file-preview-body .video-preview .video-preview-wrapper{pointer-events:all}.file-previewer-container .file-preview-body .e-loading .circle-loading{border-left-color:rgba(var(--RGB_color-light),.2);border-color:rgba(var(--RGB_color-light),.2) rgba(var(--RGB_color-light),.2) rgba(var(--RGB_color-light),.2) var(--color-light)}.file-previewer-container .file-preview-body .doc-preview,.file-previewer-container .file-preview-body .doc-preview-wrapper,.file-previewer-container .file-preview-body .image-preview .lazy-image-img,.file-previewer-container .file-preview-body .video-preview .video-preview-wrapper{border-radius:8px}.file-preview-header{position:fixed;z-index:9999;top:0;left:0;right:0;height:56px;background-color:var(--color-text-1);color:var(--color-light);display:flex;align-items:center;justify-content:center;padding:8px 142px;font-size:14px;line-height:24px}.file-preview-header__close{position:absolute;left:14px}.file-preview-header__page-number{position:absolute;left:68px;display:grid;padding:4px 8px;border-radius:6px;background-color:rgba(var(--RGB_color-light),.25);letter-spacing:.02em;cursor:default}.file-preview-header__actions{position:absolute;right:14px}.file-preview-header .square-button{color:var(--color-light);padding:12px}.file-preview-header .square-button:hover{background-color:rgba(var(--RGB_color-light),.15)}.file-preview-header .square-button svg{color:var(--color-light)}.file-preview-header .file-name{font-size:14px;line-height:24px;line-height:20px;text-align:center;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.file-preview-header__actions:disabled{cursor:not-allowed}.file-preview-header__actions:disabled svg{color:rgba(var(--RGB_color-light),.5)}.file-preview-header__actions:disabled:hover{background-color:transparent}.file-previewer-backdrop{background-color:rgba(var(--RGB_color-text-1),.7);position:absolute;left:0;top:0;bottom:0;right:0;z-index:-1}.image-preview{width:100%;height:100%;overflow:hidden;pointer-events:none;display:flex;align-items:center;justify-content:center}.image-preview .lazy-image-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;pointer-events:all;overflow:hidden}.no-preview{background-color:var(--color-light);border-radius:16px;padding:24px;max-width:100%;max-height:100%;width:400px;font-size:16px;line-height:24px;display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:56px}.no-preview label{margin-bottom:16px}.no-preview button svg{margin-right:8px}.video-preview{max-width:100%;width:100%;height:100%!important;position:relative;display:flex;align-items:center;justify-content:center}.video-preview,.video-preview .video-preview-wrapper{overflow:hidden}.audio-preview{margin-bottom:56px}.pdf-preview{pointer-events:none!important}.pdf-preview .pdf-viewer__container::-webkit-scrollbar{display:none}.pdf-preview .pdf-preview-loading{font-size:14px;line-height:24px;top:0;left:0;right:0;bottom:0;color:var(--color-light);position:fixed;text-align:center;white-space:nowrap;display:flex;align-items:center;justify-content:center}.pdf-preview .pdf-preview-loading span{padding-top:64px}.doc-preview-wrapper{z-index:1500;background-color:var(--color-light);width:100%;height:100%}.doc-preview-wrapper .doc-preview{border:none;width:100%;height:100%}.pdf-viewer{width:100%;height:100%;position:relative}.pdf-viewer__container{height:100%;display:flex;position:relative;overflow:auto;width:-webkit-max-content;width:max-content;margin:0 auto;max-width:100%;pointer-events:all}.pdf-viewer__document{height:-webkit-max-content;height:max-content;position:relative;padding:8px 0;margin-right:auto;margin-left:auto}.pdf-viewer__document .text-mark{display:inline!important;padding:0!important;background-color:var(--color-secondary);color:#000;color:initial}.pdf-viewer__page{padding:8px 0;width:-webkit-max-content;width:max-content}.pdf-viewer__tools{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;padding:24px 16px;pointer-events:none!important;z-index:1;font-size:14px;line-height:24px;line-height:20px}.pdf-viewer__tools--container{display:flex;flex-direction:column;align-items:center}.pdf-viewer__tools .square-button{margin-right:4px;color:var(--color-light)}.pdf-viewer__tools .square-button.active,.pdf-viewer__tools .square-button:hover{background-color:rgba(var(--RGB_color-light),.1)}.pdf-viewer__tools .square-button:disabled{background-color:transparent;cursor:not-allowed;color:rgba(var(--RGB_color-light),.5)}.pdf-viewer__tool-bar{pointer-events:all;padding:4px;border-radius:8px;background-color:rgba(var(--RGB_color-text-1),.8);color:var(--color-light);margin-top:4px;width:-webkit-max-content;width:max-content}.pdf-viewer__navigation,.pdf-viewer__tool-bar{display:flex;align-items:center}.pdf-viewer__navigation .square-button.next svg{transform:rotate(180deg)}.pdf-viewer__navigation input{background-color:rgba(var(--RGB_color-light),.1);border:none;border-radius:6px;font-size:14px;line-height:24px;line-height:20px;padding:6px;height:32px;width:40px;text-align:center;margin-right:4px}.pdf-viewer__navigation span{color:rgba(var(--RGB_color-light),.5);padding:6px 8px;cursor:default}.pdf-viewer__scale .square-button{margin:0}.pdf-viewer .search-btn{margin-right:0;margin-left:4px}.pdf-viewer__search{display:flex;align-items:center}.pdf-viewer__search input{background-color:rgba(var(--RGB_color-light),.1);border-radius:6px;width:164px;height:32px;color:var(--color-light);border:none}.pdf-viewer__search input,.pdf-viewer__search span{padding:6px 8px;font-size:14px;line-height:24px;line-height:20px}.pdf-viewer__search span{margin-left:4px;color:rgba(var(--RGB_color-light),.5);display:block}.pdf-viewer__search .square-button{margin-right:0;margin-left:4px}.pdf-viewer__search .square-button svg{transform:rotate(-90deg)}.pdf-viewer__search .square-button.next svg{transform:rotate(90deg)}.pdf-viewer__scale--dropdown.elite-dropdown .popover.show{z-index:2000;z-index:calc(var(--z-index-header)*2);border-radius:8px}.pdf-viewer__scale--dropdown.elite-dropdown .pdf-viewer__scale--options{padding:8px 0;min-width:180px;max-height:calc(100vh - 24px);overflow:auto}.pdf-viewer__scale--dropdown.elite-dropdown .pdf-viewer__scale--options .select-item{padding:0 8px}.pdf-viewer__scale--dropdown.elite-dropdown .pdf-viewer__scale--options .select-item .select-box{padding:4px 8px;justify-content:space-between;border-radius:6px}.pdf-viewer__scale--dropdown.elite-dropdown .pdf-viewer__scale--options .select-item .select-box svg{margin-left:8px;margin-right:0}.elite-calendar,.elite-calendar-container{position:relative}.elite-calendar{font-size:14px;line-height:24px}.month-calendar__header{height:32px;display:flex;align-items:stretch;-webkit-align-items:stretch;border-bottom:1px solid var(--color-gray-line-light)}.month-calendar__header--day{flex:1 1;border-right:1px solid transparent;align-items:center;display:flex;justify-content:flex-end;padding:4px 8px;font-size:14px;line-height:24px}.month-calendar__body{height:100%;width:100%;overflow:hidden;position:relative}.month-calendar__view-list{height:-webkit-max-content;height:max-content}.month-calendar__month-view{--animate-duration:0.25s;display:flex;flex-direction:column;overflow:hidden;flex:1 1;height:100%;width:100%}.month-calendar__skeleton{position:absolute;left:0;top:0;bottom:0;right:0;flex:1 1;display:flex;z-index:-1}.month-calendar__skeleton--column{flex:1 1;border-right:1px solid var(--color-gray-line-light)}.month-calendar__skeleton--column:last-child{border-right:none}.month-calendar__week{flex:1 1;position:relative;overflow:hidden;border-bottom:1px solid var(--color-gray-line-light)}.month-calendar__week:last-child{border-bottom:none}.month-calendar__week--container{display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.month-calendar__day{flex:1 1}.month-calendar__day--title{width:100%;padding:4px;display:flex;justify-content:flex-end}.month-calendar__day--title label{margin:0;min-width:24px;min-height:24px;text-align:center;font-family:var(--font-medium);border-radius:50%;transition:all .3s ease;transition:var(--transition-common);cursor:pointer}.month-calendar__day--title label:hover{background-color:rgba(var(--RGB_color-text-1),.05)}.month-calendar__day--title.off-range label{color:var(--color-disable)}.month-calendar__day--title.today label{background-color:var(--color-complete);color:var(--color-light)}.month-calendar__day--events-displayed{position:relative;width:100%;height:calc(100% - 32px)}.month-calendar__day--event-container{position:absolute;padding-right:8px;height:24px;z-index:1}.month-calendar__day--event-container.reservation{z-index:-1}.month-calendar__day--event-item{font-size:11px;line-height:16px;height:100%;max-width:100%;border-radius:2px;color:var(--color-light);display:flex;align-items:center;cursor:pointer;position:relative;white-space:nowrap}.month-calendar__day--event-item .day-event-subject{background-color:var(--color-primary);height:100%;width:100%;overflow:hidden;border-radius:2px;padding:4px 8px;transition:all .3s ease;transition:var(--transition-common)}.month-calendar__day--event-item .day-event-subject.has-chevron{border-radius:1px}.month-calendar__day--event-item.active .day-event-subject,.month-calendar__day--event-item:hover .day-event-subject{background-color:var(--color-primary-hover)}.month-calendar__day--event-item.active .cover-corner,.month-calendar__day--event-item:hover .cover-corner{background:var(--color-linear-mask-hover)}.month-calendar__day--event-item.active .cover-corner--chevron,.month-calendar__day--event-item:hover .cover-corner--chevron{color:var(--color-primary-hover)}.month-calendar__day--event-item.reservation{background-color:transparent}.month-calendar__day--event-item .day-event-name{white-space:nowrap;font-family:var(--font-medium);margin-left:8px}.month-calendar__day--event-item .cover-corner{position:absolute;right:0;top:0;bottom:0;z-index:1;width:24px;color:var(--color-primary);transition:all .2s ease;background:var(--color-linear-mask);border-radius:2px}.month-calendar__day--event-item .cover-corner--chevron{color:var(--color-primary);position:absolute;right:0;top:0;bottom:0;margin-right:-8px}.month-calendar__day--event-item .cover-corner--chevron.left{right:unset;left:0;margin-left:-8px;transition:all .3s ease;transition:var(--transition-common)}.month-calendar__day--event-item .cover-corner--chevron.left svg{transform:rotate(180deg)}.month-calendar__day--event-item.size-32 .day-event-subject{padding:8px}.month-calendar__day--event-item.course .day-event-subject{background-color:var(--color-complete)}.month-calendar__day--event-item.course.active .day-event-subject,.month-calendar__day--event-item.course:hover .day-event-subject{background-color:var(--color-complete-hover)}.month-calendar__day--event-item.course.active .cover-corner,.month-calendar__day--event-item.course:hover .cover-corner{background:var(--color-linear-mask-complete-hover)}.month-calendar__day--event-item.course.active .cover-corner--chevron,.month-calendar__day--event-item.course:hover .cover-corner--chevron{color:var(--color-complete-hover)}.month-calendar__day--event-item.course .cover-corner{background:var(--color-linear-mask-complete)}.month-calendar__day--viewmore-event{font-size:11px;line-height:16px;cursor:pointer;white-space:nowrap;height:100%;max-width:100%;overflow:hidden;border-radius:2px;padding:4px 8px;transition:all .3s ease;transition:var(--transition-common)}.month-calendar__day--viewmore-event:hover{background-color:rgba(var(--RGB_color-text-1),.05)}.month-calendar__day .hidden-show-more{position:absolute;bottom:8px;height:0;left:0;right:0;visibility:hidden;overflow:hidden;opacity:0;display:flex;justify-content:center;z-index:-1000}.month-calendar__day .hidden-show-more button{width:0;height:0;opacity:0;overflow:hidden;visibility:hidden}.event-info-portal{transition:all .3s ease;transition:var(--transition-common)}.month-calendar__event-popup{box-shadow:var(--box-shadow-big);border-radius:8px;background-color:var(--color-light);overflow:hidden;width:360px;max-width:calc(100vw - 32px)}.month-calendar__event-popup__header{display:flex;padding:8px 16px;justify-content:space-between}.month-calendar__event-popup__header--actions{margin-left:auto;display:flex;align-items:center}.month-calendar__event-popup__content{padding:0 24px 24px;font-size:14px;line-height:24px;line-height:20px}.month-calendar__event-popup__content .event-subject{display:block;margin-bottom:0;font-size:18px;line-height:24px;letter-spacing:.02em;font-family:var(--font-semibold)}.month-calendar__event-popup__content .event-time{color:var(--color-text-2);margin-top:4px;display:block}.month-calendar__event-popup__content p{margin-top:16px;margin-bottom:0;white-space:pre-wrap}.common-dropdown.popup-viewmore-day-events.elite-dropdown.show .popover{border-radius:8px}.common-dropdown.popup-viewmore-day-events.elite-dropdown.show .popover .popup-viewmore-events__header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 4px 16px;color:var(--color-text-2);font-size:14px;line-height:24px;cursor:default;margin-top:-12px}.common-dropdown.popup-viewmore-day-events.elite-dropdown.show .popover .popup-viewmore-events__header>div{display:flex;align-items:center}.common-dropdown.popup-viewmore-day-events.elite-dropdown.show .popover .popup-viewmore-events__header .day-no{margin-right:8px;font-size:16px;line-height:24px;font-family:var(--font-medium);color:var(--color-text-1)}.common-dropdown.popup-viewmore-day-events.elite-dropdown.show .popover .popup-viewmore-events__content{padding:4px 16px;display:flex;flex-direction:column;align-items:center;max-width:240px}.common-dropdown.popup-viewmore-day-events.elite-dropdown.show .popover .popup-viewmore-events__item{width:100%;margin-top:4px}.day-calendar{height:100%;width:100%;overflow:hidden}.day-calendar__header{width:100%;position:relative;font-size:14px;line-height:24px;cursor:default}.day-calendar__header--date{display:flex;align-items:center;margin-left:70px;width:calc(100% - 70px);padding:4px 0}.day-calendar__header--date .date-no{display:grid;min-width:24px;min-height:24px;font-family:var(--font-medium);text-align:center;border-radius:50%;transition:all .3s ease;transition:var(--transition-common)}.day-calendar__header--date .date-no.active{color:var(--color-light);background-color:var(--color-complete)}.day-calendar__header--date .day-of-week{margin-left:4px;color:var(--color-text-2);font-size:11px;line-height:16px}.day-calendar__header--today-mb{margin-left:auto;border:none;background-color:transparent;padding:4px 24px;color:var(--color-primary)}.day-calendar__header--events{display:grid;margin-left:70px;position:relative;font-size:11px;line-height:16px}.day-calendar__header--events:before{content:"";border-right:1px solid var(--color-gray-line-light);position:absolute;left:0;pointer-events:none;top:0;bottom:-4px;z-index:-1}.day-calendar__header--events:after{content:"";border-bottom:1px solid var(--color-gray-line-light);position:absolute;left:0;right:0;pointer-events:none;bottom:-1px;z-index:-1}.day-calendar__long-event{display:flex;align-items:center;justify-content:space-between;background-color:rgba(var(--RGB_color-primary),.1);border-radius:2px;margin-bottom:4px;position:relative;height:24px;overflow:hidden;cursor:pointer;transition:all .3s ease;transition:var(--transition-common);margin-left:1px;margin-right:12px}.day-calendar__long-event.active,.day-calendar__long-event:hover{background-color:rgba(var(--RGB_color-primary),.15)}.day-calendar__long-event.over-day{margin-right:0}.day-calendar__long-event:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--color-primary);z-index:-1;pointer-events:none}.day-calendar__long-event .left,.day-calendar__long-event .right{display:flex;align-items:center;padding:4px 8px;pointer-events:none}.day-calendar__long-event .left i,.day-calendar__long-event .right i{display:grid;color:var(--color-text-2)}.day-calendar__long-event .left .prev-next-time,.day-calendar__long-event .right .prev-next-time{margin:0 8px 0 4px}.day-calendar__long-event .left .event-name,.day-calendar__long-event .right .event-name{margin:0;font-family:var(--font-medium)}.day-calendar__long-event .left i svg{transform:rotate(180deg)}.day-calendar__long-event .right .prev-next-time{margin-right:4px}.day-calendar__long-event .info-pos{position:absolute;left:67%}.day-calendar__body{width:100%;height:100%;overflow:hidden;position:relative}.day-calendar__body--content-wrapper{width:100%;height:100%;overflow-x:hidden;overflow-y:scroll}.day-calendar__body--content-wrapper::-webkit-scrollbar{display:none}.day-calendar__body--content{display:flex;align-items:flex-start;font-size:11px;line-height:16px;padding-bottom:2px}.day-calendar__body--container{position:relative;width:100%}.day-calendar__body:after{content:"";border-right:1px solid var(--color-gray-line-light);position:absolute;height:100%;pointer-events:none;margin-left:70px;top:0;bottom:0;z-index:-1}.day-calendar__timeline{display:grid;color:var(--color-text-2)}.day-calendar__timeline--time{width:70px;padding-left:24px;height:48px}.day-calendar__timeline--time span{display:block;margin-top:-8px}.day-calendar__timeline--time:first-child span{display:none}.day-calendar__timeline-sections{display:grid;width:100%;z-index:-1}.day-calendar__timeline-sections--time{height:24px;width:100%}.day-calendar__timeline-sections--time.hours-line:after{content:"";border-bottom:1px solid var(--color-gray-line-light);position:absolute;width:100%;pointer-events:none}.day-calendar__timestamp{position:absolute;left:0;right:0;width:100%;pointer-events:none;transition:all .3s ease;transition:var(--transition-common);z-index:99}.day-calendar__timestamp:after{right:0;height:1px;z-index:10}.day-calendar__timestamp:after,.day-calendar__timestamp:before{content:"";position:absolute;left:0;background-color:var(--color-danger);pointer-events:none}.day-calendar__timestamp:before{top:0;width:9px;height:9px;border-radius:50%;margin-left:-4px;margin-top:-4px;z-index:1}.day-calendar__events{z-index:1}.day-calendar__events--item-cover{position:absolute;display:grid}.day-calendar__event-item{margin:1px;background-color:rgba(var(--RGB_color-primary),.1);transition:all .3s ease;transition:var(--transition-common);border-radius:2px;padding:4px 8px;position:relative;overflow:hidden;cursor:pointer}.day-calendar__event-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background-color:var(--color-primary);z-index:-1}.day-calendar__event-item.active,.day-calendar__event-item:hover{background-color:rgba(var(--RGB_color-primary),.15)}.day-calendar__event-item .event-name{font-family:var(--font-medium)}.day-calendar__event-item .time{font-family:var(--font-light)}.day-calendar__event-item .info-pos{position:absolute;left:33%;top:25%}.day-calendar__event-item.course{background-color:rgba(var(--RGB_color-complete),.1)}.day-calendar__event-item.course:before{background-color:var(--color-complete)}.day-calendar__event-item.course.active,.day-calendar__event-item.course:hover{background-color:rgba(var(--RGB_color-complete),.15)}.mb-month-calendar-container{overflow:hidden;width:100%;height:100%}.mb-month-calendar-container.landscape{overflow-x:hidden;overflow-y:scroll}.mb-month-calendar-container.landscape::-webkit-scrollbar{display:none}.mb-month-calendar{overflow:hidden;background-color:var(--color-background);box-shadow:var(--inner-shadow-line-bot)}.mb-month-calendar__header{box-shadow:var(--inner-shadow-line-bot);background-color:var(--color-light);z-index:1;display:flex;align-items:center;padding:0 16px;height:24px;font-size:11px;line-height:16px}.mb-month-calendar__header--day{flex:1 1;text-align:center}.mb-month-calendar__footer{display:flex;align-items:center;justify-content:flex-end;padding:0 24px 12px}.mb-month-calendar__footer button{padding:0;height:32px;line-height:20px;color:var(--color-primary);border:none;background-color:transparent}.mb-month-calendar__body{height:calc(100% - 68px);font-size:14px;line-height:24px}.mb-month-calendar__month-view{--animate-duration:0.25s;display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;padding:2px 0}.mb-month-calendar__week{flex:1 1;position:relative;overflow:hidden}.mb-month-calendar__week--container{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;padding-left:16px;padding-right:16px}.mb-month-calendar__day{flex:1 1;display:flex;align-items:center;justify-content:center}.mb-month-calendar__day .day-title{width:32px;height:32px;border-radius:18px;color:var(--color-text-1);display:flex;align-items:center;justify-content:center;line-height:20px;border:1px solid transparent;transition:all .3s ease;transition:var(--transition-common);position:relative}.mb-month-calendar__day .day-title label{margin:0}.mb-month-calendar__day .day-title.today{border-color:var(--color-complete)}.mb-month-calendar__day .day-title.events-marker:before{content:"";position:absolute;bottom:-2px;width:8px;height:8px;border-radius:50%;border:1px solid var(--color-background);background-color:var(--color-secondary)}.mb-month-calendar__day .day-title.selected{border-color:var(--color-complete);background-color:var(--color-complete);color:var(--color-light)}.mb-month-calendar__day .day-title.off-range{color:var(--color-disable)}.mb-month-calendar__day .day-title.off-range.today{border-color:rgba(var(--RGB_color-complete),.1)}.mb-month-calendar__day .day-title.off-range.events-marker:before{background-color:rgba(var(--RGB_color-secondary),.3)}.mb-month-calendar__events{overflow:hidden;font-size:14px;line-height:24px;position:relative}.mb-month-calendar__events-container{padding:12px 12px 68px;overflow-x:hidden;overflow-y:scroll;width:100%;height:100%}.mb-month-calendar__events-container::-webkit-scrollbar{display:none}.mb-month-calendar__events-container .events-empty{padding:52px 12px;color:var(--color-text-2);letter-spacing:.005em;line-height:20px;text-align:center}.mb-month-calendar__events-container .day-event{padding:12px}.mb-month-calendar__events-container .day-event__date{font-family:var(--font-semibold);letter-spacing:.02em;margin-bottom:0;display:block}.mb-month-calendar__events-container .month-calendar__day--event-item{margin-top:4px}.mb-month-calendar__bottom-navigation{position:absolute;left:0;right:0;bottom:0;box-shadow:var(--inner-shadow-line-top);display:flex;align-items:center;justify-content:space-between;height:56px;background-color:var(--color-light);z-index:99;font-family:var(--font-medium)}.mb-month-calendar__bottom-navigation .navigation-btn{padding:0 24px;display:flex;align-items:center;height:100%}.mb-month-calendar__bottom-navigation .navigation-btn svg{transform:rotate(-90deg);color:var(--color-text-2)}.mb-month-calendar__bottom-navigation .navigation-btn span{margin:0 8px}.mb-month-calendar__bottom-navigation .navigation-btn.next svg{transform:rotate(90deg)}.mb-event-info-portal{pointer-events:all;position:fixed;bottom:0;left:0;right:0;height:auto;z-index:1}.mb-event-info-portal__popover{width:100%;height:-webkit-max-content;height:max-content;max-height:calc(100vh - 44px);box-shadow:var(--box-shadow-big);border-radius:24px 24px 0 0;background-color:var(--color-light);overflow-x:hidden;overflow-y:scroll}.mb-event-info-portal__popover::-webkit-scrollbar{display:none}.mb-event-info-portal .month-calendar__event-popup{width:100%;max-width:100%;box-shadow:none;border-radius:0;padding-bottom:24px}.mb-event-info-portal__backdrop{background-color:rgba(var(--RGB_color-text-1),.5);position:fixed;left:0;top:0;right:0;bottom:0;pointer-events:all}@media screen and (max-width:767.98px){.day-calendar__header--date{margin-left:62px;width:calc(100% - 62px)}.day-calendar__header--date .date-no{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.day-calendar__header--date .day-of-week{font-size:14px;line-height:24px}.day-calendar__body:after,.day-calendar__header--events{margin-left:62px}.day-calendar__timeline--time{padding-left:16px;width:62px}}.warning-work-unit{background-color:#101c58;color:#fff;font-size:14px;display:flex;width:100%;height:40px;align-items:center;justify-content:center;animation-name:wobble-vertical-on-hover;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:3}.warning-work-unit .content{max-width:1366px;display:flex;justify-content:space-between;align-items:center;padding:0 68px;width:100%}.warning-work-unit .go-to-profile{cursor:pointer;color:#ffd426;font-family:Inter-medium}.warning-work-unit .go-to-profile:hover{text-decoration:underline}@keyframes wobble-vertical-on-hover{16.65%{transform:translateY(8px)}33.3%{transform:translateY(-6px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}to{transform:translateY(0)}}@media screen and (min-width:1024px)and (max-width:1199.98px){.course-info-content .image-video .image-video-row,.studio-content .item-course .course-actions{display:block}.course-info-content .image-video .upload-content{margin-top:24px}.studio-grading .grading-types .type{display:block}.studio-grading .grading-types .type .type-coloumn{width:50%;margin-top:24px}.studio-grading .grading-types .type .type-coloumn:first-child{margin-top:0}.studio-certificate .certificate-info .signer-info-container{display:block}.studio-certificate .certificate-info .signer-info-container .signer-info{width:80%}.course-info-content .course-info-advance{display:block}.course-info-content .course-info-advance .col-lg-6{max-width:100%}}@media screen and (max-width:1023.98px){.lesson-layout .lesson-main .left-sidebar{min-width:unset;width:100%;max-width:360px;top:0;bottom:0;z-index:1500;position:fixed}.lesson-layout .lesson-main .left-sidebar.open{top:0;left:0;bottom:0;background:var(--color-background);height:100vh;box-shadow:var(--box-shadow-medium);position:fixed}.lesson-layout .lesson-main .left-sidebar .lef-sidebar-container{padding:0}.lesson-layout .lesson-main .sidebar-backdrop{position:fixed;background:rgba(var(--RGB_color-text-1),.4);opacity:0;transition:all .3s ease;transition:var(--transition-common);pointer-events:none}.lesson-layout .lesson-main .sidebar-backdrop.open{z-index:1400;opacity:1;pointer-events:all;top:0;left:0;right:0;bottom:0}.lesson-layout .lesson-main .menu-container .menu-card,.lesson-layout .lesson-main .persionalize{border-radius:0}.lesson-layout .lesson-main .lesson-content-layout{max-width:100%}.lesson-layout .lesson-main .lesson-content-layout .lesson-unit-content{padding:16px 0}.lesson-layout .lesson-main .lesson-content-layout .lesson-unit-content .lesson-content-container .lesson-unit-title{padding-left:16px}.lesson-layout .lesson-main .lesson-content-layout .lesson-unit-content .lesson-content-container .lesson-component-card{padding:16px;border-radius:0}.lesson-layout .lesson-main .lesson-content-layout .lesson-unit-content .lesson-content-container .video-content{border-radius:0}.lesson-layout .lesson-main .lesson-content-layout .lesson-unit-content .lesson-content-container .html-content{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;width:calc(100% + 32px)}.lesson-layout .lesson-main .lesson-content-layout .lesson-unit-content .lesson-content-container .html-actions{margin-top:16px}.lesson-layout .lesson-main .lesson-content-layout .lesson-unit-content .lesson-content-container .assessment-content{margin-left:-16px;margin-right:-16px;margin-bottom:-16px}.lesson-layout .lesson-main .lesson-content-layout .lesson-unit-content .lesson-content-container .assessment-title{margin-top:0}.lesson-layout .lesson-main .lesson-content-layout .lesson-unit-content .lesson-content-container .learning-assessment{padding:0 8px 8px}.lesson-layout .lesson-main .lesson-content-layout .lesson-unit-content .lesson-content-container .learning-assessment .attachment-list{padding-left:0}.lesson-layout .lesson-main .lesson-content-layout .lesson-unit-content .lesson-content-container .learning-assessment .attachments-container{padding:0 8px 8px}.lesson-layout .lesson-main .lesson-content-layout .lesson-unit-content .lesson-content-container .learning-assessment .answer-group,.lesson-layout .lesson-main .lesson-content-layout .lesson-unit-content .lesson-content-container .learning-assessment .answer-submission{padding:8px}.lesson-layout .lesson-main .lesson-layout-wrapper{padding:0}.lesson-layout .lesson-main .footer-lesson-page{margin-bottom:48px;padding-left:0}.lesson-layout .lesson-header{height:auto}.lesson-layout .lesson-header .breadcrumb-container{min-height:44px;margin-right:0;padding:0 16px;overflow-x:scroll}.lesson-layout .lesson-header .breadcrumb-container::-webkit-scrollbar{display:none}.lesson-layout .lesson-header .breadcrumb-container .breadcrumb-block{max-width:-webkit-max-content;max-width:max-content}.lesson-layout .lesson-header .breadcrumb-container .breadcrumb-block:last-of-type{padding-right:32px}.lesson-layout .lesson-header .breadcrumb-container:after{width:32px;height:44px;position:fixed;top:0;right:0;content:"";background:linear-gradient(270deg,var(--color-light) 50%,hsla(0,0%,100%,0))}.lesson-layout .lesson-header .navigation-bar{min-height:48px;z-index:1;width:100%;padding:0 8px;border-top:1px solid var(--color-gray-line);justify-content:center}.lesson-layout .lesson-header .navigation-bar .menu-item{height:47px}.lesson-layout .lesson-layout-wrapper{padding:0;flex-direction:column;height:auto}.lesson-layout .content-navigation{height:48px;width:100%;justify-content:space-between;position:fixed;bottom:0;background:var(--color-light);box-shadow:var(--inner-shadow-line-top)}.lesson-layout .content-navigation .btn-menu-item{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--color-text-1)}.lesson-layout .content-navigation .btn-menu-item svg{width:16px;height:16px}.lesson-layout .content-navigation .btn-menu-item span{margin:0 8px}.lesson-layout .progress-loading{top:44px}.entrance-exam-notice{margin-top:16px;padding:0}.entrance-exam-notice .entrance-wrapper{border-left:none;border-right:none;border-radius:0;padding:14px 24px}.entrance-exam-notice .entrance-right{white-space:nowrap;margin-left:16px}.entrance-exam-notice .entrance-right .score{font-size:18px;line-height:24px;letter-spacing:.02em;margin-right:12px}.entrance-exam-notice .entrance-right .btn-start{padding:4px 12px;min-height:32px}.entrance-exam-notice.mini{top:92px}.entrance-exam-notice.mini .entrance-wrapper{border-radius:0}.preview-header .preview-layout-wrapper{padding:0 16px}.preview-header .preview-action,.preview-header .preview-logo{padding:0}.lesson-layout.lesson-preview .lesson-main .left-sidebar{height:100vh;top:0}.lesson-layout.lesson-preview .lesson-main .lesson-content-layout{min-height:calc(100vh - 140px)}.lesson-layout.lesson-preview .progress-loading{top:48px}.file-previewer-container .file-preview-body{padding:56px 16px 32px}.file-previewer-container .nav-back,.file-previewer-container .nav-next{display:none}.file-previewer-container .file-previewer-current-page{padding-bottom:12px}.file-previewer-container .file-preview-header{padding:8px 52px;height:48px}.file-previewer-container .file-preview-header .square-button svg{width:16px;height:16px}.file-previewer-container .file-preview-header .file-name{-webkit-line-clamp:1}.studio-sidebar{background:var(--color-background);z-index:100;transition:all .25s ease;width:0;opacity:0;overflow:hidden}.studio-sidebar.studio-sidebar-mb{width:330px;overflow:auto;opacity:1}.studio-content{margin-left:0}.studio-content .icon-menu{display:block;margin-left:12px;margin-right:12px;position:fixed;z-index:100;top:15px;left:12px}.studio-content .studio-content-header .tab-list{margin-left:36px}.studio-content .course-list-container .content-loading{left:0}.studio-content .background-mb{background:#000;opacity:.5;min-width:100vw;min-height:100vh;position:fixed;z-index:99}.loading-content{left:0}.multimedia-library .content-loading{padding-left:0}.multimedia-library .tool-bar{width:100vw;z-index:1}.course-outline-layout .left-sidebar-container{background:var(--color-background);z-index:100;display:none;transition:width .3s ease .2s}.course-outline-layout .left-sidebar-container.left-sidebar-container-mb{display:block}.course-outline-layout .left-sidebar-container .left-sidebar-header .text-mb{display:block!important;color:var(--color-light)}.course-outline-layout .outline-content{margin-left:0;width:100vw}.course-outline-layout .outline-content .icon-menu{display:block;margin-left:12px;margin-right:12px;position:fixed;z-index:50;top:15px;left:12px}.course-outline-layout .outline-content .outline-header .page-label{margin-left:48px}.course-outline-layout .outline-content .outline-header .course-info-tab .page-label:last-child{margin-left:8px}.course-outline-layout .outline-content .background-mb{background:#000;opacity:.5;min-width:100vw;min-height:100vh;position:fixed;z-index:99}.studio-certificate .certificate-sign-row .course-image{width:250px}.course-info-content .image-video .image-video-row{display:block}.course-info-content .image-video .upload-content{margin-top:24px}.common-2-layout.unit-container-layout .left-sidebar-container{background:var(--color-background);z-index:100;display:none;transition:width .3s ease .2s}.common-2-layout.unit-container-layout .left-sidebar-container.left-sidebar-container-mb{display:block}.common-2-layout.unit-container-layout .layout-content{margin-left:0;width:100%}.common-2-layout.unit-container-layout .layout-content .icon-menu{display:block;margin-left:12px;margin-right:12px;position:fixed;z-index:50;top:15px;left:12px}.common-2-layout.unit-container-layout .layout-content .content-header{padding-left:48px}.common-2-layout.unit-container-layout .layout-content .background-mb{background:#000;opacity:.5;min-width:100vw;min-height:100vh;position:fixed;z-index:99}}@media screen and (max-width:1199.98px){.header-container-layout .container-header{padding:0 32px}.learner-main{padding:0 32px 36px}.learner-layout .learner-warning-timezone{padding:0 32px}.common-footer{padding:68px 32px 0}.mycourse-container-new .header-my-course{display:block}.mycourse-container-new .actions-group-mycourse{margin-top:24px}.footer-copyright-container,.home-container .home-content{padding:0 24px}.k-course-about .content-left{padding-right:56px}.right-col{display:none}.left-col{margin-left:0}.header-container-layout .header-left-content .search-course-program{width:170px;overflow:hidden}.elite-thumbnail-wrapper{width:213px;min-width:213px;height:120px}.icc-content{min-height:120px}.skeleton-col-an-course,.skeleton-col-past-course{width:213px;min-width:213px}.skeleton-icc-content .wrap-end-box{margin-top:24px}.wrap-chapter-day{display:grid}.wrap-chapter-day .divide-course{height:4px;background:0 0}.container-course-overview{padding:0 32px 36px}.container-course-overview .card-info .overview-info{min-height:120px}.container-course-overview .card-info .overview-info .group-btns{flex-wrap:wrap;justify-content:flex-end}.container-course-about{padding:0 32px}.payment-page .total-container{padding-right:0}.payment-page .payment-content{display:block}.payment-page .payment-content .payment-info{width:100%;min-width:0}.future-course .responsive{display:block!important}.future-course .col-item .actual-start-style{margin-left:0;text-align:left;padding-left:0}}@media screen and (max-width:991.98px){.lesson-layout .lesson-header .right-controls{padding-right:8px}.search-course-program{margin-left:24px}.learner-main .learner-maincontent .learner-content{max-width:100%}.common-footer{padding:48px 24px 0}.common-footer .footer-copyright{margin-top:12px;padding:12px 0}.common-footer .footer-copyright .copyright-content{display:inline-block}.common-footer .footer-copyright .copyright-content .text-final{padding:4px 0}.open-menu-MB{height:100vh;overflow:hidden}.open-menu-MB .background{position:fixed;top:0;right:0;width:100vw;height:100vh;z-index:500;background:var(--color-text-1);opacity:.5}.header-container-layout .container-header{justify-content:center}.header-container-layout .header-menu-mb{display:grid;padding:12px;position:absolute;left:20px}.header-container-layout .header-right-content{position:absolute;right:16px}.header-container-layout .profile-mb{position:fixed;z-index:99;top:0;left:0;right:0;pointer-events:none}.header-container-layout .profile-mb .profile-mb-content{box-shadow:var(--box-shadow-big);border-radius:0 0 12px 12px;background:var(--color-light);pointer-events:all}.header-container-layout .profile-mb .profile-mb-content.menu{padding-top:30px;padding-bottom:12px}.header-container-layout .profile-mb .profile-mb-content .avatar-image{margin:24px 32px 0}.header-container-layout .profile-mb .profile-mb-content .avatar-header{padding:12px 32px}.header-container-layout .profile-mb .profile-mb-content .avatar-row-item{padding-left:20px;padding-right:20px}.header-container-layout .profile-mb .profile-mb-content .learner-menu-list{width:100%;height:auto;position:static;top:0;margin:0;border-bottom:1px solid var(--color-gray-line-light);padding-bottom:12px}.header-container-layout .profile-mb .profile-mb-content .learner-menu-list .link-item{display:block;padding-left:12px;padding-right:12px}.header-container-layout .profile-mb .profile-mb-content .learner-menu-list .menu-item{border-radius:0;padding:12px;border-radius:8px}.header-container-layout .profile-mb .profile-mb-content .page{color:var(--color-text-1);font-size:16px;line-height:24px;font-family:var(--font-medium);padding:12px 24px;width:100%;display:block;margin-top:12px}.header-container-layout .profile-mb .profile-mb-content .search-course-program{background:var(--color-background);box-shadow:var(--inner-shadow);border-radius:8px;padding:12px 16px;margin:12px 24px 0}.header-container-layout .profile-mb .profile-mb-content .search-course-program input{background:var(--color-background)}.header-container-layout .profile-mb .icon-cancel{background:var(--color-light);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;margin:16px auto;box-shadow:var(--box-shadow-medium);pointer-events:all}.header-container-layout .mb-backdrop{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(var(--RGB_color-text-1),.4)}.header-container-layout.header-k-container .container-header{justify-content:normal}.header-container-layout.header-k-container .header-menu-mb{right:20px;left:auto}.header-container-layout.header-k-container .header-left-content .k-type{margin:24px;justify-content:space-between}.header-container-layout.header-k-container .header-left-content .search-course-program{width:auto;overflow:visible;overflow:initial}.header-container-layout.header-k-container .right-header{justify-content:space-between;padding:0 24px 24px}.footer-copyright-container{display:block}.footer-copyright .content-right{display:block;margin-top:12px}.footer-copyright .content-right .elite-select .elite-studio__control .elite-studio__value-container{padding-left:0}.k-course-about{flex-direction:column-reverse}.k-course-about .content-left{width:auto;max-width:700px;margin-top:48px}.k-course-detail .content-right{max-width:300px}.k-course-detail .content-left{width:calc(100% - 300px);padding-right:24px}.home-container .k-label{padding-top:68px}.home-container .home-content.intro .slick-title-mobile{margin-top:48px;display:flex;flex-direction:column;grid-gap:24px;gap:24px;font-size:24px;line-height:32px;font-family:var(--font-bold);color:var(--color-primary-2)}.home-container .home-content.intro .slick-dots{bottom:-24px}.home-container .home-content.intro .slick-intro{height:375px;justify-content:center}.home-container .home-content.intro .slick-intro .content-slide{display:none;background-position:100% 100%;background-size:auto;background-repeat:no-repeat}.home-container .home-content.intro .slick-intro .left-content{width:294px;height:294px}.learner-calendar{height:calc(100vh - 56px)}.learner-calendar__main{width:100%}.learner-calendar .learner-elite-calendar{height:calc(100% - 44px)}.learner-calendar__mb-header{display:flex;align-items:center;justify-content:space-between;height:44px;font-size:14px;line-height:24px;background-color:var(--color-light);box-shadow:var(--inner-shadow-line-bot)}.learner-calendar__mb-header--navigation{display:flex;align-items:center;padding:0 16px}.learner-calendar__mb-header--navigation .navigation-button{display:grid;border:none;background:0 0;padding:8px;color:var(--color-text-2)}.learner-calendar__mb-header--navigation .navigation-button.next svg{transform:rotate(180deg)}.learner-calendar__mb-header--navigation .navigation-current{font-family:var(--font-semibold);margin:0 4px}.learner-calendar__mb-header .right-group{display:flex;align-items:center;padding:0 16px}.learner-calendar__mb-header .mb-view-toggler{background-color:transparent;padding:8px;display:grid;border:none;color:var(--color-text-2)}.mb-view-toggler__options{display:grid;padding:0 12px;margin-top:24px;font-size:14px;line-height:24px}.mb-view-toggler__options .option-item{display:flex;align-items:center;padding:8px 12px;border-radius:8px;transition:all .3s ease;transition:var(--transition-common)}.mb-view-toggler__options .option-item svg{margin-right:12px}.mb-view-toggler__options .option-item.active{background-color:rgba(var(--RGB_color-primary),.1)}.studio-calendar__header--navigation{flex-direction:row;margin-left:8px}.studio-calendar__header--navigation button{transform:rotate(0);padding:8px;background-color:transparent!important;color:var(--color-disable)}.studio-calendar__header--navigation button.next{transform:rotate(180deg)}.studio-calendar__header--current{margin:0;padding:4px;font-family:var(--font-semibold)}.container-login .left-col{width:423px;padding:56px 48px 48px}.container-login .right-col{width:calc(100% - 423px)}.icc-container .skeleton-col-an-course{min-width:327px;width:327px}.container-course-overview{padding:0 24px 24px}.container-course-overview .title-overview{margin-top:36px}.container-course-overview .card-info .img-wrapper{display:none!important}.container-course-overview .card-info .overview-info{padding-left:0!important;min-height:unset}.container-course-overview .card-info .overview-info .overview-bottom{flex-wrap:wrap}.container-course-overview .card-info .overview-info .overview-bottom .not-started-course{display:block;margin-bottom:8px}.container-course-overview .card-info .name-course,.container-course-overview .card-info .number-course{font-size:18px;line-height:28px}.container-course-overview .card-info .course-description,.container-course-overview .card-info .course-status{font-size:14px;line-height:20px}.container-course-overview .card-info .pending-chapter{height:12px!important;width:12px!important}.container-course-overview .card-info .btn-common,.container-course-overview .card-info .btn-overall{font-size:14px;line-height:20px;padding:6px 16px}.container-course-overview .card-info .course-statistic .circle-chart{margin-right:0}.container-course-overview .card-info .course-statistic .circle-chart svg{scale:1}.container-course-overview .chapter-item .chapter-point{width:100%!important}.container-course-overview .chapter-item .ic-arrow-right{display:none}.cme-toast{padding:8px 48px!important}.container-course-about{padding:0 24px}.ca-content-html .ca-col-one .container-course-about .container-intro-course--border-rounded,.container-course-about .ca-content-html .ca-col-one .container-intro-course--border-rounded,.container-course-about .container-intro-course{display:none}.container-course-about .ca-content-one{display:flex}.container-course-about .ca-content-one .intro-course-about{margin-left:0}.container-course-about .ca-col-two{margin-left:unset}.container-course-about .ca-col-two .intro-course-about{display:none}.container-course-about .ca-col-two .row{margin:unset}.container-course-about .ca-col-two .row .pl-12px,.container-course-about .ca-col-two .row .pr-12px{padding:unset;flex:1 1 100%}.container-course-about .ca-col-two .row .pl-12px .ca-container-info{margin-top:24px}.container-in-course-about .content-in-course-about{padding:24px}.label-course-in-course{font-size:24px;line-height:36px}.full-profile .container-profile{padding-top:36px;padding-left:24px;padding-right:24px}.full-profile .container-profile .left-profile{top:92px}.full-profile .container-profile .right-profile .custom-row-profile{margin-left:49px!important;margin-right:49px!important}.elite-thumbnail-wrapper{width:100%;height:210px}.studio-pathway .pathway-card-list{display:block}.studio-pathway .path-way-card-container{max-width:none;padding:15px 0}.intro-course-about .col-one-info .enroll-container{margin-left:0}.intro-course-about .col-one-info .enroll-container .button-enroll{margin-top:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media screen and (max-width:767.98px){.lesson-content-container .video-content__header button{display:none!important}.lesson-content-container .transcript-container .paragraph-section{display:grid}.video-player-container .video-js.video-player .vjs-text-track-display .vjs-text-track-cue{font-size:14px!important}.learner-main{padding:0 24px 24px}.learner-layout .learner-warning-timezone{padding:0 24px 24px;margin-top:-12px}.common-footer{padding:48px 24px 0}.common-footer .footer-left{margin-bottom:24px}.common-footer .footer-left .app{padding-top:32px}.common-footer .footer-menu .title-about{margin:16px 0}.common-footer .footer-menu .navigation-about{margin-bottom:16px}.mycourse-container-new .actions-group-mycourse{top:60px;left:0}.course-list .course-item .info{padding:24px;border-radius:8px}.course-list .course-item .info .past-course-button,.course-list .course-item .info .process{margin-top:24px}.course-list .course-item .thumbnail{display:none}.course-list .line-courses{visibility:hidden}.course-list .icc-container .skeleton-col-an-course{display:none!important}.course-list .icc-container .skeleton-icc-content{padding-left:24px}.header-container-layout{height:44px}.header-container-layout .container-header{padding:0 24px}.header-container-layout .header-menu-mb{left:12px;padding:8px 12px}.header-container-layout .header-right-content{position:absolute;right:12px}.header-container-layout .header-right-content .avatar-icon{padding:6px 12px;display:grid}.header-container-layout .header-right-content .avatar-image{width:32px;height:32px}.header-container-layout .logo svg{height:24px}.header-container-layout .profile-mb .profile-mb-content .avatar-image{margin-left:24px;margin-right:24px}.header-container-layout .profile-mb .profile-mb-content .avatar-header{padding-left:24px;padding-right:24px}.header-container-layout .profile-mb .profile-mb-content .avatar-row-item{padding-left:12px;padding-right:12px}.header-container-layout.header-k-container .container-header{justify-content:normal}.header-container-layout.header-k-container .container-header .logo svg{height:auto}.learner-layout{padding-top:44px}.k-course-detail{flex-direction:column-reverse}.k-course-detail .content-left{width:100%;padding-right:0;margin-top:24px}.title-course-intro{padding-top:54px;padding-bottom:12px}.home-container.course-intro{height:auto}.k-course-about .course-title{font-size:24px;line-height:36px;letter-spacing:.02em}.home-container .contact-item{margin-bottom:24px}.home-container .home-content.partner{margin-top:48px;padding:16px}.home-container .k-label{padding-top:48px}.left-col{height:inherit!important;min-height:100vh}.learner-calendar{height:calc(100vh - 44px)}.learner-calendar .learner-elite-calendar{height:calc(100% - 44px)}.container-login .left-col{width:100%}.container-login .left-col .row{flex-direction:column}.container-login .left-col .row .input-field{width:100%}.container-login .left-col .row .container-label-fogot .label-link{display:none}.container-login .left-col .row .forgot-pass-sm{display:block;margin-top:8px}.container-login .right-col,.container-sidebar{display:none}.right-content{margin:0;width:100%}.ic-close{background-image:url(/static/media/ic-close.2df4253b.svg)}.header-course{display:none}.ic-dropdown{background-image:url(/static/media/ic-dropdown.48a73cbd.svg)}.menu-courses-sm{display:block;margin-bottom:24px}.menu-courses-sm .selected-course-container{width:100%;padding:9px 16px;border:none;display:flex;justify-content:space-between;border:1px solid var(--color-gray-line)!important;background-color:transparent!important;color:var(--color-text-1)!important;font-size:14px;line-height:20px;box-shadow:none!important;align-items:center}.menu-courses-sm .courses-selection{background:var(--color-text-1);box-shadow:var(--box-shadow-small);border-radius:6px;padding:12px 0;width:100%;transition:all .1s ease;transform:translateY(40px)}.menu-courses-sm .courses-selection .course-select-menu{display:block;padding:12px 16px;font-size:12px;line-height:16px;color:var(--color-light);text-decoration:none!important}.menu-courses-sm .courses-selection .course-select-menu:focus,.menu-courses-sm .courses-selection .course-select-menu:hover{background-color:rgba(var(--RGB_color-light),.1)}.container-course-overview .title-overview{font-size:18px;line-height:28px;margin-bottom:12px}.container-course-overview .card-info .circle-chart{margin-top:24px!important;margin-left:auto!important;margin-right:auto!important}.container-course-overview .card-info .overview-info{display:block}.container-course-overview .card-info .overview-info .row{flex-direction:column-reverse}.container-course-overview .card-info .overview-info .row .info-col{margin-top:24px}.container-course-overview .card-info .overview-info .row .info-col .group-btns{flex-wrap:wrap}.container-course-overview .card-info .overview-info .row .circle-chart{margin-top:0!important}.container-course-overview .card-info .overview-info .course-status{flex-wrap:wrap}.container-course-overview .card-info .overview-info .course-status .date-stt{display:block}.container-course-overview .card-info .overview-info .course-status .pending-chapter{margin-bottom:4px}.container-course-overview .card-info .overview-info .course-status .date-separate{display:block;width:100%;height:4px;background:0 0;margin:0}.container-course-overview .chapter-item{padding:24px}.container-course-overview .chapter-item .chapter-title{font-size:16px;line-height:24px}.container-course-overview .chapter-item .chapter-col{margin-top:16px}.container-course-overview .chapter-item .chapter-name-col{margin-top:0!important;display:grid}.container-course-overview .chapter-item .chapter-name-col .chapter-resume{margin-bottom:4px}.intro-course-about .wrap-information .name-course,.intro-course-about .wrap-information .number-course{font-size:24px;line-height:36px;letter-spacing:.02em}.cme-toast{padding:8px 24px!important}.container-course-about .img-course-about{display:none}.full-profile .small-device{display:unset}.full-profile .small-device .container-btn-upgrade{border-radius:unset;padding-left:24px;padding-right:45px;margin-bottom:unset}.full-profile .container-btn-upgrade{min-width:unset}.full-profile .container-profile{padding-top:24px;flex-direction:column;padding-left:unset;padding-right:unset}.full-profile .container-profile .left-profile{position:static;margin:unset;height:100%}.full-profile .container-profile .left-profile .container-profile-status{margin-bottom:24px;margin-left:24px;margin-right:24px}.full-profile .container-profile .left-profile .container-profile-status .small-img-profile,.full-profile .container-profile .left-profile .container-sidebar-name{display:none}.full-profile .container-profile .left-profile .container-capacity{background-color:var(--color-light);box-shadow:0 .5px 2px rgba(0,0,0,.25);border-radius:8px;padding:16px 21px;margin-bottom:24px;margin-left:24px;margin-right:24px}.full-profile .container-profile .left-profile .select-menu-sm{display:block;margin-left:24px;margin-right:24px}.full-profile .container-profile .right-profile{min-width:unset;margin-left:unset}.full-profile .container-profile .right-profile .container-btn-upgrade{display:none}.full-profile .container-profile .right-profile .form-changes-pass .custom-row-profile.padding-top-48{margin-top:unset}.full-profile .container-profile .right-profile .custom-row-profile{margin-left:24px!important;margin-right:24px!important}.full-profile .container-profile .right-profile .social-network-container .social-network-content{padding:12px 24px}.full-profile .container-profile .right-profile .social-network-container .social-network-content .row-profile-social{max-width:100%}.full-profile .container-profile .right-profile .social-network-container.info-content{padding:36px 24px}.elite-thumbnail-wrapper{width:100%;min-width:100%;height:210px}.MuiMenu-paper{min-width:calc(100vw - 48px)!important}.studio-content .item-course .course-actions{display:block}.studio-content .studio-content-header .search-courses{display:none}.studio-content .header-action-course{display:block}.studio-content .header-action-course .header-action-item{margin-top:12px}.studio-content .header-action-course .header-action-item:last-child{padding-bottom:12px}.studio-content .item-library .library-info-details{display:block}.studio-content .item-library .library-info-details span{margin-bottom:12px}.studio-content .progress-bar-container{display:none}.studio-grading .grading-types .type{display:block}.studio-grading .grading-types .type .type-coloumn{width:100%;margin-bottom:12px}.studio-certificate .certificate-info .signer-info-container{display:block}.studio-certificate .certificate-info .signer-info-container .signer-info{width:100%}.certificate-details-container .logo svg{width:108px;height:auto}.certificate-details-container .certificate-details-content{min-height:-webkit-max-content;min-height:max-content}.certificate-details-container .certificate-details-content .certificate{padding:16px}.certificate-details-container .certificate-details-content .certificate .content .label{font-size:16px;line-height:24px}.certificate-details-container .certificate-details-content .certificate .content .username{font-size:36px;line-height:40px;margin-top:30px}.certificate-details-container .certificate-details-content .certificate .content .course-name{font-size:16px;line-height:24px;margin-bottom:30px}.certificate-details-container .certificate-details-content .certificate .footer{font-size:8px;line-height:11px}.live-screen .container{padding:0 24px 36px}.live-screen .content,.new-meeting-body .date-time-container{width:100%}.new-meeting-body .date-time-container .cds-date-picker,.new-meeting-body .date-time-container .time-picker-container{max-width:100%}.learner-warning-timezone.studio-warning-timezone{margin-left:0}.lesson-layout .lesson-main .lesson-content-layout .lesson-unit-content .lesson-content-container .html-content.rich-display-content .styled-rich-text iframe,.mobile-lesson-layout .lesson-content-container .lesson-component-card .html-content.rich-display-content .styled-rich-text iframe{width:100%!important}}@media screen and (max-width:767.98px)and (max-width:400px){.warning-timezone-popup{display:flex;flex-direction:column}.warning-timezone-popup .icon-warning-circle{margin:0 0 8px}.warning-timezone-popup__button__setting{width:100%;margin-right:0;margin-bottom:12px}}@media screen and (max-width:767.98px){.warning-work-unit{height:unset}.warning-work-unit .content{flex-wrap:wrap;padding:12px 24px}.warning-work-unit span{width:100%}}@media screen and (max-width:575.98px){.lesson-layout .lesson-header{max-width:100vw}.lesson-layout .lesson-main .left-sidebar{max-width:unset}.lesson-layout .lesson-main .left-sidebar .lef-sidebar-container{width:100vw;padding:0}.lesson-layout .lesson-main .menu-container .menu-card,.lesson-layout .lesson-main .persionalize{border-radius:0}.lesson-layout .lesson-main .lesson-content-layout{max-width:100%}.lesson-layout .lesson-main .lesson-content-layout .lesson-unit-content{padding:16px 0}.lesson-layout .lesson-main .lesson-layout-wrapper{padding:0}.lesson-layout .progress-loading{top:44px}.learning-problem .bottom-actions{display:block}.learning-problem .bottom-actions .right-actions{margin-top:24px;justify-content:flex-end}.preview-header{height:92px;padding:0;max-width:100vw}.preview-header *{max-width:100vw}.preview-header .preview-layout-wrapper{padding:12px 16px;display:flex;flex-direction:column;align-items:flex-start}.preview-header .preview-logo{padding:0}.preview-header .preview-action{padding:0;margin-top:12px;margin-left:auto}.lesson-layout.lesson-preview{padding-top:92px;min-height:calc(100vh - 92px);width:100vw;overflow:hidden}.lesson-layout.lesson-preview *{max-width:100vw}.lesson-layout.lesson-preview .lesson-header{top:92px;max-width:100vw}.lesson-layout.lesson-preview .lesson-header .breadcrumb-container:after,.lesson-layout.lesson-preview .progress-loading{top:92px}.common-footer .footer-left .app{flex-direction:column;align-items:flex-start}.common-footer .footer-left .app .learn-everywhere{margin-top:16px}.common-footer .footer-left .app .learn-everywhere .download{padding:8px 0}.course-list .course-item .info .process{margin-top:24px;flex-direction:column;align-items:flex-start}.course-list .course-item .info .process .btn-access{margin-left:0;margin-top:24px}.learner-main.k-hospital .banner-k-hospital{font-size:36px;line-height:44px;letter-spacing:.02em}.home-container .home-content{padding:0 16px}.home-content .read-more-mb{display:block!important}.home-container .k-label{font-size:28px;line-height:36px}.certificate-details-container .logo-certificate{width:75px;height:40px}.course-intro-button-row{display:block}.course-intro-button-row .button-go-to-course{margin-left:0;margin-top:12px;min-width:208px;justify-content:center}.error-page-container .error-page__main{padding:72px 24px;max-width:100%}.container-login .left-col{padding:48px 24px 24px}.container-login .left-col .row .container-password-field .input-field{margin-top:0}.container-login .left-col .row .input-field{width:100%;min-width:calc(100vw - 48px);margin-top:12px}.container-login .left-col .row .container-label-fogot .label-link{display:unset}.container-login .left-col .row .forgot-pass-sm{display:none}.container-course-about .ca-content-one .intro-course-about{flex-wrap:wrap}.container-course-about .ca-content-one .intro-course-about .ca-btn-status{margin-right:auto;margin-left:0}.container-course-about .ca-content-one .intro-course-about .course-description{margin-top:8px;margin-bottom:24px}.container-course-about .ca-content-one .intro-course-about .col-one-info{flex:unset}.container-course-about .ca-content-one .intro-course-about .contain-ca-btn-status{margin-left:0}.container-course-about .ca-content-html{flex-wrap:wrap}.container-course-about .ca-content-html .ca-col-one{width:100%;max-width:unset}.container-course-about .ca-content-html .ca-col-one .ca-teachers{margin-bottom:12px}.studio-content .item-course{display:block}.studio-content .item-course .course-info{margin-top:24px;margin-left:0}.studio-content .item-course .course-thumbnail{min-height:220px}.course-content-item .date-time-container{display:block}.course-content-item .time-container{margin-left:0;margin-top:12px}.course-info-content .course-content-item .info-basic .cds-date-picker .cds-dp-input{min-width:0}.course-info-content .course-content-item .info-basic .filed-row{display:block}.course-info-content .course-content-item .info-basic .filed-row .content{width:100%}.course-info-content .image-video .course-image-container{width:100%;height:100%;min-width:0}.course-info-content .image-video .button-course-info{display:block}.media-button .icon-information{display:none}.filter-dropdown.show .filter-dropdown-menu{display:block}.build-content-main .page-label,.filter-dropdown .filter-dropdown-menu{display:none}.build-content-main .right-container{margin-left:auto}.notis-course span{display:none}.notis-course button{margin-left:auto}.add-unit-component-container{display:block}.add-unit-component-container .new-component{margin-bottom:24px}.block-component .component-header{display:block}.block-component .component-header .right-actions{flex-direction:row-reverse;display:inline-flex;margin-left:5px}.block-component .block-name-container .display-text{width:auto}.unit-layout-content .unit-content .content-header .right-container .checkbox-hide-for-learner{display:none}.unit-layout-content .unit-content .content-header .block-name-container .display-text{width:50px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.certificate-details-container .certificate-details-content{min-height:-webkit-max-content;min-height:max-content}.certificate-details-container .certificate-details-content .certificate{padding:8px;min-height:0;border:1px solid var(--color-primary-light)}.certificate-details-container .certificate-details-content .certificate .content .logo svg{width:80px;height:auto}.certificate-details-container .certificate-details-content .certificate .content .label{font-size:10px;line-height:12px}.certificate-details-container .certificate-details-content .certificate .content .text{font-size:8px;line-height:11px}.certificate-details-container .certificate-details-content .certificate .content .username{font-size:16px;line-height:20px;margin-top:4px;margin-bottom:4px}.certificate-details-container .certificate-details-content .certificate .content .course-name{font-size:12px;line-height:16px;margin-bottom:16px}.certificate-details-container .certificate-details-content .certificate .footer{font-size:6px;line-height:9px;margin-top:0}.certificate-details-container .certificate-details-content .certificate .footer .signer-image{max-width:61px;max-height:25px}.certificate-details-container .certificate-details-content .certificate .footer .text-certificate-no{margin-top:6px}.studio-pathway{padding:48px 24px}.studio-pathway .studio-logo svg{width:auto;height:auto}.payment-page .payment-label{margin-top:36px}.payment-page .payment-content .payment-info .transfer-info .info-row{display:block}.payment-page .payment-content .payment-info .transfer-info .info-row .btn-copy{margin-left:0;margin-top:8px}.payment-page .payment-content .payment-info .payment-basic .btn-complete,.payment-page .payment-content .payment-method-content .btn-complete-transfer{margin-left:0;margin-right:0}.payment-page .total-container .total-card .total-info{display:block}.payment-result-container .payment-result-content{padding:24px}.future-course .col-item .button-row{display:block}.future-course .meeting-button,.future-course .meeting-button .link-button{margin-left:0}.new-meeting-body .meeting-info{margin-bottom:8px}.new-meeting-body .meeting-row{display:block}.certification-header .course-name{text-align:left;text-align:initial}.certificate-details-container{min-height:0;padding-top:48px}}@media screen and (min-width:1768px){.lesson-layout .lesson-layout-wrapper{max-width:1768px}.lesson-layout .lesson-layout-wrapper .right-controls{margin-left:16px}.lesson-layout .lesson-main .lesson-content-layout{max-width:1280px}.preview-header .preview-layout-wrapper{max-width:1768px}}