/*!
 * Signature Util
 * (c) 2024 Winison
 */*{margin:0;padding:0}.signature-wrapper{position:fixed;top:0;left:0;width:100%;height:100%}.signature-wrapper .canvas-box,.signature-wrapper .signature-btn-box{position:absolute;top:50%;z-index:100}.signature-wrapper .signature-btn-box{left:-90px;z-index:1000;text-align:center;transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg)}.signature-wrapper .signature-btn-box .confirmed-btn,.signature-wrapper .signature-btn-box .resign-btn{display:inline-block;width:100px;height:40px;line-height:40px;margin:0 10px;border-radius:6px;background-color:#fff;color:#fff;border:none}.signature-wrapper .signature-btn-box .resign-btn{background-color:#38f;border-color:#38f}.signature-wrapper .signature-btn-box .confirmed-btn{background-color:#67c23a;border-color:#67c23a}.signature-wrapper .canvas-box{left:18vw;height:95vh;width:76vw;overflow:hidden;border:1px dashed #d4d4d4;transform:translateY(-50%);background-color:#fff}.signature-wrapper .canvas-box .signature-canvas{width:100%;height:100%}.signature-wrapper .canvas-box .signature-canvas-bg{background:url(./images/signature_util_vertical.svg) no-repeat center #fff}@media screen and (orientation:portrait){.signature-wrapper .canvas-box .signature-canvas-bg{background:url(./images/signature_util_vertical.svg) no-repeat center #fff}.hui-fade-in{position:absolute!important;left:-5%!important;top:44%!important;transform:rotate(90deg) translateY(-50%)!important}}@media screen and (orientation:landscape){.signature-wrapper .canvas-box .signature-canvas-bg{background:url(./images/signature_util_horizontal.svg) no-repeat center #fff}.signature-wrapper .canvas-box{top:20px;left:2vw;width:96vw;height:75vh;transform:translateY(0)}.signature-wrapper .signature-btn-box{width:60%;left:20%;top:86%;transform:rotate(0)}}*{margin:0;padding:0;font-size:15px;color:#475569;outline:0;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;-webkit-tap-highlight-color:transparent;font-family:sans-serif}#hui-mask{position:fixed;z-index:20;background:rgba(0,0,0,.5);width:100%;left:0;top:0;height:100%}#hui-dialog{width:100%;position:fixed;z-index:21;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}#hui-dialog-in{width:300px;margin:0 auto;background:#fff;border-radius:5px}#hui-dialog-msg{padding:28px 15px;font-size:16px;text-align:center;line-height:32px;padding-bottom:22px}#hui-dialog-btn-line{height:48px;line-height:48px;color:#38f;border-top:1px solid #f4f5f6;text-align:center;font-size:16px}#hui-dialog-btn-line>div{width:50%;color:#fff;float:left;height:48px;line-height:48px;text-align:center;font-size:16px;background:#38f}#hui-dialog-btn-line>div:active{opacity:.9}#hui-dialog-btn-line>div:first-child{color:#999!important;background:#fff}#hui-dialog-input-in{width:85%;padding:0 2%;margin:0 auto;border:1px solid #d1d1d1;height:35px}#hui-dialog-input{width:100%;border:none;height:33px;line-height:35px}.hui-fade-in{animation:hui-a-fade-in .3s linear forwards;-moz-animation:hui-a-fade-in .3s linear forwards;-webkit-animation:hui-a-fade-in .3s linear forwards;-o-animation:hui-a-fade-in .3s linear forwards}