.signpad-um-field-area {
	width: 100%;
}

.signpad-um-pad {
	max-width: 100%;
}

.signpad-um-canvas {
	display: block;
	width: 100%;
	max-width: 100%;
	border: 1px solid #767676;
	border-radius: 3px;
	box-sizing: border-box;
	cursor: crosshair;
	touch-action: none;
	user-select: none;
	-webkit-user-select: none;
}

.signpad-um-canvas:focus {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.signpad-um-controls {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 0.65rem;
}

.signpad-um-controls .button {
	margin: 0;
	min-height: 40px;
}

.signpad-um-instructions {
	margin: 0 0 0.5rem;
}

.signpad-um-high-contrast .signpad-um-canvas {
	border: 3px solid #000;
}

.signpad-um-high-contrast .button {
	border: 2px solid currentColor;
	font-weight: 600;
}

.signpad-um-canvas[aria-disabled="true"] {
	cursor: not-allowed;
	opacity: 0.7;
}

.signpad-um-error {
	margin: 0.6rem 0 0;
	color: #b32d2e;
	font-size: 0.9em;
}

.signpad-um-existing {
	margin: 0.6rem 0 0;
	font-size: 0.9em;
	font-style: italic;
}

.signpad-um-has-error .signpad-um-canvas {
	border-color: #b32d2e;
}

@media (pointer: coarse) {
	.signpad-um-controls .button {
		min-height: 44px;
		padding-left: 1rem;
		padding-right: 1rem;
	}
}