#ruler,#ruler>div{position:fixed}#ruler>div.o,#ruler>div.x,#ruler>div.x>em{top:155px;height:20px}#ruler>div.x,#ruler>div.y{user-select:none;background:#f1f1f1}#ruler>div,#ruler>div.x,#ruler>div.y{background:#f1f1f1}#ruler>div.x>b,#ruler>div.y>b{font-weight:400;font-size:12px;color:#666}#ruler{top:155px;left:120px;background:0 0}#ruler>div.o{left:120px;width:20px}#ruler>div.x{left:140px;width:100%;overflow:hidden}#ruler>div.x>em{position:fixed;width:0;background:rgba(0,0,0,.07)}#ruler>div.x>b{position:absolute;line-height:12px;padding:0 0 0 2px}#ruler>div.x>i{position:absolute;bottom:0;width:1px;height:4px;background:#999}#ruler>div.x>i.s{height:8px}#ruler>div.x>i.x{height:20px}#ruler>div.y{top:175px;left:120px;width:20px;height:100%}#ruler>div.xline,#ruler>div.yline{position:fixed;background:rgba(0,0,0,0)}#ruler>div.y>em{position:fixed;left:120px;width:20px;height:0;background:rgba(0,0,0,.07)}#ruler>div.y>b{position:absolute;display:block;width:12px;padding:2px 0 0;writing-mode:vertical-lr;writing-mode:tb-lr}#ruler>div.y>i{position:absolute;right:0;height:1px;width:4px;background:#999}#ruler>div.y>i.s{width:8px}#ruler>div.y>i.x{width:20px}#ruler>div.yline{width:100%;height:3px;border-top:1px solid #0ff;cursor:row-resize}#ruler>div.xline{width:3px;height:100%;border-left:1px solid #0ff;cursor:col-resize}