.c-keyboard-shortcut {
	display: inline-block;
	color: var(--color-text-primary);
	background: var(--color-gray-200);
	border: solid 1px var(--color-gray-300);
	font-family: var(--font-family-text);
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-medium);
	padding: var(--spacing-1) var(--spacing-2);
	line-height: var(--line-height-xs);
	vertical-align: middle;
	border-radius: var(--radius-2);

	&-combo {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
	}

	&--flat {
		color: var(--color-gray-800);
    	font-weight: var(--font-weight-regular);
		background: transparent;
		border: solid 1px var(--color-gray-500);
	}

	&--raised {
		position: relative;
		background: var(--color-gray-200);
		border: 1px solid var(--color-gray-400);
		box-shadow: 0 1px var(--color-gray-600), 0 0 0 2px var(--color-gray-100) inset;
		text-shadow: 0 1px 0 var(--color-gray-100);
		border-radius: var(--radius-1);
		min-width: 2ch;
		min-height: 2ch;
		text-align: center;
		margin: 0 var(--spacing-1);
		padding: var(--spacing-1) var(--spacing-2);
	}

	&__separator {
		display: inline-flex;
		align-items: center;
		height: 100%;
		margin: 0 .25em;
		color: var(--color-gray-800);
	}
}
