source ⟩ hypertext ⟩ public ⟩ toaster ⟩ toast.css

:root {
	--background: #eee8d5;
	--text: #002b36;
	--accent: #657b83;
}

body {
	background-image: none;
}

h1 small {
	display: block;
	font-size: 1rem;
	font-weight: bold;
}

table,
td,
tr {
	border: 1px solid black;
	height: 20px;
	border-collapse: collapse;
}

table {
	margin: auto;
}

.chip {
	border-radius: 5px;
	padding: 2px;
	font-size: 0.8em;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	font-family: var(--typewriter);
}

.dark-text .chip {
	color: #111e;
}

.light-text .chip {
	color: #eeee;
}

ul {
	margin: 5px;
}

.button-container {
	display: flex;
	justify-content: space-evenly;
	gap: 1em;
	flex-wrap: wrap;

	margin-block: 1em;
}

#toastinput {
	text-align: center;
}

html:not([data-forbidden="shown"]) .forbidden {
	display: none;
}

html[data-chip="rgb"] .hex-chip {
	display: none;
}

html:not([data-chip="rgb"]) .rgb-chip {
	display: none;
}