@import "/ui/styles/_theme.scss";

.kbd-row {
	flex-direction: row;
	align-items: center;
	gap: 12px;
	padding: 10px 14px;
	background-color: $bg-2;
	border: 1px solid $line-strong;
	font-size: $fs-1;
	font-weight: 700;
	color: $text-faint;
	margin-bottom: 6px;
	font-family: $font-mono;
	letter-spacing: 1px;
	text-transform: uppercase;

	.kbd {
		padding: 3px 8px;
		background-color: rgba(255,255,255,0.06);
		border: 1px solid $line-strong;
		color: $text;
		font-family: $font-mono;
		font-size: $fs-1;
		font-weight: 800;
	}
}