.canvas-ruler-wrapper[data-v-5738c142]{width:100%;height:100%;background:#f5f5f5}.canvas-ruler-container[data-v-5738c142]{position:relative;min-width:100%;min-height:100%}.ruler-corner[data-v-5738c142]{position:absolute;background-color:#fff;z-index:20}.ruler[data-v-5738c142]{position:absolute;z-index:10;background-color:hsla(0,0%,100%,.9);overflow:visible}.horizontal-ruler[data-v-5738c142]:hover{cursor:grab}.tick[data-v-5738c142]{position:absolute;background-color:#e6e6e6}.horizontal-ruler .tick[data-v-5738c142]{bottom:0;width:.0625rem;height:.5rem}.horizontal-ruler .major-tick[data-v-5738c142]{height:1.625rem;background-color:#e6e6e6}.vertical-ruler .tick[data-v-5738c142]{right:0;height:.0625rem;width:.5rem}.vertical-ruler .major-tick[data-v-5738c142]{width:.9375rem;background-color:#e6e6e6}.label[data-v-5738c142]{position:absolute;font-size:.625rem;color:#333;font-family:Arial,sans-serif;user-select:none}.horizontal-ruler .label[data-v-5738c142],.vertical-ruler .label[data-v-5738c142]{font-family:Microsoft Yahei;font-weight:400;font-size:.5rem;color:#666;line-height:.6875rem}.horizontal-ruler .label[data-v-5738c142]{top:50%;left:.3125rem;transform:translateY(-50%)}.vertical-ruler .label[data-v-5738c142]{bottom:.3125rem;left:0;transform:translateX(-50%);transform-origin:0 0;writing-mode:sideways-lr;text-orientation:upright}.canvas-area[data-v-5738c142],.center-box[data-v-5738c142]{position:absolute}