.role-permission-matrix{margin-top:1rem}.role-permission-matrix__scroll{border:1px solid color-mix(in srgb, var(--gray-200) 80%, transparent);background:var(--white);border-radius:.75rem;max-height:calc(100vh - 12rem);overflow:auto}.dark .role-permission-matrix__scroll{border-color:color-mix(in srgb, var(--gray-700) 80%, transparent);background:var(--gray-900)}.role-permission-matrix__table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.role-permission-matrix__table th,.role-permission-matrix__table td{border-bottom:1px solid color-mix(in srgb, var(--gray-200) 80%, transparent);vertical-align:middle}.dark .role-permission-matrix__table th,.dark .role-permission-matrix__table td{border-bottom-color:color-mix(in srgb, var(--gray-700) 80%, transparent)}.role-permission-matrix__menu-header,.role-permission-matrix__menu-label{z-index:2;text-align:left;background:var(--white);min-width:11rem;padding:.75rem 1rem;position:sticky;left:0}.dark .role-permission-matrix__menu-header,.dark .role-permission-matrix__menu-label{background:var(--gray-900)}.role-permission-matrix__menu-header{z-index:4;color:var(--gray-700);font-size:.875rem;font-weight:600;top:0}.dark .role-permission-matrix__menu-header{color:var(--gray-200)}.role-permission-matrix__role-header{z-index:3;text-align:center;min-width:7rem;color:var(--gray-700);background:var(--gray-50);white-space:nowrap;padding:.75rem .5rem;font-size:.8125rem;font-weight:600;position:sticky;top:0}.dark .role-permission-matrix__role-header{color:var(--gray-200);background:var(--gray-950)}.role-permission-matrix__group-row th{z-index:1;letter-spacing:.04em;text-transform:uppercase;color:var(--primary-700);background:color-mix(in srgb, var(--primary-50) 70%, var(--white));padding:.625rem 1rem;font-size:.75rem;font-weight:700;position:sticky;left:0}.dark .role-permission-matrix__group-row th{color:var(--primary-300);background:color-mix(in srgb, var(--primary-950) 70%, var(--gray-900))}.role-permission-matrix__menu-label{color:var(--gray-950);white-space:nowrap;font-size:.875rem;font-weight:500}.dark .role-permission-matrix__menu-label{color:var(--gray-50)}.role-permission-matrix__cell{text-align:center;background:var(--white);padding:.5rem}.dark .role-permission-matrix__cell{background:var(--gray-900)}.role-permission-matrix__toggle{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:.25rem;display:inline-flex}.role-permission-matrix__toggle-track{background:var(--gray-300);border-radius:9999px;width:2.25rem;height:1.25rem;transition:background-color .15s;display:inline-block;position:relative}.dark .role-permission-matrix__toggle-track{background:var(--gray-600)}.role-permission-matrix__toggle-thumb{background:var(--white);border-radius:9999px;width:1rem;height:1rem;transition:transform .15s;position:absolute;top:.125rem;left:.125rem;box-shadow:0 1px 2px #00000026}.role-permission-matrix__toggle--on .role-permission-matrix__toggle-track{background:var(--primary-600)}.role-permission-matrix__toggle--on .role-permission-matrix__toggle-thumb{transform:translate(1rem)}.role-permission-matrix__toggle:focus-visible .role-permission-matrix__toggle-track{outline:2px solid var(--primary-500);outline-offset:2px}.role-permission-matrix__ability-header{z-index:2;text-align:center;min-width:3.5rem;color:var(--gray-500);background:var(--gray-50);white-space:nowrap;padding:.375rem .5rem;font-size:.6875rem;font-weight:500;position:sticky;top:2.75rem}.dark .role-permission-matrix__ability-header{color:var(--gray-400);background:var(--gray-950)}.role-permission-matrix__role-toggle,.role-permission-matrix__row-toggle{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;padding:0}.role-permission-matrix__role-toggle:hover,.role-permission-matrix__row-toggle:hover{color:var(--primary-600);text-decoration:underline}.dark .role-permission-matrix__role-toggle:hover,.dark .role-permission-matrix__row-toggle:hover{color:var(--primary-400)}.role-permission-matrix__cell-empty{color:var(--gray-300);font-size:.875rem;display:inline-block}.dark .role-permission-matrix__cell-empty{color:var(--gray-600)}