form .signature-wrap *{box-sizing:border-box}form .signature-wrap .signature-type-toggles-wrap{display:flex;align-items:center;max-width:305px}form .signature-wrap .signature-type-toggles-wrap input{display:none}form .signature-wrap .signature-type-toggles-wrap input:checked+label::before{opacity:1;background-color:#3e4555;width:80%}form .signature-wrap .signature-type-toggles-wrap label{padding:10px;background-color:rgba(0,0,0,0);transition:.25s;position:relative;cursor:pointer;font-size:18px}form .signature-wrap .signature-type-toggles-wrap label::before{content:"";position:absolute;bottom:5px;left:50%;right:0;width:0;height:3px;transition:.25s;opacity:0;transform:translateX(-50%)}form .signature-wrap .signature-type-toggles-wrap label:hover::before{opacity:1;background-color:#8690a6;width:80%}form .signature-wrap .signature-type-toggles-wrap .btn-signature-toggle{padding:10px;background-color:rgba(0,0,0,0);transition:.25s;position:relative;cursor:pointer;font-size:18px;color:#3e4555;text-transform:none}form .signature-wrap .signature-type-toggles-wrap .btn-signature-toggle::before{content:"";position:absolute;bottom:5px;left:50%;right:0;width:0;height:3px;transition:.25s;opacity:0;transform:translateX(-50%)}form .signature-wrap .signature-type-toggles-wrap .btn-signature-toggle:hover::before,form .signature-wrap .signature-type-toggles-wrap .btn-signature-toggle.active::before{opacity:1;background-color:#8690a6;width:80%}form .signature-wrap .signature-type-toggles-wrap .btn-signature-toggle.active::before{background-color:#3e4555}form .signature-wrap .signature-type-toggles-wrap .signature-control-buttons-wrap{margin-left:auto}form .signature-wrap .signature-type-toggles-wrap .signature-control-buttons-wrap button{padding:5px 15px;font-size:12px;margin-bottom:.5em;background:#3e4555;border-radius:5px;display:inline-block;text-transform:uppercase;color:#fff}form .signature-wrap .signature-type.hide{display:none}form .signature-wrap .signature-type canvas{border:1px solid #ccc;max-width:450px;max-height:250px;cursor:crosshair}@media only screen and (max-width: 450px){form .signature-wrap .signature-type canvas{width:100% !important}}form .signature-wrap .signature-type input{font-family:cursive;padding:25px 10px}