.class-mastery-title{margin-bottom:14px}
.class-mastery-toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.class-mastery-defaults{display:flex;gap:12px;align-items:flex-end}
.class-mastery-toolbar .tag-report-default-need input{height:40px;box-sizing:border-box}
.class-mastery-toolbar .tag-report-reshuffle-btn{align-self:flex-end;margin:0;height:40px}
.class-mastery-toolbar>.btn{height:40px}
.class-mastery-card .tag-report-tree-row{grid-template-columns:minmax(0,1fr) 120px 400px;align-items:center}
.class-mastery-card .tag-report-tree-badge-cell{width:400px;min-width:0;box-sizing:border-box}
.class-mastery-card .tag-report-tree-row.inactive{opacity:1;filter:none}
.class-mastery-card .tag-report-tree-main{min-height:66px;align-content:center}
.class-mastery-length-control input{width:90px}
.class-mastery-bar-track{height:16px;width:100%;min-width:0;overflow:hidden}
.class-mastery-bar-fill{height:100%;display:flex;overflow:hidden;border-radius:4px;transition:width .15s ease}
.class-mastery-segment{height:100%;flex-shrink:0}
.class-mastery-segment.gray{background:#78828c}
.class-mastery-segment.red{background:#e85858}
.class-mastery-segment.yellow{background:#e5bd40}
.class-mastery-segment.green{background:#35b86c}
.class-mastery-bar-placeholder{height:16px;font-size:11px;color:var(--muted)}
.class-mastery-tag-status{padding:0 12px 8px 34px;font-size:12px;color:var(--muted)}
.class-mastery-tag-status:empty{padding:0}
.class-mastery-settings-status{font-size:12px;margin:6px 0;color:var(--minor-font-2,var(--muted))}
.class-mastery-legend{display:flex;gap:15px;flex-wrap:wrap;margin:10px 0 14px;font-size:12px}
.class-mastery-legend span::before{content:'';display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px}
.class-mastery-legend .gray::before{background:#78828c}.class-mastery-legend .red::before{background:#e85858}
.class-mastery-legend .yellow::before{background:#e5bd40}.class-mastery-legend .green::before{background:#35b86c}
@media(max-width:1100px){.class-mastery-card .tag-report-tree-row{grid-template-columns:minmax(0,1fr) 110px}.class-mastery-card .tag-report-tree-badge-cell{grid-column:1/-1;width:100%;justify-content:flex-start}}
@media(max-width:600px){.class-mastery-toolbar{gap:10px}.class-mastery-card .tag-report-tree-row{padding-left:27px;gap:8px}.class-mastery-card .tag-report-mini-label select{width:115px}.class-mastery-toolbar .tag-report-default-need{font-size:11px}}