.state-matrix-module-scss-module__dakbBq__stage{padding:var(--size--150);border:var(--size--border-width) solid var(--color--border);border-radius:var(--border-radius--75);background-color:var(--color--elevated-surface);background-image:repeating-conic-gradient(var(--color--neutral-100) 0% 25%, transparent 0% 50%);background-size:1rem 1rem;overflow-x:auto}.state-matrix-module-scss-module__dakbBq__matrix{grid-template-columns:max-content repeat(var(--columns), minmax(7.5rem, 1fr));gap:var(--size--75);min-width:max-content;display:grid}.state-matrix-module-scss-module__dakbBq__columnHeading,.state-matrix-module-scss-module__dakbBq__rowHeading{color:RGB(from var(--color--base-font) r g b / var(--opacity--subtitle-base-font));align-items:center;display:flex}.state-matrix-module-scss-module__dakbBq__columnHeading{justify-content:center}.state-matrix-module-scss-module__dakbBq__rowHeading{padding-right:var(--size--50)}.state-matrix-module-scss-module__dakbBq__tile{min-height:4.5rem;padding:var(--size--75);justify-content:flex-end;gap:var(--size--10);border-radius:var(--border-radius--50);background-color:var(--color--elevated-surface);color:var(--color--base-font);box-shadow:var(--shadow--elevation-1);flex-direction:column;display:flex}.state-matrix-module-scss-module__dakbBq__tile.state-matrix-module-scss-module__dakbBq__onColor{background-color:var(--color--primary-500);color:var(--color--primary-500-contrast)}.state-matrix-module-scss-module__dakbBq__spec{opacity:var(--opacity--subtitle-base-font)}.state-matrix-module-scss-module__dakbBq__state-resting{opacity:1;background-image:none;transform:none}.state-matrix-module-scss-module__dakbBq__state-hover{background-image:linear-gradient(RGB(from currentColor r g b / var(--opacity--state-hover)), RGB(from currentColor r g b / var(--opacity--state-hover)))}.state-matrix-module-scss-module__dakbBq__state-focus{background-image:linear-gradient(RGB(from currentColor r g b / var(--opacity--state-focus)), RGB(from currentColor r g b / var(--opacity--state-focus)))}.state-matrix-module-scss-module__dakbBq__state-selected{background-image:linear-gradient(RGB(from var(--color--primary-500) r g b / var(--opacity--state-selected)), RGB(from var(--color--primary-500) r g b / var(--opacity--state-selected)))}.state-matrix-module-scss-module__dakbBq__state-selected-hover{background-image:linear-gradient(RGB(from var(--color--primary-500) r g b / var(--opacity--state-selected)), RGB(from var(--color--primary-500) r g b / var(--opacity--state-selected))), linear-gradient(RGB(from currentColor r g b / var(--opacity--state-hover)), RGB(from currentColor r g b / var(--opacity--state-hover)))}.state-matrix-module-scss-module__dakbBq__state-selected-focus{background-image:linear-gradient(RGB(from var(--color--primary-500) r g b / var(--opacity--state-selected)), RGB(from var(--color--primary-500) r g b / var(--opacity--state-selected))), linear-gradient(RGB(from currentColor r g b / var(--opacity--state-focus)), RGB(from currentColor r g b / var(--opacity--state-focus)))}.state-matrix-module-scss-module__dakbBq__state-activated{background-image:linear-gradient(RGB(from var(--color--primary-500) r g b / var(--opacity--state-activated)), RGB(from var(--color--primary-500) r g b / var(--opacity--state-activated)));color:var(--color--primary-500)!important}.state-matrix-module-scss-module__dakbBq__state-activated-hover{background-image:linear-gradient(RGB(from var(--color--primary-500) r g b / var(--opacity--state-activated)), RGB(from var(--color--primary-500) r g b / var(--opacity--state-activated))), linear-gradient(RGB(from currentColor r g b / var(--opacity--state-hover)), RGB(from currentColor r g b / var(--opacity--state-hover)));color:var(--color--primary-500)!important}.state-matrix-module-scss-module__dakbBq__state-activated-focus{background-image:linear-gradient(RGB(from var(--color--primary-500) r g b / var(--opacity--state-activated)), RGB(from var(--color--primary-500) r g b / var(--opacity--state-activated))), linear-gradient(RGB(from currentColor r g b / var(--opacity--state-focus)), RGB(from currentColor r g b / var(--opacity--state-focus)));color:var(--color--primary-500)!important}.state-matrix-module-scss-module__dakbBq__state-pressed{opacity:.75;transform-origin:50%;transform:scale(.98)}.state-matrix-module-scss-module__dakbBq__state-pressed-hover{opacity:.75;transform-origin:50%;background-image:linear-gradient(RGB(from currentColor r g b / var(--opacity--state-hover)), RGB(from currentColor r g b / var(--opacity--state-hover)));transform:scale(.98)}.state-matrix-module-scss-module__dakbBq__state-pressed-focus{opacity:.75;transform-origin:50%;background-image:linear-gradient(RGB(from currentColor r g b / var(--opacity--state-focus)), RGB(from currentColor r g b / var(--opacity--state-focus)));transform:scale(.98)}.state-matrix-module-scss-module__dakbBq__state-selected-pressed{opacity:.75;transform-origin:50%;background-image:linear-gradient(RGB(from var(--color--primary-500) r g b / var(--opacity--state-selected)), RGB(from var(--color--primary-500) r g b / var(--opacity--state-selected)));transform:scale(.98)}.state-matrix-module-scss-module__dakbBq__state-selected-pressed-hover{opacity:.75;transform-origin:50%;background-image:linear-gradient(RGB(from var(--color--primary-500) r g b / var(--opacity--state-selected)), RGB(from var(--color--primary-500) r g b / var(--opacity--state-selected))), linear-gradient(RGB(from currentColor r g b / var(--opacity--state-hover)), RGB(from currentColor r g b / var(--opacity--state-hover)));transform:scale(.98)}.state-matrix-module-scss-module__dakbBq__state-selected-pressed-focus{opacity:.75;transform-origin:50%;background-image:linear-gradient(RGB(from var(--color--primary-500) r g b / var(--opacity--state-selected)), RGB(from var(--color--primary-500) r g b / var(--opacity--state-selected))), linear-gradient(RGB(from currentColor r g b / var(--opacity--state-focus)), RGB(from currentColor r g b / var(--opacity--state-focus)));transform:scale(.98)}.state-matrix-module-scss-module__dakbBq__state-activated-pressed{opacity:.75;transform-origin:50%;background-image:linear-gradient(RGB(from var(--color--primary-500) r g b / var(--opacity--state-activated)), RGB(from var(--color--primary-500) r g b / var(--opacity--state-activated)));transform:scale(.98);color:var(--color--primary-500)!important}.state-matrix-module-scss-module__dakbBq__state-activated-pressed-hover{opacity:.75;transform-origin:50%;background-image:linear-gradient(RGB(from var(--color--primary-500) r g b / var(--opacity--state-activated)), RGB(from var(--color--primary-500) r g b / var(--opacity--state-activated))), linear-gradient(RGB(from currentColor r g b / var(--opacity--state-hover)), RGB(from currentColor r g b / var(--opacity--state-hover)));transform:scale(.98);color:var(--color--primary-500)!important}.state-matrix-module-scss-module__dakbBq__state-activated-pressed-focus{opacity:.75;transform-origin:50%;background-image:linear-gradient(RGB(from var(--color--primary-500) r g b / var(--opacity--state-activated)), RGB(from var(--color--primary-500) r g b / var(--opacity--state-activated))), linear-gradient(RGB(from currentColor r g b / var(--opacity--state-focus)), RGB(from currentColor r g b / var(--opacity--state-focus)));transform:scale(.98);color:var(--color--primary-500)!important}.state-matrix-module-scss-module__dakbBq__state-disabled{background-image:linear-gradient(var(--color--neutral-300), var(--color--neutral-300));opacity:1;transform:none;color:var(--color--neutral-400)!important}.state-matrix-module-scss-module__dakbBq__state-hover-strong{background-image:linear-gradient(RGB(from currentColor r g b / var(--opacity--state-hover-strong)), RGB(from currentColor r g b / var(--opacity--state-hover-strong)))}.state-matrix-module-scss-module__dakbBq__state-focus-strong{background-image:linear-gradient(RGB(from currentColor r g b / var(--opacity--state-focus-strong)), RGB(from currentColor r g b / var(--opacity--state-focus-strong)))}.state-matrix-module-scss-module__dakbBq__state-hover-extra-strong{background-image:linear-gradient(RGB(from currentColor r g b / var(--opacity--state-hover-extra-strong)), RGB(from currentColor r g b / var(--opacity--state-hover-extra-strong)))}.state-matrix-module-scss-module__dakbBq__state-focus-extra-strong{background-image:linear-gradient(RGB(from currentColor r g b / var(--opacity--state-focus-extra-strong)), RGB(from currentColor r g b / var(--opacity--state-focus-extra-strong)))}