:is(.header-quQOWP, .byline-field-relation-picker-header) {
  margin-bottom: var(--spacing-8);
  justify-content: space-between;
  align-items: baseline;
  gap: var(--spacing-8);
  flex-wrap: wrap;
  padding-top: 1rem;
  display: flex;
}

:is(.actions-s42_zl, .byline-field-relation-picker-actions) {
  align-items: center;
  gap: var(--spacing-8);
  display: flex;
}

:is(.refresh-CVQwEV, .byline-field-relation-picker-refresh) {
  white-space: nowrap;
}

:is(.create-Ol3jYM, .byline-field-relation-picker-create) {
  white-space: nowrap;
  text-decoration: none;
}

:is(.title-nX1CSv, .byline-field-relation-picker-title) {
  margin: 0 0 var(--spacing-8) 0;
  font-size: var(--font-size-xl);
}

:is(.body-S2EcHm, .byline-field-relation-picker-body) {
  flex-direction: column;
  gap: .75rem;
  display: flex;
}

:is(.list-UFzd89, .byline-field-relation-picker-list) {
  border: var(--border-width-thin) var(--border-style-solid) var(--gray-700);
  border-radius: var(--border-radius-md);
  min-height: 320px;
  max-height: 420px;
  overflow-y: auto;
}

:is(.loading-LZVbkl, .byline-field-relation-picker-loading) {
  justify-content: center;
  align-items: center;
  padding: 2.5rem 0;
  display: flex;
}

:is(.error-ZtOVuJ, .byline-field-relation-picker-error) {
  color: var(--red-500);
  font-size: var(--font-size-sm);
  text-align: center;
  padding: 2.5rem 1rem;
}

:is(.empty-ks6ZeP, .byline-field-relation-picker-empty) {
  color: var(--gray-400);
  font-size: var(--font-size-sm);
  text-align: center;
  padding: 2.5rem 1rem;
}

:is(.rows-QZrdT9, .byline-field-relation-picker-rows) {
  margin: 0;
  padding: 0;
  list-style: none;
}

:is(.rows-QZrdT9 > li + li, .byline-field-relation-picker-rows > li + li) {
  border-top: var(--border-width-thin) var(--border-style-solid) var(--gray-700);
}

:is(.row-button-ZHfXmj, .byline-field-relation-picker-row-button) {
  width: 100%;
  padding: var(--spacing-8) .75rem;
  text-align: left;
  color: inherit;
  cursor: pointer;
  background: none;
  border: none;
  transition: background-color .15s;
}

:is(.row-button-ZHfXmj:hover, .byline-field-relation-picker-row-button:hover) {
  background-color: var(--gray-25);
}

:is(.row-selected-VlrgyO, .byline-field-relation-picker-row-selected) {
  background-color: oklch(from var(--primary-200) l c h / .3);
  border-left: 2px solid var(--primary-200);
}

:is(.row-multi-o06YCW, .byline-field-relation-picker-row-multi) {
  align-items: center;
  gap: .625rem;
  display: flex;
}

:is(.check-gYmVOq, .byline-field-relation-picker-check) {
  border: 1px solid var(--gray-400);
  color: #0000;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: inline-flex;
}

:is(.check-checked-Nopylj, .byline-field-relation-picker-check-checked) {
  background-color: var(--primary-200);
  border-color: var(--primary-200);
  color: #fff;
}

:is(.row-added-PmlIQL, .byline-field-relation-picker-row-added) {
  opacity: .55;
  cursor: default;
}

:is(.row-added-PmlIQL:hover, .byline-field-relation-picker-row-added:hover) {
  background-color: #0000;
}

:is(.added-hint-QGoYN3, .byline-field-relation-picker-added-hint) {
  color: var(--gray-500);
  font-size: var(--font-size-xs);
  white-space: nowrap;
  flex: none;
  margin-left: auto;
}

:is(.row-cells-aSIcf5, .byline-field-relation-picker-row-cells) {
  align-items: center;
  gap: .75rem;
  display: flex;
}

:is(.row-stack-BOPzzj, .byline-field-relation-picker-row-stack) {
  flex-direction: column;
  gap: .125rem;
  display: flex;
}

:is(.row-label-gEaOEB, .byline-field-relation-picker-row-label) {
  color: var(--gray-100);
  font-size: var(--font-size-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

:is(.row-path-v1lJwb, .byline-field-relation-picker-row-path) {
  color: var(--gray-500);
  font-size: var(--font-size-xs);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

:is(.pager-EWOfET, .byline-field-relation-picker-pager) {
  color: var(--gray-400);
  font-size: var(--font-size-xs);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

:is(.action-STxQVM, .byline-field-relation-picker-action) {
  min-width: 70px;
}

:is(:is([data-theme="dark"], .dark) .row-button-ZHfXmj:hover, :is([data-theme="dark"], .dark) .byline-field-relation-picker-row-button:hover) {
  background-color: var(--gray-900);
}

:is(:is([data-theme="dark"], .dark) .row-selected-VlrgyO, :is([data-theme="dark"], .dark) .byline-field-relation-picker-row-selected) {
  background-color: oklch(from var(--primary-900) l c h / .3);
  border-left: 2px solid var(--primary-400);
}