.back-popup-container{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1300;font-family:Nunito}.back-popup-container .custom-popup-container{position:absolute;width:fit-content;height:fit-content;border-radius:6px;border:1px solid rgba(33,33,33,.12);box-shadow:0 2px 1px 1px rgba(33,33,33,.08);overflow:hidden;z-index:101;transition:all .2s ease-in;pointer-events:all}.drawer-more-action-ws-panel{z-index:1100}.drawer-more-action-ws-panel .MuiPaper-root{background-color:unset;text-align:center;box-shadow:none}.drawer-more-action-ws-panel .MuiPaper-root ::-webkit-scrollbar{display:none}.drawer-more-action-ws-panel .MuiPaper-root .drawer-wrapper-content{background-color:#f9fafb;border-radius:32px 32px 0 0;padding:32px 0}.drawer-more-action-ws-panel .MuiPaper-root .drawer-wrapper-content .content{color:rgba(var(--color),1)}.drawer-more-action-ws-panel .MuiPaper-root .drawer-wrapper-content .content .list-button li{display:flex;gap:8px;padding-left:24px}.drawer-more-action-ws-panel .MuiPaper-root .drawer-wrapper-content .content .list-button li p{margin:0}.drawer-more-action-ws-panel .text{font-weight:400;font-size:14px;line-height:30px;color:#212121;margin:0;position:relative;padding-top:16px}.drawer-more-action-ws-panel .content{background-color:#fff;border-radius:12px 12px 0 0;overflow:hidden}@media screen and (max-width:1024px){.drawer-more-action-ws-panel .content .action.action-del{display:flex;width:100%;justify-content:space-around;gap:8px}.drawer-more-action-ws-panel .content .action.action-del div{padding:12px;border:1px solid #e7e7e8;border-radius:12px;width:100%}.drawer-more-action-ws-panel .content .action.action-del div.delete{background-color:#ff2442;color:#fff}.drawer-more-action-ws-panel .content .MuiDialogContent-root{padding:16px 24px 20px}}.header-resource-component{position:-webkit-sticky;position:sticky;top:0;z-index:100;background-color:#fff;height:var(--heightHeader)}.header-resource-component .new-input-header{margin:auto;transition:all .2s ease-in-out;width:100%}.grid-ws-component-container{width:100%;box-sizing:border-box}.home-grid{background:#f9f9fb}.home-grid .home-grid-column{gap:16px;text-align:center;justify-content:start;padding-top:2px;display:none}@media screen and (max-width:768px){.home-grid .home-grid-column{padding:0 0 16px;gap:8px;justify-content:space-around}.home-grid .home-grid-column>div{max-width:100%!important}}@media screen and (min-width:1025px){.home-grid .home-grid-column{overflow:hidden}}.home-grid .home-grid-column.grid-data-lesson-plan{padding-bottom:100px}.home-grid .home-grid-column.grid-data-col{display:flex;justify-content:center}.home-grid .home-grid-column .grid-column{margin:auto;gap:24px;display:grid}@media screen and (max-width:768px){.home-grid .home-grid-column .grid-column{width:100%!important;gap:8px}}.home-grid .home-grid-column .grid-column .data-grid{max-width:100%;height:100%!important}.home-grid .home-grid-column .grid-column .data-grid .data-grid-item{overflow:hidden}.home-grid .home-grid-column .grid-column .data-grid .data-grid-item:not(.data-worksheet){box-shadow:0 4px 10px 0 rgba(33,33,33,.182)}.home-grid .home-grid-column .grid-column .data-category{margin-bottom:24px;cursor:pointer}.home-grid .home-grid-column .grid-column .data-category .category{margin-bottom:16px;text-align:center;padding:24px;border-radius:12px;color:#fff;background-size:cover;background-position:50%;background-repeat:no-repeat;background-image:url(/images/wrapper.png),linear-gradient(0deg,hsla(0,0%,60%,.2),hsla(0,0%,60%,.2)),var(--backgroundImage);transition:all .3s ease-in;-webkit-transition:background-image .3s ease-in-out;transition:background-image .3s ease-in-out;filter:drop-shadow(0 4px 10px rgba(33,33,33,.08));box-shadow:0 4px 10px rgba(33,33,33,.08)}.home-grid .home-grid-column .grid-column .data-category .category:hover{animation-fill-mode:forwards!important;animation:hoverCategory .2s}.home-grid .home-grid-column .grid-column .data-category a{text-decoration:none!important;text-shadow:0 4px 4px rgba(0,0,0,.25)}.home-grid .columns-grid-ws-open{animation:showGridWsOpen 1s forwards}@keyframes showGridWsOpen{0%{width:0}to{width:236px}}@keyframes hoverCategory{to{background-image:url(/images/wrapper-hover.png),linear-gradient(0deg,rgba(33,33,33,.8),rgba(33,33,33,.8)),var(--backgroundImage)}}@-webkit-keyframes buttonGradient{0%{background-position:50%}25%{background-position:100% 50%}50%{background-position:50%}75%{background-position:0 0}to{background-position:50%}}@-moz-keyframes buttonGradient{0%{background-position:50%}25%{background-position:100% 50%}50%{background-position:50%}75%{background-position:0 0}to{background-position:50%}}@keyframes buttonGradient{0%{background-position:50%}25%{background-position:100% 50%}50%{background-position:50%}75%{background-position:0 0}to{background-position:50%}}.loading-component circle{stroke:url(#linearColors)!important}.new-loading-component{position:absolute;width:100vw;height:100vh;background-color:hsla(0,0%,65%,.8);z-index:99999;display:flex;align-items:center;justify-content:center;top:0;left:0}.popup-content .resource .loading-component .MuiCircularProgress-root{width:100%!important;height:100%!important}.tooltip-custom{position:relative;width:fit-content}.tooltip-custom .tooltip-customize-root.tooltip-left,.tooltip-custom .tooltip-customize-root.tooltip-right{top:50%;transform:translateY(-50%)}.tooltip-custom .tooltip-customize-root.tooltip-left.tooltip-left,.tooltip-custom .tooltip-customize-root.tooltip-right.tooltip-left{right:calc(100% + var(--distanceTooltip))}.tooltip-custom .tooltip-customize-root.tooltip-left.tooltip-right,.tooltip-custom .tooltip-customize-root.tooltip-right.tooltip-right{left:calc(100% + var(--distanceTooltip))}.tooltip-custom .tooltip-customize-root.tooltip-bottom,.tooltip-custom .tooltip-customize-root.tooltip-top{left:50%;transform:translateX(-50%)}.tooltip-custom .tooltip-customize-root.tooltip-bottom.tooltip-top,.tooltip-custom .tooltip-customize-root.tooltip-top.tooltip-top{bottom:calc(100% + var(--distanceTooltip))}.tooltip-custom .tooltip-customize-root.tooltip-bottom.tooltip-bottom,.tooltip-custom .tooltip-customize-root.tooltip-top.tooltip-bottom{top:calc(100% + var(--distanceTooltip))}.tooltip-customize-root{--distanceTooltip:10px;z-index:9999;position:absolute;pointer-events:none;visibility:hidden;opacity:0;width:max-content;font-weight:500;font-size:.6875rem}.tooltip-customize-root .tooltip-content{padding:4px 8px;width:fit-content;background-color:var(--backgroundColorToolTip);max-width:300px;margin:0 auto;word-wrap:break-word;border-radius:4px;position:relative;transform-origin:center top;color:var(--colorToolTip)}.tooltip-customize-root .tooltip-content .tooltip-arrow{position:absolute;width:0;height:0;box-sizing:border-box}.tooltip-customize-root .tooltip-content .tooltip-arrow.arrow-bottom{right:calc(50% - 10px);transform:translateX(-50%);bottom:100%;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--backgroundColorToolTip)}.tooltip-customize-root .tooltip-content .tooltip-arrow.arrow-top{right:calc(50% - 10px);transform:translateX(-50%);top:100%;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--backgroundColorToolTip)}.tooltip-customize-root .tooltip-content .tooltip-arrow.arrow-right{bottom:calc(50% - 10px);transform:translateY(-50%);right:100%;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid var(--backgroundColorToolTip)}.tooltip-customize-root .tooltip-content .tooltip-arrow.arrow-left{bottom:calc(50% - 10px);transform:translateY(-50%);left:100%;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid var(--backgroundColorToolTip)}.tooltip-customize-root.hide-tooltip{opacity:0;display:none}.custom-ant-button{display:flex;text-align:center;justify-content:center;align-items:center;border-radius:6px;width:103px;height:32px;background:#fff;border:1px solid #d9d9d9;font-size:12px;line-height:20px;font-weight:400;cursor:pointer;white-space:nowrap;color:rgba(0,0,0,.85);transition:color .3s ease;-webkit-tap-highlight-color:transparent;box-sizing:border-box;text-decoration:none}@media screen and (min-width:769px){.custom-ant-button.default.able:hover{border-color:var(--main-color);color:var(--main-color)}.custom-ant-button.default.able:hover svg path{fill:var(--main-color)}}.custom-ant-button .ant-btn-icon{display:flex;align-items:center;justify-content:center}.custom-ant-button.disabled{pointer-events:none;background:#f5f5f5;color:rgba(0,0,0,.25)}.custom-ant-button.selected{pointer-events:auto;border-color:#2f54eb!important;color:#2f54eb!important}.custom-ant-button.selected svg path{fill:#2f54eb!important}@media screen and (max-width:1024px){.custom-ant-button:hover{color:rgba(0,0,0,.85)!important;border-color:#d9d9d9!important}}.header-landing{height:60px}@media screen and (min-width:1025px){.header-landing{height:72px}}.layout-footer{display:flex;flex-direction:column;position:fixed;bottom:35px;left:calc(100vw - 56px);z-index:100}@media screen and (max-width:1024px){.layout-footer .popup-feedback-container{margin:0 12px 7px auto!important}}.layout-footer.mobile{bottom:0}.layout-footer.mobile-worksheet{bottom:75px!important}.layout-footer.show-alert{bottom:73px}.layout-footer.show-banner{bottom:12vh}.loading-wrapper{height:calc(100svh - 53px);display:flex;align-items:center;justify-content:center}.preview-worksheet-page{display:grid;gap:12px}@media screen and (min-width:1025px){.preview-worksheet-page{padding:0 24px;gap:0}}.preview-worksheet-page .preview-worksheet{position:relative}@media screen and (max-width:1024px){.preview-worksheet-page .preview-worksheet{max-width:100svw;overflow:hidden}}@media screen and (min-width:1025px){.preview-worksheet-page .preview-worksheet{min-height:calc(100vh - var(--heightHeader) - 70px - 12px);height:calc(100vh - var(--heightHeader) - 70px - 12px);display:flex}}.preview-worksheet-page .preview-worksheet .preview-worksheet-element-image-info{top:0;left:0;right:0;position:relative}@media screen and (min-width:1025px){.preview-worksheet-page .preview-worksheet .preview-worksheet-element-image-info{padding:16px 0 24px;width:100%}}.preview-worksheet-page .preview-worksheet .preview-worksheet-element-image-info .element-image-info-content{display:flex;height:100%;justify-content:space-between;overflow:hidden;background:#21212108;position:relative;flex-direction:row}.preview-worksheet-page .preview-worksheet .preview-worksheet-element-image-info .element-image-info-content .detail-content{width:100%;height:fit-content}@media screen and (min-width:1025px){.preview-worksheet-page .preview-worksheet .preview-worksheet-element-image-info .element-image-info-content{border:1px solid #2d36423d;width:100%;background:transparent;border-radius:12px}.preview-worksheet-page .preview-worksheet .preview-worksheet-element-image-info .element-image-info-content .detail-content{width:50%;height:100%}}@media screen and (max-width:1024px){.preview-worksheet-page .preview-worksheet .preview-worksheet-element-image-info .element-image-info-content .list-image-worksheet{padding:0}.preview-worksheet-page .preview-worksheet .preview-worksheet-element-image-info .element-image-info-content .list-image-worksheet .list-image-worksheet-content{padding:0;gap:0}.preview-worksheet-page .preview-worksheet .preview-worksheet-element-image-info .element-image-info-content .index-image-worksheet{width:61px;height:25px;border-radius:100px;background:rgba(45,54,66,.69);backdrop-filter:blur(4px);top:8px;left:8px;font-size:14px;font-weight:600;line-height:normal;color:#fff;box-sizing:border-box;display:flex;align-items:center;justify-content:center}}@media screen and (max-width:768px){.preview-worksheet-page .preview-worksheet .preview-worksheet-element-image-info .element-image-info-content .overlay-prv-images .btn-practive{bottom:8px;right:8px;left:auto;transform:none;height:28px;border-radius:100px;background:rgba(45,54,66,.69);backdrop-filter:blur(4px);border:0;box-sizing:border-box;padding:6px 12px 6px 6px;font-size:12px;font-weight:600;line-height:normal;color:#fff}.preview-worksheet-page .preview-worksheet .preview-worksheet-element-image-info .element-image-info-content .overlay-prv-images .btn-practive svg{height:16px;width:16px}}.preview-worksheet-page .element-quiz-questions-block,.preview-worksheet-page .list-image-worksheet{width:50%}.preview-worksheet-page .element-quiz-questions-block:hover .overlay-prv-images,.preview-worksheet-page .list-image-worksheet:hover .overlay-prv-images{opacity:1}@media screen and (max-width:1024px){.preview-worksheet-page .element-quiz-questions-block,.preview-worksheet-page .list-image-worksheet{width:100%}}.preview-worksheet-page .home-grid-similar-preview-worksheet{padding-top:0!important}