.kezkit-one-box-background {
	background-color: var(--kezkit-one-box-fill) !important;
	background-image: var(--kezkit-one-box-gradient, none) !important;
	color: var(--kezkit-one-box-text) !important;
	isolation: isolate;
	position: relative;
}

.kezkit-one-box-background::before {
	display: none !important;
}

.kezkit-one-box-background.kezkit-one-box-pattern::before {
	background-color: var(--kezkit-one-box-ink);
	border-radius: inherit;
	content: "";
	display: block !important;
	height: auto;
	inset: 0;
	mask-image: var(--kezkit-one-box-mask);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: cover;
	opacity: var(--kezkit-one-box-strength, 0.08);
	pointer-events: none;
	position: absolute;
	width: auto;
	z-index: -1;
}

.kezkit-one-box-pattern-contour { --kezkit-one-box-mask: url("../surfaces/contour.svg"); }
.kezkit-one-box-pattern-dots { --kezkit-one-box-mask: url("../surfaces/dots.svg"); }
.kezkit-one-box-pattern-grid { --kezkit-one-box-mask: url("../surfaces/grid.svg"); }
.kezkit-one-box-pattern-diagonal { --kezkit-one-box-mask: url("../surfaces/diagonal.svg"); }
.kezkit-one-box-pattern-waves { --kezkit-one-box-mask: url("../surfaces/waves.svg"); }
.kezkit-one-box-pattern-arches { --kezkit-one-box-mask: url("../surfaces/arches.svg"); }
.kezkit-one-box-pattern-checker { --kezkit-one-box-mask: url("../surfaces/checker.svg"); }
.kezkit-one-box-pattern-starfield { --kezkit-one-box-mask: url("../surfaces/starfield.svg"); }
.kezkit-one-box-pattern-pebbles { --kezkit-one-box-mask: url("../surfaces/pebbles.svg"); }