adapt-showcase-matrix-page{display:block}adapt-showcase-matrix-page *,adapt-showcase-matrix-page :before,adapt-showcase-matrix-page :after{box-sizing:border-box}.mx-ng{--ng-line:var(--page-border);--ng-soft:var(--page-border-soft);--ng-surface:var(--page-surface);--ng-raised:var(--page-surface-2);--ng-accent:var(--kit);--ng-wash:var(--kit-wash);color:var(--ink);font-size:14px}.mx-ng .mx-seam{flex-wrap:wrap}.mx-ng .mx-demo--overview [data-adapttable-part=toolbar]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mx-ng .mx-demo--overview [data-adapttable-part=search-field]{flex:100%;min-inline-size:0;max-inline-size:none}.mx-ng[data-bs-theme=dark]:is([data-angular-kit=ng-bootstrap],[data-angular-kit=ngx-bootstrap]) .btn-outline-secondary{--bs-btn-color:var(--bs-body-color);--bs-btn-border-color:var(--bs-secondary-color);--bs-btn-hover-color:var(--bs-body-bg);--bs-btn-hover-bg:var(--bs-body-color);--bs-btn-hover-border-color:var(--bs-body-color);--bs-btn-active-color:var(--bs-body-bg);--bs-btn-active-bg:var(--bs-body-color);--bs-btn-active-border-color:var(--bs-body-color)}.mx-ng--zorro[data-bs-theme=dark] adapt-demo-ngzorro-status nz-tag.ant-tag-error{color:#ff7875}.mx-ng--unstyled [data-adapttable-part=root]{border:1px solid var(--ng-line);border-radius:var(--r-md);background:var(--ng-surface);overflow:hidden}.mx-ng--unstyled button,.mx-ng--unstyled input,.mx-ng--unstyled select{font:inherit;color:inherit}.mx-ng--unstyled :is(input:not([type=checkbox],[type=radio]),select){height:32px;padding:0 var(--sp-2);border:1px solid var(--ng-line);border-radius:var(--r-sm);background:var(--ng-surface)}.mx-ng--unstyled :is(input,select,button):focus-visible{outline:2px solid var(--ng-accent);outline-offset:1px}.mx-ng--unstyled button{cursor:pointer;border:1px solid var(--ng-line);border-radius:var(--r-sm);background:var(--ng-surface);padding:0 var(--sp-3);min-height:32px}.mx-ng--unstyled button:not([data-adapttable-part=filters-backdrop]):hover:not(:disabled){background:var(--ng-raised)}.mx-ng--unstyled button:disabled{opacity:.45;cursor:default}.mx-ng--unstyled :is([data-adapttable-part=filters-done],[data-adapttable-part=views-save],[data-adapttable-part=page-number][aria-current=page]){background:var(--ng-accent);border-color:var(--ng-accent);color:#fff}.mx-ng--unstyled [data-adapttable-part=toolbar]{align-items:center;gap:var(--sp-2);padding:var(--sp-3);border-bottom:1px solid var(--ng-line);flex-wrap:wrap;display:flex}.mx-ng--unstyled [data-adapttable-part=search-field]{flex:200px;max-inline-size:min(520px,100%);margin-inline-end:auto;display:flex}.mx-ng--unstyled [data-adapttable-part=search]{width:100%}.mx-ng--unstyled [data-adapttable-part=filters-count]{min-width:18px;height:18px;background:var(--ng-accent);color:#fff;font-size:var(--fs-micro);border-radius:999px;place-items:center;margin-inline-start:var(--sp-1);display:inline-grid}.mx-ng--unstyled [data-adapttable-part=chips]{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);flex-wrap:wrap;display:flex}.mx-ng--unstyled [data-adapttable-part=chip]{align-items:center;gap:var(--sp-1);padding:2px var(--sp-1) 2px var(--sp-2);background:var(--ng-wash);color:var(--kit-ink);border-radius:999px;display:inline-flex}.mx-ng--unstyled [data-adapttable-part=chip-remove]{min-height:0;padding:0 var(--sp-1);background:0 0;border:0}.mx-ng--unstyled [data-adapttable-part=footer]{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-top:1px solid var(--ng-line);color:var(--ink-2);flex-wrap:wrap;display:flex}.mx-ng--unstyled [data-adapttable-part=pager]{align-items:center;gap:var(--sp-1);margin-inline-start:auto;display:flex}.mx-ng--unstyled [data-adapttable-part=pager] button{min-width:32px;padding:0 var(--sp-2)}.mx-ng--unstyled [data-adapttable-part=scroll-box]{overflow:auto}.mx-ng--unstyled [data-adapttable-part=table]{border-collapse:collapse;width:100%}.mx-ng--unstyled :is([data-adapttable-part=header-cell],th){padding:var(--sp-2) var(--sp-3);background:var(--ng-raised);border-bottom:1px solid var(--ng-line);color:var(--ink-2);text-align:start;white-space:nowrap;font-weight:600}.mx-ng--unstyled [data-adapttable-part=sort-button]{background:0 0;border:0;min-height:0;padding:0;font-weight:600}.mx-ng--unstyled [data-adapttable-part=filter-header-trigger]{min-height:0;padding:0 var(--sp-1);color:var(--ink-3);background:0 0;border:0;margin-inline-start:var(--sp-1)}.mx-ng--unstyled [data-adapttable-part=cell]{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--ng-soft)}.mx-ng--unstyled [data-adapttable-part=cell][data-pinned]{background:var(--ng-row-surface,var(--ng-surface))}.mx-ng--unstyled [data-adapttable-part=row]:hover{--ng-row-surface:var(--ng-raised);background:var(--ng-raised)}.mx-ng--unstyled [data-adapttable-part=row][aria-selected=true]{--ng-row-surface:var(--ng-wash);background:var(--ng-wash)}.mx-ng--unstyled [data-adapttable-part=row][data-dragging]{opacity:.55}.mx-ng--unstyled [data-adapttable-part=row][data-drop=before]{box-shadow:inset 0 2px 0 var(--ng-accent)}.mx-ng--unstyled [data-adapttable-part=row][data-drop=after]{box-shadow:inset 0 -2px 0 var(--ng-accent)}.mx-ng--unstyled [data-adapttable-part=row-reorder-handle]{cursor:grab;color:var(--ink-3)}.mx-ng--unstyled [data-adapttable-part=group-row]{background:var(--ng-raised);font-weight:600}.mx-ng--unstyled [data-adapttable-part=group-toggle]{min-height:0;padding:0 var(--sp-1);background:0 0;border:0}.mx-ng--unstyled [data-adapttable-part=group-count],.mx-ng--unstyled [data-adapttable-part=group-aggregate]{color:var(--ink-2);margin-inline-start:var(--sp-2);font-weight:400}.mx-ng--unstyled [data-adapttable-part=empty]{justify-content:center;gap:var(--sp-3);padding:var(--sp-6) var(--sp-4);color:var(--ink-2);flex-wrap:wrap;display:flex}.mx-ng--unstyled :is([data-adapttable-part=filters-popover],[data-adapttable-part=filters-panel],[data-adapttable-part=column-menu-panel],[data-adapttable-part=views-panel]){border:1px solid var(--ng-line);border-radius:var(--r-md);background:var(--ng-surface);box-shadow:var(--shadow-lift);color:var(--ink)}.mx-ng--unstyled [data-adapttable-part=filters-backdrop]{background:oklch(0% 0 0/.35)}.mx-ng--unstyled :is([data-adapttable-part=filters-header],[data-adapttable-part=filters-footer]){justify-content:space-between;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);display:flex}.mx-ng--unstyled [data-adapttable-part=filters-body]{gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);flex-direction:column;display:flex}.mx-ng--unstyled [data-adapttable-part=filter-field]{gap:var(--sp-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.mx-ng--unstyled [data-adapttable-part=filter-label]{color:var(--ink-2);font-size:var(--fs-micro);letter-spacing:.04em;text-transform:uppercase;padding:0;font-weight:600}.mx-ng--unstyled [data-adapttable-part=filter-checkbox-group]{gap:var(--sp-2);flex-wrap:wrap;display:flex}.mx-ng--unstyled [data-adapttable-part=column-menu-item],.mx-ng--unstyled [data-adapttable-part=views-row]{align-items:center;gap:var(--sp-2);padding:var(--sp-1);display:flex}.mx-ng--unstyled [data-adapttable-part=column-menu-label]{flex:1}.mx-ng--unstyled [data-adapttable-part=bulk-bar],.mx-ng--unstyled [data-adapttable-part=batch-edit-bar]{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--ng-wash);border-bottom:1px solid var(--ng-line);flex-wrap:wrap;display:flex}.mx-ng--unstyled input[type=checkbox]{accent-color:var(--ng-accent)}.mx-ng--unstyled [data-adapttable-part=edit-cell-editor]{width:100%}.mx-ng--unstyled [data-adapttable-part=edit-cell-error]{color:oklch(55% .2 25);font-size:var(--fs-micro)}.mx-ng--unstyled [data-adapttable-part=grouping-panel]{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--ng-line);flex-wrap:wrap;display:flex}.mx-ng--unstyled [data-adapttable-part=grouping-chip]{align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border:1px solid var(--kit-line);background:var(--ng-wash);border-radius:999px;display:inline-flex}.mx-ng--unstyled [data-adapttable-part=cards]{gap:var(--sp-3);padding:var(--sp-3);margin:0;display:grid}.mx-ng--unstyled [data-adapttable-part=card]{min-width:0;padding:var(--sp-3);border:1px solid var(--ng-line);border-radius:var(--r-md);background:var(--ng-surface);list-style:none}.mx-ng--unstyled [data-adapttable-part=card-row]{justify-content:space-between;gap:var(--sp-3);padding:var(--sp-1) 0;display:flex}.mx-ng--unstyled [data-adapttable-part=card-label]{color:var(--ink-2);font-size:var(--fs-micro);text-transform:uppercase}.mx-ng--unstyled [data-adapttable-part=card-value]{text-align:start;min-width:0;font-weight:500}.mx-ng .mx-phone{max-width:390px;margin-inline:auto}.mx-ng [data-demo-log]{margin-top:var(--sp-3);color:var(--ink-2)}.mx-ng--unstyled [data-adapttable-part=pivot-panel]{gap:var(--sp-3);padding:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));display:grid}.mx-ng--unstyled [data-adapttable-part=pivot-zone]{border:1px solid var(--ng-line);border-radius:var(--r-md);min-inline-size:0}.mx-ng--unstyled [data-adapttable-part=pivot-field]{align-items:center;gap:var(--sp-1);margin-block:var(--sp-2);flex-wrap:wrap;display:flex}.mx-ng--unstyled [data-grid-cell]:focus-visible{outline:2px solid var(--ng-accent);outline-offset:-2px}.mx-ng--unstyled [data-cell-selected]{background:var(--ng-wash);box-shadow:inset 0 0 0 1px var(--ng-accent)}@media (forced-colors:active){.mx-ng--unstyled [data-grid-cell]:focus-visible{outline-color:highlight}.mx-ng--unstyled [data-cell-selected]{border:1px solid highlight}}.mx-ng .hint-row{align-items:center;gap:var(--sp-2) var(--sp-3)}.mx-ng .hint-row>.seg__btn{border:1px solid var(--page-border);border-radius:var(--r-sm);background:var(--page-surface);min-height:32px;color:var(--ink);font:inherit;font-size:var(--fs-small);cursor:pointer;padding:.375rem .625rem}.mx-ng .hint-row>.seg__btn[aria-pressed=true]{border-color:var(--kit);background:var(--kit-wash);box-shadow:inset 0 0 0 1px var(--kit)}.mx-ng .hint-row>.seg__btn:focus-visible{outline:2px solid var(--kit);outline-offset:2px}.mx-ng .hint-row>.seg__btn:disabled{opacity:.5;cursor:default}.angular-choice{border:0;min-inline-size:0;margin:0;padding:0}.angular-choice legend,.angular-select{color:var(--ink-2);font-size:11px;font-weight:500}.angular-choice legend{margin-block-end:4px;padding:0}.angular-choice__options{border:1px solid var(--page-border);background:var(--page-surface);border-radius:7px;gap:2px;max-inline-size:100%;padding:2px;display:inline-flex}.angular-choice__options>label{cursor:pointer;min-inline-size:0;margin:0;display:flex;position:relative}.angular-choice__options input{opacity:0;block-size:100%;inline-size:100%;cursor:inherit;z-index:1;margin:0;position:absolute;inset:0}.angular-choice__options span{min-block-size:30px;color:var(--ink-2);border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:4px 10px;font-size:12px;line-height:1.4;display:flex}.angular-choice__options input:checked+span{color:var(--ink);background:color-mix(in srgb, var(--kit,var(--brand)) 12%, var(--page-surface));border-color:var(--kit,var(--brand))}.angular-choice__options input:focus-visible+span{outline:2px solid var(--kit,var(--brand));outline-offset:2px}.angular-choice__options label:has(input:disabled){opacity:.55;cursor:not-allowed}.angular-presentation{flex-wrap:wrap;gap:16px;margin-block-end:16px;display:flex}.angular-select{flex-direction:column;gap:4px;display:inline-flex}.angular-select select{border:1px solid var(--page-border);min-block-size:34px;color:var(--ink);background:var(--page-surface);font:inherit;border-radius:6px;padding:4px 8px;font-size:13px}.angular-select select:focus-visible{outline:2px solid var(--kit,var(--brand));outline-offset:2px}@media (forced-colors:active){.angular-choice__options input:checked+span{border-color:highlight}}.mx-ng--unstyled [data-adapttable-part=header-cell]:has([data-adapttable-part=resize-handle]){position:relative}.mx-ng--unstyled [data-adapttable-part=resize-handle]{cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:0;block-size:100%;min-block-size:0;inline-size:8px;min-inline-size:0;padding:0;display:block;position:absolute;inset-block:0;inset-inline-end:0}.mx-ng--unstyled [data-adapttable-part=resize-handle]:after{content:"";background:var(--ng-line);inline-size:2px;position:absolute;inset-block:25%;inset-inline-end:3px}.mx-ng--unstyled [data-adapttable-part=resize-handle]:is(:hover,:focus-visible):after{background:var(--ng-accent)}.mx-ng--unstyled [data-adapttable-part=resize-handle]:focus-visible{outline:2px solid var(--ng-accent);outline-offset:-2px}.mx-kit-host [data-adapttable-part=pivot-panel]{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.mx-kit-host [data-adapttable-part=pivot-panel]>*{min-inline-size:0}.mx-custom-card{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:1rem;min-width:0;margin-block:1rem;display:grid}.mx-custom-card>div{overflow-wrap:anywhere;min-width:0}.mx-custom-card__identity{border-block-end:1px solid var(--line);grid-column:1/-1;padding-block-end:.75rem}.mx-custom-card__label{margin-block-end:.375rem;font-size:.75rem;font-weight:600;display:block}html[data-framework=vue]{overflow-x:visible}.vue-vuetify-root>.v-application__wrap{min-height:0}#root:has(>.nav){box-sizing:border-box}#root:has(>.nav) *{box-sizing:border-box}#root:has(>.nav) :before{box-sizing:border-box}#root:has(>.nav) :after{box-sizing:border-box}.mx-vue .mx-scroll{max-block-size:420px;overflow:auto}.mx-vue.mx-ng--unstyled [data-adapttable-part=column-menu-item]{grid-template-columns:auto auto minmax(0,1fr) auto auto;display:grid}.mx-vue.mx-ng--unstyled [data-adapttable-part=root]{overflow:visible}.mx-vue.mx-ng--unstyled [data-adapttable-part=column-menu-submenu]{gap:var(--sp-1);flex-wrap:wrap;grid-column:1/-1;display:flex}.mx-vue.mx-ng--unstyled [data-adapttable-part=column-rename-form],.mx-vue.mx-ng--unstyled [data-adapttable-part=column-rename-input]{min-inline-size:0;max-inline-size:100%}.mx-vue .mx-status{border:1px solid var(--page-border);border-radius:999px;align-items:center;padding:.1em .55em;font-size:.85em;line-height:1.5;display:inline-flex}.mx-vue .mx-status[data-status-tone=success]{background:oklch(62% .16 150/.14);border-color:oklch(62% .16 150/.5)}.mx-vue .mx-status[data-status-tone=error]{background:oklch(60% .2 25/.14);border-color:oklch(60% .2 25/.5)}.mx-vue .mx-status[data-status-tone=info]{border-color:color-mix(in oklch, var(--kit) 50%, transparent);background:color-mix(in oklch, var(--kit) 14%, transparent)}.mx-vue .mx-kit-button,.mx-vue .mx-kit-choice>button{border:1px solid var(--page-border);background:var(--page-surface);min-block-size:2rem;color:inherit;font:inherit;cursor:pointer;border-radius:.375rem;padding:.25rem .75rem}.mx-vue .mx-kit-button:disabled,.mx-vue .mx-kit-choice[data-disabled]>button{opacity:.55;cursor:not-allowed}.mx-vue .mx-kit-choice{gap:.25rem;display:inline-flex}.mx-vue .mx-kit-choice>button[data-state=on]{border-color:var(--kit);background:color-mix(in oklch, var(--kit) 14%, var(--page-surface))}.demo-mobile-person{flex-wrap:wrap;align-items:center;gap:.75rem;min-width:0;display:flex}.demo-mobile-person>:first-child{flex-shrink:0}.demo-mobile-person>:last-child{overflow-wrap:anywhere;flex:8rem;min-width:0}.demo-mobile-person small{margin-top:.125rem;font-size:.75rem;font-weight:400;display:block}.demo-mobile-avatar{background:color-mix(in srgb, currentColor 8%, transparent);border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;display:inline-flex}.demo-mobile-load{gap:.375rem;display:grid}.demo-mobile-progress{background:color-mix(in srgb, currentColor 12%, transparent);border-radius:999px;height:6px;overflow:hidden}.demo-mobile-progress>*{border-radius:inherit;background:currentColor;height:100%}