.matrix{--matrix-border-color: var(--color-grey-100);--matrix-border: 1px solid var(--matrix-border-color);--matrix-bg: var(--color-grey-25);--matrix-color: var(--color-grey-700);--matrix-color-soft: var(--color-text-soft-2)}.matrix .container{padding-block-start:var(--space-fluid-2xl)}.matrix__inner{display:grid;row-gap:var(--space-fluid-lg)}.matrix__tabs{display:flex;justify-content:center}.matrix__tablist{display:flex;flex-wrap:wrap;gap:var(--space-2)}.matrix .matrix__btn{--button-color: var(--matrix-color-soft);--button-hover-bg: var(--matrix-color-soft);--button-hover-color: var(--color-white);--lts: var(--lts-wide)}.matrix .matrix__btn--active{--button-bg: var(--color-blue-500);--button-color: var(--color-white)}.matrix svg{block-size:var(--space-3);inline-size:auto}.matrix__panels{position:relative}.matrix__panel{background-color:var(--matrix-bg);border:1px solid var(--color-divider);border-start-end-radius:var(--bdrs-xs);border-start-start-radius:var(--bdrs-xs);color:var(--matrix-color);display:grid;gap:var(--space-4);margin-inline:-1px;min-block-size:var(--space-width-sm);opacity:0;transform:translateY(0.5rem);transition:opacity 180ms ease-out,transform 180ms ease-out}.matrix__panel--active{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion: reduce){.matrix__panel{transform:none;transition:none}}.matrix__header{align-items:center;display:grid;gap:var(--space-3);grid-template-columns:minmax(0, auto) minmax(0, 1fr) auto;padding-block:var(--space-3);padding-inline:var(--space-10)}@media(max-width: 39.9375em){.matrix__header{grid-template-columns:1fr;row-gap:var(--space-3)}}.matrix__header-title{--fw: 110;--fz: var(--size-text-sm)}.matrix__header-title-icon{color:var(--color-blue-500)}.matrix__header-query{max-width:100%}.matrix__query{align-items:center;border:var(--matrix-border);border-radius:var(--bdrs-xs);display:flex;gap:var(--space-2);justify-content:space-between;padding-block:var(--space-1);padding-inline:var(--space-3)}.matrix__header-actions{align-items:center;display:flex;gap:var(--space-2)}@media(max-width: 39.9375em){.matrix__header-actions{display:none}}.matrix .matrix__header-pill{--button-border-width: 1px;--button-border-style: solid;--button-border-color: var(--matrix-border-color);--button-bg: var(--matrix-bg);--button-hover-bg: var(--matrix-bg);--button-hover-color: var(--matrix-color)}.matrix__tableWrapper{overflow-x:auto;scrollbar-color:var(--matrix-border-color) var(--matrix-bg);scrollbar-width:thin;width:100%}.matrix__table{border-block:var(--matrix-border);border-collapse:collapse;border-spacing:0;min-width:37.5rem;width:100%}.matrix__th,.matrix__indexCell,.matrix__cell{border-block-end:var(--matrix-border);border-inline-end:var(--matrix-border);display:table-cell;padding:var(--space-1-5);text-align:left;vertical-align:middle}.matrix__th--index,.matrix__indexCell{inline-size:1.125rem}.matrix__indexCell{color:var(--matrix-color-soft);text-align:center}.matrix__thInner{align-items:center;display:inline-flex;gap:var(--space-1-5);white-space:nowrap}.matrix__thIcon{align-items:center;display:inline-flex;justify-content:center}.matrix__thLabel{--fw: 105}.matrix__row--add .matrix__cell,.matrix__row--add .matrix__indexCell{border-bottom:none;padding-block:var(--space-2)}.matrix__cell--add{color:var(--matrix-color-soft)}.matrix__docCell{align-items:center;display:inline-flex;gap:var(--space-2)}.matrix .matrix__docLabel{--button-bg: var(--color-grey-100);--button-hover-bg: var(--color-grey-100);--button-hover-color: var(--matrix-color)}.matrix__docText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matrix__tag{background-color:color-mix(in srgb, var(--matrix-tag-color, currentColor) 10%, transparent);color:var(--matrix-tag-color, currentColor);inline-size:fit-content;white-space:nowrap;--button-hover-bg: inherit;--button-hover-color: inherit}.matrix__cellText{display:inline-block;max-width:22.5rem;text-overflow:ellipsis;white-space:nowrap}.matrix__thLabel,.matrix__cellText{text-box-edge:cap alphabetic;text-box-trim:trim-both}.matrix__cta .btn{--button-bg: transparent;--button-hover-bg: transparent;--button-color: var(--matrix-color-soft);--button-padding: var(--space-1) 0 var(--space-5) 0}.matrix__cta .btn:hover{--button-color: var(--matrix-color)}

/*# sourceMappingURL=matrix.css.map */