*,*::before,*::after{box-sizing:border-box}.signature-pad{position:relative;display:flex;flex-direction:column;font-size:10px;width:100%;height:100%;border:1px solid #e8e8e8;background-color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.27),0 0 40px rgba(0,0,0,.08) inset;border-radius:4px;padding:16px 16px 8px 16px}.signature-pad::before,.signature-pad::after{position:absolute;z-index:-1;content:"";width:40%;height:10px;bottom:10px;background:transparent;box-shadow:0 8px 12px rgba(0,0,0,.4)}.signature-pad::before{left:20px;transform:skew(-3deg) rotate(-3deg)}.signature-pad::after{right:20px;transform:skew(3deg) rotate(3deg)}.signature-pad--body{position:relative;flex:1;border:1px solid #e6e6e6}.signature-pad--body canvas{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px;box-shadow:0 0 5px rgba(0,0,0,.02) inset}.signature-pad--footer{color:#c3c3c3;text-align:center;font-size:1.2em;margin-top:8px}.signature-pad--actions{display:flex;justify-content:space-between;align-items:center}.signature-pad--action-item{margin-left:10px;margin-right:10px}.signature-pad--pen,.signature-pad--clear,.signature-pad--undo,.signature-pad--save{cursor:pointer}.signature-pad--pen-color{opacity:0;width:0px}.signature-pad--select-image-type{width:0%;padding:5px 10px;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;cursor:pointer}.signature-pad--footer-description{margin-bottom:5px}