.keyboard-gate {
	display: block;
	border-radius: var(--control-radius, 4px);

	&:focus {
		outline: none;
	}

	&:focus-visible {
		outline: 2px solid var(--accent);
		outline-offset: 4px;
	}

	&[data-active] {
		outline: none;
	}
}

.keyboard-gate-shell {
	display: block;
}