/* ================================== */
/* CSS for control sap.m/SlideTile    */
/* Horizon High Contrast White theme  */
/* ================================== */

.sapMSTFocusDiv {
	border-radius: 0.25rem;
}

.sapMST:active .sapMGTFocusDiv {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0.125rem dotted var(--sapContent_FocusColor);
}

.sapMST:focus:not([tabindex]) {
	border-color: transparent;
}

/* Bulleted indicator of multiple tiles*/
.sapMSTBulleted .sapMSTIndicator {
	border: solid 0.0625rem var(--sapTile_OverlayForegroundColor);
	box-shadow: 0 0 0.125rem var(--sapContent_ShadowColor);
	margin: 0 0.094rem;
}

.sapMSTBulleted .sapMSTIndicator.sapMSTActive {
	background: var(--sapTile_OverlayForegroundColor);
	box-shadow: 0 0 0.063rem var(--sapContent_ShadowColor);
}

.sapMST .sapMSTIconDisplayArea {
	background-color: var(--sapButton_Background);
	border: 0.0625rem solid var(--sapButton_BorderColor);
}

.sapMST .sapMSTIconNestedArea .sapUiIcon {
	color: var(--sapButton_IconColor) !important;
}

.sapMST .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
	background-color: var(--sapButton_Active_Background);
}

.sapMST .sapMGT {
	border: none;
}

.sapMST:hover {
	box-shadow: none;

	.sapMSTFocusDiv {
		outline: 0.1875rem solid;
	}
}

.sapMST .sapMGT:active .sapMGTFocusDiv {
	border: none;
}

.sapMST.sapMSTIconPressed .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
	border-color: var(--sapButton_Active_BorderColor);
	background-color: var(--sapButton_Active_Background);
}

.sapMST.sapMSTIconPressed {

	.sapMSTIconNestedArea {

		.sapUiIcon {
			color: var(--sapButton_Active_TextColor) !important;
		}
	}
}

.sapMSTWrapper > .sapMGT {

	&:not(.sapMGTStateDisabled):hover,
	&:not(.sapMGTStateDisabled):active {
		border: none !important;
	}
}

.sapMST .sapMSTIconNestedArea {

	.sapUiIcon {
		top: 0.1rem;
		right: 0.04rem
	}
}

.sapMST:not(.sapMSTPauseIcon) .sapMSTIconNestedArea {

	.sapUiIcon {
		top: 0.05rem;
		left: 0.1rem;
	}
}