.tool[data-tool=matrix-calculator] .mx-top{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}.tool[data-tool=matrix-calculator] .mx-inputs{gap:var(--space-4);flex-wrap:wrap;display:flex}.tool[data-tool=matrix-calculator] .mx-box{border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--space-3);flex:15rem;min-inline-size:0;margin:0}.tool[data-tool=matrix-calculator] .mx-box legend{padding-inline:var(--space-1);font-weight:600}.tool[data-tool=matrix-calculator] .mx-size{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);flex-wrap:wrap;margin-block-end:var(--space-3);display:flex}.tool[data-tool=matrix-calculator] .mx-grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:var(--space-2);display:grid}.tool[data-tool=matrix-calculator] .mx-grid input,.tool[data-tool=matrix-calculator] .mx-grid output{text-align:center;min-block-size:2.75rem;inline-size:100%;min-inline-size:0;padding-inline:var(--space-1)}.tool[data-tool=matrix-calculator] .mx-out output{border:1px solid var(--c-border);border-radius:var(--r-md);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;justify-content:center;align-items:center;display:flex}