.teacher-self-portrait[data-v-b64684a4]{padding:24px;background:#fff}.teacher-self-portrait .title[data-v-b64684a4]{font-size:20px;font-weight:600;color:#1d2129;text-align:center}.teacher-self-portrait .sub[data-v-b64684a4]{font-size:14px;color:#4e5969;margin-bottom:16px;text-align:center}.teacher-self-portrait .dimensions[data-v-b64684a4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px 24px;margin-bottom:32px;margin-top:40px;max-width:1200px;margin-left:auto;margin-right:auto}.teacher-self-portrait .dimension-item[data-v-b64684a4]{padding:12px 16px;border:1px solid #e5e6eb;border-radius:8px;transition:box-shadow .2s}.teacher-self-portrait .dimension-item[data-v-b64684a4]:hover{box-shadow:0 2px 8px rgba(0,0,0,.05)}.teacher-self-portrait .dimension-item .label[data-v-b64684a4]{font-size:14px;font-weight:500;margin-bottom:8px;color:#1d2129}.teacher-self-portrait .dimension-item .stars .star[data-v-b64684a4]{cursor:pointer;font-size:20px;color:#c0c4cc;margin-right:4px;transition:color .15s}.teacher-self-portrait .dimension-item .stars .star.active[data-v-b64684a4]{color:#3a84ff}.teacher-self-portrait .actions[data-v-b64684a4]{text-align:center}.teacher-self-portrait .chart-step .canvas-wrapper[data-v-b64684a4]{margin:30px auto;background:#fff;border:1px solid #f2f3f5;border-radius:8px}.teacher-self-portrait .chart-step .canvas-wrapper canvas[data-v-b64684a4]{display:block;width:100%;height:100%}.teacher-self-portrait .chart-step .legend[data-v-b64684a4]{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:12px}.teacher-self-portrait .chart-step .legend .legend-item[data-v-b64684a4]{display:flex;align-items:center;margin:4px 12px;font-size:13px}.teacher-self-portrait .chart-step .legend .legend-item .dot[data-v-b64684a4]{width:10px;height:10px;background:#3a84ff;border-radius:50%;margin-right:6px}