.bx-im-pulse-animation__container {
	--im-pulse-animation__size_ring-inner: 28px;
	--im-pulse-animation__size_ring-outer: 62px;
	--im-pulse-animation__border-color_ring: var(--ui-color-accent-main-primary-alt);

	position: relative;
	display: flex;
}

.bx-im-pulse-animation__rings {
	position: absolute;
	top: 50%;
	left: 50%;
	pointer-events: none;
}

.bx-im-pulse-animation__ring {
	position: fixed;
	border-width: 2px;
	border-style: solid;
	border-color: var(--im-pulse-animation__border-color_ring);
	width: 48px;
	height: 48px;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	animation: im-pulse-ring 2.1s infinite;
	opacity: 0;
}

.bx-im-pulse-animation__ring:nth-child(2) {
	animation-delay: 0.7s;
}

.bx-im-pulse-animation__ring:nth-child(3) {
	animation-delay: 1.4s;
}

@keyframes im-pulse-ring {
	0% {
		width: var(--im-pulse-animation__size_ring-inner);
		height: var(--im-pulse-animation__size_ring-inner);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		width: var(--im-pulse-animation__size_ring-outer);
		height: var(--im-pulse-animation__size_ring-outer);
		opacity: 0;
	}
}