:is(.wrap-oHhxZn, .byline-role-permissions-wrap) {
  gap: var(--spacing-12);
  margin-bottom: var(--spacing-48);
  flex-direction: column;
  display: flex;
}

:is(.toolbar-xiFHRx, .byline-role-permissions-toolbar) {
  align-items: center;
  gap: var(--spacing-12);
  padding: var(--spacing-12);
  border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
  background-color: var(--canvas-25);
  border-radius: var(--border-radius-sm);
  flex-wrap: wrap;
  display: flex;
}

:is(.counter-pkbHZT, .byline-role-permissions-counter) {
  font-size: var(--font-size-sm);
  margin: 0;
}

:is(.counter-num-zDSQWA, .byline-role-permissions-counter-num) {
  font-weight: var(--font-weight-medium);
}

:is(.actions-TSS9AS, .byline-role-permissions-actions) {
  align-items: center;
  gap: var(--spacing-8);
  margin-left: auto;
  display: flex;
}

:is(.action-jzyool, .byline-role-permissions-action) {
  min-width: 4rem;
}

:is(.checkbox-auto-TFunEY, .byline-role-permissions-checkbox-auto) {
  width: auto !important;
}

:is(.groups-agis2F, .byline-role-permissions-groups) {
  gap: var(--spacing-8);
  flex-direction: column;
  display: flex;
}

:is(.group-Xf1YG0, .byline-role-permissions-group) {
  border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
  border-radius: var(--border-radius-sm);
}

:is(.group-head-IUhwe9, .byline-role-permissions-group-head) {
  padding: var(--spacing-12);
  border-bottom: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

:is(.group-name-jAKMI7, .byline-role-permissions-group-name) {
  font-weight: var(--font-weight-medium);
}

:is(.group-count-BQDjxo, .byline-role-permissions-group-count) {
  margin-left: var(--spacing-8);
  font-size: var(--font-size-xs);
}

:is(.group-buttons-KZVdZK, .byline-role-permissions-group-buttons) {
  align-items: center;
  gap: var(--spacing-4);
  display: flex;
}

:is(.grid-tLxHtG, .byline-role-permissions-grid) {
  gap: var(--spacing-4);
  padding: var(--spacing-12);
  grid-template-columns: 1fr;
  display: grid;
}

@media (min-width: 40rem) {
  :is(.grid-tLxHtG, .byline-role-permissions-grid) {
    grid-template-columns: 1fr 1fr;
  }
}

:is(.row-Q7NujV, .byline-role-permissions-row) {
  align-items: flex-start;
  gap: var(--spacing-8);
  padding: var(--spacing-4) 0;
  display: flex;
}

:is(.label-wOoMvK, .byline-role-permissions-label) {
  cursor: default;
  flex: 1 1 0;
  min-width: 0;
}

:is(.label-edit-oRTY7d, .byline-role-permissions-label-edit) {
  cursor: pointer;
}

:is(.label-head-nm1MZV, .byline-role-permissions-label-head) {
  align-items: center;
  gap: var(--spacing-8);
  display: flex;
}

:is(.label-name-c9gt0V, .byline-role-permissions-label-name) {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}

:is(.key-ZIoxQA, .byline-role-permissions-key) {
  background-color: var(--gray-100);
  font-size: var(--font-size-xs);
  border-radius: var(--border-radius-sm);
  padding: .125rem .375rem;
}

:is(.description-FHyeNa, .byline-role-permissions-description) {
  font-size: var(--font-size-xs);
  margin-bottom: 0;
}

:is(.mode-toggle-rfVYTa, .byline-role-permissions-mode-toggle) {
  border: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
  border-radius: var(--border-radius-sm);
  display: inline-flex;
  overflow: hidden;
}

:is(.mode-button-y37cUe, .byline-role-permissions-mode-button) {
  font-size: var(--font-size-xs);
  cursor: pointer;
  background-color: #0000;
  border: 0;
  padding: .125rem .625rem;
  transition: background-color .15s;
}

:is(.mode-button-y37cUe:hover, .byline-role-permissions-mode-button:hover) {
  background-color: var(--gray-50);
}

:is(.mode-button-active-O9hDFq, .byline-role-permissions-mode-button-active) {
  background-color: var(--gray-100);
  font-weight: var(--font-weight-medium);
}

:is(.mode-button-divider-i7CEW9, .byline-role-permissions-mode-button-divider) {
  border-left: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
}

:is(.mode-button-disabled-i9SxhV, .byline-role-permissions-mode-button-disabled) {
  opacity: .5;
  cursor: not-allowed;
}

:is(:is([data-theme="dark"], .dark) .toolbar-xiFHRx, :is([data-theme="dark"], .dark) .byline-role-permissions-toolbar) {
  border-color: var(--gray-700);
  background-color: var(--canvas-800);
}

:is(:is([data-theme="dark"], .dark) .group-Xf1YG0, :is([data-theme="dark"], .dark) .byline-role-permissions-group) {
  border-color: var(--gray-700);
}

:is(:is([data-theme="dark"], .dark) .group-head-IUhwe9, :is([data-theme="dark"], .dark) .byline-role-permissions-group-head) {
  border-bottom-color: var(--gray-700);
}

:is(:is([data-theme="dark"], .dark) .key-ZIoxQA, :is([data-theme="dark"], .dark) .byline-role-permissions-key) {
  background-color: var(--canvas-800);
}

:is(:is([data-theme="dark"], .dark) .mode-toggle-rfVYTa, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-toggle) {
  border-color: var(--gray-700);
}

:is(:is([data-theme="dark"], .dark) .mode-button-y37cUe:hover, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-button:hover), :is(:is([data-theme="dark"], .dark) .mode-button-active-O9hDFq, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-button-active) {
  background-color: var(--canvas-700);
}

:is(:is([data-theme="dark"], .dark) .mode-button-divider-i7CEW9, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-button-divider) {
  border-left-color: var(--gray-700);
}