/* stylelint-disable selector-max-id */

#wp-admin-bar-ngt-jsdelivr a {
	cursor: pointer;

	&:hover {
		background-color: darkred !important;
	}
}

.ngt-jsdelivr-dialog {
	--dialog-padding: 1.2rem;
	min-width: fit-content;
	max-width: 98dvw;
	padding: 0 var(--dialog-padding);
	font-size: 1rem;

	border: 0;
	border-radius: 2px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);

	&::backdrop {
		background-color: rgba(0, 0, 0, .9);
	}

	>h3,
	>p {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 750px;
	}

	pre {
		/* min-width: fit-content; */
		overflow-x: auto;
		font-size: 14px;
	}
}

.ngt-jsdelivr-dialog__header {
	position: relative;

	>button {
		--btn-bg: oklch(91% .01 281.07deg);

		position: absolute;
		top: 0;
		right: calc(var(--dialog-padding) * -1);
		background: var(--btn-bg);
		border-width: 0;
		border-radius: 0;

		&:hover {
			background-color: oklch(from var(--btn-bg) calc(l - .1) c h);
		}
	}
}