/**
 * @file
 * @deprecated as of version 1.50, together with sap.m.Tile
 */
/* ================================= */
/* CSS for control sap.m/Tile        */
/* Quartz High Contrast White theme  */
/* ================================= */

.sapMTile,
.sapMCustomTile {
	border: 1px solid var(--sapTile_BorderColor);
	border-radius: 0.25rem;
	box-shadow: none;
	transition-property: none;
	background-color: var(--sapTile_Background);
}

.sapMTile:focus,
.sapMCustomTile:focus .sapMTile {
	border: 1px dotted transparent;
	border-radius: 0;
}

.sapMTile:focus::before,
.sapMTile:hover::before,
.sapMCustomTile:focus .sapMTile::before,
.sapMCustomTile:hover .sapMTile::before {
	content: '';
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	pointer-events: none;
}

.sapMTile:focus::before,
.sapMCustomTile:focus .sapMTile::before {
	outline: 0.125rem dotted var(--sapContent_FocusColor);
	outline-offset: -0.25rem;
}

.sapMTile:hover,
.sapMCustomTile:hover {
	position: relative;
}

.sapMTile:hover::before,
.sapMCustomTile:hover .sapMTile::before {
	border: 0.188rem solid var(--sapTile_BorderColor);
}

.sapMTile:hover,
.sapMTile:hover::before,
.sapMCustomTile:hover .sapMTile,
.sapMCustomTile:hover .sapMTile::before {
	border-radius: 0.25rem;
}

.sapMTile.sapMTileActive {
	background-color: var(--sapTile_Background);
}

.sapMTile .sapUiLocalBusyIndicator {
	background-color: var(--sapTile_Background);
	border-radius: 0.25rem;
	margin: 0.125rem;

	.sapUiLocalBusyIndicatorAnimation {
		border: none;
		box-shadow: none;
	}
}

.sapMTC.sapMTCEditable .sapMTCRemove + .sapMTileContent {
	margin-top: -0.6875rem;
}