html {
	min-width: 550px;
	max-width: 700px;
	margin: auto;
	overflow-x: hidden;
}

:root {
	--github-green: #28a745;
	--github-red: #cb2431;
}

input:not([type='checkbox']):not(:placeholder-shown):valid {
	color: var(--github-green) !important;
	border: 1px solid;
}

input:not([type='checkbox']):invalid {
	color: var(--github-red) !important;
	border: 1px solid;
}

input:not([type='checkbox']),
textarea {
	display: block;
	box-sizing: border-box;
	width: 100%;
	font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
	font-size: 11px;
	line-height: 1.5;
	resize: vertical;
	-moz-tab-size: 4 !important;
	tab-size: 4 !important;
}

input[type='checkbox'] {
	vertical-align: -0.16em;
}

[name='personalToken'] {
	width: 20em !important; /* https://github.com/sindresorhus/refined-github/issues/1374#issuecomment-397906701 */
}

.small {
	font-size: 0.9em;
}

:root hr {
	margin-right: -17px;
	margin-left: -17px;
	border: none;
	border-bottom: solid #d3d3d3 1px;
}

/* Increase spacing between sections */
h2 ~ h2 {
	margin-top: 2em;
}

.js-features .feature {
	display: flex;
	margin-top: 1em;
}

.js-features input {
	flex-shrink: 0;
	margin-inline-end: 0.6em; /* Spacing for Chrome */
	margin-top: 4px; /* Alignment for Chrome */
}

.js-features :not(:checked) + .info .feature-name {
	text-decoration: line-through;
}

.js-features :not(:checked) + .info .extended-options {
	display: none;
}

.js-features .description {
	opacity: 0.8;
}

.js-features a {
	font-size: 0.9em;
}

.js-features .info {
	flex-grow: 1;
}

.js-features .info p {
	margin-top: 0.25em;
	margin-bottom: 0.125em;
}

.feature-name + a {
	margin-left: 0.6em;
}

.sr-only {
	display: none;
}

/* Firefox only */
.only-firefox {
	display: none;
}

@-moz-document url-prefix('') {
	:root {
		background: none !important;
	}

	:root h2 {
		font-weight: normal;
	}

	:root hr {
		margin-right: 0;
	}

	body > :not(hr) {
		margin-left: 6px;
		margin-right: 6px;
	}

	input[type='checkbox'] {
		vertical-align: -41%;
	}

	.no-firefox {
		display: none;
	}

	.only-firefox {
		display: block;
	}
}