:is(.wrap-YWdaNF, .byline-user-roles-wrap) {
  gap: var(--spacing-12);
  padding: var(--spacing-4);
  margin-top: var(--spacing-4);
  flex-direction: column;
  display: flex;
}

:is(.empty-ZsVXJY, .byline-user-roles-empty) {
  margin: 0;
  font-style: italic;
}

:is(.list-RsMY7h, .byline-user-roles-list) {
  gap: var(--spacing-4);
  flex-direction: column;
  display: flex;
}

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

:is(.label-N6501i, .byline-user-roles-label) {
  cursor: pointer;
  flex: 1 1 0;
  min-width: 0;
}

:is(.label-head-gZregN, .byline-user-roles-label-head) {
  align-items: center;
  gap: var(--spacing-8);
  display: flex;
}

:is(.name-hgEsQB, .byline-user-roles-name) {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}

:is(.machine-VzeuNO, .byline-user-roles-machine) {
  background-color: var(--gray-100);
  font-size: var(--font-size-xs);
  border-radius: var(--border-radius-sm);
  padding: .125rem .375rem;
}

:is(.description-xE3mA4, .byline-user-roles-description) {
  font-size: var(--font-size-xs);
  margin-bottom: 0;
}

:is(.actions-A6I1GP, .byline-user-roles-actions) {
  justify-content: flex-end;
  align-items: center;
  gap: var(--spacing-8);
  margin-top: var(--spacing-16);
  display: flex;
}

:is(.action-etRmtU, .byline-user-roles-action) {
  min-width: 4rem;
}

:is(.checkbox-auto-ioL2ME, .byline-user-roles-checkbox-auto) {
  width: auto !important;
}

:is(:is([data-theme="dark"], .dark) .machine-VzeuNO, :is([data-theme="dark"], .dark) .byline-user-roles-machine) {
  background-color: var(--canvas-800);
}