/* Общий компонент: без размеров, типографики и фона самого блока. */
[data-ssc-symbol-field] {
	isolation: isolate;
	overflow: hidden;
	position: relative;
}

[data-ssc-symbol-field] > .ssc-symbol-field__layer {
	--sscf-glow-scale: 1;
	background:
		radial-gradient(ellipse at 8% 100%, rgb(var(--sscf-glow-rgb, 37 203 194) / calc(var(--sscf-glow-alpha, 0.34) * var(--sscf-glow-scale))), transparent 45%),
		radial-gradient(ellipse at 94% 100%, rgb(var(--sscf-glow-soft-rgb, 26 255 211) / calc(var(--sscf-glow-soft-alpha, 0.3) * var(--sscf-glow-scale))), transparent 48%),
		radial-gradient(ellipse at 50% 115%, rgb(var(--sscf-glow-rgb, 37 203 194) / calc(0.12 * var(--sscf-glow-scale))), transparent 60%);
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}

.ssc-symbol-field__layer > canvas {
	block-size: 100%;
	display: block;
	inline-size: 100%;
}

[data-ssc-symbol-copy] {
	position: relative;
	z-index: 1;
}

@media (max-width: 767px) {
	[data-ssc-symbol-field] > .ssc-symbol-field__layer {
		--sscf-glow-scale: 0.28;
	}
}