.dsi-scarcity-indicator[hidden] {
	display: none !important;
}

.dsi-scarcity-indicator {
	position: relative;
	display: flex;
	align-items: center;
	clear: both;
	box-sizing: border-box;
	width: fit-content;
	max-width: 100%;
	margin: 0;
	padding: 15px 0 0;
	color: #e74c3c;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.01em;
	animation: dsi-indicator-enter 180ms ease-out both;
}

.dsi-scarcity-indicator__dot {
	position: relative;
	display: inline-block;
	flex: 0 0 auto;
	width: 9px;
	height: 9px;
	margin-right: 10px;
	background: #e74c3c;
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgba(231, 76, 60, 0.14);
}

.dsi-scarcity-indicator__dot::after {
	position: absolute;
	inset: -4px;
	content: "";
	border: 1px solid rgba(231, 76, 60, 0.5);
	border-radius: inherit;
	animation: dsi-stock-pulse 1.8s ease-out infinite;
}

.dsi-scarcity-indicator__message {
	display: inline-block;
}

.woocommerce-variation-add-to-cart .dsi-scarcity-indicator {
	width: 100%;
}

@keyframes dsi-indicator-enter {
	from {
		opacity: 0;
		transform: translateY(3px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes dsi-stock-pulse {
	0% {
		opacity: 0.75;
		transform: scale(0.75);
	}

	75%,
	100% {
		opacity: 0;
		transform: scale(1.7);
	}
}

@media (prefers-reduced-motion: reduce) {
	.dsi-scarcity-indicator,
	.dsi-scarcity-indicator__dot::after {
		animation: none;
	}
}
