.signature-pad{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:10px;width:100%;height:100%;max-width:700px;max-height:460px;border:1px solid #e8e8e8;background-color:#fff;box-shadow:0 1px 4px #00000045,0 0 40px #00000014 inset;border-radius:4px;padding: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 #0006}.signature-pad:before{left:20px;-webkit-transform:skew(-3deg) rotate(-3deg);transform:skew(-3deg) rotate(-3deg)}.signature-pad:after{right:20px;-webkit-transform:skew(3deg) rotate(3deg);transform:skew(3deg) rotate(3deg)}.signature-pad--body{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #f4f4f4;min-height:200px}.signature-pad--body canvas{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px;box-shadow:0 0 5px #00000005 inset}.signature-pad--footer{color:#c3c3c3;text-align:center;font-size:1.2em;margin-top:8px}.signature-pad--actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px}.absolute{position:absolute}.relative{position:relative}.w-full{width:100%}.z-30{z-index:30}.inset-y-0{top:0;bottom:0}.right-0{right:0}.h-5{height:1.25rem}.w-4{width:1rem}.w-5{width:1.25rem}.h-4{height:1rem}.h-10{width:2.5rem}.fill-current{fill:currentColor}.flex{display:flex}.items-center{align-items:center}.max-h-56{max-height:14rem}.overflow-y-auto{overflow-y:auto}.animate-spin{animation:spin 1s linear infinite}.hidden{display:none}.justify-center{justify-content:center}