@media (min-width: 68.5em) {
	.is-style-lava-lamp {
		--lavaColor: #000;
		--lavaSpeed: 500ms;
		--lavaEasing: ease;
		--lavaHeight: 4px;
	}

	/* .is-style-lava-lamp .lvl-1::after, */
	.is-style-lava-lamp .lvl-1::before {
		content: "";
		position: absolute;
		width: var(--lava-w, 0);
		background: var(--lavaColor);
		pointer-events: none;
		will-change: transform, width, background-color;
		transform: translateX(var(--lava-x, 0)) scaleX(var(--lava-scale, 1));
		transition: 
			transform var(--lavaSpeed) var(--lavaEasing),
			width var(--lavaSpeed) var(--lavaEasing),
			background-color var(--lavaSpeed) var(--lavaEasing);
	}

	.is-style-lava-lamp.line .lvl-1::before {
		height: var(--lavaHeight);
	}

	/* above */
	.is-style-lava-lamp.above .lvl-1::before {
		top: 0;
	}

	/* below */
	.is-style-lava-lamp.below  .lvl-1::before{
		bottom: 0;
	}

	/* Triangle pointer */
	.is-style-lava-lamp.triangle .lvl-1::before {
		background: none;
		transform: translateX(calc(var(--lava-x, 0) + (var(--lava-w, 0) / 2.7))) scaleX(var(--lava-scale, 1));
		width: 1rem;
	}

	.is-style-lava-lamp.triangle.above .lvl-1::before {
		border-left: 0.8rem solid transparent;
		border-right: 0.8rem solid transparent;
		border-top: 0.8rem solid var(--lavaColor);
	}

	/* Triangle pointer below */
	.is-style-lava-lamp.triangle.below .lvl-1::before {
		border-left: 0.8rem solid transparent;
		border-right: 0.8rem solid transparent;
		border-bottom: 0.8rem solid var(--lavaColor);
	}

	.is-style-lava-lamp.fill-background .lvl-1::before {
		--lavaHeight: 100%;
		height: var(--lavaHeight);
	}

	/* Background lava lamp */
	.is-style-lava-lamp.fill-background {
		& .depth-0 .menu-link:is(:hover, :focus-visible, [aria-expanded="true"]) {
			--wp--preset--color--menu-hover-bg: transparent;
		}
	}

	.is-style-lava-lamp.fill-background {
		& > .lvl-1 {
			& > li {
				z-index: 1;
			}
		}
	}
}