div.settings-view {
	width: min(60rem, 80vw);
	display: flex;
	flex-direction: column;

	h2, h3, h4 {
		margin: 0;
	}

	summary > h3, summary > h4 {
		display: inline;
	}

	table {
		text-align: left;

		div.preference {
			display: flex;
		}
	}

	> div.custom-css-input {
		display: flex;
		flex-direction: column;
		gap: .5rem;
		margin-right: 1rem;

		> div.header {
			display: flex;
			gap: .5rem;
		}

		> textarea {
			width: 100%;
			box-sizing: border-box;
			resize: vertical;
			border: 1px solid var(--border-color);
			outline: none;
			height: 10rem;
			min-height: 3rem;
			font-family: var(--monospace-font-stack);
		}

		> div.buttons {
			display: flex;
			justify-content: right;
			gap: .5rem;

			> button {
				padding: .5rem 1rem;
				font-weight: bold;

				&.delete:hover, &.delete:focus {
					background-color: var(--error-color);
					color: var(--inverted-text-color);
				}
			}
		}
	}
}