.bsk-ambient {
	--bsk-ambient-size: 520px;
	--bsk-ambient-offset-x: -180px;
	--bsk-ambient-offset-y: -240px;
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
}

.bsk-ambient__circle {
	position: absolute;
	width: var(--bsk-ambient-size);
	height: var(--bsk-ambient-size);
	border-radius: 50%;
}

.bsk-ambient__circle--top {
	top: var(--bsk-ambient-offset-y);
	right: var(--bsk-ambient-offset-x);
	background: var(--bsk-ambient-top-color, rgb(56 103 214 / 8%));
}

.bsk-ambient__circle--bottom {
	bottom: var(--bsk-ambient-offset-y);
	left: var(--bsk-ambient-offset-x);
	background: var(--bsk-ambient-bottom-color, rgb(40 120 168 / 9%));
}

@media (max-width: 768px) {
	.bsk-ambient {
		--bsk-ambient-size: 360px;
		--bsk-ambient-offset-x: -160px;
		--bsk-ambient-offset-y: -180px;
	}
}