.space-y-8 > .slidev-code-wrapper {
	@apply !mt-8;
}

.slidev-code code {
	@apply text-[1.5rem] leading-[1.5] font-mono p-0;
}

.code--large .slidev-code code {
	@apply text-[2.5rem];
}

.slidev-info-dialog {
	@apply relative;

	& h2 {
		@apply font-black text-[2rem] leading-[1.1] sm:w-2/3 mb-4;

		&::before, &::after {
			@apply w-px absolute top-[-1rem] bg-theme hidden sm:block;
			content: "";
			height: calc(100% + 2rem);
		}

		&::before {
			@apply left-1/3;
		}

		&::after {
			@apply right-1/3;
		}
	}

	& h2 + p {
		@apply sm:w-1/3 sm:ml-1/3 text-right sm:text-left;
	}

	a {
		@apply text-theme underline
	}

	a[href*="slidev"] {
		@apply ml-auto sm:ml-1/3;

		&, & div {
			@apply text-[1rem] text-cream no-underline filter-grayscale;
		}
	}
}

.slidev-code-copy {
	@apply z-10;

	& svg {
		@apply scale-200 -translate-x-4 -translate-y-2;
	}
}