.ugfs-enhanced .gfield_signature_container {
	box-sizing: border-box;
	max-width: 100%;
}

.ugfs-enhanced .ugfs-original-canvas {
	display: none !important;
}

.ugfs-canvas {
	background: #fff;
	border: 2px dashed #b8bcc2;
	border-radius: 4px;
	box-sizing: border-box;
	cursor: crosshair;
	display: block;
	height: auto;
	max-width: 100%;
	touch-action: none;
	user-select: none;
	-webkit-user-select: none;
	width: 100%;
}

.ugfs-canvas:focus-visible {
	border-color: #2271b1;
	box-shadow: 0 0 0 3px rgba(34, 113, 177, 0.25);
	outline: 0;
}

.ugfs-methods {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 10px;
	max-width: 100%;
}

.ugfs-button {
	appearance: none;
	background: #f6f7f7;
	border: 1px solid #8c8f94;
	border-radius: 3px;
	color: #1d2327;
	cursor: pointer;
	font: inherit;
	line-height: 1.25;
	min-height: 40px;
	padding: 8px 12px;
}

.ugfs-button:hover,
.ugfs-button:focus {
	background: #fff;
	border-color: #2271b1;
	color: #135e96;
}

.ugfs-button:focus-visible,
.ugfs-typed-input:focus-visible {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2271b1;
	outline: 0;
}

.ugfs-typed {
	display: grid;
	gap: 8px;
	margin-top: 10px;
	max-width: 100%;
}

.ugfs-typed[hidden],
.ugfs-methods[hidden] {
	display: none !important;
}

.ugfs-typed-input {
	box-sizing: border-box;
	font: inherit;
	font-size: 16px;
	min-height: 44px;
	padding: 8px 10px;
	width: 100%;
}

.ugfs-typed-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.ugfs-message {
	color: #b32d2e;
	font-size: 0.875em;
	margin: 0;
}

.ugfs-status {
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

@media (forced-colors: active) {
	.ugfs-canvas {
		border-color: CanvasText;
	}
}