.material-lesson-plan-container{overflow:hidden;margin-top:-20px;border-radius:0 0 6px 6px}.material-lesson-plan-container .container-header{background:transparent;display:flex;overflow:hidden}.material-lesson-plan-container .container-header .header-title{overflow:hidden;padding:3px 24px;border:1px solid #e6e7e8;background:#e6e7e8;color:#000;border-radius:4px 4px 0 0;font-family:Nunito;font-size:14px;font-weight:600;line-height:20px;letter-spacing:.005em;cursor:pointer;transition:all .15s;user-select:none}.material-lesson-plan-container .container-header .header-title.active,.material-lesson-plan-container .container-header .header-title:hover{background:#2d3642;color:#fff;border:1px solid #2d3642}.material-lesson-plan-container .container-header .header-title:last-child{border-radius:4px 4px 0 0}.material-lesson-plan-container .content-container{padding:12px;background:rgba(45,54,66,.04);border-top:1px solid #2d3642;max-height:24vh;height:24vh;min-height:160px}@media screen and (max-width:769px){.material-lesson-plan-container .content-container{max-height:14vh;height:100%;min-height:150px}.material-lesson-plan-container{margin-top:0}}.title-worksheet-grid{text-align:start;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.04em;padding:10px;width:fit-content;height:fit-content;cursor:pointer;color:#272728}.title-worksheet-grid p{margin:0}.title-worksheet-grid .title-worksheet-content{font-size:13px}@media screen and (min-width:1025px){.title-worksheet-grid .title-worksheet-content{text-decoration-line:underline}}.title-worksheet-grid .hide{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}@media screen and (min-width:1025px){.title-worksheet-grid{max-width:100%;color:#fff;position:absolute;bottom:0;font-size:16px}}.title-worksheet-grid-component{position:relative;width:100%}.title-worksheet-grid-component .tooltip-custom{width:100%;position:absolute;bottom:0;max-width:63%}.title-worksheet-grid-component .tooltip-custom .title-worksheet-grid{max-width:100%}@media screen and (min-width:1025px){.title-worksheet-grid-component{height:100%}}#container-content{height:100%;position:relative}#container-content .container-list{height:100%;display:flex;gap:13px;overflow-x:scroll;overflow-y:hidden}#container-content .container-list::-webkit-scrollbar{display:none}#container-content .btn{cursor:pointer;display:flex;justify-content:center;align-items:center;position:absolute;border-radius:50%;padding:8px 10px;box-shadow:0 0 8px 0 rgba(33,33,33,.12);top:50%;transform:translateY(-50%);z-index:1;background:#fff;transition:all .15s}#container-content .btn:hover{background:#d1d1d1}#container-content .btn.prev{left:-10px}#container-content .btn.next{right:-10px}#container-content .btn.hidden{display:none}.material-item{height:100%;position:relative;cursor:pointer;user-select:none}.material-item .materials-image{box-shadow:0 4px 4px 0 rgba(33,33,33,.12);height:calc(100% - 4px);width:auto}.material-item .gray-bg{top:0;left:0;position:absolute;background:transparent;width:100%;height:calc(100% - 4px)}.material-item .gray-bg .tooltip-custom{max-width:100%}.material-item .gray-bg .title-worksheet-content{font-size:12px}@media screen and (max-width:769px){.material-item .gray-bg .title-worksheet-grid{position:absolute;bottom:0}}.material-item:hover .gray-bg{background:linear-gradient(180deg,rgba(33,33,33,.082),rgba(33,33,33,.68))}.teaching-progress-container{width:100%;height:100%}.teaching-progress-container .lesson-plan-item{height:100%;position:relative;cursor:pointer;user-select:none}.teaching-progress-container .lesson-plan-item .materials-image{box-shadow:0 4px 4px 0 rgba(33,33,33,.12);height:calc(100% - 4px);width:auto}.teaching-progress-container .lesson-plan-item .button-teaching{z-index:1;font-family:Nunito;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(180deg,#2d3642 36.5%,#1a1717 89.5%);border-radius:14px;padding:6px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}@media screen and (max-width:769px){.teaching-progress-container .lesson-plan-item .button-teaching{padding:4px 16px;font-size:12px}}.teaching-progress-container .lesson-plan-item .gray-bg{top:0;left:0;position:absolute;background:transparent;width:100%;height:calc(100% - 4px)}.teaching-progress-container .lesson-plan-item .gray-bg .tooltip-custom{max-width:100%}.teaching-progress-container .lesson-plan-item .gray-bg .title-worksheet-content{font-size:12px}@media screen and (max-width:769px){.teaching-progress-container .lesson-plan-item .gray-bg .title-worksheet-grid{position:absolute;bottom:0;color:#fff}}.teaching-progress-container .lesson-plan-item.active .button-teaching,.teaching-progress-container .lesson-plan-item:hover .button-teaching{opacity:1}.teaching-progress-container .lesson-plan-item.active .gray-bg,.teaching-progress-container .lesson-plan-item:hover .gray-bg{background:linear-gradient(180deg,rgba(33,33,33,.082),rgba(33,33,33,.68))}@media screen and (max-width:769px){.teaching-progress-container{gap:8px}}