/* ================================ */
/* CSS for control sap.m/Tokenizer  */
/* Quartz Dark theme                */
/* ================================ */

@_sap_m_Tokenizer_OutlineOffset: -0.1875rem;

.sapMTokenizer {
	padding-left: 0.3125rem;
	position: relative;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;
}

.sapMTokenizer .sapMToken {
	margin-right: 0.3125rem;
	max-width: calc(~"100% - 0.3125rem");
	margin-top: 0.25rem;
}

html.sap-desktop .sapMTokenizer:focus {
	outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
	outline-offset: @_sap_m_Tokenizer_OutlineOffset;
}

/* editable tokens in read-only tokenizer */
.sapMTokenizer.sapMTokenizerReadonly {

	.sapMToken {
		color: var(--sapContent_LabelColor);

		&.sapMTokenSelected {
			color: @sapUiToggleButtonPressedTextColor;
		}
	}
}

.sapUiSizeCompact {
	.sapMTokenizer {
		padding-left: 0.25rem;
	}
}

/* Disabled */

.sapMTokenizer.sapMTokenizerDisabled .sapMToken {
	&.sapMToken:hover,
	&.sapMToken:focus,
	&.sapMToken.sapMTokenSelected:hover,
	&.sapMTokenSelected {
		background: lighten(@sapUiButtonBackground, 2);
		cursor: default;
		color: var(--sapTextColor);
		outline: none;
		border: 1px solid lighten(@sapUiButtonBackground, 24);
	}

	&.sapMTokenSelected .sapMTokenText {
		color: var(--sapTextColor);
	}

	&.sapMTokenSelected .sapMTokenIcon {
		color: var(--sapContent_IconColor);
		cursor: default;
	}

	& .sapMTokenIcon {
		cursor: default;
	}
}