.notice-ai {
	--ai-text-color: #fff;
	--ai-bg-color: #16283d;
	--ai-inner-spacing: 0.675rem;
	--ai-bottom: 100%;

	font-family: "Helvetica Neue", Helvetica, "roboto", sans-serif;
	font-size: 1.2rem;
	position: relative;
}
.notice-ai--invert {
	--ai-text-color: #000;
	--ai-bg-color: #fff;
}
.notice-ai--top {
	--ai-bottom: auto;
}
.notice-ai::before {
	align-items: center;
	aspect-ratio: 1;
	background-color: var(--ai-bg-color);
	box-shadow: inset 0 0 0 0.188rem currentColor, 0 0 0 0.188rem var(--ai-bg-color);
	border-radius: 50%;
	bottom: var(--ai-bottom);
	color: var(--ai-text-color);
	content: 'KI';
	display: flex;
	font-family: inherit;
	justify-content: center;
	line-height: 1;
	margin: 0.5rem;
	padding: 0 var(--ai-inner-spacing);
	position: absolute;
	right: var(--ai-right, 0);
}
.notice-ai[data-icon]:not([data-icon=""])::before {
	content: attr(data-icon);
}
figcaption .notice-ai {
	--ai-bottom: calc(100% + 0.5rem);
	--ai-right: -0.5rem;
}