.lesson-like-modal .box{background:var(--old-color-white);border-radius:var(--old-radius-level3);display:flex;flex-direction:column;height:500px;padding:20px 16px 10px;row-gap:16px;width:500px}.lesson-like-modal .title-area{align-items:center;display:flex;justify-content:space-between}.lesson-like-modal .title-area .title{font-family:var(--font-family-rending);font-size:var(--old-font-size-body-l);font-weight:var(--font-weight-medium)}.lesson-like-modal .title-area .close-btn{height:24px;width:24px}.lesson-like-modal .list-area{background:var(--old-color-background-primary1);flex:1;overflow-y:auto}.lesson-like-modal .list-area .list{display:flex;flex-direction:column;padding:10px;row-gap:20px}.lesson-like-modal .list-area .list .row{align-items:center;-moz-column-gap:16px;column-gap:16px;display:flex}.lesson-like-modal .list-area .list .img-area{height:32px;width:32px}.lesson-like-modal .list-area .list .text-area{align-items:center;-moz-column-gap:6px;column-gap:6px;display:flex}.lesson-like-modal .list-area .list .text-area .label{align-items:center;border-radius:var(--old-radius-level4);display:flex;font-size:var(--old-font-size-caption);font-weight:var(--font-weight-semibold);height:21px;justify-content:center;width:46px}.lesson-like-modal .list-area .list .text-area .label.--teacher{background:var(--old-color-blue-50);color:var(--old-color-blue-500)}.lesson-like-modal .list-area .list .text-area .label.--student{background:var(--old-color-yellow-100);color:var(--old-color-yellow-800)}.lesson-like-modal .list-area .list .text-area .name{font-weight:var(--font-weight-medium)}.lesson-like-modal .list-area .no-data{align-items:center;color:var(--old-color-gray-500);display:flex;height:100%;justify-content:center;width:100%}.lesson-copy-modal .box{background:var(--old-color-white);border-radius:var(--old-radius-level3);display:flex;flex-direction:column;height:500px;padding:20px 16px 10px;row-gap:16px;width:500px}.lesson-copy-modal .title-area{align-items:center;display:flex;justify-content:space-between}.lesson-copy-modal .title-area .title{font-family:var(--font-family-rending);font-size:var(--old-font-size-body-l);font-weight:var(--font-weight-medium)}.lesson-copy-modal .title-area .close-btn{height:24px;width:24px}.lesson-copy-modal .list-area{background:var(--old-color-background-primary1);flex:1;overflow-y:auto}.lesson-copy-modal .list-area .list{display:flex;flex-direction:column;padding:10px;row-gap:20px}.lesson-copy-modal .list-area .list .row{align-items:center;-moz-column-gap:16px;column-gap:16px;display:flex}.lesson-copy-modal .list-area .list .img-area{height:32px;width:32px}.lesson-copy-modal .list-area .list .text-area{align-items:center;-moz-column-gap:6px;column-gap:6px;display:flex}.lesson-copy-modal .list-area .list .text-area .label{align-items:center;border-radius:var(--old-radius-level4);display:flex;font-size:var(--old-font-size-caption);font-weight:var(--font-weight-semibold);height:21px;justify-content:center;width:46px}.lesson-copy-modal .list-area .list .text-area .label.--teacher{background:var(--old-color-blue-50);color:var(--old-color-blue-500)}.lesson-copy-modal .list-area .list .text-area .label.--student{background:var(--old-color-yellow-100);color:var(--old-color-yellow-800)}.lesson-copy-modal .list-area .list .text-area .name{font-weight:var(--font-weight-medium)}.lesson-copy-modal .list-area .no-data{align-items:center;color:var(--old-color-gray-500);display:flex;height:100%;justify-content:center;width:100%}.tooltip-components{display:inline-block;height:16px;line-height:0;position:relative;width:16px}.tooltip-components .btn{background:var(--old-color-container-primary-selected1);border-radius:50%;height:100%;width:100%}.tooltip-components .btn .path{fill:var(--old-color-gray-580)}.tooltip-components .content{background:var(--old-color-gray-50);box-shadow:0 1px var(--old-blur-level1) #5b5b5b1a;display:flex;flex-direction:column;max-width:500px;opacity:0;padding:14px 10px;position:fixed;row-gap:10px;transition:opacity .4s ease-in-out,visibility .4s ease-in-out;visibility:hidden;z-index:1101}.tooltip-components .content .red{color:var(--old-color-red-400)}.tooltip-components .content.--active{opacity:1;visibility:visible}.tooltip-components .content .title{font-weight:var(--font-weight-semibold)}.tooltip-components .content .description{font-size:var(--old-font-size-caption);line-height:var(--old-line-height-relaxed)}.modal-create-lesson .box-modal{background:var(--old-color-white);border-radius:var(--old-radius-level4);box-sizing:border-box;display:flex;flex-direction:column;height:822px;width:800px}.modal-create-lesson .area-header{align-items:center;box-shadow:0 1px var(--old-blur-level1) #5b5b5b1a;display:flex;height:72px;justify-content:space-between;padding:0 20px}.modal-create-lesson .area-header .title{font-family:var(--font-family-tilte);font-size:var(--old-font-size-subtitle-m);font-weight:var(--font-weight-medium)}.modal-create-lesson .area-header .btn-close{height:32px;width:32px}.modal-create-lesson .area-header .btn-close .path{fill:var(--old-color-gray-580)}.modal-create-lesson .area-content{display:flex;flex:1;flex-direction:column;overflow-y:auto;padding:10px 20px;row-gap:20px}.modal-create-lesson .area-content .label{color:var(--old-color-gray-600);font-size:var(--old-font-size-body-m)}.modal-create-lesson .area-content .area-info{display:flex;flex-direction:column;flex-wrap:wrap;gap:24px 30px;height:203px}.modal-create-lesson .area-content .area-info .label{margin-bottom:8px}.modal-create-lesson .area-content .area-info .item-thumbnail{width:234px}.modal-create-lesson .area-content .area-info .item-thumbnail .btn-upload{align-items:center;background:var(--old-color-container-secondary);border:1px solid var(--old-color-border-primary-hover);border-radius:var(--old-radius-level4);color:var(--old-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:100%}.modal-create-lesson .area-content .area-info .item-thumbnail .btn-upload:hover{background:var(--old-color-container-primary-selected1);border-color:var(--old-color-border-secondary);color:var(--old-color-blue-500)}.modal-create-lesson .area-content .area-info .item-thumbnail .btn-upload:hover .icon .path{fill:var(--old-color-blue-500)}.modal-create-lesson .area-content .area-info .item-thumbnail .btn-upload:active{background:var(--old-color-container-primary-selected2);border-color:var(--old-color-border-secondary);color:var(--old-color-blue-500)}.modal-create-lesson .area-content .area-info .item-thumbnail .btn-upload:active .icon .path{fill:var(--old-color-blue-500)}.modal-create-lesson .area-content .area-info .item-thumbnail .btn-upload .icon{height:24px;width:24px}.modal-create-lesson .area-content .area-info .item-thumbnail .btn-upload .icon .path{fill:var(--old-color-gray-400)}.modal-create-lesson .area-content .area-info .item-img{border:1px solid var(--old-color-border-primary-hover);border-radius:var(--old-radius-level4);height:176px;overflow:hidden;position:relative;width:100%}.modal-create-lesson .area-content .area-info .item-img .img{position:absolute}.modal-create-lesson .area-content .area-info .item-img .img.--vertical{height:auto;left:0;top:50%;transform:translateY(-50%);width:100%}.modal-create-lesson .area-content .area-info .item-img .img.--horizon{height:100%;left:50%;top:0;transform:translate(-50%);width:auto}.modal-create-lesson .area-content .area-info .item-img .area-menu{position:absolute;right:10px;top:10px}.modal-create-lesson .area-content .area-info .item-img .area-menu .btn-menu{height:38px;width:38px}.modal-create-lesson .area-content .area-info .item-img .area-menu .item-menu{background:var(--old-color-container-secondary);border:1px solid var(--old-color-border-primary-focused);display:none;position:absolute;right:0;top:100%;width:124px}.modal-create-lesson .area-content .area-info .item-img .area-menu .item-menu.--active{display:block}.modal-create-lesson .area-content .area-info .item-img .area-menu .item-menu .btn{cursor:pointer;display:block;padding:10px 0;text-align:center;width:100%}.modal-create-lesson .area-content .area-info .item-img .area-menu .item-menu .btn.--red{color:var(--old-color-red-600);font-weight:var(--font-weight-medium)}.modal-create-lesson .area-content .area-info .item-title{width:calc(100% - 264px)}.modal-create-lesson .area-content .area-info .item-title .wrap-field .count{bottom:13px}.modal-create-lesson .area-content .area-info .item-description{width:calc(100% - 264px)}.modal-create-lesson .area-content .area-info .item-description .text-field-component{height:83px}.modal-create-lesson .area-content .area-info .wrap-field{position:relative}.modal-create-lesson .area-content .area-info .wrap-field .count{bottom:10px;color:var(--old-color-gray-300);position:absolute;right:10px}.modal-create-lesson .area-content .area-category{display:flex;flex-direction:column;row-gap:8px}.modal-create-lesson .area-content .area-category .wrap-select{-moz-column-gap:14px;column-gap:14px;display:flex}.modal-create-lesson .area-content .area-category .wrap-select .select{flex:1}.modal-create-lesson .area-content .area-option .btn-option{align-items:center;border-bottom:1px solid var(--old-color-border-primary-hover);box-sizing:border-box;display:flex;font-family:var(--font-family-rending);font-size:var(--old-font-size-body-m);font-weight:var(--font-weight-medium);height:42px;justify-content:space-between;padding:0 10px;width:100%}.modal-create-lesson .area-content .area-option .btn-option .icon{height:32px;width:32px}.modal-create-lesson .area-content .area-option .wrap-content{display:none;flex-direction:column;padding:20px 10px;row-gap:20px}.modal-create-lesson .area-content .area-option .wrap-content.--active{display:flex}.modal-create-lesson .area-content .area-option .wrap-content .row{display:flex;flex-direction:column;row-gap:16px}.modal-create-lesson .area-content .area-option .wrap-content .item-title{align-items:center;-moz-column-gap:6px;column-gap:6px;display:flex}.modal-create-lesson .area-content .area-option .wrap-content .item-title .text{color:var(--old-color-gray-600);font-size:var(--old-font-size-body-m)}.modal-create-lesson .area-content .area-option .wrap-content .list-radio{align-items:center;-moz-column-gap:16px;column-gap:16px;display:flex}.modal-create-lesson .area-content .area-option .wrap-content .list-radio .radio{align-items:center;-moz-column-gap:10px;column-gap:10px;display:flex;width:180px}.modal-create-lesson .area-content .area-option .wrap-content .list-switch{display:flex;flex-direction:column;row-gap:18px}.modal-create-lesson .area-content .area-option .wrap-content .list-switch .item{align-items:center;display:flex}.modal-create-lesson .area-content .area-option .wrap-content .list-switch .item .text{color:var(--old-color-gray-600);width:260px}.modal-create-lesson .area-content .area-option .wrap-content .list-switch .item .switch-component{width:33px}.modal-create-lesson .area-btn{padding:20px}.modal-create-lesson .area-btn .btn{width:100%}@media (max-width:1200px){.modal-create-lesson .box-modal{height:100%;width:100%}.modal-create-lesson .area-content .area-info{height:auto}.modal-create-lesson .area-content .area-info .label{margin-bottom:8px}.modal-create-lesson .area-content .area-info .item-thumbnail{width:100%}.modal-create-lesson .area-content .area-info .item-thumbnail .btn-upload{margin:0 auto;width:234px}.modal-create-lesson .area-content .area-info .item-description,.modal-create-lesson .area-content .area-info .item-title{width:100%}.modal-create-lesson .area-content .area-category .wrap-select{flex-direction:column;row-gap:8px}}.ctx-lesson.modal-copy .area-modal{background:var(--color-white);border-radius:var(--radius-level-04);box-sizing:border-box;display:flex;flex-direction:column;padding:20px;row-gap:10px;width:360px}.ctx-lesson.modal-copy .box-header{align-items:center;display:flex;justify-content:space-between}.ctx-lesson.modal-copy .box-header .title{font-size:var(--font-size-body-m);font-weight:var(--font-weight-medium)}.ctx-lesson.modal-copy .box-header .btn-close{height:24px;width:24px}.ctx-lesson.modal-copy .box-header .btn-close .path{fill:#5f6368}.ctx-lesson.modal-copy .box-content{display:flex;flex-direction:column;row-gap:16px}.ctx-lesson.modal-copy .box-content .label{align-items:center;color:var(--color-gray-600);-moz-column-gap:10px;column-gap:10px;display:flex;font-size:var(--font-size-body-m)}.ctx-lesson.modal-copy .box-content .label .icon{height:20px;width:20px}.ctx-lesson.modal-copy .group-radio{align-items:flex-start;display:flex;flex-direction:column;padding-bottom:8px;row-gap:10px}.ctx-lesson.modal-copy .group-radio .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)}.lesson-info-page{display:flex;padding:0 64px}.lesson-info-page .left-area{align-items:center;background:var(--old-color-background-primary1);box-sizing:border-box;-moz-column-gap:20px;column-gap:20px;display:flex;flex:1;max-height:calc(100vh - 60px);padding:20px}.lesson-info-page .thumbnail-area{flex:1}.lesson-info-page .thumbnail-area .user-area{align-items:center;background:var(--old-color-background-default);border-radius:var(--old-radius-level4);-moz-column-gap:20px;column-gap:20px;display:flex;height:62px;padding:0 20px}.lesson-info-page .thumbnail-area .user-area .link-user{align-items:center;-moz-column-gap:20px;column-gap:20px;display:flex;flex:1}.lesson-info-page .thumbnail-area .user-area .profile-img{border-radius:50%;height:36px;overflow:hidden;position:relative;width:36px}.lesson-info-page .thumbnail-area .user-area .profile-img .img{position:absolute}.lesson-info-page .thumbnail-area .user-area .profile-img .img.--vertical{height:auto;left:0;top:50%;transform:translateY(-50%);width:100%}.lesson-info-page .thumbnail-area .user-area .profile-img .img.--horizon{height:100%;left:50%;top:0;transform:translate(-50%);width:auto}.lesson-info-page .thumbnail-area .user-area .nickname{color:var(--old-color-gray-580);flex:1;font-size:var(--old-font-size-body-m);font-weight:var(--font-weight-medium)}.lesson-info-page .thumbnail-area .user-area .tag-list{align-items:center;-moz-column-gap:6px;column-gap:6px;display:flex}.lesson-info-page .thumbnail-area .user-area .tag-list .tag{background:#f4f6fc;border-radius:var(--old-radius-level4);color:#7d8089;font-size:var(--old-font-size-overline);height:18px;line-height:18px;padding:0 6px}.lesson-info-page .thumbnail-area .img-area{height:0;overflow:hidden;padding-bottom:51.875%;position:relative;width:100%}.lesson-info-page .thumbnail-area .img-area .img{position:absolute}.lesson-info-page .thumbnail-area .img-area .img.--vertical{height:auto;left:0;top:50%;transform:translateY(-50%);width:100%}.lesson-info-page .thumbnail-area .img-area .img.--horizon{height:100%;left:50%;top:0;transform:translate(-50%);width:auto}.lesson-info-page .activity-area{align-items:center;background:var(--old-color-background-default);border-radius:var(--old-radius-full);box-shadow:0 4px var(--old-blur-level2) #4242421a;box-sizing:border-box;display:flex;flex-direction:column;padding:16px 6px;row-gap:10px;width:76px}.lesson-info-page .activity-area .row{align-items:center;display:flex;flex-direction:column;padding:5px 0}.lesson-info-page .activity-area .row .icon-btn{height:26px;width:26px}.lesson-info-page .activity-area .row .text-btn{font-weight:var(--font-weight-medium);line-height:var(--old-line-height-loose)}.lesson-info-page .activity-area .divider{background:var(--old-color-border-primary-hover);border:0;height:1px;margin:0;width:40px}.lesson-info-page .right-area{box-sizing:border-box;display:flex;flex-direction:column;padding:32px;row-gap:16px;width:520px}.lesson-info-page .info-box{border:1px solid var(--old-color-border-primary);border-radius:var(--old-radius-level4);display:flex;flex-direction:column;padding:14px;position:relative;row-gap:10px}.lesson-info-page .info-box .menu-area{height:38px;position:absolute;right:14px;top:14px;width:38px}.lesson-info-page .info-box .menu-area .btn-menu{height:100%;width:100%}.lesson-info-page .info-box .menu-area .list{background:var(--old-color-container-secondary);border:1px solid var(--old-color-border-primary-focused);box-sizing:border-box;display:none;flex-direction:column;position:absolute;right:0;top:100%;width:100px}.lesson-info-page .info-box .menu-area .list.--active{display:flex}.lesson-info-page .info-box .menu-area .list .btn{padding:8px 0}.lesson-info-page .info-box .menu-area .list .btn.--red{color:var(--old-color-status-error);font-weight:var(--font-weight-medium)}.lesson-info-page .info-box .subject{color:var(--old-color-gray-400);font-size:var(--old-font-size-caption)}.lesson-info-page .info-box .title{font-family:var(--font-family-rending);font-size:var(--old-font-size-subtitle-s);font-weight:var(--font-weight-semibold);line-height:var(--old-line-height-relaxed)}.lesson-info-page .info-box .description{font-size:var(--old-font-size-body-m);line-height:var(--old-line-height-relaxed)}.lesson-info-page .info-box .view-and-date{align-items:center;color:var(--old-color-gray-400);-moz-column-gap:6px;column-gap:6px;display:flex;font-size:var(--old-font-size-caption);justify-content:flex-end}.lesson-info-page .info-box .view-and-date .divider{background:var(--old-color-border-primary-hover);border:0;height:12px;margin:0;width:1px}.lesson-info-page .comment-box{background:var(--old-color-background-primary1);border-radius:var(--old-radius-level4);display:flex;flex:1;flex-direction:column;padding:20px 16px;row-gap:10px}.lesson-info-page .comment-box .write-area{align-items:center;-moz-column-gap:6px;column-gap:6px;display:flex}.lesson-info-page .comment-box .write-area .input{flex:1;height:36px}.lesson-info-page .comment-box .write-area .comment-btn{background:var(--old-color-container-primary-selected2);border-radius:var(--old-radius-level4);height:36px;padding:6px;width:36px}.lesson-info-page .comment-box .write-area .comment-btn .path{fill:var(--old-color-blue-500)}.lesson-info-page .comment-box .comment-list{display:flex;flex:1;flex-direction:column;overflow-y:auto;row-gap:10px}.lesson-info-page .comment-box .comment-list .row{background:var(--old-color-white)}.lesson-info-page .comment-box .comment-list .row .write-area{align-items:center;-moz-column-gap:16px;column-gap:16px;display:flex;padding:14px 20px;position:relative}.lesson-info-page .comment-box .comment-list .row .write-area .profile-img{border-radius:50%;height:46px;overflow:hidden;position:relative;width:46px}.lesson-info-page .comment-box .comment-list .row .write-area .profile-img .img{position:absolute}.lesson-info-page .comment-box .comment-list .row .write-area .profile-img .img.--vertical{height:auto;left:0;top:50%;transform:translateY(-50%);width:100%}.lesson-info-page .comment-box .comment-list .row .write-area .profile-img .img.--horizon{height:100%;left:50%;top:0;transform:translate(-50%);width:auto}.lesson-info-page .comment-box .comment-list .row .write-area .text-area .name{align-items:center;-moz-column-gap:6px;column-gap:6px;display:flex;margin-bottom:6px}.lesson-info-page .comment-box .comment-list .row .write-area .text-area .label{align-items:center;border-radius:var(--old-radius-level4);display:flex;font-size:var(--old-font-size-caption);font-weight:var(--font-weight-semibold);height:21px;justify-content:center;width:46px}.lesson-info-page .comment-box .comment-list .row .write-area .text-area .label.--student{background:var(--old-color-yellow-100);color:var(--old-color-yellow-800)}.lesson-info-page .comment-box .comment-list .row .write-area .text-area .label.--teacher{background:var(--old-color-blue-50);color:var(--old-color-blue-500)}.lesson-info-page .comment-box .comment-list .row .write-area .text-area .nickname{font-size:var(--old-font-size-body-m);font-weight:var(--font-weight-semibold)}.lesson-info-page .comment-box .comment-list .row .write-area .text-area .date{color:var(--old-color-gray-580);font-size:var(--old-font-size-caption)}.lesson-info-page .comment-box .comment-list .row .write-area .delete-btn{height:20px;position:absolute;right:10px;top:10px;width:20px}.lesson-info-page .comment-box .comment-list .row .content{border-top:1px solid var(--old-color-border-primary-focused);line-height:var(--old-line-height-loose);padding:10px 20px;word-break:break-all}.lesson-info-page .comment-box .comment-list .no-data{align-items:center;color:var(--old-color-gray-500);display:flex;flex:1;font-size:var(--old-font-size-caption);justify-content:center}@media (max-width:1200px){.lesson-info-page{flex-direction:column;margin:0 -16px;padding:0}.lesson-info-page .left-area{background:var(--old-color-background-default);flex-direction:column;padding:0;row-gap:14px}.lesson-info-page .thumbnail-area{width:100%}.lesson-info-page .activity-area{border:1px solid var(--old-color-border-primary);box-shadow:none;-moz-column-gap:18px;column-gap:18px;flex-direction:row;justify-content:center;padding:10px 6px;width:calc(100% - 32px)}.lesson-info-page .activity-area .row{-moz-column-gap:4px;column-gap:4px;flex-direction:row;padding:0}.lesson-info-page .activity-area .row .icon-btn{height:20px;width:20px}.lesson-info-page .activity-area .row .text-btn{font-weight:var(--font-weight-regular)}.lesson-info-page .activity-area .divider{height:14px;width:1px}.lesson-info-page .right-area{margin:14px 16px;padding:0;width:calc(100% - 32px)}.lesson-info-page .info-box{border:1px solid var(--old-color-border-primary);border-radius:var(--old-radius-level4);display:flex;flex-direction:column;padding:14px;row-gap:10px}.lesson-info-page .info-box .subject{color:var(--old-color-gray-400);font-size:var(--old-font-size-caption)}.lesson-info-page .info-box .title{font-family:var(--font-family-rending);font-size:var(--old-font-size-subtitle-s);font-weight:var(--font-weight-semibold);line-height:var(--old-line-height-relaxed)}.lesson-info-page .info-box .description{font-size:var(--old-font-size-body-m);line-height:var(--old-line-height-relaxed)}.lesson-info-page .info-box .view-and-date{align-items:center;color:var(--old-color-gray-400);-moz-column-gap:6px;column-gap:6px;display:flex;font-size:var(--old-font-size-caption);justify-content:flex-end}.lesson-info-page .info-box .view-and-date .divider{background:var(--old-color-border-primary-hover);border:0;height:12px;margin:0;width:1px}.lesson-info-page .comment-box{background:var(--old-color-background-primary1);border-radius:var(--old-radius-level4);display:flex;flex:1;flex-direction:column;padding:20px 16px;row-gap:10px}.lesson-info-page .comment-box .write-area{align-items:center;-moz-column-gap:6px;column-gap:6px;display:flex}.lesson-info-page .comment-box .write-area .input{flex:1;height:36px}.lesson-info-page .comment-box .write-area .comment-btn{background:var(--old-color-container-primary-selected2);border-radius:var(--old-radius-level4);height:36px;padding:6px;width:36px}.lesson-info-page .comment-box .write-area .comment-btn .path{fill:var(--old-color-blue-500)}.lesson-info-page .comment-box .comment-list{display:flex;flex:1;flex-direction:column;overflow-y:auto;row-gap:10px}.lesson-info-page .comment-box .comment-list .row{background:var(--old-color-white)}.lesson-info-page .comment-box .comment-list .row .write-area{align-items:center;-moz-column-gap:16px;column-gap:16px;display:flex;padding:14px 20px;position:relative}.lesson-info-page .comment-box .comment-list .row .write-area .profile-img{height:46px;position:relative;width:46px}.lesson-info-page .comment-box .comment-list .row .write-area .profile-img .img{position:absolute}.lesson-info-page .comment-box .comment-list .row .write-area .profile-img .img.--vertical{height:auto;left:0;top:50%;transform:translateY(-50%);width:100%}.lesson-info-page .comment-box .comment-list .row .write-area .profile-img .img.--horizon{height:100%;left:50%;top:0;transform:translate(-50%);width:auto}.lesson-info-page .comment-box .comment-list .row .write-area .text-area .name{align-items:center;-moz-column-gap:6px;column-gap:6px;display:flex;margin-bottom:6px}.lesson-info-page .comment-box .comment-list .row .write-area .text-area .label{align-items:center;border-radius:var(--old-radius-level4);display:flex;font-size:var(--old-font-size-caption);font-weight:var(--font-weight-semibold);height:21px;justify-content:center;width:46px}.lesson-info-page .comment-box .comment-list .row .write-area .text-area .label.--student{background:var(--old-color-yellow-100);color:var(--old-color-yellow-800)}.lesson-info-page .comment-box .comment-list .row .write-area .text-area .label.--teacher{background:var(--old-color-blue-50);color:var(--old-color-blue-500)}.lesson-info-page .comment-box .comment-list .row .write-area .text-area .nickname{font-size:var(--old-font-size-body-m);font-weight:var(--font-weight-semibold)}.lesson-info-page .comment-box .comment-list .row .write-area .text-area .date{color:var(--old-color-gray-580);font-size:var(--old-font-size-caption)}.lesson-info-page .comment-box .comment-list .row .write-area .delete-btn{height:20px;position:absolute;right:10px;top:10px;width:20px}.lesson-info-page .comment-box .comment-list .row .content{border-top:1px solid var(--old-color-border-primary-focused);line-height:var(--old-line-height-loose);padding:10px 20px}.lesson-info-page .comment-box .comment-list .no-data{align-items:center;color:var(--old-color-gray-500);display:flex;flex:1;font-size:var(--old-font-size-caption);justify-content:center}}