:host(.pds-sortable-item) {
  align-items: center;
  display: flex;
  padding-block: var(--pine-dimension-xs);
  padding-inline: var(--pine-dimension-md);
}
:host(.pds-sortable-item) .pds-sortable-item__actions {
  margin-inline-start: auto;
  padding-inline-start: var(--pine-dimension-md);
}
:host(.pds-sortable-item) .pds-sortable-item__handle {
  line-height: 1;
  margin-inline-end: var(--pine-dimension-md);
}
.pds-sortable--bordered :host(.pds-sortable-item):first-child {
  border-start-end-radius: calc(var(--pine-dimension-xs) * 1.25);
  border-start-start-radius: calc(var(--pine-dimension-xs) * 1.25);
}
.pds-sortable--bordered :host(.pds-sortable-item):last-child {
  border-end-end-radius: calc(var(--pine-dimension-xs) * 1.25);
  border-end-start-radius: calc(var(--pine-dimension-xs) * 1.25);
}
.pds-sortable--divided :host(.pds-sortable-item) {
  border-block-end: var(--pine-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;
}
.pds-sortable--disabled :host(.pds-sortable-item) {
  cursor: not-allowed;
  opacity: 0.5;
}
.pds-sortable--disabled :host(.pds-sortable-item) .pds-sortable-item__handle {
  cursor: not-allowed;
}

.pds-sortable--disabled :host(.pds-sortable-item):hover {
  background-color: transparent;
}
.pds-sortable:not(.pds-sortable--disabled) :host(.pds-sortable-item):hover {
  background-color: var(--pine-color-background-container-hover);
}
.pds-sortable:not(.pds-sortable--disabled) :host(.pds-sortable-item):hover pds-icon {
  color: var(--pine-color-info);
}

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

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