.signature-inner{position:relative;background:#fff;display:flex;height:100vh;padding:2.5rem 0}.signature-inner .page-title{position:relative;padding-bottom:2.5rem}.signature-inner .page-title span{writing-mode:rl-tb;transform:rotate(90deg);position:absolute;font-size:2rem;font-weight:700;color:#000;width:8rem;top:calc(50vh - 3rem);right:0}.signature-inner .button-group{display:flex;justify-content:center;align-content:center;margin-top:.625rem;flex-direction:column;margin:auto;padding-bottom:2.5rem}.signature-inner .button-group .el-button{height:11.1875rem;width:2.5rem;border-radius:1.4375rem;border:.0625rem solid #d2d2d2;font-size:1.3125rem;padding:0;position:relative}.signature-inner .button-group .el-button span{font-size:.9375rem;font-weight:400;writing-mode:rl-tb;transform:rotate(90deg);position:absolute;right:.375rem}.signature-inner .button-group .el-button.is-disabled span{left:.25rem}.signature-inner .button-group .el-button+.el-button{margin-top:.875rem;margin-left:0}.signature-inner .button-group .overwrite{background:#fff;color:#1d1f23;border:.0625rem solid #1d1f23}.signature-inner .button-group .overwrite span{color:#000}.signature-inner #canvasHW{border:.0625rem solid #dededf;width:17.5rem;height:calc(100vh - 5rem)}.signature-inner img{position:absolute;bottom:0;border:.0625rem solid red;left:0}body,html{margin:0;box-sizing:border-box;font-family:Helvetica}.container,body,html{height:100%;width:100%}.container{display:flex}.container>div{width:33%;min-width:22.5rem;height:100%;align-items:center;padding:.625rem}.container>div,div>canvas{display:flex;justify-content:center}div>canvas{width:100%;height:auto}div>img{max-width:100%;max-height:100%;height:auto;width:auto}