/**
 * custom.css
 */

svg[id*=spinner],
svg[class*=spinner] {
	opacity: 0;
}

ul#references {
	list-style: disc;
}

:target {
	animation: highlight 1s ease;
}

@keyframes highlight {
	0% { background: #e0e7ff; }
	100% { background: initial; }
}

input[readonly] {
	opacity: .5;
}

/**
 * Tailwind 'prose'
 */

.prose a {
	text-decoration: none;
	color: rgba(79, 70, 229, var(--tw-text-opacity));
	font-weight: normal;
	--tw-text-opacity: 1;
}

.prose a:hover {
	text-decoration: none;
	color: rgba(49, 46, 129, var(--tw-text-opacity));
	font-weight: normal;
	--tw-text-opacity: 1;
}

.prose a.external_link::after {
	content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' class='inline -mt-1 h-4 w-4' fill='none' viewBox='0 0 24 24' stroke='%234f46e5'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14'></path></svg>");;
	display: inline-block;
	width: 1rem;
	height: 1rem;
	margin-left: .25rem;
	vertical-align: baseline;
}

.prose {
	max-width: none;
}

.prose ul > li::before {
	content: none;
}

.prose ul {
	list-style-type: disc;
	list-style-position: inside;
}

.prose ul li {
	padding-left: 1em;
}

/** Combobox --- todo: refactor with Tailwind 3.2+ */
li.active, div.active {
	background-color: rgba(243, 244, 246, 1);
}

/** Omnibox */
ul > li:last-child > div {
	border-bottom-width: 1px;
	border-bottom-color: rgba(224, 231, 255, 1);
}