/* ============================ */
/* CSS for control sap.m/Token  */
/* Belize theme                 */
/* ============================ */

@_sap_m_Token_BorderColor: darken(@sapUiButtonBackground, 10);
@_sap_m_Token_HoverBorderColor: darken(@sapUiButtonHoverBackground, 5);

.sapMToken {
	border-radius: 0.125rem;

	.sapMTokenIcon {
		font-size: @sapMFontMediumSize;
	}
}

html.sap-desktop .sapMToken:not(.sapMTokenReadOnly):hover {
	border: 1px solid @_sap_m_Token_HoverBorderColor;
}

html.sap-desktop .sapMToken:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: -3px;
}

html.sap-desktop .sapMToken.sapMTokenSelected:focus {
	outline: 1px dotted @sapUiContentContrastFocusColor;
}

.sapUiSizeCompact .sapMToken .sapMTokenIcon {
	line-height: 1.25rem;
	padding: 0 0.375rem;
}