:host(.pds-sortable-item) {
  --background-color-interactive: var(--pine-color-neutral-grey-200);
  --background-color: var(--pine-color-base-white);
  --border-radius: var(--pine-border-radius-md);
  --border: var(--pine-border-default);
  --box-shadow: var(--pine-box-shadow-lg);
  --color-interactive-handle: var(--pine-color-primary-300);
  --margin-inline-end: var(--pine-spacing-md);
  --padding-block-xs: var(--pine-spacing-xs);
  --padding-inline: var(--pine-spacing-md);
  --padding-inline-start: var(--pine-spacing-md);
  align-items: center;
  display: flex;
  padding-block: var(--padding-block-xs);
  padding-inline: var(--padding-inline);
}
:host(.pds-sortable-item) .pds-sortable-item__actions {
  margin-inline-start: auto;
  padding-inline-start: var(--padding-inline-start);
}
:host(.pds-sortable-item) .pds-sortable-item__handle {
  line-height: 1;
  margin-inline-end: var(--margin-inline-end);
}
.pds-sortable--bordered :host(.pds-sortable-item):first-child {
  border-start-end-radius: var(--border-radius);
  border-start-start-radius: var(--border-radius);
}
.pds-sortable--bordered :host(.pds-sortable-item):last-child {
  border-end-end-radius: var(--border-radius);
  border-end-start-radius: var(--border-radius);
}
.pds-sortable--divided :host(.pds-sortable-item) {
  border-block-end: var(--border);
}
.pds-sortable--divided :host(.pds-sortable-item):last-child {
  border-block-end: 0;
}
.pds-sortable--handle-type-row :host(.pds-sortable-item) {
  cursor: grab;
}
.pds-sortable--handle-type-handle :host(.pds-sortable-item) .pds-sortable-item__handle {
  cursor: grab;
}

:host(.pds-sortable-item):hover {
  background-color: var(--background-color-interactive);
}
:host(.pds-sortable-item):hover pds-icon {
  color: var(--color-interactive-handle);
}

:host(.pds-sortable-item--drag) {
  background-color: var(--background-color);
  border-radius: 0;
  box-shadow: var(--box-shadow);
  opacity: 1;
}

:host(.pds-sortable-item--ghost) {
  background-color: var(--background-color-interactive);
  border-radius: 0;
}