@import "@reactive-resume/ui/globals.css";

@keyframes agent-prompt-marquee {
	to {
		transform: translateX(-33.333%);
	}
}

/* Check's score ring: the arc eases to a new score, so a fix visibly counts. */
@property --ring-value {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 0%;
}

@utility score-ring {
	background: conic-gradient(var(--ring-color) 0 var(--ring-value), var(--sunken) 0);
	transition: --ring-value var(--d3) var(--ease);
}

/* A wavy warn underline under a line of the page that has a Check issue. */
@utility wavy-underline {
	background-color: var(--warn);
	mask:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4'%3E%3Cpath d='M0 3 Q1.5 0 3 3 T6 3' fill='none' stroke='black' stroke-width='1.2'/%3E%3C/svg%3E")
		repeat-x left center / 6px 4px;
}