.nl-commerce-overlay {
	--nl-commerce-overlay-z-index: 2147482000;
	--nl-commerce-overlay-backdrop: rgba(2, 3, 5, 0.88);
	--nl-commerce-overlay-backdrop-blur: 10px;
	--nl-commerce-overlay-dialog-bg: linear-gradient(145deg, rgba(20, 20, 22, 0.98), rgba(7, 7, 9, 0.99));
	--nl-commerce-overlay-dialog-color: #ffffff;
	--nl-commerce-overlay-dialog-border: rgba(255, 255, 255, 0.28);
	--nl-commerce-overlay-dialog-radius: 22px;
	--nl-commerce-overlay-dialog-width: 580px;
	--nl-commerce-overlay-dialog-padding: clamp(24px, 4vw, 42px);
	--nl-commerce-overlay-red: var(--nl-overlay-red, #ef2638);
	--nl-commerce-overlay-red-deep: #a50f1c;
	--nl-commerce-overlay-gold: var(--nl-overlay-gold, #f3c45b);
	--nl-commerce-overlay-gold-deep: #c88424;
	--nl-commerce-overlay-green: #25c95a;
	--nl-commerce-overlay-muted: #b9bbc2;
	--nl-commerce-overlay-track: var(--nl-overlay-track, rgba(255, 255, 255, 0.16));
	--nl-commerce-overlay-ring-size: 154px;
	--nl-commerce-overlay-ring-width: 6px;
	--nl-commerce-overlay-progress: 24;
	--nl-commerce-overlay-button-radius: 9px;
	position: fixed;
	inset: 0;
	z-index: var(--nl-commerce-overlay-z-index);
	display: grid;
	place-items: center;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	min-height: 100dvh;
	padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
	isolation: isolate;
	color: var(--nl-commerce-overlay-dialog-color);
	font-family: inherit;
	line-height: 1.5;
	pointer-events: none;
	overscroll-behavior: contain;
}

.nl-commerce-overlay[hidden] {
	display: none !important;
}

.nl-commerce-overlay.is-open {
	pointer-events: auto;
}

.nl-commerce-overlay,
.nl-commerce-overlay *,
.nl-commerce-overlay *::before,
.nl-commerce-overlay *::after {
	box-sizing: border-box;
}

.nl-commerce-overlay-backdrop {
	position: absolute;
	inset: 0;
	z-index: 0;
	background: var(--nl-commerce-overlay-backdrop);
	-webkit-backdrop-filter: blur(var(--nl-commerce-overlay-backdrop-blur));
	backdrop-filter: blur(var(--nl-commerce-overlay-backdrop-blur));
	opacity: 0;
	transition: opacity 220ms ease;
}

.nl-commerce-overlay.is-open .nl-commerce-overlay-backdrop {
	opacity: 1;
}

.nl-commerce-overlay-dialog {
	position: relative;
	z-index: 2;
	width: min(100%, var(--nl-commerce-overlay-dialog-width));
	max-height: min(88dvh, 820px);
	overflow-x: hidden;
	overflow-y: auto;
	padding: var(--nl-commerce-overlay-dialog-padding);
	border: 1px solid var(--nl-commerce-overlay-dialog-border);
	border-radius: var(--nl-commerce-overlay-dialog-radius);
	background: var(--nl-commerce-overlay-dialog-bg);
	box-shadow: 0 30px 90px rgba(0, 0, 0, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.06);
	color: var(--nl-commerce-overlay-dialog-color);
	text-align: center;
	outline: none;
	transform: translateY(18px) scale(0.975);
	opacity: 0;
	transition: transform 240ms cubic-bezier(0.2, 0.8, 0.2, 1), opacity 180ms ease;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 0.24) transparent;
}

.nl-commerce-overlay.is-open .nl-commerce-overlay-dialog {
	transform: translateY(0) scale(1);
	opacity: 1;
}

.nl-commerce-overlay-dialog:focus-visible {
	box-shadow: 0 30px 90px rgba(0, 0, 0, 0.58), 0 0 0 3px rgba(243, 196, 91, 0.38);
}

.nl-commerce-overlay-close {
	position: absolute;
	inset-block-start: 15px;
	inset-inline-end: 15px;
	z-index: 8;
	display: inline-grid;
	place-items: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.04);
	color: #ffffff;
	font: inherit;
	font-size: 25px;
	font-weight: 300;
	line-height: 1;
	cursor: pointer;
	transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.nl-commerce-overlay-close > span {
	position: relative;
	display: block;
	width: 16px;
	height: 16px;
	font-size: 0;
	line-height: 0;
	pointer-events: none;
}

.nl-commerce-overlay-close > span::before,
.nl-commerce-overlay-close > span::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 1.5px;
	border-radius: 999px;
	background: currentColor;
	transform-origin: center;
}

.nl-commerce-overlay-close > span::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.nl-commerce-overlay-close > span::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.nl-commerce-overlay-close:hover {
	border-color: rgba(255, 255, 255, 0.42);
	background: rgba(255, 255, 255, 0.11);
	transform: rotate(6deg);
}

.nl-commerce-overlay-close:focus-visible,
.nl-commerce-overlay-primary:focus-visible,
.nl-commerce-overlay-secondary:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--nl-commerce-overlay-gold) 72%, white);
	outline-offset: 3px;
}

.nl-commerce-overlay-ring {
	position: relative;
	z-index: 3;
	display: grid;
	place-items: center;
	width: var(--nl-commerce-overlay-ring-size);
	height: var(--nl-commerce-overlay-ring-size);
	margin: 2px auto 20px;
}

.nl-commerce-overlay-visual {
	position: relative;
	z-index: 3;
	display: grid;
	place-items: center;
	width: var(--nl-commerce-overlay-ring-size);
	height: var(--nl-commerce-overlay-ring-size);
	margin: 2px auto 20px;
}

.nl-commerce-overlay-visual .nl-commerce-overlay-ring {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: visible;
	transform: rotate(-90deg);
}

.nl-commerce-overlay-ring > svg,
.nl-commerce-overlay-ring-svg {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
	transform: rotate(-90deg);
}

.nl-commerce-overlay-ring-track {
	fill: none;
	stroke: var(--nl-commerce-overlay-track);
	stroke-width: var(--nl-overlay-stroke, var(--nl-commerce-overlay-ring-width));
}

.nl-commerce-overlay-ring-progress {
	fill: none;
	stroke: var(--nl-commerce-overlay-red);
	stroke-width: var(--nl-overlay-stroke, var(--nl-commerce-overlay-ring-width));
	stroke-linecap: round;
	stroke-dasharray: 100;
	stroke-dashoffset: calc(100 - var(--nl-commerce-overlay-progress));
	filter: drop-shadow(0 0 5px color-mix(in srgb, var(--nl-commerce-overlay-red) 82%, transparent));
	transition: stroke-dashoffset 700ms cubic-bezier(0.2, 0.8, 0.2, 1), stroke 420ms ease, filter 420ms ease;
}

.nl-commerce-overlay-gradient-red {
	stop-color: var(--nl-commerce-overlay-red);
}

.nl-commerce-overlay-gradient-gold {
	stop-color: var(--nl-commerce-overlay-gold);
}

.nl-commerce-overlay.is-state-processing .nl-commerce-overlay-gradient-gold {
	stop-color: var(--nl-commerce-overlay-red);
}

.nl-commerce-overlay.is-state-processing .nl-commerce-overlay-ring-progress {
	animation: nl-commerce-overlay-ring-pulse 1.7s ease-in-out infinite;
}

.nl-commerce-overlay.is-state-processing .nl-commerce-overlay-visual > .nl-commerce-overlay-ring {
	transform-origin: 50% 50%;
	animation: nl-commerce-overlay-ring-spin 2.4s linear infinite;
}

.nl-commerce-overlay.is-state-success .nl-commerce-overlay-ring-progress,
.nl-commerce-overlay-ring-progress.is-complete {
	stroke: var(--nl-commerce-overlay-gold);
	filter: drop-shadow(0 0 7px color-mix(in srgb, var(--nl-commerce-overlay-gold) 88%, transparent));
}

.nl-commerce-overlay-logo {
	position: relative;
	z-index: 2;
	display: block;
	width: min(88px, calc(var(--nl-commerce-overlay-ring-size) * 0.62));
	height: min(88px, calc(var(--nl-commerce-overlay-ring-size) * 0.62));
	max-width: 64%;
	max-height: 64%;
	object-fit: contain;
	filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.42));
}

.nl-commerce-overlay-logo-shell {
	position: relative;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 64%;
	height: 64%;
	border-radius: 999px;
	background: radial-gradient(circle at 38% 30%, rgba(255, 255, 255, 0.11), rgba(0, 0, 0, 0.36) 70%);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 10px 28px rgba(0, 0, 0, 0.42);
}

.nl-commerce-overlay-check {
	position: absolute;
	inset-inline-end: -5px;
	inset-block-end: -5px;
	display: none;
	width: 44px;
	height: 44px;
	padding: 8px;
	border-radius: 999px;
	background: #07140b;
	fill: none;
	stroke: var(--nl-commerce-overlay-green);
	stroke-width: 6;
	stroke-linecap: round;
	stroke-linejoin: round;
	filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.48));
}

.nl-commerce-overlay.is-state-success .nl-commerce-overlay-check {
	display: block;
	animation: nl-commerce-overlay-check-in 420ms cubic-bezier(0.2, 0.9, 0.25, 1.25) both;
}

.nl-commerce-overlay-title {
	position: relative;
	z-index: 3;
	margin: 0 0 9px;
	color: inherit;
	font-size: clamp(24px, 4vw, 33px);
	font-weight: 800;
	line-height: 1.22;
	letter-spacing: -0.02em;
}

.nl-commerce-overlay-body {
	position: relative;
	z-index: 3;
	max-width: 46ch;
	margin: 0 auto;
	color: var(--nl-commerce-overlay-muted);
	font-size: clamp(15px, 2.2vw, 18px);
	line-height: 1.65;
}

.nl-commerce-overlay.is-state-success .nl-commerce-overlay-title strong,
.nl-commerce-overlay.is-state-success .nl-commerce-overlay-title em {
	color: var(--nl-commerce-overlay-gold);
	font-style: normal;
}

.nl-commerce-overlay-steps,
.nl-commerce-overlay-timeline {
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: start;
	width: 100%;
	margin: 30px auto 25px;
	padding: 0;
	list-style: none;
}

.nl-commerce-overlay-step[data-step] {
	position: relative;
	min-width: 0;
	padding: 26px 7px 0;
	color: rgba(255, 255, 255, 0.48);
	font-size: 12px;
	font-weight: 650;
	line-height: 1.35;
	text-align: center;
	transition: color 240ms ease;
}

.nl-commerce-overlay-step[data-step]::before {
	content: '';
	position: absolute;
	inset-block-start: 2px;
	inset-inline-start: 50%;
	z-index: 2;
	width: 14px;
	height: 14px;
	border: 3px solid rgba(255, 255, 255, 0.16);
	border-radius: 999px;
	background: #5b5d62;
	box-shadow: 0 0 0 4px #101013;
	transform: translateX(-50%);
	transition: background-color 240ms ease, border-color 240ms ease, box-shadow 240ms ease, transform 240ms ease;
}

[dir='rtl'] .nl-commerce-overlay-step[data-step]::before {
	transform: translateX(50%);
}

.nl-commerce-overlay-step[data-step]:not(:last-child)::after {
	content: '';
	position: absolute;
	inset-block-start: 8px;
	inset-inline-start: calc(50% + 11px);
	z-index: 1;
	width: calc(100% - 22px);
	height: 2px;
	background: linear-gradient(90deg, var(--nl-commerce-overlay-track), rgba(255, 255, 255, 0.08));
}

[dir='rtl'] .nl-commerce-overlay-step[data-step]:not(:last-child)::after {
	background: linear-gradient(-90deg, var(--nl-commerce-overlay-track), rgba(255, 255, 255, 0.08));
}

.nl-commerce-overlay-step.is-active {
	color: var(--nl-commerce-overlay-red);
}

.nl-commerce-overlay-step.is-active::before {
	border-color: color-mix(in srgb, var(--nl-commerce-overlay-red) 70%, white);
	background: var(--nl-commerce-overlay-red);
	box-shadow: 0 0 0 4px #101013, 0 0 18px color-mix(in srgb, var(--nl-commerce-overlay-red) 72%, transparent);
	transform: translateX(-50%) scale(1.08);
}

[dir='rtl'] .nl-commerce-overlay-step.is-active::before {
	transform: translateX(50%) scale(1.08);
}

.nl-commerce-overlay-step.is-complete {
	color: var(--nl-commerce-overlay-gold);
}

.nl-commerce-overlay-step.is-complete::before {
	border-color: color-mix(in srgb, var(--nl-commerce-overlay-gold) 70%, white);
	background: var(--nl-commerce-overlay-gold);
	box-shadow: 0 0 0 4px #101013, 0 0 14px color-mix(in srgb, var(--nl-commerce-overlay-gold) 62%, transparent);
}

.nl-commerce-overlay-actions {
	position: relative;
	z-index: 4;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	margin: 25px auto 0;
}

.nl-commerce-overlay-primary,
.nl-commerce-overlay-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: min(100%, 190px);
	min-height: 48px;
	padding: 11px 22px;
	border: 1px solid transparent;
	border-radius: var(--nl-commerce-overlay-button-radius);
	font: inherit;
	font-size: 14px;
	font-weight: 750;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.nl-commerce-overlay-primary {
	border-color: color-mix(in srgb, var(--nl-commerce-overlay-red) 85%, white);
	background: linear-gradient(135deg, var(--nl-commerce-overlay-red-deep), var(--nl-commerce-overlay-red));
	box-shadow: 0 10px 30px color-mix(in srgb, var(--nl-commerce-overlay-red) 24%, transparent);
	color: #ffffff;
}

.nl-commerce-overlay-secondary {
	border-color: color-mix(in srgb, var(--nl-commerce-overlay-gold) 72%, transparent);
	background: rgba(255, 255, 255, 0.025);
	color: #ffffff;
}

.nl-commerce-overlay-primary:hover,
.nl-commerce-overlay-secondary:hover {
	color: #ffffff;
	transform: translateY(-2px);
}

.nl-commerce-overlay-primary:hover {
	box-shadow: 0 14px 34px color-mix(in srgb, var(--nl-commerce-overlay-red) 34%, transparent);
}

.nl-commerce-overlay-secondary:hover {
	border-color: var(--nl-commerce-overlay-gold);
	background: color-mix(in srgb, var(--nl-commerce-overlay-gold) 10%, transparent);
}

.nl-commerce-overlay-primary[hidden],
.nl-commerce-overlay-secondary[hidden],
.nl-commerce-overlay-actions[hidden],
.nl-commerce-overlay-close[hidden],
.nl-commerce-overlay-countdown[hidden],
.nl-commerce-overlay-stripe[hidden],
.nl-commerce-overlay-stripe-copy[hidden],
.nl-commerce-overlay-particles[hidden] {
	display: none !important;
}

.nl-commerce-overlay-stripe {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 25px calc(var(--nl-commerce-overlay-dialog-padding) * -1) calc(var(--nl-commerce-overlay-dialog-padding) * -1);
	padding: 17px 22px;
	border-block-start: 1px solid rgba(255, 255, 255, 0.09);
	color: #d7d8dc;
	font-size: 13px;
	line-height: 1.35;
}

.nl-commerce-overlay-stripe svg,
.nl-commerce-overlay-shield {
	width: 19px;
	height: 19px;
	flex: 0 0 auto;
	fill: none;
	stroke: var(--nl-commerce-overlay-green);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.nl-commerce-overlay-countdown {
	position: relative;
	z-index: 3;
	margin: 14px 0 0;
	color: color-mix(in srgb, var(--nl-commerce-overlay-gold) 84%, white);
	font-size: 12px;
	font-variant-numeric: tabular-nums;
}

.nl-commerce-overlay-particles {
	position: absolute;
	inset-block-start: 50%;
	inset-inline-start: 50%;
	z-index: 4;
	width: min(calc(100% - 24px), var(--nl-commerce-overlay-dialog-width));
	height: min(88dvh, 820px);
	overflow: visible;
	border-radius: var(--nl-commerce-overlay-dialog-radius);
	transform: translate(-50%, -50%);
	pointer-events: none;
}

[dir='rtl'].nl-commerce-overlay .nl-commerce-overlay-particles {
	transform: translate(50%, -50%);
}

.nl-commerce-overlay-particle,
.nl-commerce-overlay-particles > span {
	position: absolute;
	inset-inline-start: var(--nl-particle-x, 50%);
	inset-block-start: var(--nl-particle-y, 60%);
	display: block;
	width: var(--nl-particle-size, 5px);
	height: var(--nl-particle-size, 5px);
	border-radius: 2px;
	background: var(--nl-particle-red, var(--nl-commerce-overlay-red));
	box-shadow: 0 0 10px color-mix(in srgb, var(--nl-particle-red, var(--nl-commerce-overlay-red)) 72%, transparent);
	opacity: 0;
	transform: translate3d(0, 0, 0) rotate(var(--nl-particle-rotate, 0deg)) scale(0.6);
}

.nl-commerce-overlay-particle.is-gold,
.nl-commerce-overlay-particles > span.is-gold {
	background: var(--nl-particle-gold, var(--nl-commerce-overlay-gold));
	box-shadow: 0 0 11px color-mix(in srgb, var(--nl-particle-gold, var(--nl-commerce-overlay-gold)) 74%, transparent);
}

.nl-commerce-overlay.has-red-particles .nl-commerce-overlay-particle.is-red,
.nl-commerce-overlay.has-red-particles .nl-commerce-overlay-particles > span.is-red,
.nl-commerce-overlay.has-gold-particles .nl-commerce-overlay-particle.is-gold,
.nl-commerce-overlay.has-gold-particles .nl-commerce-overlay-particles > span.is-gold {
	animation: nl-commerce-overlay-particle-burst var(--nl-particle-duration, 1700ms) cubic-bezier(0.1, 0.66, 0.25, 1) var(--nl-particle-delay, 0ms) infinite;
}

.nl-commerce-overlay.has-red-particles:not(.has-gold-particles) .nl-commerce-overlay-particle.is-gold,
.nl-commerce-overlay.has-red-particles:not(.has-gold-particles) .nl-commerce-overlay-particles > span.is-gold {
	display: none;
}

.nl-commerce-overlay.is-state-review .nl-commerce-overlay-ring-progress,
.nl-commerce-overlay.is-state-delayed .nl-commerce-overlay-ring-progress {
	stroke: var(--nl-commerce-overlay-gold);
	filter: drop-shadow(0 0 5px color-mix(in srgb, var(--nl-commerce-overlay-gold) 66%, transparent));
}

.nl-commerce-overlay.is-state-error .nl-commerce-overlay-ring-progress {
	stroke: #ff6b78;
}

body.nl-commerce-overlay-scroll-locked {
	overscroll-behavior: contain;
}

@keyframes nl-commerce-overlay-ring-pulse {
	0%,
	100% {
		opacity: 0.78;
		filter: drop-shadow(0 0 4px color-mix(in srgb, var(--nl-commerce-overlay-red) 66%, transparent));
	}
	50% {
		opacity: 1;
		filter: drop-shadow(0 0 10px color-mix(in srgb, var(--nl-commerce-overlay-red) 90%, transparent));
	}
}

@keyframes nl-commerce-overlay-ring-spin {
	from {
		transform: rotate(-90deg);
	}
	to {
		transform: rotate(270deg);
	}
}

@keyframes nl-commerce-overlay-particle-burst {
	0% {
		opacity: 0;
		transform: translate3d(0, 8px, 0) rotate(var(--nl-particle-rotate, 0deg)) scale(0.5);
	}
	18% {
		opacity: 0.94;
	}
	76% {
		opacity: 0.68;
	}
	100% {
		opacity: 0;
		transform: translate3d(var(--nl-particle-dx, 18px), var(--nl-particle-dy, -70px), 0) rotate(calc(var(--nl-particle-rotate, 0deg) + 150deg)) scale(1.08);
	}
}

@keyframes nl-commerce-overlay-check-in {
	0% {
		opacity: 0;
		transform: scale(0.35) rotate(-14deg);
	}
	100% {
		opacity: 1;
		transform: scale(1) rotate(0);
	}
}

@media (max-width: 680px) {
	.nl-commerce-overlay {
		--nl-commerce-overlay-dialog-radius: 17px;
		--nl-commerce-overlay-dialog-padding: 23px;
		--nl-commerce-overlay-ring-size: 126px;
		padding: max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));
	}

	.nl-commerce-overlay-dialog {
		max-height: calc(100dvh - max(20px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));
	}

	.nl-commerce-overlay-close {
		inset-block-start: 10px;
		inset-inline-end: 10px;
		width: 36px;
		height: 36px;
	}

	.nl-commerce-overlay-title {
		padding-inline: 12px;
		font-size: clamp(22px, 7vw, 28px);
	}

	.nl-commerce-overlay-body {
		font-size: 15px;
	}

	.nl-commerce-overlay-steps {
		margin-block: 24px 20px;
	}

	.nl-commerce-overlay-step[data-step] {
		padding-inline: 3px;
		font-size: 10px;
	}

	.nl-commerce-overlay-actions {
		flex-direction: column;
		gap: 9px;
	}

	.nl-commerce-overlay-primary,
	.nl-commerce-overlay-secondary {
		width: 100%;
	}

	.nl-commerce-overlay-stripe {
		margin-block-start: 21px;
		padding-inline: 14px;
		font-size: 12px;
	}
}

@media (max-height: 620px) and (orientation: landscape) {
	.nl-commerce-overlay {
		place-items: start center;
		overflow-y: auto;
	}

	.nl-commerce-overlay-dialog {
		max-height: none;
	}

	.nl-commerce-overlay-ring {
		--nl-commerce-overlay-ring-size: 104px;
		margin-block-end: 12px;
	}

	.nl-commerce-overlay-steps {
		margin-block: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.nl-commerce-overlay-backdrop,
	.nl-commerce-overlay-dialog,
	.nl-commerce-overlay-close,
	.nl-commerce-overlay-primary,
	.nl-commerce-overlay-secondary,
	.nl-commerce-overlay-visual > .nl-commerce-overlay-ring,
	.nl-commerce-overlay-ring-progress,
	.nl-commerce-overlay-step[data-step],
	.nl-commerce-overlay-step[data-step]::before {
		animation: none !important;
		transition: none !important;
		scroll-behavior: auto !important;
	}

	.nl-commerce-overlay-particle,
	.nl-commerce-overlay-particles > span {
		animation: none !important;
		opacity: 0.28;
		transform: none;
	}
}

@media (forced-colors: active) {
	.nl-commerce-overlay-dialog,
	.nl-commerce-overlay-close,
	.nl-commerce-overlay-primary,
	.nl-commerce-overlay-secondary {
		border: 1px solid CanvasText;
	}

	.nl-commerce-overlay-ring-progress,
	.nl-commerce-overlay-ring-track {
		filter: none;
		stroke: CanvasText;
	}
}