.project-ai-feedback {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .45rem;
	margin-top: .75rem;
	padding-top: .65rem;
	border-top: 1px solid color-mix(in srgb, var(--bs-border-color) 70%, transparent);
}

.project-ai-feedback__label {
	font-size: .72rem;
	color: var(--bs-secondary-color);
}

.project-ai-feedback__privacy {
	display: inline-grid;
	place-items: center;
	color: var(--bs-secondary-color);
	cursor: help;
}

.project-ai-feedback__buttons {
	display: inline-flex;
	gap: .25rem;
}

.project-ai-feedback__button {
	display: inline-grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	padding: 0;
	border: 1px solid var(--bs-border-color);
	border-radius: 999px;
	background: var(--bs-body-bg);
	color: var(--bs-secondary-color);
}

.project-ai-feedback__button:hover,
.project-ai-feedback__button:focus-visible,
.project-ai-feedback__button.is-active {
	border-color: var(--bs-primary);
	color: var(--bs-primary);
	background: color-mix(in srgb, var(--bs-primary) 10%, var(--bs-body-bg));
}

.project-ai-feedback__button.is-active {
	box-shadow: 0 0 0 .16rem color-mix(in srgb, var(--bs-primary) 18%, transparent);
}

.project-ai-feedback__status {
	flex-basis: 100%;
	min-height: 1rem;
	font-size: .72rem;
	color: var(--bs-secondary-color);
}

.swal2-html-container .project-ai-feedback {
	justify-content: center;
	text-align: left;
}