.icon-interactive,.icon-workbook{position:absolute;top:8px;left:8px}.icon-interactive .css,.icon-workbook .css{height:32px;position:relative;width:fit-content;display:inline-flex;align-items:center;box-shadow:inset 0 -1px 0 0 #f0f0f0;border-radius:6px;border:1px solid transparent}.icon-interactive .css .add,.icon-workbook .css .add{color:#fff;cursor:pointer;background:transparent;border-radius:6px;height:100%;width:32px;height:32px;display:flex;justify-content:center;align-items:center;transition:all .2s ease-in-out;z-index:3;overflow:hidden;background-color:transparent;box-shadow:inset 0 -1px 0 0 #f0f0f0;background-color:#fff}.icon-interactive .css .add *,.icon-workbook .css .add *{transition:all .2s ease-in-out}.icon-interactive .css .add rect,.icon-workbook .css .add rect{fill:transparent}.icon-interactive .css .add .path-1,.icon-workbook .css .add .path-1{fill:rgba(var(--color),1)}.icon-interactive .css .add .path-2,.icon-workbook .css .add .path-2{stroke:rgba(var(--color),1)}.icon-interactive .css .add .change-path,.icon-workbook .css .add .change-path{fill:#ff2442}.icon-interactive .css .add svg,.icon-workbook .css .add svg{width:32px;height:32px}.icon-interactive .css .text,.icon-workbook .css .text{display:none!important}.icon-interactive .css .text span,.icon-workbook .css .text span{white-space:nowrap;position:relative;z-index:1;width:0;color:#fff;overflow:hidden;transition:all .2s ease-in-out;background:transparent;height:100%;display:flex;align-items:center;border-top-right-radius:4px;border-bottom-right-radius:4px;margin-left:24px;font-weight:500;font-size:12px;line-height:18px;cursor:pointer;border-radius:0}.icon-interactive .css .text span:after,.icon-workbook .css .text span:after{position:absolute;content:"";height:68%;margin:0 auto;left:0;width:1px;background:rgba(var(--color),.12);-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;border-radius:1px}.icon-interactive .css{border:0}.data-grid-collection:hover .icon-interactive,.data-grid-collection:hover .icon-workbook,.data-grid:hover .icon-interactive,.data-grid:hover .icon-workbook{z-index:2}.data-grid-collection:hover .icon-interactive .css,.data-grid-collection:hover .icon-workbook .css,.data-grid:hover .icon-interactive .css,.data-grid:hover .icon-workbook .css{background-color:#fff!important}.data-grid-collection:hover .icon-interactive .css .text,.data-grid-collection:hover .icon-workbook .css .text,.data-grid:hover .icon-interactive .css .text,.data-grid:hover .icon-workbook .css .text{display:block!important;animation:fadeIn .2s ease-in-out forwards}.data-grid-collection:hover .icon-interactive .css .text span,.data-grid-collection:hover .icon-workbook .css .text span,.data-grid:hover .icon-interactive .css .text span,.data-grid:hover .icon-workbook .css .text span{width:68px!important;padding-left:9px;color:rgba(var(--color),1)!important}.data-grid-collection:hover .icon-interactive.red .css .text span,.data-grid-collection:hover .icon-workbook.red .css .text span,.data-grid:hover .icon-interactive.red .css .text span,.data-grid:hover .icon-workbook.red .css .text span{color:#ff2442!important;width:68px!important}.data-grid-collection:hover .icon-interactive .add,.data-grid:hover .icon-interactive .add{background-color:transparent}.data-grid-collection:hover .icon-interactive .add rect,.data-grid:hover .icon-interactive .add rect{fill:#fff}.data-grid-collection:hover .icon-interactive .add .path-1,.data-grid:hover .icon-interactive .add .path-1{fill:rgba(var(--color),1)}.data-grid-collection:hover .icon-interactive .add .path-2,.data-grid:hover .icon-interactive .add .path-2{stroke:rgba(var(--color),1)}.data-grid-collection:hover .icon-interactive .add .change-path,.data-grid:hover .icon-interactive .add .change-path{fill:#ff2442}.data-grid-collection:hover .icon-workbook .add .change-stroke,.data-grid:hover .icon-workbook .add .change-stroke{stroke:#fff}.open-more-option-dropdown .data-grid-item .icon-interactive,.open-more-option-dropdown .data-grid-item .icon-workbook{z-index:2}.open-more-option-dropdown .data-grid-item .icon-interactive .css,.open-more-option-dropdown .data-grid-item .icon-workbook .css{background-color:#fff!important}.open-more-option-dropdown .data-grid-item .icon-interactive .css .text,.open-more-option-dropdown .data-grid-item .icon-workbook .css .text{display:block!important;animation:fadeIn .2s ease-in-out forwards}.open-more-option-dropdown .data-grid-item .icon-interactive .css .text span,.open-more-option-dropdown .data-grid-item .icon-workbook .css .text span{width:68px!important;padding-left:9px;color:rgba(var(--color),1)!important}@keyframes fadeIn{0%{opacity:0;visibility:hidden;width:24px}to{opacity:1;visibility:visible;width:calc(24px + 9px + 68px)}}.open-more-option-dropdown .data-grid-item .icon-interactive.red .css .text span,.open-more-option-dropdown .data-grid-item .icon-workbook.red .css .text span{color:#ff2442!important;width:68px!important}@keyframes fadeInPdf{0%{opacity:0;visibility:hidden;width:34px}to{opacity:1;visibility:visible;width:calc(24px + 9px + 34px)}}.open-more-option-dropdown .data-grid-item .icon-interactive .add{background-color:transparent}.open-more-option-dropdown .data-grid-item .icon-interactive .add rect{fill:#fff}.open-more-option-dropdown .data-grid-item .icon-interactive .add .path-1{fill:rgba(var(--color),1)}.open-more-option-dropdown .data-grid-item .icon-interactive .add .path-2{stroke:rgba(var(--color),1)}.open-more-option-dropdown .data-grid-item .icon-interactive .add .change-path{fill:#ff2442}.open-more-option-dropdown .data-grid-item .icon-workbook .add .change-stroke{stroke:#fff}.info-ws-thumbnail{position:absolute;inset:0;display:flex}.info-ws-thumbnail,.info-ws-thumbnail a{text-decoration:none}.info-ws-thumbnail p{margin:0}.info-ws-thumbnail .info-ws-thumbnail-content{margin-top:auto;width:100%;cursor:pointer}.info-ws-thumbnail .info-ws-thumbnail-content .info-number-of-image{font-size:12px;font-weight:600;padding:8px;width:fit-content;margin-right:auto;opacity:0;display:flex;justify-content:space-between;width:100%;box-sizing:border-box;align-items:flex-end;align-items:center}.info-ws-thumbnail .info-ws-thumbnail-content .info-number-of-image .number{padding:0 6px;color:#212121;border-radius:4px;box-shadow:0 4px 8px 0 #1212121f;height:24px;display:flex;align-items:center;background:rgba(45,54,66,.12);backdrop-filter:blur(6px);color:#fff;font-weight:700}.info-ws-thumbnail .info-ws-thumbnail-content .info-number-of-image .number span{margin-left:3px;font-weight:400!important}.info-ws-thumbnail .info-ws-thumbnail-content .info-number-of-image .discover-similar-btn{position:relative;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:20px;border-radius:4px;color:#2d3642;height:24px;padding:0 6px;box-sizing:border-box;cursor:pointer;background:hsla(0,0%,100%,.69);border:1px solid hsla(0,0%,100%,.8);backdrop-filter:blur(8px);transition:all .3s ease}.info-ws-thumbnail .info-ws-thumbnail-content .info-title-grade{padding:12px;box-shadow:0 -2px 24px 0 #0000003d;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width:768px){.info-ws-thumbnail .info-ws-thumbnail-content .info-title-grade{padding:10px}}.info-ws-thumbnail .info-ws-thumbnail-content .info-title-grade .info-title{height:56px;display:flex;align-items:center;transition:all .3s ease-in-out}@media screen and (max-width:768px){.info-ws-thumbnail .info-ws-thumbnail-content .info-title-grade .info-title{height:40px}}.info-ws-thumbnail .info-ws-thumbnail-content .info-title-grade .info-title .content-info-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-align:start;font-size:16px;font-weight:700;margin:0}@media screen and (max-width:768px){.info-ws-thumbnail .info-ws-thumbnail-content .info-title-grade .info-title .content-info-title{font-size:12px;color:#2d3642;font-weight:600;line-height:normal}}.info-ws-thumbnail .info-ws-thumbnail-content .info-title-grade .info-description{box-sizing:border-box;padding:0 2px;font-size:12px;font-weight:400;text-align:left;color:#21212185;overflow:hidden;max-height:0;transition:all .3s ease;display:-webkit-box;-webkit-line-clamp:var(--maxDescriptionLine);line-clamp:var(--maxDescriptionLine);-webkit-box-orient:vertical}.info-ws-thumbnail .info-ws-thumbnail-content .info-title-grade .info-grade{display:flex;align-items:center;gap:8px;padding-top:4px}.info-ws-thumbnail .info-ws-thumbnail-content .info-title-grade .info-grade .grade-key{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;line-height:16.37px;letter-spacing:.005em;text-align:left}.info-ws-thumbnail .info-ws-thumbnail-content .info-title-grade .info-grade .grade-key span{color:#212121}@media screen and (max-width:768px){.info-ws-thumbnail .info-ws-thumbnail-content .info-title-grade .info-grade .grade-key span{color:#2d3642}}.info-ws-thumbnail .info-ws-thumbnail-content .info-title-grade .info-grade .value-grades{font-size:12px;font-weight:600;color:#21212185;display:flex;gap:4px}.info-ws-thumbnail .info-ws-thumbnail-content .info-title-grade .info-grade .value-grades.line-clamp{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;text-align:start}.info-ws-thumbnail .info-ws-thumbnail-content .info-title-grade .info-grade .value-grades.line-clamp .value-list{display:inline-flex;padding-right:4px}@media screen and (max-width:768px){.info-ws-thumbnail .info-ws-thumbnail-content .info-title-grade .info-grade .value-grades{color:rgba(45,54,66,.52)}}.info-ws-thumbnail .info-ws-thumbnail-content .info-title-grade .info-grade .view{display:flex;margin-left:auto;gap:4px}.info-ws-thumbnail .info-ws-thumbnail-content .info-title-grade .info-grade .view .view-value{font-size:12px;font-weight:600;line-height:16.37px;text-align:left;color:#212121}@media screen and (max-width:768px){.info-ws-thumbnail .info-ws-thumbnail-content .info-title-grade .info-grade .view{gap:2px}}.data-grid:hover .info-ws-thumbnail{background:linear-gradient(180deg,rgba(33,33,33,.082),rgba(33,33,33,.68))}.data-grid:hover .info-number-of-image{opacity:1}.open-more-option-dropdown .info-ws-thumbnail{background:linear-gradient(180deg,rgba(33,33,33,.082),rgba(33,33,33,.68))}.open-more-option-dropdown .has-description .info-number-of-image{opacity:1}.data-grid{cursor:pointer}@media screen and (max-width:1024px){.data-grid .data-worksheet.collection .point-event-item{background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;background-image:url(/images/collections/background-ws-collection.png)}}.data-grid.ws-lesson-plan .data-grid-item{border-radius:8px 8px 0 0}.data-grid .data-grid-item{background:#fff;box-sizing:border-box;position:relative;cursor:pointer;transition:all .2s ease-in-out;overflow:hidden;border-radius:8px}.data-grid .data-grid-item.highlight{border:4px solid #597ef7;box-sizing:border-box;transition:none!important}.data-grid .data-grid-item a>div>span>span,.data-grid .data-grid-item div>span>span{display:none!important}.data-grid .data-grid-item .slider-ws{display:flex;transition:transform .5s ease-in-out}.data-grid .data-grid-item .slider-ws div,.data-grid .data-grid-item .slider-ws>span{min-width:100%}.data-grid .data-grid-item .image{width:100%!important;height:100%!important;position:relative!important;object-fit:cover!important;object-position:top;min-width:-webkit-fill-available}@media screen and (max-width:768px){.data-grid .data-grid-item .image{min-width:164px!important}}.data-grid .data-grid-item .contain-image .image{object-fit:contain!important}.data-grid .data-grid-item .practiced-score{color:#ff2442;position:absolute;font-style:italic;top:0;right:0;padding:6px;background:#fff;border-bottom-left-radius:16px;box-shadow:0 0 14px 10px #fff;display:none}.data-grid .data-grid-item .practiced-score.played-ws{display:block}.data-grid .data-grid-item .tick-icon{display:none;position:absolute;right:8px;top:8px;z-index:10;height:24px;box-shadow:0 8px 24px hsla(210,8%,62%,.2)}@media screen and (max-width:1024px){.data-grid .data-grid-item .tick-icon{display:block;display:flex!important;justify-content:end}}.data-grid .data-grid-item .number-of-image{padding:2px 6px;position:absolute;right:8px;bottom:10px;z-index:3;border-radius:4px;background:rgba(33,33,33,.52);backdrop-filter:blur(3px);visibility:hidden;justify-content:center;align-items:center;color:#fff;text-align:center;font-size:11px;font-weight:500;cursor:pointer;box-shadow:0 4px 8px 0 #1212121f}@media screen and (max-width:1024px){.data-grid .data-grid-item .number-of-image{visibility:visible}}.data-grid .data-grid-item:hover .number-of-image{visibility:visible}.data-grid .data-grid-item:hover .has-description .info-description{max-height:114px!important;margin-bottom:12px;margin-top:10px}.data-grid .data-grid-item:hover .has-description .info-title{height:auto!important}.data-grid .data-grid-item .frame{position:absolute;inset:0;z-index:1}.data-grid .data-grid-item .frame img,.data-grid .layer{width:100%;height:100%}.data-grid .layer{position:absolute;border-radius:12px;left:0;top:0;background-color:gray;opacity:.35;z-index:1}.data-grid .ticked{background-color:#c4c4c4}.data-grid .ticked a div .image{transition:all .1s ease}.data-grid .ticked .tick-icon{display:block}.data-grid .data-grid-item:hover .tick-icon{display:block;position:absolute;right:8px;top:8px;cursor:pointer;z-index:9999}@media screen and (max-width:1024px){.data-grid .data-worksheet.user .point-event-item{background-position:50%;background-repeat:no-repeat;background-size:cover;display:block}}@media screen and (min-width:1024px){.data-grid:hover>div:not(.highlight){transform:translateY(-2px)}}.data-grid .image-thumbnail-quiz{width:100%!important;height:calc(100% - 98px)!important;max-height:unset!important;min-height:unset!important;position:relative!important;object-fit:cover!important;object-position:top;min-width:-webkit-fill-available;background-color:#fff!important}@media screen and (max-width:768px){.data-grid .image-thumbnail-quiz{min-width:164px!important;height:calc(100% - 70px)!important}}.data-grid.open-more-option-dropdown .data-grid-item .has-description .info-description{max-height:114px!important;margin-bottom:12px;margin-top:10px}.data-grid.open-more-option-dropdown .data-grid-item .has-description .info-title{height:auto!important}@media screen and (min-width:1024px){.data-grid.open-more-option-dropdown>div:not(.highlight){transform:translateY(-2px)}}.data-grid .icon-interactive-tooltip .tooltip-content{border-radius:6px;padding:6px 8px;background:rgba(0,0,0,.75)}@media screen and (max-width:768px){.data-grid .icon-interactive .css{width:24px;height:24px}.data-grid .icon-interactive .css .add{width:24px;height:24px;background:#fff}}.worksheet-grid-wrapper{position:relative}.ani-data-grid-1,.ani-data-grid-1 a img{overflow:hidden}.popup-edit-collection .MuiDialogContent-root{padding:24px}