.classroom-analysis-report[data-v-f8cc2224]{display:flex;flex-direction:column;height:100vh}[dir] .classroom-analysis-report[data-v-f8cc2224] .header{padding:0 24px!important;box-shadow:none}.classroom-analysis-report[data-v-f8cc2224] .header .view-container{width:100%;height:56px!important}[dir] .classroom-analysis-report[data-v-f8cc2224] .header .view-container{margin:0!important}.classroom-analysis-report[data-v-f8cc2224] .header .view-container .title{flex:none!important;font-size:20px!important;font-weight:600!important;color:#182230!important;line-height:32px!important}[dir=ltr] .classroom-analysis-report[data-v-f8cc2224] .header .view-container .title{margin-right:0!important}[dir=rtl] .classroom-analysis-report[data-v-f8cc2224] .header .view-container .title{margin-left:0!important}.classroom-analysis-report[data-v-f8cc2224] .body{flex:1;height:0;overflow-y:auto}[dir] .classroom-analysis-report[data-v-f8cc2224] .body{padding:0 22px!important;background:#dce9fe}.classroom-analysis-report[data-v-f8cc2224] .body .view-container{width:100%}[dir] .classroom-analysis-report[data-v-f8cc2224] .body .view-container{margin:0}[dir] .classroom-analysis-report[data-v-f8cc2224] .card{border-radius:8px;border:2px solid #fff;background:linear-gradient(0deg,#fdfefe,rgba(245,248,255,0) 77.62%,#f0f9ff),#fff}[dir] .classroom-analysis-report[data-v-f8cc2224] .card-type{margin-top:24px}.classroom-analysis-report[data-v-f8cc2224] .card-type .title{display:flex;align-items:center}[dir] .classroom-analysis-report[data-v-f8cc2224] .card-type .title{padding:12px 24px;border-bottom:1px solid #dcdfe6}.classroom-analysis-report[data-v-f8cc2224] .card-type .title img{width:24px;height:24px}[dir=ltr] .classroom-analysis-report[data-v-f8cc2224] .card-type .title img{margin-right:6px}[dir=rtl] .classroom-analysis-report[data-v-f8cc2224] .card-type .title img{margin-left:6px}.classroom-analysis-report[data-v-f8cc2224] .card-type .title span{font-size:20px;font-weight:600;color:#222}.tab[data-v-f8cc2224]{display:flex;align-items:center;justify-content:center;height:100%;flex:1}.tab .bar[data-v-f8cc2224]{position:relative;display:flex;align-items:center;height:100%;font-size:18px;color:#182230}[dir] .tab .bar[data-v-f8cc2224]{margin:0 12px;cursor:pointer}[dir=ltr] .tab .bar[data-v-f8cc2224]:first-child{margin-left:0}[dir=ltr] .tab .bar[data-v-f8cc2224]:last-child,[dir=rtl] .tab .bar[data-v-f8cc2224]:first-child{margin-right:0}[dir=rtl] .tab .bar[data-v-f8cc2224]:last-child{margin-left:0}.tab .bar.bar-active[data-v-f8cc2224]{color:#2970ff;font-weight:600}.tab .bar-active[data-v-f8cc2224]:before{content:"";position:absolute;bottom:0;width:100%;height:2px}[dir] .tab .bar-active[data-v-f8cc2224]:before{background:#2970ff}[dir=ltr] .tab .bar-active[data-v-f8cc2224]:before{left:0}[dir=rtl] .tab .bar-active[data-v-f8cc2224]:before{right:0}