dialog.forgejo-keyboard-shortcuts {
		width: min(32rem, calc(100vw - 2rem));
		max-width: none;
		padding: 0;
		border: 1px solid var(--color-secondary, #d0d7de);
		border-radius: var(--border-radius, 6px);
		color: var(--color-text, #1f2328);
		background: var(--color-body, #fff);
		box-shadow: 0 8px 32px rgb(0 0 0 / 25%);
}

dialog.forgejo-keyboard-shortcuts::backdrop {
		background: rgb(0 0 0 / 45%);
}

.forgejo-keyboard-shortcuts-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 1rem 1.25rem;
		border-bottom: 1px solid var(--color-secondary, #d0d7de);
}

.forgejo-keyboard-shortcuts-header h2 {
		margin: 0;
		font-size: 1.25rem;
}

.forgejo-keyboard-shortcuts-close {
		padding: 0 .35rem;
		border: 0;
		color: inherit;
		background: transparent;
		font-size: 1.5rem;
		line-height: 1;
		cursor: pointer;
}

.forgejo-keyboard-shortcuts table {
		width: 100%;
		padding: .75rem 1.25rem 1rem;
		border-spacing: 0;
}

.forgejo-keyboard-shortcuts th,
.forgejo-keyboard-shortcuts td {
		padding: .45rem 0;
		text-align: left;
		vertical-align: middle;
}

.forgejo-keyboard-shortcuts th {
		width: 42%;
		font-weight: 600;
}

.forgejo-keyboard-shortcuts kbd {
		display: inline-block;
		min-width: 1.5em;
		padding: .1rem .35rem;
		border: 1px solid var(--color-secondary, #d0d7de);
		border-bottom-width: 2px;
		border-radius: 4px;
		background: var(--color-hover, #f6f8fa);
		font-family: var(--fonts-monospace, ui-monospace, monospace);
		font-size: .9em;
		text-align: center;
}