/* This layer never changes labels, event handlers, or a button's hit area. */
.hz-sketch-element.hz-sketch-relative { position: relative !important; }
.hz-sketch-element {
	border-color: transparent !important;
	border-style: solid !important;
	border-width: 2px !important;
	border-radius: var(--hzs-radius, 14px) !important;
	box-shadow: none !important;
	background-image: none !important;
}
.hz-sketch-element.hz-sketch-fill {
	background-color: transparent !important;
	background-image: var(--hzs-fill-shape) !important;
	background-origin: padding-box !important;
	background-clip: padding-box !important;
	background-position: center !important;
	background-size: 100% 100% !important;
	background-repeat: no-repeat !important;
}
.hz-sketch-element.hz-sketch-text { color: var(--hzs-text) !important; }
.hz-sketch-element.hz-sketch-font { font-size: var(--hzs-font-size) !important; }
.hz-sketch-element.hz-sketch-px { padding-left: var(--hzs-padding-x) !important; padding-right: var(--hzs-padding-x) !important; }
.hz-sketch-element.hz-sketch-py { padding-top: var(--hzs-padding-y) !important; padding-bottom: var(--hzs-padding-y) !important; }
.hz-sketch-element.hz-sketch-height { min-height: var(--hzs-min-height) !important; height: auto !important; }
.hz-sketch-element.hz-sketch-width { max-width: min(100%, var(--hzs-max-width)) !important; }
.hz-sketch-ink {
	position: absolute !important;
	inset: 0 !important;
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: inherit;
	display: block !important;
	z-index: 2;
	pointer-events: none !important;
	background: var(--hzs-outline) center / 100% 100% no-repeat !important;
}
input.hz-sketch-element, details.hz-sketch-element,
input.hz-sketch-element.hz-sketch-fill, details.hz-sketch-element.hz-sketch-fill { background-image: var(--hzs-outline) !important; background-origin: border-box !important; background-clip: border-box !important; background-size: 100% 100% !important; background-repeat: no-repeat !important; }
.hz-sketch-kind-button.hz-sketch-hover:hover:not(:disabled):not([aria-disabled="true"]),
.hz-sketch-kind-button.hz-sketch-hover:is(.active, .is-active, [aria-pressed="true"], [aria-selected="true"]) { background-image: var(--hzs-hover-shape) !important; background-color: transparent !important; }
.hz-sketch-kind-button:focus-visible { outline: 3px solid #3268b0 !important; outline-offset: 4px !important; }
.hz-sketch-kind-button:disabled, .hz-sketch-kind-button[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }
.hz-sketch-kind-button.hz-sketch-feedback:disabled, .hz-sketch-kind-button.hz-sketch-feedback[aria-disabled="true"] { opacity: 1; }
@media (forced-colors: active) {
	.hz-sketch-element { border-color: CanvasText !important; }
	.hz-sketch-ink { display: none !important; }
}
@media print {
	.hz-sketch-ink { display: none !important; }
	.hz-sketch-element { border-color: #333 !important; }
}