@layer components{._root_17plh_1{box-sizing:border-box;width:100%;height:100%;min-height:356px;max-height:356px;color:var(--text-primary);padding:24px;container-type:inline-size}._layout_17plh_12{grid-template-columns:minmax(300px,1fr) minmax(280px,1fr);align-items:center;gap:24px;width:100%;height:100%;display:grid}._matrixRegion_17plh_21{justify-self:center;gap:5px;width:min(100%,390px);min-width:0;display:grid}._selectionCue_17plh_29{min-height:16px;color:var(--text-secondary);text-align:center;font-size:12px}._matrix_17plh_21{grid-template-rows:minmax(40px,auto) repeat(4,minmax(54px,auto));grid-template-columns:minmax(82px,1.15fr) repeat(4,minmax(0,1fr));gap:2px;display:grid}._row_17plh_43{display:contents}._corner_17plh_47,._columnHeader_17plh_48,._rowHeader_17plh_49{min-width:0;color:var(--text-secondary);align-items:center;font-size:12px;font-weight:600;line-height:1.1;display:flex}._corner_17plh_47{justify-content:flex-end;padding-right:6px}._columnHeader_17plh_48{text-align:center;flex-direction:column;justify-content:center}._rowHeader_17plh_49{text-align:right;justify-content:flex-end;gap:4px;padding-right:6px}._headerLabel_17plh_77{overflow-wrap:normal;word-break:normal;min-width:0}._cell_17plh_83{border:1px solid var(--learning-block-visualization-surface,var(--bg-primary));min-width:0;color:var(--text-primary);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}._cell_17plh_83[data-selected=true]{z-index:1;outline:2px solid var(--text-primary);outline-offset:-2px;position:relative}._cellButton_17plh_103{width:100%;height:100%;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}._cellButton_17plh_103:focus-visible{z-index:2;outline:2px solid var(--learning-block-accent);outline-offset:-4px;position:relative}._legend_17plh_121{color:var(--text-secondary);grid-template-columns:22px minmax(0,1fr) 22px;align-items:center;gap:5px;font-size:12px;font-weight:600;display:grid;position:relative}._legendBar_17plh_132{grid-template-columns:repeat(9,1fr);gap:1px;height:8px;display:grid}._legendZero_17plh_139{background:var(--learning-block-visualization-surface,var(--bg-primary));padding:0 3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._plotRegion_17plh_148{grid-template-rows:auto minmax(0,1fr);justify-self:center;width:min(100%,390px);min-width:0;height:100%;max-height:308px;display:grid}._plotLabel_17plh_158{color:var(--text-secondary);text-align:center;padding-bottom:5px;font-size:12px;font-weight:600}._plot_17plh_148{min-height:0}._thumbnail_17plh_170{box-sizing:border-box;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;width:100%;height:100%;padding:6px;display:grid}._thumbnailCell_17plh_181{border:1px solid var(--learning-block-visualization-surface,var(--bg-primary))}._thumbnailCell_17plh_181[data-selected=true]{outline:2px solid var(--text-primary);outline-offset:-2px}@container (width<=620px){._layout_17plh_12{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:5px}._matrixRegion_17plh_21{gap:3px;width:min(100%,346px)}._selectionCue_17plh_29{min-height:14px;line-height:14px}._matrix_17plh_21{grid-template-rows:minmax(30px,auto) repeat(4,minmax(26px,auto));grid-template-columns:minmax(66px,1.2fr) repeat(4,minmax(0,1fr))}._legend_17plh_121{line-height:14px}._plotRegion_17plh_148{width:min(100%,346px);max-height:none}._plotLabel_17plh_158{padding-bottom:0;line-height:14px}}}