.statement-container {
	margin: 1rem 0;
	box-shadow: var(--edge-highlight);
	border-radius: var(--rounded-corner);
	padding: 1rem;

	:last-child {
		margin-block-end: 0;
	}

	& > :nth-child(2) {
		margin-block-start: 0.5rem;
	}

	li::marker {
		color: inherit;
	}

	a {
		color: inherit;
	}

	.title {
		color: inherit;

		.icon {
			margin-inline-end: 0.375rem;
		}
	}

	&.archive {
		background-color: var(--purple-bg);
		color: var(--purple-fg);

		.icon {
			-webkit-mask-image: var(--icon-archive);
			mask-image: var(--icon-archive);
		}
	}

	&.disclaimer {
		background-color: var(--red-bg);
		color: var(--red-fg);

		.icon {
			-webkit-mask-image: var(--icon-warning);
			mask-image: var(--icon-warning);
		}
	}

	&.trigger {
		background-color: var(--yellow-bg);
		color: var(--yellow-fg);

		.icon {
			-webkit-mask-image: var(--icon-warning);
			mask-image: var(--icon-warning);
		}
	}
}
