.elsaSortControl { --elsa-sort-control-size: 30px; --elsa-sort-move-size: 14px; --elsa-sort-move-gap: 2px; display: inline-grid; box-sizing: border-box; grid-template-columns: auto auto; grid-template-rows: repeat(2, var(--elsa-sort-move-size)); align-items: center; width: auto; height: var(--elsa-sort-control-size); min-height: var(--elsa-sort-control-size); column-gap: 2px; row-gap: var(--elsa-sort-move-gap); white-space: nowrap; }
.elsaListCellField > .elsaSortControl { margin: 4px; vertical-align: middle; }
.elsaSortHandle,
.elsaSortMove { box-sizing: border-box; width: var(--elsa-sort-control-size); min-width: var(--elsa-sort-control-size); padding: 0; border: 1px solid #b7c0c8; border-radius: 4px; background: var(--elsa-button-default-bg, #d2d2d2); color: var(--elsa-button-default-color, #555); font-size: 12px; line-height: 1; cursor: pointer; }
.elsaSortHandle { display: grid; grid-column: 1; grid-row: 1 / span 2; place-items: center; height: var(--elsa-sort-control-size); min-height: var(--elsa-sort-control-size); cursor: grab; }
.elsaSortHandleIcon { display: block; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; -webkit-mask: url("../php/blocks/icons/move.svg") center / contain no-repeat; mask: url("../php/blocks/icons/move.svg") center / contain no-repeat; }
.elsaSortMove { box-sizing: border-box; height: var(--elsa-sort-move-size); min-height: var(--elsa-sort-move-size); }
.elsaSortMove[data-sort-move="up"] { grid-column: 2; grid-row: 1; }
.elsaSortMove[data-sort-move="down"] { grid-column: 2; grid-row: 2; }
.elsaSortMoveIcon { display: inline-block; line-height: 1; }
.elsaSortHandle:active { cursor: grabbing; }
.elsaSortHandle:focus-visible,
.elsaSortMove:focus-visible { background: var(--elsa-button-default-bg, #d2d2d2); color: var(--elsa-button-default-color, #555); outline: 2px solid var(--elsa-primary-color, #087fcf); outline-offset: 2px; }
.elsaSortMove:disabled { cursor: default; opacity: .35; }
.elsaSortHandle.is-saving,
.elsaSortMove.is-saving { pointer-events: none; opacity: .45; }
.is-sort-dragging { opacity: .45; }
.elsaListReorderStatus { margin: 0; }
.elsaListReorderStatus:has(> .elsaStatusBlock:empty) { display: none; }
@media (hover: hover) {
	.elsaSortHandle:not(.is-saving):hover,
	.elsaSortMove:not(:disabled):not(.is-saving):hover { background: var(--elsa-button-hover-bg, var(--elsa-primary-color, #087fcf)); color: var(--elsa-button-hover-color, #fff); }
}
@media (max-width: 640px) { .elsaSortControl { --elsa-sort-control-size: 30px; } }