/* Original configurator presentation, scoped to the shared diagram. */
.attx-dimension-matrix{padding:0 16px}
.attx-dimension-matrix .ak-matrix-box{background:rgba(9,18,32,.42);border:1px solid rgba(255,255,255,.10);border-radius:22px;padding:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden}
.attx-dimension-matrix .ak-matrix-svg{display:block;width:100%;height:auto;min-width:0}
.attx-dimension-matrix .ak-matrix-cell[aria-pressed=true] rect{fill:#fff0a8;stroke:#f5c400;stroke-width:3}
.attx-dimension-matrix .ak-matrix-cell[data-dim]:hover rect,.attx-dimension-matrix .ak-matrix-cell[data-dim]:focus-visible rect{stroke:#f5c400;stroke-width:3}
.attx-dimension-matrix .ak-matrix-cell:focus-visible{outline:none}
@media(max-width:760px){.attx-dimension-matrix .ak-matrix-box{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.attx-dimension-matrix .ak-matrix-svg{width:640px;min-width:640px;max-width:none}}
/* The product dialog supplies the same dark setting as the general configurator. */
#attx-gll-test .attx-dimension-matrix{padding:0}
#attx-gll-test .attx-dimension-matrix .ak-matrix-box{background:#152235;border-radius:9px;padding:10px;overflow-x:auto;overscroll-behavior-x:contain}
#attx-gll-test .attx-dimension-matrix .ak-matrix-svg{min-width:480px}