pr-matrix {
  height: 100%;
  width: 100%;
}
pr-matrix[disabled=true] .matrix-container div {
  pointer-events: none;
  background: var(--c-group-bar);
}
pr-matrix[disabled=true] .matrix-container div [icon-name=check-circle-true] svg, pr-matrix[disabled=true] .matrix-container div [icon-name=check-circle-false] svg {
  fill: var(--c-disabled);
}
pr-matrix .matrix-container {
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-auto-flow: row;
  background: var(--c-border);
}
pr-matrix .matrix-container div {
  height: 100%;
  background: var(--c-surface-bg);
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid var(--c-border);
  border-bottom: 1px solid var(--c-border);
}
pr-matrix .matrix-container label {
  padding: 0.25rem;
}
pr-matrix .matrix-container .header {
  font-weight: bold;
  min-width: 200px;
}
pr-matrix .matrix-container .subheader {
  min-width: 100px;
}
pr-matrix .matrix-container .header, pr-matrix .matrix-container .subheader {
  font-size: var(--font-size-base);
  background: var(--c-group-bar);
}
pr-matrix .matrix-container .left {
  text-align: left;
}
pr-matrix .matrix-container .sticky {
  position: sticky;
  left: 0;
}
pr-matrix .matrix-container .disabled {
  pointer-events: none;
  background: var(--c-group-bar);
}
pr-matrix .matrix-container .disabled [icon-name=check-circle-true] svg, pr-matrix .matrix-container .disabled [icon-name=check-circle-false] svg {
  fill: var(--c-disabled);
}
pr-matrix .matrix-container [icon-name=check-circle-true] svg {
  fill: var(--c-accent);
}