.study-game-panel{padding-top:60px;height:calc(100% - 70px);box-sizing:border-box}.left-panel{border-radius:5px;height:100%}body{background:#e5e5e5!important}.study-game-panel .topic-congratulations-panel{background:url(../images/congratutation-left.png) no-repeat,url(../images/congratutation-center.png) no-repeat,url(../images/congratutation-right.png) no-repeat;background-position:left bottom,center bottom,right bottom;box-shadow:0 0 6px 4px rgba(185,185,185,.5);border-radius:5px;padding:30px;height:330px;text-align:center}.study-game-panel .topic-congratulations-panel h1{color:#d3ad3a}.study-game-panel .question-view-study-game{box-shadow:0 0 6px 4px rgba(185,185,185,.5);border-radius:5px}.study-game-panel .questions-panel.question-view-study-game{overflow-y:auto;height:550px}.study-game-panel .next-part-button{display:flex;border-radius:5px;margin-right:16px}.study-game-panel .question-view-study-game::-webkit-scrollbar{width:7px;height:7px}.study-game-panel .question-view-study-game::-webkit-scrollbar-track{box-shadow:inset 0 0 3px #bdbdbd;border-radius:7px}.study-game-panel .question-view-study-game::-webkit-scrollbar-thumb{border-radius:7px;box-shadow:inset 0 0 300px #bdbdbd}.study-game-panel .question-progress-panel{height:70px;width:100%;background-color:#f0f0f3;display:flex;align-items:center;font-size:18px;box-shadow:0 0 6px 4px rgba(185,185,185,.5);border-radius:5px;margin-bottom:30px}.study-game-panel .question-progress-panel .topic-name{width:150px;display:flex;align-items:center;justify-content:center}.study-game-panel .question-progress-panel .scroll-panel::-webkit-scrollbar{width:5px;height:7px}.study-game-panel .question-progress-panel .scroll-panel::-webkit-scrollbar-track{box-shadow:inset 0 0 3px #bdbdbd;border-radius:5px}.study-game-panel .question-progress-panel .scroll-panel::-webkit-scrollbar-thumb{border-radius:5px;box-shadow:inset 0 0 300px #bdbdbd}.study-game-panel .question-progress-panel .scroll-panel{overflow-x:auto;overflow-y:hidden;width:calc(100% - 160px);position:relative;height:70px}.study-game-panel .question-progress-panel .scroll-panel .list-question-panel{display:flex;align-items:center;width:calc(100% - 10px);position:absolute;top:0;left:0;height:100%;padding-left:10px}.study-game-panel .question-progress-panel .scroll-panel .list-question-panel .question-item{border:solid 1px #000;width:40px;height:40px;background-color:#f1f1f1;display:flex;align-items:center;justify-content:center;margin-right:20px;border-radius:3px;flex:0 0 auto;position:relative}.study-game-panel .question-progress-panel .scroll-panel .list-question-panel .question-item .icon{font-size:15px;top:1px;right:2px;position:absolute}.study-game-panel .question-progress-panel .scroll-panel .list-question-panel .question-item.border-current-question{border:2px solid var(--main-color)}.study-game-panel .question-progress-panel .scroll-panel .list-question-panel .question-item.correct{background-color:#00b900;color:#fff}.study-game-panel .question-progress-panel .scroll-panel .list-question-panel .question-item.incorrect{background-color:red;color:#fff}.study-game-panel .topic-info-panel{height:70px;width:100%;background-color:#f0f0f3;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 0 6px 4px rgba(185,185,185,.5);border-radius:5px;margin-bottom:30px;text-align:center}.question-result-info{background-color:var(--main-color);color:#fff;border-top-left-radius:3px;border-top-right-radius:3px}.question-result-info .item{text-align:center}.question-result-info .item>:first-child{color:#ddd}.question-result-info .item .MuiSvgIcon-root{font-size:18px;position:relative;top:-3px}.question-result-info .item-line{width:1px;background-color:#fff;height:40px}@media(min-width: 768px){.question-result-info{padding:10px 0}}.parent-topic-tree-panel{box-shadow:0 0 6px 4px rgba(185,185,185,.5);border-radius:5px}.parent-topic-tree-panel .box-topic-tree-panel{padding:20px;height:400px;overflow-y:auto;background:#f0f0f3;box-shadow:2px 2px 20px rgba(0,0,0,.1);border-radius:5px}.parent-topic-tree-panel .box-topic-tree-panel::-webkit-scrollbar{width:7px;height:7px}.parent-topic-tree-panel .box-topic-tree-panel::-webkit-scrollbar-track{box-shadow:inset 0 0 3px #bdbdbd;border-radius:7px}.parent-topic-tree-panel .box-topic-tree-panel::-webkit-scrollbar-thumb{border-radius:7px;box-shadow:inset 0 0 300px #bdbdbd}.parent-topic-tree-panel .topic-tree-panel{width:300px;position:relative;margin:0 auto}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row{display:flex;align-items:center;justify-content:space-between;position:relative}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-line{position:absolute;border-top:2px dashed #3f51b5;width:40px;z-index:1000;top:calc(50% - 1px)}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-line-7-12{position:absolute;border-top:2px dashed #3f51b5;width:138px;z-index:100;top:calc(50% - 1px)}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-row-1-l-r{left:81px}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-row-2-l-r{left:180px}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-row-4-l-r{left:82px}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-row-1-2{left:0}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-row-3-l-r-c{right:-25px;width:40px;height:98px;border-bottom-right-radius:110px;border-top-right-radius:110px;border:2px dashed #3f51b5;border-left:0}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-row-3-l-r-c:after{content:"";position:absolute;bottom:-2px;border-top:2px dashed #3f51b5;width:35px;right:100%}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-row-1-r-l{width:70px;left:calc(50% - 35px)}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-row-2-r-l-c{left:-24px;width:45px;height:100px;border-bottom-left-radius:79px;border-top-left-radius:79px;border:2px dashed #3f51b5;border-right:0}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-row-2-r-l-c:before{content:"";position:absolute;top:-2px;border-top:2px dashed #3f51b5;width:30px;left:100%}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-line.active,.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-line.active:after,.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-line.active:before{border-top-style:solid}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-row-2-r-l-c.active,.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-row-3-l-r-c.active{border-style:solid}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-item{position:relative;width:100px;height:100px;cursor:pointer}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-item .topic-content{position:absolute;top:20%;left:20%;width:60%;height:60%;border-radius:100%;display:flex;align-items:center;justify-content:center;background:var(--main-color);color:#fff}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-item .topic-name{position:absolute;bottom:-10px;width:100%;text-align:center}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-item .lds-ripple{display:none}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-item.active .lds-ripple{display:block}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-item.completed .topic-content{background-color:#00b900}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-item.completed .lds-ripple div{border-color:#00b900}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-item.locked .topic-content{background:#f0f0f3;border:1px solid #ccc}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row .topics-row .topic-item.locked .topic-content svg{color:#ccc}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row:nth-child(even) .topics-row:after,.parent-topic-tree-panel .topic-tree-panel .parent-topics-row:nth-child(even) .topics-row:before{content:""}.parent-topic-tree-panel .topic-tree-panel .parent-topics-row:last-child .topics-row .topic-row-2-r-l-c,.parent-topic-tree-panel .topic-tree-panel .parent-topics-row:last-child .topics-row .topic-row-3-l-r-c{display:none}.study-game-panel .lds-ripple{display:inline-block;position:relative;width:100%;height:100%}.study-game-panel .lds-ripple div{position:absolute;border:4px solid var(--main-color);opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,0.2,0.8,1) infinite}.study-game-panel .lds-ripple div:nth-child(2){animation-delay:-.5s}.study-game-panel .lds-ripple div:nth-child(3){animation-delay:-1s}@keyframes lds-ripple{0%{top:25%;left:25%;width:calc(50% - 2 * 4px);height:calc(50% - 2 * 4px);opacity:1}100%{top:10%;left:10%;width:calc(80% - 2 * 4px);height:calc(80% - 2 * 4px);opacity:0}}@media screen and (max-width: 1440px){.study-game-panel{padding-top:30px}.parent-topic-tree-panel .box-topic-tree-panel{height:300px;overflow-y:auto;overflow-x:hidden}.study-game-panel .question-view-study-game{margin-bottom:15px}.study-game-panel .questions-panel{height:450px!important;box-shadow:2px 2px 20px rgba(0,0,0,.1);border-radius:5px}}@media screen and (max-width: 1300px){.study-game-panel .topic-congratulations-panel{background:url(../images/congratutation-left.png) no-repeat,url(../images/congratutation-right.png) no-repeat;background-position:left bottom,right bottom}}@media screen and (max-width: 1023px){.study-game-panel{padding-top:15px}.left-panel{padding-right:0}.right-panel{padding-left:0;padding-top:30px}.study-game-panel .question-progress-panel .topic-name{width:100px}.study-game-panel .question-progress-panel .scroll-panel{width:calc(100% - 110px);scroll-behavior:smooth}}.congratulation-alert-panel{background-color:#ffff40;color:#000;text-align:center;padding:7px 0;position:fixed;left:0;z-index:1}.congratulation-alert-panel .title{display:flex;align-items:center;font-size:18px}.congratulation-alert-panel .title>svg{margin-right:12px}@media screen and (max-width: 780px){.congratulation-alert-panel .title{font-size:13px}.congratulation-alert-panel .title>:first-child{font-size:18px}.study-game-panel .topic-congratulations-panel{background:url(../images/congratutation-center.png) no-repeat;background-position:center bottom}.study-game-panel .question-view-study-game{margin-bottom:0}.study-game-panel{padding:0!important}.study-game-panel .topic-congratulations-panel{box-shadow:none}.parent-topic-tree-panel{box-shadow:none}.parent-topic-tree-panel .box-topic-tree-panel{height:100%!important;margin-bottom:80px;zoom:.8;box-shadow:none;background:#e5e5e5}.study-game-panel .question-progress-panel{display:block;height:unset;margin-bottom:10px}.study-game-panel .question-progress-panel .scroll-panel{width:100%}.study-game-panel .question-progress-panel .topic-name{display:none;width:unset;justify-content:flex-start!important;padding-left:5px}.right-panel{padding-top:0}.study-game-panel .questions-panel{max-height:calc(100% - 60px)!important;box-shadow:none!important;padding:0 10px;background:#e5e5e5;height:540px!important}.question-result-info{border-radius:unset;height:70px}}.study-game-panel .questions-panel.question-view-study-game{height:100%!important;display:flex;flex-direction:column}.border-box{height:100%;box-sizing:border-box}.parent-topic-tree-panel.border-box{height:calc(100% - 100px);display:flex;flex-direction:column}@media screen and (max-width: 780px){.study-game-panel>.MuiGrid-container .right-panel,.study-game-panel>.MuiGrid-container,.study-game-panel{height:100%;box-sizing:border-box}.study-game-panel .questions-panel.question-view-study-game{height:calc(100% - 120px)!important;margin-bottom:60px}.button-continue-mobile{height:60px;width:100%;position:fixed;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.button-continue-mobile button{width:calc(100% - 20px);left:0!important;position:static!important;margin-bottom:0!important;margin-right:0!important;padding:8px}}