.lesson-preview-container{--color:#0c9eff;width:100%;padding:24px;background-color:#fff;height:100%;overflow:auto;box-sizing:border-box}.lesson-preview-container img{height:auto;max-width:90%}@media screen and (max-width:1024px){.lesson-preview-container img{max-width:90vw}}.lesson-preview-container .layout-container{font-family:Nunito;background-color:#fff}.lesson-preview-container .layout-container .header{display:flex;justify-content:space-between;color:var(--color)}.lesson-preview-container .layout-container .header .title{width:100%;font-size:22px;padding-top:4px;border-bottom:1px dotted #d3d3d3}.lesson-preview-container .layout-container .content .row{margin-top:10px}.lesson-preview-container .layout-container .content .row .title{font-size:18px;font-weight:600;color:var(--color)}.lesson-preview-container .layout-container .content .row .html-content{font-size:14px;margin-top:16px}@media screen and (max-width:1024px){.lesson-preview-container{padding:16px;max-height:80vh}}#common-tooltip .tooltip-customize-root{opacity:1;visibility:visible}.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}.icon-arrow-custom{width:10px;height:6px;position:relative;cursor:pointer}.icon-arrow-custom .line{position:absolute;width:1px;height:6px;background-color:rgba(0,0,0,.45);transform-origin:bottom center;transition:all .3s ease;border-radius:1px;top:0}.icon-arrow-custom .line.left{left:5px;transform:rotate(-45deg)}.icon-arrow-custom .line.right{left:5px;transform:rotate(45deg)}.icon-arrow-custom[data-open=true] .line.left,.icon-arrow-custom[data-open=true] .line.right{top:-5px}.icon-arrow-custom[data-open=true] .line.left{transform:rotate(-135deg)}.icon-arrow-custom[data-open=true] .line.right{transform:rotate(135deg)}.download-dropdown-item{display:flex;justify-content:center;align-items:center;min-width:109px;border-radius:4px;padding:0 8px;gap:10px;align-self:stretch;background:#fff;height:36px;box-sizing:border-box;border:1px solid #d9d9d9;cursor:pointer;box-shadow:0 2px 0 0 rgba(0,0,0,.016);transition:all .3s ease}.download-dropdown-item svg{height:14px!important;width:14px!important}.download-dropdown-item svg path{transition:all .3s ease}.download-dropdown-item p{font-size:14px;font-weight:600;line-height:22px;color:#2d3642;margin:0;transition:all .3s ease}.download-dropdown-item .download-dropdown-item-arrow{width:14px;height:14px;display:flex;align-items:center;justify-content:center}.download-dropdown-item .download-dropdown-item-arrow .icon-arrow-custom .line{transition:all .3s ease}.download-dropdown-item.active{border:1px solid #597ef7}.download-dropdown-item.active p{color:#597ef7}.download-dropdown-item.active svg path{fill:#597ef7}.download-dropdown-item.active .download-dropdown-item-arrow .icon-arrow-custom .line{background:#597ef7}@media screen and (min-width:1366px){.download-dropdown-item:hover{border:1px solid #597ef7}.download-dropdown-item:hover p{color:#597ef7}.download-dropdown-item:hover svg path{fill:#597ef7}.download-dropdown-item:hover .download-dropdown-item-arrow .icon-arrow-custom .line{background:#597ef7}}.download-dropdown{display:flex;align-items:center}.download-dropdown.active .custom-ant-button.require-pro{background:#ffe7ba!important;border-color:#ffe7ba!important}@media screen and (min-width:1025px){.download-dropdown.active .custom-ant-button{background:#85a5ff!important;border-color:#85a5ff!important}}.download-dropdown.active .download-worksheet-preview{border-radius:6px 0 0 6px;border:1px solid #597ef7;background:#597ef7;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.download-dropdown.active .download-worksheet-preview svg path{fill:#fff}.download-dropdown .download-dropdown-downloading{width:0;height:0;overflow:hidden;position:fixed;top:0;left:0;z-index:1000;opacity:0}.download-dropdown.require-pro .download-dropdown-item{box-shadow:0 2px 0 0 rgba(0,0,0,.016);background:#fff7e6;border:0}.download-dropdown.require-pro .download-dropdown-item p{color:#fa8c16}.download-dropdown.require-pro .download-dropdown-item .icon-arrow-custom .line{background-color:#fa8c16}@media screen and (min-width:1025px){.download-dropdown.require-pro .download-dropdown-item.active,.download-dropdown.require-pro .download-dropdown-item:active,.download-dropdown.require-pro .download-dropdown-item:hover{background:#ffe7ba}.download-dropdown.require-pro .download-dropdown-item.active p,.download-dropdown.require-pro .download-dropdown-item:active p,.download-dropdown.require-pro .download-dropdown-item:hover p{color:#fa8c16}.download-dropdown.require-pro .download-dropdown-item.active svg path,.download-dropdown.require-pro .download-dropdown-item:active svg path,.download-dropdown.require-pro .download-dropdown-item:hover svg path{fill:#fa8c16}.download-dropdown.require-pro .download-dropdown-item.active .icon-arrow-custom .line,.download-dropdown.require-pro .download-dropdown-item:active .icon-arrow-custom .line,.download-dropdown.require-pro .download-dropdown-item:hover .icon-arrow-custom .line{background-color:#fa8c16}}.download-dropdown.require-pro .action-item{border-color:#fa8c16!important}.download-dropdown.require-pro .action-item svg path{fill:#fa8c16!important}@media screen and (min-width:1025px){.download-dropdown.require-pro .action-item:active,.download-dropdown.require-pro .action-item:hover{border-color:#ffa940!important}.download-dropdown.require-pro .action-item:active svg path,.download-dropdown.require-pro .action-item:hover svg path{fill:#ffa940!important}}.download-dropdown.require-pro.icon-traffic .btn-icon svg path{fill:#fa8c16}.download-dropdown.require-pro .custom-button-practice-worksheet{box-shadow:0 2px 0 0 rgba(0,0,0,.016)!important;background:#fff7e6!important;border:0!important;height:32px!important;gap:10px}.download-dropdown.require-pro .custom-button-practice-worksheet .text{color:#fa8c16!important;width:fit-content}.download-dropdown.require-pro .custom-button-practice-worksheet svg{width:14px;height:14px}.download-dropdown-loading{width:100svw;height:200svh;position:fixed;top:0;left:0;z-index:10000;background:rgba(0,0,0,.3)}.download-dropdown-loading .download-dropdown-loading-content{align-items:center;justify-content:center;display:flex;width:100svw;height:100svh}.download-dropdown-popover{z-index:1450}.download-dropdown-popover .ant-popover-content .ant-popover-inner{border-radius:6px;display:flex;flex-direction:column;padding:4px;align-self:stretch;background:#fff;box-sizing:border-box;overflow:hidden;box-shadow:0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12)}.download-dropdown-popup .MuiTypography-root{font-size:18px!important;font-weight:400!important;line-height:28px;text-align:center;color:#2d3642;padding:32px 24px 16px;user-select:none}.download-dropdown-popup .MuiDialogContent-root{padding:16px 0!important;margin-bottom:16px!important}.download-dropdown-popup .MuiDialogContent-root .download-dropdown-content{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;box-sizing:border-box;gap:8px}.download-dropdown-popup .MuiDialogContent-root .download-dropdown-content .download-dropdown-option-item{height:46px;display:flex;justify-content:start;align-items:center;padding:10px 24px;align-self:stretch;box-sizing:border-box}.download-dropdown-popup .MuiDialogContent-root .download-dropdown-content .download-dropdown-option-item p{margin:0;font-size:16px;font-weight:600;line-height:26px;color:#2d3642;user-select:none}.download-dropdown-popup .MuiDialogContent-root .download-dropdown-content .download-dropdown-option-item:active{background:#f5f5f5}@media screen and (max-width:1024px){.download-dropdown-popup .MuiDialogContent-root .download-dropdown-content .download-dropdown-option-item{justify-content:space-between}}.popup-alert-only-desktop .MuiPaper-root{background-color:transparent;text-align:center;box-shadow:none}.popup-alert-only-desktop .MuiPaper-root .MuiDialogContent-root{padding:0}.popup-alert-only-desktop .MuiPaper-root .cluster-text-img{height:fit-content;display:flex;flex-direction:column;align-items:center;border-radius:32px 32px 0 0;background-color:#fff}.popup-alert-only-desktop .MuiPaper-root .cluster-text-img p{color:#272728;text-align:center;font-size:18px;font-weight:700;line-height:28px;text-transform:capitalize;margin:16px 0 0}.popup-alert-only-desktop .MuiPaper-root .cluster-text-img img{margin-top:20px;width:160px}.popup-alert-only-desktop .MuiPaper-root .cluster-text-img .cancel-alert{margin:16px 0;border-radius:12px;border:1px solid #e7e7e8;background:#fff;width:90%;padding:11px 0;color:#3e3e40;font-size:16px;font-weight:600;line-height:26px;letter-spacing:.32px}@media screen and (min-width:1024px){.popup-alert-only-desktop .MuiPaper-root .cluster-text-img{padding:32px;border-radius:32px;width:405px}}.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}}.main-ads-play-quiz-container{display:flex;justify-content:center;flex-shrink:0;contain:layout style paint;will-change:contents;content-visibility:auto}.main-ads-play-quiz-container .ads-wrapper{display:block;overflow:hidden;width:100%;height:100%;will-change:contents}@media screen and (max-width:1024px){.main-ads-play-quiz-container .ads-wrapper{width:calc(100vw - 32px);min-height:280px;height:280px}}@media screen and (min-width:1025px){.main-ads-play-quiz-container .ads-wrapper{width:100%;height:100%}}@media screen and (max-width:1024px){.main-ads-play-quiz-container{min-height:280px;margin-top:16px;height:280px}}@media screen and (min-width:1025px){.main-ads-play-quiz-container{min-width:140px;max-width:300px;width:calc(100vw - 1074px);height:calc(100vh - 126px);max-height:600px}}.main-ads-play-interactive-right-container{position:absolute;top:221px;right:24px}.popup-download-container{gap:10px;z-index:1502!important}.popup-download-container.isDisablePopupDownload{opacity:0;z-index:-1!important}.popup-download-container .MuiDialogContent-root{padding:0!important}.popup-download-container .MuiPaper-root{margin:0!important;box-shadow:0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12);border-radius:16px;overflow:hidden;max-width:100%;max-height:100%}@media screen and (max-width:1024px){.popup-download-container .MuiPaper-root{border-radius:32px 32px 0 0}}.popup-download-container .popup-download-content{display:flex}.popup-download-container .close-icon{position:absolute;top:16px;right:16px;z-index:11;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.popup-download-container .close-icon:hover{background-color:#f5f5f5}@media screen and (max-width:1024px){.popup-download-container .close-icon{top:48px;right:24px}.popup-download-container .content{border-radius:32px 32px 0 0}.popup-download-container .left-popup-download{position:absolute;top:-999999px}}.left-popup-download{background:#f5f5f5;display:flex;align-items:center;justify-content:center;height:fit-content}.preview-download-tool-v2{display:flex;flex-direction:column;overflow-y:auto;padding:16px}.preview-download-tool-v2 .preview-download-tool-v2-container{display:flex;flex-direction:column;gap:40px}.preview-download-tool-v2 .preview-download-tool-v2-item *{pointer-events:none!important}.group-traffic-preview-container *{box-sizing:border-box}.group-traffic-preview-container{position:sticky;top:0;height:0;width:100%;z-index:5;pointer-events:none}.group-traffic-preview-container.quiz{top:unset;height:auto;width:auto;position:absolute;bottom:0;right:0}.group-traffic-preview-container .layout-group-traffic-preview{height:calc(100vh - var(--heightHeader) - 70px - 52px);width:100%;position:relative}.group-traffic-preview-container .layout-group-traffic-preview.quiz{height:auto;width:auto;position:absolute}.group-traffic-preview-container .layout-group-traffic-preview.lesson-plan{height:calc(100vh - var(--heightHeader) - 70px - 52px - 24px);width:calc(100% + 24px)}.group-traffic-preview-container .layout-group-traffic-preview .group-traffic-preview{position:absolute;bottom:16px;right:16px;gap:12px;display:flex;flex-direction:row;justify-content:center;align-items:center}.group-traffic-preview-container .layout-group-traffic-preview .group-traffic-preview.verified-by-human-not-quiz{bottom:48px}.group-traffic-preview-container .layout-group-traffic-preview .group-traffic-preview.portrait{flex-direction:column}.group-traffic-preview-container .layout-group-traffic-preview .group-traffic-preview .traffic-view-ws-item{display:flex;flex-direction:column;align-items:center;pointer-events:auto}.group-traffic-preview-container .layout-group-traffic-preview .group-traffic-preview .traffic-view-ws-item .traffic-item-cycle{display:flex;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;padding:8px 13px;border-radius:22px;background-color:#e5ebff;box-shadow:0 2px 8px 0 rgba(0,0,0,.059);backdrop-filter:blur(8px)}.group-traffic-preview-container .layout-group-traffic-preview .group-traffic-preview .traffic-view-ws-item .traffic-item-cycle svg{flex-shrink:0}.group-traffic-preview-container .layout-group-traffic-preview .group-traffic-preview .traffic-view-ws-item .traffic-item-cycle span{width:unset!important;font-weight:400;font-size:10px;line-height:14px;color:#fff;text-align:center}.group-traffic-preview-container .layout-group-traffic-preview .group-traffic-preview .traffic-view-ws-item .traffic-item-cycle.show-answer-key{cursor:pointer;background-color:#fff;border:1px solid #d9d9d9;box-shadow:0 2px 0 0 rgba(0,0,0,.016)}.group-traffic-preview-container .layout-group-traffic-preview .group-traffic-preview .traffic-view-ws-item .traffic-item-cycle.show-answer-key:hover{border:1px solid #85a5ff}.group-traffic-preview-container .layout-group-traffic-preview .group-traffic-preview .traffic-view-ws-item .traffic-item-cycle .traffic-item-cycle-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.group-traffic-preview-container .layout-group-traffic-preview .group-traffic-preview .traffic-view-ws-item .traffic-view-ws-item-text{margin:0;font-weight:400;font-size:10px;line-height:20px;text-align:center;color:rgba(45,54,66,.8);white-space:nowrap}.group-traffic-preview-container .layout-group-traffic-preview .group-traffic-preview:hover:not(.portrait):not(.no-show-layer) .traffic-item-number,.group-traffic-preview-container .layout-group-traffic-preview .group-traffic-preview:hover:not(.portrait):not(.no-show-layer) .traffic-view-ws-item-text{color:#fff!important}