.workspace>.ruler{display:block;position:absolute;background-color:#f7f9f8;color:#56625d;overflow:hidden;z-index:12;font-family:Arial,sans-serif;pointer-events:none}
.workspace>.ruler-horizontal{left:31px;right:0;top:0;height:25px;border-bottom:1px solid #9eaaa4;background-image:repeating-linear-gradient(90deg,transparent 0 calc(var(--minor-step,5px) - 1px),#b2bcb7 calc(var(--minor-step,5px) - 1px) var(--minor-step,5px));background-position-x:var(--ruler-origin,0)}
.workspace>.ruler-vertical{left:0;top:25px;bottom:0;width:31px;border-right:1px solid #9eaaa4;background-image:repeating-linear-gradient(180deg,transparent 0 calc(var(--minor-step,5px) - 1px),#b2bcb7 calc(var(--minor-step,5px) - 1px) var(--minor-step,5px));background-position-y:var(--ruler-origin,0)}
.ruler-mark{position:absolute;font-style:normal;z-index:1}.ruler-horizontal .ruler-mark{top:0;height:25px;border-left:1px solid #64716b}.ruler-vertical .ruler-mark{left:0;width:31px;border-top:1px solid #64716b}.ruler-mark b{position:absolute;font-size:8px;font-weight:600;line-height:1;color:#4c5953}.ruler-horizontal .ruler-mark b{left:3px;top:4px}.ruler-vertical .ruler-mark b{left:5px;top:3px;writing-mode:vertical-rl}
.ruler-selection{position:absolute;display:block;background:rgba(29,195,166,.65);z-index:0}.ruler-horizontal .ruler-selection{top:0;height:25px;border-left:1px solid #078a74;border-right:1px solid #078a74}.ruler-vertical .ruler-selection{left:0;width:31px;border-top:1px solid #078a74;border-bottom:1px solid #078a74}.workspace.hide-rulers>.ruler{display:none}.icon-content svg{width:100%;height:100%;display:block}