.esp-signature-wrap{position:relative;width:100%;border:1px solid #b8b8b8;background:#fff;margin-bottom:8px;}
.esp-signature-canvas{display:block;width:100%;touch-action:none;}
.esp-signature-clear,.esp-signature-clear:hover,.esp-signature-clear:focus{position:absolute;right:8px;top:8px;width:30px;height:30px;border:0;border-radius:50%;background:#000;color:#fff;font-size:18px;line-height:18px;cursor:pointer;padding:0;}
.esp-signature-field {
    width: 100%;
}

.esp-signature-wrap {
    position: relative;
    width: 100%;
    height: 200px;
    border: 1px solid #b8b8b8;
    background: #fff;
    margin-bottom: 12px;
    box-sizing: border-box;
}

.esp-signature-canvas {
    display: block;
    width: 100%;
    height: 100%;
}

.esp-signature-name-preview {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 14px;
    height: 48px;
    border-top: 2px solid #d6d6d6;
    text-align: center;
    padding-top: 12px;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    pointer-events: none;
    box-sizing: border-box;
}

.esp-signer-name {
    display: block;
    width: 100%;
    height: 54px;
    padding: 12px 14px;
    font-size: 16px;
    border: 1px solid #b8c2cc;
    box-sizing: border-box;
}

.esp-signer-label {
    display: block;
    margin-top: 4px;
}

.elementor-field-group .esp-signature-field {
    display: block;
}

.elementor-field-group:has(.esp-signature-field) {
    display: block;
}

.elementor-field-group:has(.esp-signature-field) > label {
    display: block;
    width: 100%;
    margin-bottom: 8px;
}