.com-text-field{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-white);border:1px solid var(--color-border-base);border-radius:var(--radius-level-03);box-sizing:border-box;display:flex;height:40px;min-height:40px;padding:0 16px;width:100%}.com-text-field::-webkit-inner-spin-button,.com-text-field::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.com-text-field::-moz-placeholder{color:var(--color-text-label)}.com-text-field::placeholder{color:var(--color-text-label)}.com-text-field.--textarea{height:140px;padding:16px;resize:none}.com-text-field:focus{border-color:var(--color-blue-600)}.com-text-field.--error{background:var(--color-gray-50);border-color:var(--color-status-error)}.com-text-field:disabled{background:var(--color-gray-100);border-color:var(--color-gray-100);color:var(--color-gray-500)}.com-radio{align-items:center;display:flex;height:24px;width:24px}.com-radio .input{display:none}.com-radio .input:checked~.rect .line,.com-radio .input:checked~.rect .point{fill:var(--color-blue-700)}.com-radio .input:disabled~.rect .bg{fill:var(--color-gray-50)}.com-radio .input:disabled~.rect .line{fill:var(--color-gray-200)}.com-radio .input:disabled~.rect .point{fill:transparent}.com-radio .input:checked:disabled~.rect .point{fill:var(--color-white)}.com-radio .rect{height:100%;width:100%}.com-radio .rect .bg{fill:var(--color-white)}.com-radio .rect .line{fill:var(--color-gray-300)}.com-radio .rect .point{fill:var(--color-gray-200)}.ctx-from.com-switch{background:var(--color-gray-100);border-radius:var(--radius-full);height:24px;position:relative;transition:background .3s ease-in-out;width:44px}.ctx-from.com-switch.--active{background:var(--color-blue-600)}.ctx-from.com-switch.--active:before{left:22px}.ctx-from.com-switch:before{background:var(--color-white);border-radius:var(--radius-full);content:"";display:block;height:20px;left:2px;position:absolute;top:2px;transition:left .3s ease-in-out;width:20px}.modal-form.ctx-lesson .area-modal{background:var(--color-white);border-radius:var(--radius-level-04);box-sizing:border-box;display:flex;flex-direction:column;max-height:822px;padding:20px;row-gap:20px;width:800px}.modal-form.ctx-lesson .box-header{align-items:center;display:flex;justify-content:space-between}.modal-form.ctx-lesson .box-header .title{font-size:var(--font-size-body-m);font-weight:var(--font-weight-medium)}.modal-form.ctx-lesson .box-header .btn-close{height:24px;width:24px}.modal-form.ctx-lesson .box-header .btn-close .path{fill:#5f6368}.modal-form.ctx-lesson .box-content{display:flex;flex:1;flex-direction:column;overflow-y:auto;row-gap:20px}.modal-form.ctx-lesson .box-content .label{align-items:center;color:var(--color-gray-900);-moz-column-gap:4px;column-gap:4px;display:flex;font-size:var(--font-size-body-m)}.modal-form.ctx-lesson .box-content .label .red{color:var(--color-status-error)}.modal-form.ctx-lesson .box-content .label .icon{height:20px;width:20px}.modal-form.ctx-lesson .box-content .group-info{-moz-column-gap:30px;column-gap:30px;display:flex}.modal-form.ctx-lesson .box-content .group-info .wrap-text{display:flex;flex:1;flex-direction:column;row-gap:24px}.modal-form.ctx-lesson .box-content .group-info .group-title{display:flex;flex-direction:column;row-gap:8px}.modal-form.ctx-lesson .box-content .group-info .group-title .wrap-field{position:relative}.modal-form.ctx-lesson .box-content .group-info .group-title .count{color:var(--color-gray-300);position:absolute;right:10px;top:50%;transform:translateY(-50%)}.modal-form.ctx-lesson .box-content .group-info .group-description{display:flex;flex-direction:column;row-gap:8px}.modal-form.ctx-lesson .box-content .group-info .group-description .wrap-field{position:relative}.modal-form.ctx-lesson .box-content .group-info .group-description .input{height:83px}.modal-form.ctx-lesson .box-content .group-info .group-description .count{bottom:10px;color:var(--color-gray-300);position:absolute;right:10px;transform:translateY(-50%)}.modal-form.ctx-lesson .box-content .group-thumbnail{display:flex;flex-direction:column;row-gap:8px}.modal-form.ctx-lesson .box-content .group-thumbnail .btn-upload{align-items:center;background:var(--color-gray-50);border:1px solid var(--color-gray-300);border-radius:var(--radius-level-04);color:var(--color-gray-400);cursor:pointer;display:flex;flex-direction:column;font-weight:var(--font-weight-medium);height:176px;justify-content:center;row-gap:4px;width:234px}.modal-form.ctx-lesson .box-content .group-thumbnail .btn-upload:hover{background:var(--color-blue-100);border-color:var(--color-border-base);color:var(--color-blue-500)}.modal-form.ctx-lesson .box-content .group-thumbnail .btn-upload:hover .path{fill:var(--color-blue-500)}.modal-form.ctx-lesson .box-content .group-thumbnail .btn-upload:active{background:var(--color-blue-300);border-color:var(--color-border-base);color:var(--color-blue-500)}.modal-form.ctx-lesson .box-content .group-thumbnail .btn-upload:active .path{fill:var(--color-blue-500)}.modal-form.ctx-lesson .box-content .group-thumbnail .btn-upload .icon{height:24px;width:24px}.modal-form.ctx-lesson .box-content .group-thumbnail .btn-upload .path{fill:var(--color-gray-400)}.modal-form.ctx-lesson .box-content .group-thumbnail .item-img{border:1px solid var(--color-gray-300);border-radius:var(--radius-level-04);overflow:hidden;position:relative;width:234px}.modal-form.ctx-lesson .box-content .group-thumbnail .item-img .img{aspect-ratio:1.33;-o-object-fit:cover;object-fit:cover;width:100%}.modal-form.ctx-lesson .box-content .group-thumbnail .group-menu{position:absolute;right:10px;top:10px}.modal-form.ctx-lesson .box-content .group-thumbnail .group-menu .btn-menu{height:24px;width:24px}.modal-form.ctx-lesson .box-content .group-thumbnail .group-menu .btn-menu .path{fill:var(--color-gray-400)}.modal-form.ctx-lesson .box-content .group-thumbnail .group-menu .list-menu{background:var(--color-white);border:1px solid var(--color-border-base);border-radius:var(--radius-level-04);display:none;position:absolute;right:0;top:100%;width:80px}.modal-form.ctx-lesson .box-content .group-thumbnail .group-menu .list-menu.--active{display:block}.modal-form.ctx-lesson .box-content .group-thumbnail .group-menu .list-menu .btn{cursor:pointer;display:block;padding:10px 0;text-align:center;width:100%}.modal-form.ctx-lesson .box-content .group-thumbnail .group-menu .list-menu .btn.--red{color:var(--color-red-600);font-weight:var(--font-weight-medium)}.modal-form.ctx-lesson .box-content .group-category{display:flex;flex-wrap:wrap;gap:8px}.modal-form.ctx-lesson .box-content .group-category .input,.modal-form.ctx-lesson .box-content .group-category .label{width:100%}.modal-form.ctx-lesson .box-content .group-category .select{flex:1}.modal-form.ctx-lesson .box-content .group-option .btn-option{align-items:center;border-bottom:1px solid var(--color-gray-300);box-sizing:border-box;display:flex;font-size:var(--font-size-body-m);font-weight:var(--font-weight-medium);height:42px;padding:0 10px;width:100%}.modal-form.ctx-lesson .box-content .group-option .btn-option .text{flex:1;text-align:left}.modal-form.ctx-lesson .box-content .group-option .btn-option .icon{height:24px;width:24px}.modal-form.ctx-lesson .box-content .group-option .wrap-option-content{display:none;flex-direction:column;padding:20px 10px;row-gap:20px}.modal-form.ctx-lesson .box-content .group-option .wrap-option-content.--active{display:flex}.modal-form.ctx-lesson .box-content .group-option .wrap-option-content .row{display:flex;flex-direction:column;row-gap:16px}.modal-form.ctx-lesson .box-content .group-option .wrap-option-content .list-radio{align-items:center;-moz-column-gap:16px;column-gap:16px;display:flex}.modal-form.ctx-lesson .box-content .group-option .wrap-option-content .list-radio .item-radio{align-items:center;color:var(--color-gray-600);-moz-column-gap:10px;column-gap:10px;display:flex;font-size:var(--font-size-body-m);width:180px}.modal-form.ctx-lesson .box-content .group-option .wrap-option-content .list-switch{display:flex;flex-direction:column;row-gap:16px}.modal-form.ctx-lesson .box-content .group-option .wrap-option-content .list-switch .item-switch{align-items:center;display:flex}.modal-form.ctx-lesson .box-content .group-option .wrap-option-content .list-switch .text{width:260px}.modal-form.ctx-lesson .btn-submit{min-height:48px}@media (max-width:1200px){.modal-form.ctx-lesson .area-modal{max-height:100%;width:100%}.modal-form.ctx-lesson .box-content .group-info{flex-direction:column;row-gap:30px}.modal-form.ctx-lesson .box-content .group-category .select{flex:unset;width:100%}}