div.wpforms-container .wpforms-form .wpforms-signature-wrap {
	border: 1px solid #ccc;
	position: relative;
}

div.wpforms-container .wpforms-form .wpforms-signature-wrap:before {
	content: "";
	left: calc(19px + var(--wpforms-field-border-size, 1px));
	right: calc(19px + var(--wpforms-field-border-size, 1px));
	bottom: calc(29px + var(--wpforms-field-border-size, 1px));
	border-top: 1px dashed #000;
	position: absolute;
	opacity: .15;
}

div.wpforms-container .wpforms-form .wpforms-signature-wrap .wpforms-signature-canvas {
	cursor: crosshair;
	background-color: var(--wpforms-field-background-color, #fff);
	width: 100%;
	height: 130px;
	display: block;
}

div.wpforms-container .wpforms-form .wpforms-signature-wrap .wpforms-signature-clear {
	position: absolute;
	padding: 0;
	top: calc(5px + var(--wpforms-field-border-size, 1px) + calc(calc(var(--wpforms-field-border-radius, 3px) - 3px) / 2));
	right: calc(5px + var(--wpforms-field-border-size, 1px) + calc(calc(var(--wpforms-field-border-radius, 3px) - 3px) / 2));
	opacity: .5;
	display: block;
	height: 18px;
	width: 18px;
}

div.wpforms-container .wpforms-form .wpforms-signature-wrap .wpforms-signature-clear .wpforms-signature-clear-caption {
	display: none;
}

div.wpforms-container .wpforms-form .wpforms-signature-wrap .wpforms-signature-clear svg {
	text-indent: 0;
}

div.wpforms-container .wpforms-form .wpforms-signature-wrap .wpforms-signature-clear svg path {
	fill: var(--wpforms-field-border-color, rgba(0, 0, 0, .25));
}

div.wpforms-container .wpforms-form .wpforms-signature-wrap .wpforms-signature-clear:hover, div.wpforms-container .wpforms-form .wpforms-signature-wrap .wpforms-signature-clear:focus {
	opacity: 1;
}

div.wpforms-container .wpforms-form .wpforms-signature-wrap .wpforms-signature-clear:hover svg path, div.wpforms-container .wpforms-form .wpforms-signature-wrap .wpforms-signature-clear:focus svg path {
	fill: #d63637;
}

div.wpforms-container.wpforms-render-modern .wpforms-field-signature {
	display: flex;
	flex-direction: column;
}

div.wpforms-container.wpforms-render-modern .wpforms-field-signature .wpforms-signature-wrap {
	border: none;
}

div.wpforms-container.wpforms-render-modern .wpforms-field-signature .wpforms-signature-wrap canvas {
	border: var(--wpforms-field-border-size, 1px) var(--wpforms-field-border-style, solid) var(--wpforms-field-border-color);
	border-radius: var(--wpforms-field-border-radius);
	opacity: 1;
}

div.wpforms-container.wpforms-render-modern .wpforms-field-signature .wpforms-signature-wrap:before {
	border-top: 1px dashed var(--wpforms-field-border-color, rgba(0, 0, 0, .25));
	bottom: calc(19px + var(--wpforms-field-border-size, 1px));
	opacity: 1;
}

div.wpforms-container.wpforms-render-modern .wpforms-field-signature .wpforms-signature-wrap .wpforms-signature-clear {
	border-radius: 50%;
	cursor: pointer;
}

div.wpforms-container.wpforms-render-modern .wpforms-field-signature .wpforms-signature-input:focus ~ .wpforms-signature-wrap canvas {
	border-width: var(--wpforms-field-border-size, 0);
	border-style: solid;
	border-color: var(--wpforms-button-background-color);
	box-shadow: 0 0 0 1px var(--wpforms-button-background-color), 0px 1px 2px rgba(0, 0, 0, .15);
	outline: none;
}