.ruler-_-line{position:absolute}.ruler-_-line-v{width:100%;left:0;padding-top:5px}.ruler-_-line-v .action{flex-direction:column}.ruler-_-line-h{height:100%;top:0;padding-left:2px}.ruler-_-line:focus{outline:none}.ruler-_-line .action,.ruler-_-line .value{pointer-events:none;-webkit-user-select:none;user-select:none}.ruler-_-line .action{position:absolute;display:flex;justify-content:center;align-items:center;font-size:10px}.ruler-_-line .value{border-radius:2px;color:#e06a6a;background:transparent;padding:0 2px}.ruler-_-canvas{pointer-events:auto}.ruler-_-canvas-noevent{pointer-events:none}.ruler-_-wrapper{box-sizing:border-box}.ruler-_-wrapper-v,.ruler-_-wrapper-h{position:absolute}.ruler-_-wrapper-v .ruler-_-line-box,.ruler-_-wrapper-h .ruler-_-line-box{pointer-events:none}.ruler-_-wrapper-v:hover .ruler-_-line-box,.ruler-_-wrapper-h:hover .ruler-_-line-box{pointer-events:auto}.ruler-_-wrapper .indicator{position:absolute;pointer-events:none;padding:0 2px;width:auto;height:auto}.ruler-_-wrapper .indicator .value{display:inline-block;border:1px solid #ffffff21;background:#e06a6a;color:#fff;font-size:10px;padding:0 2px}.ruler-_-wrapper-h{top:0;box-shadow:0 10px 40px #00000026}.ruler-_-wrapper-h .indicator{top:0}.ruler-_-wrapper-h .indicator .value{margin-left:0;margin-top:0}.ruler-_-wrapper-v{left:0;box-shadow:0 10px 40px #00000026}.ruler-_-wrapper-v .indicator .value{margin-left:0;margin-top:0}.ruler-_-corner{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer;transition:all .2s ease-in-out;box-sizing:content-box;background-color:#171a24!important}.ruler-_-corner-icon{width:16px;height:16px;color:#ffffff4d}