:host {
	display: grid;
	grid-template-columns: subgrid;
	grid-column: 1 / -1;
	min-height: var(--_ui5_list_item_base_height);
	box-sizing: content-box;
	overflow: clip;
}

:host([tabindex]:focus) {
	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
	outline-offset: calc(-1 * var(--sapContent_FocusWidth));
}

:host([tabindex]:focus) #selection-cell,
:host([tabindex]:focus) #actions-cell {
	clip-path: inset(var(--sapContent_FocusWidth)); /* focus outline should not overlap sticky cells */
}

::slotted([ui5-table-cell-base]:first-of-type) {
	padding-inline-start: var(--_ui5_first_table_cell_horizontal_padding);
}

#selection-cell + ::slotted([ui5-table-cell-base]:first-of-type) {
	padding-inline-start: var(--_ui5_table_cell_horizontal_padding);
}

#selection-cell,
#actions-cell {
	background-color: inherit;
	clip-path: inset(0px 0px 1px 0px); /* selection border should not overlap with sticky cells */
 	position: sticky;
	z-index: 1;
}

#selection-cell {
	padding: 0;
	inset-inline-start: 0;
	min-width: auto;
}

#actions-cell {
	inset-inline-end: 0;
}

#selection-cell[tabindex]:focus,
#actions-cell[tabindex]:focus {
	clip-path: inset(0px);
}