.lg-core-circle-highlight,
.lg-core-double-underline,
.lg-core-arrow-underline,
.lg-core-sketch-box,
.lg-core-rays,
.lg-core-multiplier-roots,
.lg-core-catalan-flag,
.lg-core-world-circle {
	display: inline-block;
	position: relative;
	white-space: nowrap;
	z-index: 0;
}

.lg-core-arrow-underline,
.lg-core-rays,
.lg-core-world-circle {
	line-height: 1;
}

:where(
	.lg-core-primary-gradient:is(.lg-core-circle-highlight, .lg-core-double-underline, .lg-core-arrow-underline, .lg-core-sketch-box, .lg-core-rays, .lg-core-multiplier-roots, .lg-core-catalan-flag, .lg-core-world-circle),
	.lg-core-primary-gradient :is(.lg-core-circle-highlight, .lg-core-double-underline, .lg-core-arrow-underline, .lg-core-sketch-box, .lg-core-rays, .lg-core-multiplier-roots, .lg-core-catalan-flag, .lg-core-world-circle),
	:is(.lg-core-circle-highlight, .lg-core-double-underline, .lg-core-arrow-underline, .lg-core-sketch-box, .lg-core-rays, .lg-core-multiplier-roots, .lg-core-catalan-flag, .lg-core-world-circle):has(.lg-core-primary-gradient)
) {
	--lg-core-effect-color: var(--wp--preset--color--primary);
	--lg-core-effect-gradient: var(--wp--preset--gradient--primary-gradient);
}

.lg-core-circle-highlight::before,
.lg-core-circle-highlight::after {
	border: 0.075em solid var(--lg-core-effect-color, currentColor);
	border-radius: 48% 52% 46% 54%;
	content: "";
	inset: -0.12em -0.25em -0.08em;
	pointer-events: none;
	position: absolute;
	z-index: -1;
}

.lg-core-circle-highlight::before {
	opacity: 0.45;
	transform: rotate(2deg) translate(0.04em, 0.03em);
}

.lg-core-circle-highlight::after {
	transform: rotate(-2deg);
}

.lg-core-double-underline::after {
	border-bottom: 0.04em solid var(--lg-core-effect-color, currentColor);
	border-top: 0.065em solid var(--lg-core-effect-color, currentColor);
	bottom: -0.16em;
	content: "";
	height: 0.08em;
	left: -0.08em;
	position: absolute;
	right: -0.08em;
	transform: rotate(-1deg);
}

.lg-core-arrow-underline::after {
	border-radius: 50%;
	border-top: 0.09em solid var(--lg-core-effect-color, currentColor);
	bottom: -0.4em;
	content: "";
	height: 0.5em;
	left: -0.04em;
	position: absolute;
	right: -0.45em;
	transform: rotate(-1deg);
}

.lg-core-arrow-underline::before {
	border-right: 0.09em solid var(--lg-core-effect-color, currentColor);
	border-top: 0.09em solid var(--lg-core-effect-color, currentColor);
	bottom: -0.16em;
	content: "";
	height: 0.28em;
	position: absolute;
	right: -0.46em;
	transform: rotate(48deg);
	width: 0.28em;
}

.lg-core-sketch-box::before,
.lg-core-sketch-box::after {
	border: 0.06em solid var(--lg-core-effect-color, currentColor);
	content: "";
	inset: -0.12em -0.22em -0.08em;
	pointer-events: none;
	position: absolute;
}

.lg-core-sketch-box::before {
	opacity: 0.4;
	transform: rotate(1deg) translate(0.03em, -0.02em);
}

.lg-core-sketch-box::after {
	transform: rotate(-0.7deg);
}

.lg-core-rays::before,
.lg-core-rays::after {
	border-radius: 50%;
	border-top: 0.055em solid var(--lg-core-effect-color, currentColor);
	content: "";
	height: 0.16em;
	pointer-events: none;
	position: absolute;
}

.lg-core-rays::before {
	bottom: -0.06em;
	left: 0;
	right: -0.04em;
	transform: rotate(0.8deg);
}

.lg-core-rays::after {
	bottom: -0.22em;
	left: 0.06em;
	right: 0.03em;
	transform: rotate(-2.5deg);
}

.lg-core-multiplier-roots::after {
	background: url("multiplier-roots-wide.svg?v=24") center top / 100% 100% no-repeat;
	bottom: 0;
	content: "";
	height: 1em;
	left: -4%;
	pointer-events: none;
	position: absolute;
	right: -4%;
}

.lg-core-multiplier-roots {
	padding-bottom: 0.35em;
}

.lg-core-catalan-flag::after {
	background: url("catalan-flag-brush.svg?v=1") center / 100% 100% no-repeat;
	content: "";
	inset: -0.2em -0.28em -0.16em;
	opacity: 0.2;
	pointer-events: none;
	position: absolute;
	transform: rotate(-0.6deg);
	z-index: -1;
}

.lg-core-world-circle::after {
	border: 0.07em solid var(--lg-core-effect-color, currentColor);
	border-radius: 48% 52% 50% 46%;
	content: "";
	inset: -0.12em -0.32em -0.08em;
	pointer-events: none;
	position: absolute;
	transform: rotate(-1deg);
	z-index: -1;
}

.lg-core-world-circle::before {
	background: var(--lg-core-effect-color, currentColor);
	bottom: calc(100% + 0.08em);
	content: "";
	height: 0.65em;
	left: 50%;
	-webkit-mask: url("world-outline.svg?v=1") center top / 100% auto no-repeat;
	mask: url("world-outline.svg?v=1") center top / 100% auto no-repeat;
	pointer-events: none;
	position: absolute;
	transform: translateX(-50%) rotate(1.5deg);
	width: 1.3em;
	z-index: -1;
}

:is(
	.lg-core-primary-gradient.lg-core-circle-highlight,
	.lg-core-primary-gradient .lg-core-circle-highlight,
	.lg-core-circle-highlight:has(.lg-core-primary-gradient)
)::before,
:is(
	.lg-core-primary-gradient.lg-core-circle-highlight,
	.lg-core-primary-gradient .lg-core-circle-highlight,
	.lg-core-circle-highlight:has(.lg-core-primary-gradient)
)::after,
:is(
	.lg-core-primary-gradient.lg-core-sketch-box,
	.lg-core-primary-gradient .lg-core-sketch-box,
	.lg-core-sketch-box:has(.lg-core-primary-gradient)
)::before,
:is(
	.lg-core-primary-gradient.lg-core-sketch-box,
	.lg-core-primary-gradient .lg-core-sketch-box,
	.lg-core-sketch-box:has(.lg-core-primary-gradient)
)::after {
	background: var(--lg-core-effect-gradient);
	border: 0;
	box-sizing: border-box;
	padding: 0.065em;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask-composite: exclude;
}

:is(
	.lg-core-primary-gradient.lg-core-double-underline,
	.lg-core-primary-gradient .lg-core-double-underline,
	.lg-core-double-underline:has(.lg-core-primary-gradient)
)::after {
	background: var(--lg-core-effect-gradient);
	border: 0;
	height: 0.16em;
	-webkit-mask: linear-gradient(#000 0 0) top / 100% 0.065em no-repeat, linear-gradient(#000 0 0) bottom / 100% 0.04em no-repeat;
	mask: linear-gradient(#000 0 0) top / 100% 0.065em no-repeat, linear-gradient(#000 0 0) bottom / 100% 0.04em no-repeat;
}

:is(
	.lg-core-primary-gradient.lg-core-arrow-underline,
	.lg-core-primary-gradient .lg-core-arrow-underline,
	.lg-core-arrow-underline:has(.lg-core-primary-gradient)
)::after,
:is(
	.lg-core-primary-gradient.lg-core-rays,
	.lg-core-primary-gradient .lg-core-rays,
	.lg-core-rays:has(.lg-core-primary-gradient)
)::before,
:is(
	.lg-core-primary-gradient.lg-core-rays,
	.lg-core-primary-gradient .lg-core-rays,
	.lg-core-rays:has(.lg-core-primary-gradient)
)::after {
	background: var(--lg-core-effect-gradient);
	border: 0;
	box-sizing: border-box;
	clip-path: inset(0 0 45% 0);
	padding: 0.075em;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask-composite: exclude;
}

:is(
	.lg-core-primary-gradient.lg-core-arrow-underline,
	.lg-core-primary-gradient .lg-core-arrow-underline,
	.lg-core-arrow-underline:has(.lg-core-primary-gradient)
)::before {
	background: var(--lg-core-effect-gradient);
	border: 0;
	-webkit-mask: linear-gradient(#000 0 0) top / 100% 0.09em no-repeat, linear-gradient(#000 0 0) right / 0.09em 100% no-repeat;
	mask: linear-gradient(#000 0 0) top / 100% 0.09em no-repeat, linear-gradient(#000 0 0) right / 0.09em 100% no-repeat;
}

:is(
	.lg-core-primary-gradient.lg-core-multiplier-roots,
	.lg-core-primary-gradient .lg-core-multiplier-roots,
	.lg-core-multiplier-roots:has(.lg-core-primary-gradient)
)::after {
	background: var(--lg-core-effect-gradient);
	-webkit-mask: url("multiplier-roots-wide.svg?v=24") center top / 100% 100% no-repeat;
	mask: url("multiplier-roots-wide.svg?v=24") center top / 100% 100% no-repeat;
}

:is(
	.lg-core-primary-gradient.lg-core-catalan-flag,
	.lg-core-primary-gradient .lg-core-catalan-flag,
	.lg-core-catalan-flag:has(.lg-core-primary-gradient)
)::after {
	background: var(--lg-core-effect-gradient);
	-webkit-mask: url("catalan-flag-brush.svg?v=1") center / 100% 100% no-repeat;
	mask: url("catalan-flag-brush.svg?v=1") center / 100% 100% no-repeat;
}

:is(
	.lg-core-primary-gradient.lg-core-world-circle,
	.lg-core-primary-gradient .lg-core-world-circle,
	.lg-core-world-circle:has(.lg-core-primary-gradient)
)::after {
	background: var(--lg-core-effect-gradient);
	border: 0;
	box-sizing: border-box;
	padding: 0.07em;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask-composite: exclude;
}

:is(
	.lg-core-primary-gradient.lg-core-world-circle,
	.lg-core-primary-gradient .lg-core-world-circle,
	.lg-core-world-circle:has(.lg-core-primary-gradient)
)::before {
	background: var(--lg-core-effect-gradient);
}