.canvas-box[data-v-5d2c19ce]{position:relative;width:100%;height:100%}.canvas-box .canvas-content[data-v-5d2c19ce]{background-color:#fff}.delay-100ms[data-v-5d2c19ce]{-webkit-animation-delay:.1s;animation-delay:.1s}.delay-200ms[data-v-5d2c19ce]{-webkit-animation-delay:.2s;animation-delay:.2s}.delay-300ms[data-v-5d2c19ce]{-webkit-animation-delay:.3s;animation-delay:.3s}.delay-400ms[data-v-5d2c19ce]{-webkit-animation-delay:.4s;animation-delay:.4s}.delay-500ms[data-v-5d2c19ce]{-webkit-animation-delay:.5s;animation-delay:.5s}.delay-600ms[data-v-5d2c19ce]{-webkit-animation-delay:.6s;animation-delay:.6s}.delay-700ms[data-v-5d2c19ce]{-webkit-animation-delay:.7s;animation-delay:.7s}.delay-900ms[data-v-5d2c19ce]{-webkit-animation-delay:.9s;animation-delay:.9s}.delay-1000ms[data-v-5d2c19ce]{-webkit-animation-delay:1s;animation-delay:1s}.delay-1500ms[data-v-5d2c19ce]{-webkit-animation-delay:1.5s;animation-delay:1.5s}.esign[data-v-76e97d97]{height:calc(94vh - .0625rem);width:calc(100vw - 1.5rem);overflow:hidden;background-color:#f7f7f7;padding:3vh .75rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.esign p[data-v-76e97d97]{font-size:.4rem;color:#484848}.esign .title-box[data-v-76e97d97]{height:12vh}.esign .title-box p[data-v-76e97d97]:first-child{color:#333;font-size:.5rem;font-weight:800}.esign .canvas-container[data-v-76e97d97]{margin:6vh 0 2vh 0;width:90vw;height:65vh;padding:.0625rem;background-color:#fff}.esign .esign-button[data-v-76e97d97]{position:absolute;bottom:18vh;right:8vw;z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:34vw}.esign .esign-button button[data-v-76e97d97]{font-size:.4rem;width:10vw;height:10vh;padding:0 .5rem}.esign[reverse][data-v-76e97d97]{height:calc(94vh - .0625rem);width:92vw;padding:3vh 4vw}.esign[reverse] p[data-v-76e97d97]{font-size:1.6vh;white-space:nowrap}.esign[reverse] .title-box[data-v-76e97d97]{position:absolute;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:0 0;transform-origin:0 0;margin-left:92vw}.esign[reverse] .title-box>p[data-v-76e97d97]:first-child{font-size:2.4vh}.esign[reverse] .canvas-container[data-v-76e97d97]{margin:0;margin-left:10vw;width:65vw;height:90vh}.esign[reverse] .esign-button[data-v-76e97d97]{width:28vh;bottom:34vh;left:26vw;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:0 0;transform-origin:0 0}.esign[reverse] .esign-button button[data-v-76e97d97]{font-size:1.6vh;height:8vw;width:8vh;padding:0 1.2vh}.esign[reverse] .tip[data-v-76e97d97]{position:absolute;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:0 0;transform-origin:0 0;margin-left:5vw;margin-right:1.25rem}.delay-100ms[data-v-76e97d97]{-webkit-animation-delay:.1s;animation-delay:.1s}.delay-200ms[data-v-76e97d97]{-webkit-animation-delay:.2s;animation-delay:.2s}.delay-300ms[data-v-76e97d97]{-webkit-animation-delay:.3s;animation-delay:.3s}.delay-400ms[data-v-76e97d97]{-webkit-animation-delay:.4s;animation-delay:.4s}.delay-500ms[data-v-76e97d97]{-webkit-animation-delay:.5s;animation-delay:.5s}.delay-600ms[data-v-76e97d97]{-webkit-animation-delay:.6s;animation-delay:.6s}.delay-700ms[data-v-76e97d97]{-webkit-animation-delay:.7s;animation-delay:.7s}.delay-900ms[data-v-76e97d97]{-webkit-animation-delay:.9s;animation-delay:.9s}.delay-1000ms[data-v-76e97d97]{-webkit-animation-delay:1s;animation-delay:1s}.delay-1500ms[data-v-76e97d97]{-webkit-animation-delay:1.5s;animation-delay:1.5s}