:is(.root-nYQaZT, .byline-sortable) {
  padding: var(--spacing-16);
  padding-top: var(--spacing-8);
  border: var(--border-width-thin) dashed var(--gray-600);
  border-radius: var(--border-radius-md);
  background-color: oklch(from var(--canvas-50) l c h / .5);
  box-shadow: 0 1px 2px #0000000d;
}

:is(.dragging-rtG5ct, .byline-sortable-dragging) {
  background-color: oklch(from var(--canvas-50) l c h / .8);
  box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
}

:is(.collapsed-BA4JvQ, .byline-sortable-collapsed) {
  padding-top: var(--spacing-8);
  padding-bottom: var(--spacing-8);
}

:is(.header-IyXOb9, .byline-sortable-header) {
  align-items: center;
  gap: var(--spacing-8);
  margin-bottom: 0;
  margin-left: -.75rem;
  display: flex;
}

:is(.header-expanded-xwmWic, .byline-sortable-header-expanded) {
  margin-bottom: var(--spacing-8);
}

:is(.grip-XZjBQM, .byline-sortable-grip) {
  border-radius: var(--border-radius-sm);
  color: var(--gray-400);
  cursor: grab;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  display: flex;
}

:is(.grip-XZjBQM:hover, .byline-sortable-grip:hover) {
  background-color: var(--gray-100);
}

:is(.grip-XZjBQM:active, .byline-sortable-grip:active) {
  cursor: grabbing;
}

:is(.grip-icon-tCuFX_, .byline-sortable-grip-icon) {
  width: 1rem;
  height: 1rem;
  color: var(--primary-500);
}

:is(.label-SFRtoy, .byline-sortable-label) {
  min-width: 0;
  font-size: 1rem;
  font-weight: var(--font-weight-medium);
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  overflow: hidden;
}

:is(.toggle-zv8W_y, .byline-sortable-toggle) {
  border-radius: var(--border-radius-sm);
  color: var(--gray-400);
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: .25rem;
  display: flex;
}

:is(.toggle-zv8W_y:hover, .byline-sortable-toggle:hover) {
  background-color: var(--gray-800);
}

:is(.toggle-icon-vk15Bb, .byline-sortable-toggle-icon) {
  width: 1rem;
  height: 1rem;
  transition: transform .15s;
}

:is(.toggle-icon-rotated-p9rEVP, .byline-sortable-toggle-icon-rotated) {
  transform: rotate(180deg);
}

:is(.content-ril4mv, .byline-sortable-content) {
  gap: var(--spacing-16);
  opacity: 1;
  flex-direction: column;
  transition: all .2s;
  display: flex;
  position: relative;
}

:is(.content-hidden-zrS2UX, .byline-sortable-content-hidden) {
  opacity: 0;
  z-index: -10;
  max-height: 0;
}

:is(:is([data-theme="dark"], .dark) .root-nYQaZT, :is([data-theme="dark"], .dark) .byline-sortable) {
  background-color: var(--canvas-800);
}

:is(:is([data-theme="dark"], .dark) .dragging-rtG5ct, :is([data-theme="dark"], .dark) .byline-sortable-dragging) {
  background-color: oklch(from var(--canvas-700) l c h / .3);
}

:is(:is([data-theme="dark"], .dark) .grip-XZjBQM:hover, :is([data-theme="dark"], .dark) .byline-sortable-grip:hover) {
  background-color: var(--gray-800);
}

:is(:is([data-theme="dark"], .dark) .grip-icon-tCuFX_, :is([data-theme="dark"], .dark) .byline-sortable-grip-icon) {
  color: var(--primary-200);
}