/* DS / Eyebrow / Animated: green light travels around the chip border (Homepage v11 hero chip) */
.ds-eyebrow-animated { position: relative; isolation: isolate; }

/* 1px ring over the border; script.js moves the conic gradient's centre (--x, --y) and angle along the edge */
.ds-eyebrow-animated::before {
	content: "";
	position: absolute;
	inset: -1px;
	padding: 1px;
	border-radius: inherit;
	pointer-events: none;
	background: conic-gradient(from var(--ds-eb-angle, 100deg) at var(--ds-eb-x, 50%) var(--ds-eb-y, 50%), rgba(20,170,60,0), #5CC77A 20deg, #14AA3C 100deg, rgba(20,170,60,0) 120deg);
	background: conic-gradient(from var(--ds-eb-angle, 100deg) at var(--ds-eb-x, 50%) var(--ds-eb-y, 50%) in oklch, rgba(20,170,60,0), #5CC77A 20deg, #14AA3C 100deg, rgba(20,170,60,0) 120deg);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}