html.stop-scroll,body.stop-scroll{height:100%!important;overflow:hidden!important}.popup-preview-assign-desktop .ant-modal,.popup-preview-assign-desktop .ant-modal-wrap,.popup-preview-assign-desktop .ant-modal-container,.popup-preview-assign-desktop .ant-modal-content,.popup-preview-assign-desktop .ant-modal-body,.popup-preview-assign-mobile.ant-drawer .ant-drawer-content,.popup-preview-assign-mobile.ant-drawer .ant-drawer-body{border-radius:8px!important;padding:0!important;overflow:hidden!important}.ant-drawer-content-wrapper{border-radius:24px 24px 0 0!important}.popup-preview-assign-mobile,.popup-preview-assign-conflict.mobile-drawer{border-radius:24px 24px 0 0!important;overflow:hidden!important}.popup-preview-assign-mobile.ant-drawer .ant-drawer-content{border-radius:16px 16px 0 0!important}.desktop-scroll-content::-webkit-scrollbar{width:4px!important}.desktop-scroll-content::-webkit-scrollbar-thumb{background-color:#0000;border-radius:4px}.desktop-scroll-content:hover::-webkit-scrollbar-thumb{background-color:#dedede}.popup-preview-assign__content.desktop-mode{font-family:var(--font-nunito),sans-serif;flex-direction:column;height:620px;max-height:90vh;display:flex;position:relative}.popup-preview-assign__content.desktop-mode .desktop-scroll-content{flex:1;padding:16px 24px 24px;position:relative;overflow-y:auto}.popup-preview-assign__content.desktop-mode .desktop-bg-graphic{filter:opacity(.4);z-index:0;pointer-events:none;background:linear-gradient(#fff3 -7%,#fff 100%),url(/images/list-game/assign-1-1.png) 50%/cover no-repeat;border-top-left-radius:8px;border-top-right-radius:8px;width:100%;height:124px;position:absolute;top:0;left:0}.popup-preview-assign__content.desktop-mode .desktop-main-content{z-index:1;position:relative}.popup-preview-assign__content.desktop-mode .desktop-main-content .desktop-header{margin-bottom:24px}.popup-preview-assign__content.desktop-mode .desktop-main-content .desktop-header h2{color:#2d3748;margin:0 0 8px;font-size:24px;font-weight:700}.popup-preview-assign__content.desktop-mode .desktop-main-content .desktop-header p{color:#4a5568;margin:0 0 8px;font-size:14px;line-height:1.5}.popup-preview-assign__content.desktop-mode .desktop-main-content .desktop-header .desktop-tags{flex-wrap:wrap;gap:12px;display:flex}.popup-preview-assign__content.desktop-mode .desktop-main-content .desktop-header .desktop-tags span{color:#495057;background:#f1f3f5;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500}.popup-preview-assign__content.desktop-mode .desktop-main-content .desktop-form-container{padding-bottom:24px}.popup-preview-assign__content.desktop-mode .desktop-footer{background:#fff;border-top:1px solid #0000000f;border-bottom-right-radius:8px;border-bottom-left-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.popup-preview-assign__content.desktop-mode .desktop-footer .desktop-btn-see-all{cursor:pointer;color:#4f81fb;font-size:15px;font-weight:500;transition:color .2s}.popup-preview-assign__content.desktop-mode .desktop-footer .desktop-btn-see-all:hover{color:#3b6ae3}.popup-preview-assign__content.desktop-mode .desktop-footer .desktop-footer-actions{align-items:center;gap:16px;display:flex}.popup-preview-assign__content.desktop-mode .desktop-footer .desktop-footer-actions .btn-assign-class{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.popup-preview-assign__content.desktop-mode .desktop-footer .desktop-footer-actions .btn-assign-class:hover{background:#fdfdfd;border-color:#bbb}.popup-preview-assign__content.desktop-mode .desktop-footer .desktop-footer-actions .btn-assign{color:#fff;cursor:pointer;background:#4f81fb;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 32px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.popup-preview-assign__content.desktop-mode .desktop-footer .desktop-footer-actions .btn-assign:hover:not(.disabled){background:#3b6ae3}.popup-preview-assign__content.desktop-mode .desktop-footer .desktop-footer-actions .btn-assign.disabled{cursor:not-allowed;background:#cbd5e0}.popup-preview-assign__content.tablet-mode{font-family:var(--font-nunito),sans-serif}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper{border-radius:8px 8px 0 0;width:100%;height:200px;margin-bottom:24px;position:relative;overflow:hidden}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .btn-close{z-index:10;cursor:pointer;color:#333;background:#fffc;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:background .2s;display:flex;position:absolute;top:12px;right:12px}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .btn-close:hover{background:#fff}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .tablet-img{object-fit:cover}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .tablet-carousel-item{width:100%;height:200px;overflow:hidden}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .tablet-carousel-dots{justify-content:center;gap:12px;width:100%;margin:0;padding:0;list-style:none;left:0;display:flex!important;bottom:20px!important}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .tablet-carousel-dots li{align-items:center;display:flex;width:6px!important;height:6px!important;margin:0!important}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .tablet-carousel-dots li button{transition:all .3s;opacity:1!important;background:#ccc!important;border:none!important;border-radius:50%!important;width:6px!important;height:6px!important;padding:0!important}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .tablet-carousel-dots li button:before{display:none!important}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .tablet-carousel-dots li button:hover{background:#999!important}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .tablet-carousel-dots li.slick-active button{background:#333!important}.popup-preview-assign__content.tablet-mode .tablet-info-container{text-align:center;flex-direction:column;align-items:center;padding:0 24px 24px;display:flex}.popup-preview-assign__content.tablet-mode .tablet-info-container h2{color:#1a202c;margin:0 0 16px;font-size:24px;font-weight:700}.popup-preview-assign__content.tablet-mode .tablet-info-container .tablet-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.popup-preview-assign__content.tablet-mode .tablet-info-container .tablet-tags span{color:#4a5568;background:#f1f3f5;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:500}.popup-preview-assign__content.tablet-mode .tablet-info-container .tablet-desc{color:#718096;margin:0 0 32px;font-size:15px;line-height:1.5}.popup-preview-assign__content.tablet-mode .tablet-info-container .tablet-share-class{border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;width:100%;margin-bottom:24px;padding:16px 0;display:flex}.popup-preview-assign__content.tablet-mode .tablet-info-container .tablet-share-class .share-label{color:#1a202c;font-size:16px;font-weight:600}.popup-preview-assign__content.tablet-mode .tablet-info-container .tablet-share-class .btn-assign-class{color:#2d3748;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.popup-preview-assign__content.tablet-mode .tablet-info-container .tablet-share-class .btn-assign-class:hover{background:#fdfdfd;border-color:#cbd5e0}.popup-preview-assign__content.tablet-mode .tablet-info-container .btn-continue{color:#fff;cursor:pointer;background:#2d3748;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:background .2s;display:flex}.popup-preview-assign__content.tablet-mode .tablet-info-container .btn-continue:hover:not(.disable){background:#1a202c}.popup-preview-assign__content.tablet-mode .tablet-info-container .btn-continue.disable{cursor:not-allowed;background:#a0aec0}.setting-assign{flex-direction:column;gap:16px;display:flex}.setting-assign .setting-card{border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:16px;padding:16px;display:flex}.setting-assign .setting-label{color:#4a5568;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.setting-assign .date-group{gap:16px;display:flex}.setting-assign .date-group .date-field{flex:1}.setting-assign .divider{background:#e2e8f0;height:1px;margin:8px 0}.setting-assign .layout-assignment-section{margin-top:16px}.setting-assign .layout-assignment-section .layout-assignment-header{margin-bottom:12px;display:block}.setting-assign .layout-assignment-section .layout-assignment-header .setting-label{align-items:center;gap:6px;margin-bottom:0;display:flex}.setting-assign .layout-assignment-section .layout-selection-container{gap:16px;display:flex}.setting-assign .layout-assignment-section .layout-selection-container .layout-option{cursor:pointer;border:2px solid #dee2e9;border-radius:8px;flex:1;transition:all .2s;position:relative;overflow:hidden}.setting-assign .layout-assignment-section .layout-selection-container .layout-option.selected{border-color:#4f81fb}.setting-assign .layout-assignment-section .layout-selection-container .layout-option.disabled{cursor:not-allowed}.setting-assign .layout-assignment-section .layout-selection-container .layout-option .layout-option-header{z-index:2;align-items:center;display:flex;position:absolute;top:0;left:0}.setting-assign .layout-assignment-section .layout-selection-container .layout-option .layout-option-label{color:#324c77;background:#d9e2ef;border-bottom-right-radius:8px;align-items:center;height:28px;padding:0 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.setting-assign .layout-assignment-section .layout-selection-container .layout-option.selected .layout-option-label{color:#fff;background:#4f81fb}.setting-assign .layout-assignment-section .layout-selection-container .layout-option .coming-soon-badge{color:#597ef7;background:#fff;border:1px solid #597ef7;border-radius:100px;align-items:center;height:20px;margin-left:8px;padding:0 8px;font-size:11px;font-weight:500;line-height:18px;display:inline-flex}.setting-assign .layout-assignment-section .layout-selection-container .layout-option .layout-option-radio{z-index:2;background:#fff;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:8px;right:8px}.setting-assign .layout-assignment-section .layout-selection-container .layout-option.selected .layout-option-radio{background:#4f81fb;border:none}.setting-assign .layout-assignment-section .layout-selection-container .layout-option .layout-option-radio-dot{background:#fff;border-radius:50%;width:6px;height:6px}.setting-assign .layout-assignment-section .layout-selection-container .layout-option .layout-option-image{z-index:1;width:100%;height:auto;display:block;position:relative}.setting-assign .setting-row{justify-content:space-between;align-items:center;display:flex}.setting-assign .setting-row .setting-text{color:#333;align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.setting-assign .timer-inputs-wrapper{align-items:center;gap:12px;margin-top:12px;display:flex}.setting-assign .timer-inputs-wrapper .timer-input-box{border:1px solid #e2e8f0;border-radius:6px;flex:1;align-items:center;gap:12px;padding:6px 12px;display:flex}.setting-assign .timer-inputs-wrapper .timer-input-box .ant-input-number{box-shadow:none;background:#f8f9fa;border:none;border-radius:4px;flex:1;width:100%}.setting-assign .timer-inputs-wrapper .timer-input-box .ant-input-number .ant-input-number-input{text-align:center;color:#333;font-weight:500}.setting-assign .timer-inputs-wrapper .timer-input-box .ant-input-number:focus-within{box-shadow:none}.setting-assign .timer-inputs-wrapper .timer-input-box .timer-label{color:#718096;text-align:right;min-width:60px;font-size:14px;font-weight:500}.setting-assign .timer-inputs-wrapper .timer-separator{color:#1a202c;font-weight:700}.popup-preview-assign-conflict .ant-modal-container{padding:0!important}.popup-preview-assign-conflict .ant-modal-content{border-radius:16px!important;padding:0!important;overflow:hidden!important;box-shadow:0 8px 5px #00000014,0 20px 13px #00000008!important}.popup-preview-assign-conflict .ant-modal-body{padding:0!important}.popup-preview-assign-conflict .popup-content-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:618px;min-height:500px;padding:32px 20px 24px;display:flex;position:relative}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container{max-width:100vw;height:fit-content;min-height:unset;padding:50px 8px 24px}}.popup-preview-assign-conflict .popup-content-container .title{letter-spacing:.005em;text-align:center;color:#2d3642;margin-bottom:24px;font-size:18px;font-weight:700;line-height:24px}.popup-preview-assign-conflict .popup-content-container .icon-close{cursor:pointer;color:#2d3642;z-index:10;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex;position:absolute;top:10px;right:10px}.popup-preview-assign-conflict .popup-content-container .text{text-align:left;color:#2d3642;margin-bottom:10px;margin-left:8px;font-size:12px;font-weight:600;line-height:16px}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container .text{color:#2d364285;margin-left:4px;padding-top:16px}}.popup-preview-assign-conflict .popup-content-container .list-live-game{background:#2d364205;border-radius:8px;flex-direction:column;flex:1;min-height:200px;display:flex;overflow:hidden}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container .list-live-game{min-height:108px;max-height:350px}}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-header{color:#6b727e;letter-spacing:.005em;background-color:#f3f5f7;border-bottom:1px solid #2d364214;grid-template-columns:2fr 100px 80px 120px;height:36px;font-size:10px;font-weight:500;line-height:16px;display:grid}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container .list-live-game .table-header{grid-template-columns:2fr 80px 60px 90px}}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-header .table-cell{justify-content:center;align-items:center;display:flex}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body{flex:1;max-height:386px;overflow-y:auto}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body::-webkit-scrollbar{width:6px}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body::-webkit-scrollbar-thumb{background-color:#0000}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body:hover::-webkit-scrollbar-thumb{background-color:#dedede}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row{border-bottom:1px solid #2d364214;grid-template-columns:2fr 100px 80px 120px;min-height:48px;transition:background .2s;display:grid}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row{grid-template-columns:2fr 80px 60px 90px}}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row:hover{background-color:#2d36420a}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row .table-cell{justify-content:center;align-items:center;padding:8px;display:flex}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row .table-cell.name{justify-content:flex-start;padding-left:20px}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row .table-cell.name{padding-left:12px}}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row .table-cell.name span{color:#2d3642;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row .table-cell.total-students{color:#2d364285;font-size:12px;font-weight:500}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row .table-cell .view-report{color:#597ef7;font-size:12px;font-weight:500;text-decoration:none}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row .table-cell .view-report:hover{text-decoration:underline}.popup-preview-assign-conflict .popup-content-container .footer{justify-content:flex-end;padding-top:24px;display:flex}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container .footer{padding:24px 8px 0}}.popup-preview-assign-conflict .popup-content-container .footer .btn-new{text-align:center;cursor:pointer;color:#fff;background:#597ef7;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:169px;height:44px;font-size:16px;font-weight:600;transition:all .3s;display:flex;position:relative}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container .footer .btn-new{width:100%;height:48px}}.popup-preview-assign-conflict .popup-content-container .footer .btn-new:hover{background:#4f81fb;transform:translateY(-3px)}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container .footer .btn-new:hover{transform:none}}.popup-preview-assign-conflict .popup-content-container .footer .btn-new .icon-add{border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:flex}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container .footer .btn-new .icon-add{display:none}}.progress-rp-container{white-space:nowrap;border-radius:1000px;justify-content:center;align-items:center;height:24px;padding:0 12px;font-size:10px;font-weight:600;display:flex}@media screen and (max-width:1024px){.progress-rp-container{padding:0 8px}}.popup-preview-assign-conflict.mobile-drawer .ant-drawer-content{border-radius:16px 16px 0 0!important}
.ant-drawer-content-wrapper{border-radius:24px 24px 0 0!important}.popup-assign-digital,.create-or-edit-class-modal-root,.create-or-edit-class-drawer{border-radius:24px 24px 0 0!important;overflow:hidden!important}.popup-assign-digital{z-index:1360!important}.popup-assign-digital .ant-modal-content{max-width:547px;margin:0 auto;overflow:hidden;border-radius:12px!important;padding:0!important}.popup-assign-digital .ant-modal-container{border-radius:12px;padding:0}.popup-assign-digital-content{height:100%;max-height:620px;font-family:var(--font-nunito),sans-serif;background:#fff;border-radius:12px;flex-direction:column;display:flex}.popup-assign-digital-content .header{text-align:center;color:#262627;justify-content:space-around;align-items:center;padding:16px 24px;font-size:16px;font-weight:500;line-height:24px;display:flex;box-shadow:inset 0 -1px #f0f0f0}.popup-assign-digital-content .header p{flex:1}.popup-assign-digital-content .header .popup-assign-title-header{text-align:left;margin:0!important}@media (max-width:1024px){.popup-assign-digital-content .header .popup-assign-title-header{text-align:center}}.popup-assign-digital-content .header .close-icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.popup-assign-digital-content .header .close-icon:hover{cursor:pointer;background:#f5f5f5}@media (max-width:1024px){.popup-assign-digital-content .header{border-bottom:none;height:48px;font-size:18px;font-weight:400;line-height:28px}}.popup-assign-digital-content .content{scrollbar-width:thin;scrollbar-color:#d9d9d9 #fff;flex-direction:column;flex-grow:1;height:442px;padding:24px;display:flex;overflow-y:auto}.popup-assign-digital-content .content::-webkit-scrollbar{width:6px}.popup-assign-digital-content .content::-webkit-scrollbar-track{background:#fff;border-radius:3px}.popup-assign-digital-content .content::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.popup-assign-digital-content .content .checkbox-container{box-sizing:border-box;background-color:#fafafa;border-radius:4px;align-items:center;gap:8px;min-height:38px;margin-bottom:4px;padding:6px 6px 6px 0;transition:all .2s ease-in-out;display:flex}.popup-assign-digital-content .content .checkbox-container .checkbox{margin-left:8px}.popup-assign-digital-content .content .checkbox-container .name{color:#2d3642;font-size:14px;font-weight:400;line-height:22px}.popup-assign-digital-content .content .checkbox-container.disabled{pointer-events:none}.popup-assign-digital-content .content .checkbox-container.disabled .name{color:#00000040}@media (min-width:1025px){.popup-assign-digital-content .content .checkbox-container:hover{cursor:pointer;background:#f0f5ff}}@media (max-width:1024px){.popup-assign-digital-content .content{height:calc(80vh - 180px);padding:16px}}.popup-assign-digital-content .footer{border-top:1px solid #f0f0f0;justify-content:flex-end;padding:16px;display:flex}.popup-assign-digital-content .footer .new-group{color:#2d3642;cursor:pointer;background:#fff;border:1px dashed #d9d9d9;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:7px 12px;font-size:16px;transition:border-color .2s;display:flex;box-shadow:0 2px #00000004}.popup-assign-digital-content .footer .new-group:hover{border:1px solid #85a5ff}.popup-assign-digital-content .footer .new-group:hover svg path,.popup-assign-digital-content .footer .new-group:hover .label-new-group{color:#85a5ff}.popup-assign-digital-content .footer .new-group .label-new-group{color:#2d3642;font-size:16px;font-weight:600;line-height:24px}.popup-assign-digital-content .footer .save-button{align-items:center;margin-left:8px;display:flex}.popup-assign-digital-content .footer .save-button .save-btn{border:none;border-radius:6px;justify-content:center;align-items:center;width:140px;height:38px;padding:0;font-size:16px;font-weight:600;line-height:24px;transition:all .3s ease-in-out;display:flex}.popup-assign-digital-content .footer .save-button .save-btn.inactive{color:#00000040;background:#f5f5f5;border:1px solid #d9d9d9}@media (max-width:1024px){.popup-assign-digital-content .footer .save-button .save-btn.inactive{width:100%;height:40px}}.popup-assign-digital-content .footer .save-button .save-btn.active{color:#fff;background:#597ef7;border:1px solid #597ef7}.popup-assign-digital-content .footer .save-button .save-btn.active:hover{cursor:pointer;background:#85a5ff;border:1px solid #85a5ff}@media (max-width:1024px){.popup-assign-digital-content .footer .save-button .save-btn.active{width:100%;height:40px}.popup-assign-digital-content .footer{flex:1;justify-content:space-between;gap:8px;padding:12px}.popup-assign-digital-content .footer .new-group,.popup-assign-digital-content .footer .save-button,.popup-assign-digital-content .footer .save-btn{width:100%}}.create-or-edit-class-modal-root .ant-modal-mask{z-index:1364!important;pointer-events:auto!important}.create-or-edit-class-modal-root .ant-modal-content{overflow:hidden;border-radius:12px!important;padding:0!important;box-shadow:0 9px 28px 8px #0000000d,0 6px 16px #00000014,0 3px 6px -4px #0000001f!important}.create-or-edit-class-modal-root .ant-modal-close{top:20px;width:16px;height:16px;inset-inline-end:24px;pointer-events:auto!important}.create-or-edit-class-modal-root .ant-modal-close:hover{background-color:#0000!important}.create-or-edit-class-modal-root .ant-modal-header{height:56px;margin-bottom:0;padding:16px 24px}.create-or-edit-class-modal-root .ant-modal-header .ant-modal-title{color:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:500;display:flex}@media screen and (max-width:1024px){.create-or-edit-class-modal-root .ant-modal-content{height:100dvh!important;box-shadow:none!important;border-radius:0!important}.create-or-edit-class-modal-root .ant-modal-header{height:48px;padding:0 12px}.create-or-edit-class-modal-root .ant-modal-header .ant-modal-title{justify-content:space-between}.create-or-edit-class-modal-root .ant-modal-header .ant-modal-title .back-btn{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.create-or-edit-class-modal-root .ant-modal-header .ant-modal-title .modal-title{color:#2d3642;font-size:18px;font-weight:600}}.create-or-edit-class-modal-root .form-wrapper .ant-form-item,.create-or-edit-class-drawer .form-wrapper .ant-form-item{margin-bottom:0}.create-or-edit-class-modal-root .form-wrapper .ant-form-item .ant-form-item-label,.create-or-edit-class-drawer .form-wrapper .ant-form-item .ant-form-item-label{height:31px;padding-bottom:8.5px}.create-or-edit-class-modal-root .form-wrapper .ant-form-item .ant-form-item-label label,.create-or-edit-class-drawer .form-wrapper .ant-form-item .ant-form-item-label label{color:#000000d9}.create-or-edit-class-modal-root .input-class-name,.create-or-edit-class-drawer .input-class-name{color:#2d3642;height:32px;box-shadow:none;border:none;border-bottom:1px solid #d9d9d9;border-radius:0;padding:4px 12px}.create-or-edit-class-modal-root .input-class-name:focus,.create-or-edit-class-modal-root .input-class-name:hover,.create-or-edit-class-drawer .input-class-name:focus,.create-or-edit-class-drawer .input-class-name:hover{box-shadow:none!important;border-bottom-color:#3b82f6!important;outline:none!important}.create-or-edit-class-modal-root .input-class-name .input-suffix,.create-or-edit-class-drawer .input-class-name .input-suffix{color:#00000040;font-size:12px;position:absolute;bottom:-22px;right:2px}.create-or-edit-class-modal-root .grades-container,.create-or-edit-class-drawer .grades-container{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.create-or-edit-class-modal-root .selected-grade,.create-or-edit-class-drawer .selected-grade{color:#2d3642;border-color:#d9d9d9;border-radius:4px;height:32px;padding:6px 10px;font-size:12px;font-weight:400;line-height:20px;transition:all .2s}.create-or-edit-class-modal-root .selected-grade.active,.create-or-edit-class-drawer .selected-grade.active,.create-or-edit-class-modal-root .selected-grade:hover,.create-or-edit-class-drawer .selected-grade:hover{color:#3b82f6!important;border-color:#3b82f6!important}.create-or-edit-class-modal-root .action-btn-container,.create-or-edit-class-drawer .action-btn-container{justify-content:flex-end;gap:8px;margin-top:24px;display:flex;pointer-events:auto!important}.create-or-edit-class-modal-root .action-btn-container .cancel-btn,.create-or-edit-class-drawer .action-btn-container .cancel-btn{color:#000000d9;width:75px;height:32px;padding:4px 15px;line-height:22px}.create-or-edit-class-modal-root .action-btn-container .cancel-btn:hover,.create-or-edit-class-drawer .action-btn-container .cancel-btn:hover{color:#3b82f6!important}.create-or-edit-class-modal-root .action-btn-container .create-btn,.create-or-edit-class-drawer .action-btn-container .create-btn{background:#3b82f6;border-color:#3b82f6;width:74px;height:32px;padding:4px 15px;line-height:22px}.create-or-edit-class-modal-root .action-btn-container .create-btn.ant-btn-loading,.create-or-edit-class-drawer .action-btn-container .create-btn.ant-btn-loading{width:auto}@media screen and (max-width:1024px){.create-or-edit-class-modal-root .form-wrapper,.create-or-edit-class-drawer .form-wrapper{margin-top:24px}.create-or-edit-class-modal-root .action-btn-container,.create-or-edit-class-drawer .action-btn-container{background:#fff;margin-top:40px}.create-or-edit-class-modal-root .action-btn-container .cancel-btn,.create-or-edit-class-modal-root .action-btn-container .create-btn,.create-or-edit-class-drawer .action-btn-container .cancel-btn,.create-or-edit-class-drawer .action-btn-container .create-btn{flex-basis:50%;height:40px;font-size:16px;font-weight:600}.create-or-edit-class-modal-root .action-btn-container .cancel-btn,.create-or-edit-class-drawer .action-btn-container .cancel-btn{color:#000}}.create-or-edit-class-modal-wrapper{z-index:1365!important;pointer-events:auto!important}.create-or-edit-class-modal-root *{box-sizing:border-box}.assign-digiltally-tooltip{text-align:center;width:248px;height:56px;z-index:999999!important}.assign-digiltally-tooltip .ant-tooltip-inner{text-align:center}@media (max-width:1024px){.assign-digiltally-tooltip{display:none!important}}
.share-dialog-module-scss-module__Mde8BW__share-dialog-modal .share-dialog-module-scss-module__Mde8BW__ant-modal-container{padding:0!important}.share-dialog-module-scss-module__Mde8BW__dialogContentContainer{background-color:#fff;border-radius:16px;flex-direction:column;width:100%;display:flex}.share-dialog-module-scss-module__Mde8BW__dialogHeader{justify-content:center;align-items:center;padding:24px;display:flex;position:relative}.share-dialog-module-scss-module__Mde8BW__panelHeaderContent{justify-content:space-between;align-items:center;width:100%;display:flex}.share-dialog-module-scss-module__Mde8BW__centeredTitleDesign{color:#1a1a2e;margin:0;font-size:20px;font-weight:700}.share-dialog-module-scss-module__Mde8BW__backButton{cursor:pointer;color:#1a1a2e;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.share-dialog-module-scss-module__Mde8BW__closeButtonInside{cursor:pointer;color:#8c8f9e;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.share-dialog-module-scss-module__Mde8BW__dialogTitle{color:#1a1a2e;text-align:center;margin:0;font-size:17px;font-weight:700}.share-dialog-module-scss-module__Mde8BW__closeButton{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:4px;transition:color .2s,background .2s;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.share-dialog-module-scss-module__Mde8BW__closeButton:hover{color:#333;background:#f0f0f0}.share-dialog-module-scss-module__Mde8BW__panelViewport{width:100%;overflow:hidden}.share-dialog-module-scss-module__Mde8BW__panelsContainer{width:200%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex}.share-dialog-module-scss-module__Mde8BW__panelsContainer.share-dialog-module-scss-module__Mde8BW__showSettings{transform:translate(-50%)}.share-dialog-module-scss-module__Mde8BW__panel{box-sizing:border-box;width:50%;padding:0 24px 20px}.share-dialog-module-scss-module__Mde8BW__panel:not(.share-dialog-module-scss-module__Mde8BW__active){opacity:0;pointer-events:none;height:0;padding-top:0;padding-bottom:0;overflow:hidden}.share-dialog-module-scss-module__Mde8BW__shareOthersGroup{background:#f7f8fa;border-radius:12px;margin-bottom:10px;padding:16px}.share-dialog-module-scss-module__Mde8BW__shareOthersGroup .share-dialog-module-scss-module__Mde8BW__shareCard{background:0 0;margin-bottom:16px;padding:0}.share-dialog-module-scss-module__Mde8BW__shareOthersGroup .share-dialog-module-scss-module__Mde8BW__emailSection{margin-top:0;margin-bottom:16px}.share-dialog-module-scss-module__Mde8BW__shareOthersGroup .share-dialog-module-scss-module__Mde8BW__socialSection{margin-top:0}.share-dialog-module-scss-module__Mde8BW__shareCard{background:#f7f8fa;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;display:flex}.share-dialog-module-scss-module__Mde8BW__shareCardLeft{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.share-dialog-module-scss-module__Mde8BW__shareCardIcon{color:#555;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.share-dialog-module-scss-module__Mde8BW__shareCardTitle{color:#1a1a2e;margin-bottom:3px;font-size:14px;font-weight:700}.share-dialog-module-scss-module__Mde8BW__shareCardSub{color:#888;font-size:12px;line-height:1.4}.share-dialog-module-scss-module__Mde8BW__assignBtn{color:#fff;cursor:pointer;white-space:nowrap;background:#5b6af8;border:none;border-radius:10px;margin-left:12px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s}.share-dialog-module-scss-module__Mde8BW__assignBtn:hover{background:#4455e8}.share-dialog-module-scss-module__Mde8BW__emailSection{margin-top:14px}.share-dialog-module-scss-module__Mde8BW__fieldLabel{color:#888;margin-bottom:8px;font-size:13px;font-weight:600}.share-dialog-module-scss-module__Mde8BW__emailInputRow{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.share-dialog-module-scss-module__Mde8BW__emailInputRow:focus-within{border-color:#5b6af8}.share-dialog-module-scss-module__Mde8BW__emailInput{color:#1a1a2e;background:0 0;border:none;outline:none;flex:1;padding:12px 16px;font-size:14px}.share-dialog-module-scss-module__Mde8BW__emailInput::placeholder{color:#a0aec0}.share-dialog-module-scss-module__Mde8BW__inviteSection{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.share-dialog-module-scss-module__Mde8BW__subHeaderDesign{color:#1a1a2e;font-size:15px;font-weight:600}.share-dialog-module-scss-module__Mde8BW__inviteInputRowDesign{align-items:center;gap:12px;display:flex}.share-dialog-module-scss-module__Mde8BW__multiEmailContainer{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-height:48px;padding:8px 12px;transition:border-color .2s;display:flex}.share-dialog-module-scss-module__Mde8BW__multiEmailContainer:focus-within{border-color:#5b6af8}.share-dialog-module-scss-module__Mde8BW__emailTag{color:#4b5563;background-color:#f1f3f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:14px;display:flex}.share-dialog-module-scss-module__Mde8BW__removeTag{cursor:pointer;color:#9ca3af;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.share-dialog-module-scss-module__Mde8BW__removeTag:hover{color:#ef4444}.share-dialog-module-scss-module__Mde8BW__tagInput{color:#1a1a2e;flex:1;min-width:120px;background:0 0!important;border:none!important;outline:none!important;height:auto!important;padding:4px 0!important;font-size:15px!important}.share-dialog-module-scss-module__Mde8BW__tagInput::placeholder{color:#a0aec0}.share-dialog-module-scss-module__Mde8BW__inviteButton{color:#fff;cursor:not-allowed;background-color:#d1d5db;border:none;border-radius:10px;justify-content:center;align-items:center;height:48px;padding:0 24px;font-size:15px;font-weight:700;display:flex}.share-dialog-module-scss-module__Mde8BW__inviteButton.share-dialog-module-scss-module__Mde8BW__active{cursor:pointer;background-color:#5b6af8}.share-dialog-module-scss-module__Mde8BW__inviteButton.share-dialog-module-scss-module__Mde8BW__active:hover{background-color:#4455e8}.share-dialog-module-scss-module__Mde8BW__sendBtn{color:#555;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-left:1.5px solid #e5e7eb;align-items:center;gap:6px;padding:11px 16px;font-size:13px;font-weight:600;transition:color .2s;display:flex}.share-dialog-module-scss-module__Mde8BW__sendBtn:hover:not(:disabled){color:#5b6af8}.share-dialog-module-scss-module__Mde8BW__sendBtn:disabled{opacity:.4;cursor:not-allowed}.share-dialog-module-scss-module__Mde8BW__errorMessage{color:#ef4444;margin-top:6px;font-size:12px;font-weight:500}.share-dialog-module-scss-module__Mde8BW__socialSection{margin-top:16px}.share-dialog-module-scss-module__Mde8BW__socialRow{gap:10px;display:flex}.share-dialog-module-scss-module__Mde8BW__socialCircle{background-color:var(--social-color,#ccc);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:transform .2s,opacity .2s;display:flex}.share-dialog-module-scss-module__Mde8BW__socialCircle:hover{opacity:.85;transform:translateY(-2px)}.share-dialog-module-scss-module__Mde8BW__socialGrid{flex-wrap:wrap;gap:10px;display:flex}.share-dialog-module-scss-module__Mde8BW__socialItem{background-color:var(--hover-color,#ccc);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:transform .2s,opacity .2s;display:flex}.share-dialog-module-scss-module__Mde8BW__socialItem:hover{opacity:.85;transform:translateY(-2px)}.share-dialog-module-scss-module__Mde8BW__socialIcon{justify-content:center;align-items:center;display:flex}.share-dialog-module-scss-module__Mde8BW__socialName{display:none}.share-dialog-module-scss-module__Mde8BW__manageSection{margin-top:16px}.share-dialog-module-scss-module__Mde8BW__accessPreview{cursor:pointer;background-color:#f9f9fc;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:background-color .2s;display:flex}.share-dialog-module-scss-module__Mde8BW__accessPreview:hover{background-color:#f0f0f5}.share-dialog-module-scss-module__Mde8BW__accessLeft{align-items:center;gap:12px;display:flex}.share-dialog-module-scss-module__Mde8BW__gearIcon{color:#555;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.share-dialog-module-scss-module__Mde8BW__accessInfo{flex-direction:column;display:flex}.share-dialog-module-scss-module__Mde8BW__accessTitleBold{color:#1a1a2e;font-size:14px;font-weight:700}.share-dialog-module-scss-module__Mde8BW__accessSubtitle{color:#8c8f9e;align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.share-dialog-module-scss-module__Mde8BW__accessSubtitle svg{flex-shrink:0}.share-dialog-module-scss-module__Mde8BW__settingLink{color:#5b6af8;align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.share-dialog-module-scss-module__Mde8BW__accessCard{background-color:#f9f9fc;border-radius:12px;margin-bottom:16px;padding:16px}.share-dialog-module-scss-module__Mde8BW__cardHeader{align-items:center;gap:12px;margin-bottom:16px;display:flex}.share-dialog-module-scss-module__Mde8BW__cardIconContainer{color:#fff;background-color:#333;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.share-dialog-module-scss-module__Mde8BW__cardTitle{color:#1a1a2e;font-size:15px;font-weight:700}.share-dialog-module-scss-module__Mde8BW__cardContent{padding-left:0}.share-dialog-module-scss-module__Mde8BW__generalAccessHeaderDesign{align-items:center;gap:12px;margin-bottom:12px;display:flex}.share-dialog-module-scss-module__Mde8BW__generalAccessSelectWrapper{width:100%;margin-top:4px}.share-dialog-module-scss-module__Mde8BW__generalAccessSelectWrapper .ant-select{width:100%!important}.share-dialog-module-scss-module__Mde8BW__generalAccessSelectWrapper .ant-select-selector{border-color:#e2e8f0!important;border-radius:10px!important;align-items:center!important;height:48px!important;padding:0 16px!important;display:flex!important}.share-dialog-module-scss-module__Mde8BW__generalAccessSelectWrapper .ant-select-selector:hover{border-color:#cbd5e1!important}.share-dialog-module-scss-module__Mde8BW__generalAccessSelectWrapper .ant-select-focused .ant-select-selector{border-color:#5b6af8!important;box-shadow:0 0 0 2px #5b6af81a!important}.share-dialog-module-scss-module__Mde8BW__generalAccessSelectWrapper .ant-select-selection-item{color:#1e293b!important;align-items:center!important;height:100%!important;display:flex!important}.share-dialog-module-scss-module__Mde8BW__selectOptionRow{align-items:center;gap:12px;width:100%;display:flex}.share-dialog-module-scss-module__Mde8BW__antdPopup .ant-select-item{border-radius:6px!important;margin:2px 4px!important;padding:10px 12px!important}.share-dialog-module-scss-module__Mde8BW__antdPopup .ant-select-item .ant-select-item-option-content{align-items:center!important;gap:10px!important;font-size:14px!important;font-weight:500!important;display:flex!important}.share-dialog-module-scss-module__Mde8BW__antdPopup .ant-select-item.share-dialog-module-scss-module__Mde8BW__ant-select-item-option-selected{background-color:#f5f6ff!important;border:1px solid #5b6af8!important}.share-dialog-module-scss-module__Mde8BW__antdPopup .ant-select-item.share-dialog-module-scss-module__Mde8BW__ant-select-item-option-selected .ant-select-item-option-content{color:#1e293b!important}.share-dialog-module-scss-module__Mde8BW__globeIcon,.share-dialog-module-scss-module__Mde8BW__optionIcon{color:#64748b;flex-shrink:0;align-items:center;display:flex}.share-dialog-module-scss-module__Mde8BW__generalAccessDescription{color:#64748b;margin-top:10px;font-size:12px}.share-dialog-module-scss-module__Mde8BW__copyLinkFooter{border-top:1px solid #f0f0f0;padding:12px 24px}.share-dialog-module-scss-module__Mde8BW__copyLinkBar{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;display:flex;overflow:hidden}.share-dialog-module-scss-module__Mde8BW__urlInput{color:#555;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:1;padding:10px 12px;font-size:13px;overflow:hidden}.share-dialog-module-scss-module__Mde8BW__copyButton{color:#5b6af8;cursor:pointer;white-space:nowrap;background:#f0f1ff;border:none;border-left:1.5px solid #e5e7eb;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:flex}.share-dialog-module-scss-module__Mde8BW__copyButton:hover{background:#e2e5ff}.share-dialog-module-scss-module__Mde8BW__copyButton.share-dialog-module-scss-module__Mde8BW__copied{color:#28a745;background:#e6faf0}.share-dialog-module-scss-module__Mde8BW__collaboratorList{flex-direction:column;gap:4px;max-height:176px;margin-top:16px;display:flex;overflow-y:auto}.share-dialog-module-scss-module__Mde8BW__collaboratorRow{border-radius:12px;justify-content:space-between;align-items:center;padding:10px 16px;transition:background-color .2s;display:flex}.share-dialog-module-scss-module__Mde8BW__collaboratorRow:hover{background-color:#f7f8fa}.share-dialog-module-scss-module__Mde8BW__collaboratorRow:hover .share-dialog-module-scss-module__Mde8BW__removeCollaboratorBtn{display:flex}.share-dialog-module-scss-module__Mde8BW__collaboratorInfo{align-items:center;gap:12px;display:flex}.share-dialog-module-scss-module__Mde8BW__avatarPlaceholder{background-color:#f0f0f5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.share-dialog-module-scss-module__Mde8BW__avatarPlaceholder img{object-fit:cover;width:100%;height:100%}.share-dialog-module-scss-module__Mde8BW__avatarPlaceholder span{color:#5b6af8;font-size:14px;font-weight:600}.share-dialog-module-scss-module__Mde8BW__userDetails{flex-direction:column;display:flex}.share-dialog-module-scss-module__Mde8BW__userName{color:#1a1a2e;font-size:14px;font-weight:700}.share-dialog-module-scss-module__Mde8BW__userEmail{color:#8c8f9e;font-size:12px}.share-dialog-module-scss-module__Mde8BW__collaboratorAction{align-items:center;gap:8px;display:flex}.share-dialog-module-scss-module__Mde8BW__pendingBadge{color:#856404;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;padding:2px 6px;font-size:10px}.share-dialog-module-scss-module__Mde8BW__ownerBadge{color:#666;padding:4px 8px;font-size:12px;font-weight:500}.share-dialog-module-scss-module__Mde8BW__dropdownContainer{position:relative}.share-dialog-module-scss-module__Mde8BW__dropdownToggle{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:14px;display:flex}.share-dialog-module-scss-module__Mde8BW__dropdownToggle:hover{background-color:#f5f5f5}.share-dialog-module-scss-module__Mde8BW__arrow{font-size:8px}.share-dialog-module-scss-module__Mde8BW__collaboratorActionWrapper{align-items:center;gap:12px;display:flex}.share-dialog-module-scss-module__Mde8BW__removeCollaboratorBtn{color:#1a1a2e;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;font-size:14px;font-weight:600;transition:all .2s;display:none}.share-dialog-module-scss-module__Mde8BW__removeCollaboratorBtn:hover{color:#ef4444;background-color:#fff1f2}.share-dialog-module-scss-module__Mde8BW__ownerLabel{color:#5b6af8;font-size:14px;font-weight:700}.share-dialog-module-scss-module__Mde8BW__dropdownMenu{z-index:100;background-color:#fff;border:1px solid #eee;border-radius:8px;min-width:140px;margin-top:4px;padding:4px;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #0000001a}.share-dialog-module-scss-module__Mde8BW__dropdownItem{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:8px 12px;font-size:14px}.share-dialog-module-scss-module__Mde8BW__dropdownItem:hover{background-color:#f5f5f5}.share-dialog-module-scss-module__Mde8BW__dropdownItem.share-dialog-module-scss-module__Mde8BW__active{color:#5b6af8;font-weight:500}.share-dialog-module-scss-module__Mde8BW__dropdownItem.share-dialog-module-scss-module__Mde8BW__removeAction{color:#dc3545}.share-dialog-module-scss-module__Mde8BW__divider{background-color:#eee;height:1px;margin:4px 0}
.share-dialog-modal .ant-modal-container{padding:0!important}.ant-drawer-content-wrapper{border-radius:24px 24px 0 0!important}.share-dialog-drawer{border-radius:24px 24px 0 0!important;overflow:hidden!important}