:host(.pds-sortable-item) {
  --border-radius: var(--pine-border-radius-125);
  --border-default: var(--pine-border-width-thin) solid var(--pine-color-grey-300);
  --box-shadow: var(--pine-box-shadow-lg);
  --color-background-default: var(--pine-color-white);
  --color-background-interactive: var(--pine-color-grey-200);
  --color-interactive-handle: var(--pine-color-blue-300);
  --spacing-margin-inline-end: var(--pine-spacing-300);
  --spacing-padding-block-xs: var(--pine-spacing-100);
  --spacing-padding-inline: var(--pine-spacing-300);
  --spacing-padding-inline-start: var(--pine-spacing-300);
  align-items: center;
  display: flex;
  padding-block: var(--spacing-padding-block-xs);
  padding-inline: var(--spacing-padding-inline);
}
:host(.pds-sortable-item) .pds-sortable-item__actions {
  margin-inline-start: auto;
  padding-inline-start: var(--spacing-padding-inline-start);
}
:host(.pds-sortable-item) .pds-sortable-item__handle {
  line-height: 1;
  margin-inline-end: var(--spacing-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-default);
}
.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(--color-background-interactive);
}
:host(.pds-sortable-item):hover pds-icon {
  color: var(--color-interactive-handle);
}

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

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