.sourzd-background {
	position: fixed;
	z-index: 0;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.045) 0%,
			rgba(0, 0, 0, 0.02) 100%
		),
		repeating-linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.018) 0px,
			rgba(255, 255, 255, 0.018) 1px,
			transparent 1px,
			transparent 4px
		),
		radial-gradient(circle at 50% 36%, rgba(255, 255, 255, 0.26), transparent 42%),
		radial-gradient(circle at 50% 50%, #f4f3ef 0%, #f3f3f0 58%, #eceae3 100%);
}

.sourzd-symbol {
	position: absolute;
	top: 0;
	left: 0;
	width: var(--sourzd-symbol-size);
	height: var(--sourzd-symbol-size);
	opacity: var(--sourzd-symbol-opacity);
	z-index: var(--sourzd-symbol-z, 0);
	pointer-events: none;
	user-select: none;
	will-change: transform;
	filter: none;
	mix-blend-mode: normal;
	transition: opacity 180ms ease, transform 180ms ease;
}

.sourzd-symbol img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	pointer-events: none;
}

.sourzd-symbol--archive {
	mix-blend-mode: multiply;
	filter:
		blur(1.4px)
		drop-shadow(0 1px 0 rgba(255, 255, 255, 0.52));
}

.sourzd-symbol--chrome {
	mix-blend-mode: normal;
	filter:
		drop-shadow(0 0 1px rgba(255, 255, 255, 0.92))
		drop-shadow(0 8px 14px rgba(89, 93, 97, 0.1));
}
