:root{--measure-font-size:var(--text-xs);--measure-line-size:1px;--measure-arrow-size:5px;--measure-offset-x:.5rem;--measure-offset-y:.5rem;--measure-inset-x:1rem;--measure-inset-y:1rem;--measure-label-padding-x:.35rem;--measure-label-padding-y:.1rem;--measure-label-bg:transparent;--measure-outside-offset-x:.5rem;--measure-outside-offset-y:.5rem;--measure-color-primary:var(--primary,#2f80ed);--measure-color-neutral:var(--neutral,#999);--measure-color-white:var(--white,#fff)}.measure-line{position:relative;overflow:hidden;--measure-current-color:var(--measure-color-white)}.measure-line[data-measure-positioned="true"]{position:relative}.measure-line__layer{position:absolute;inset:0;pointer-events:none;z-index:999;color:var(--measure-current-color);font-size:var(--measure-font-size);line-height:1;font-family:inherit;font-weight:400}.measure-line__axis{position:absolute;display:flex;color:currentColor}.measure-line__axis--x{top:var(--measure-offset-x);left:var(--measure-inset-x);right:var(--measure-inset-x);align-items:center}.measure-line__axis--y{top:var(--measure-inset-y);bottom:var(--measure-inset-y);right:var(--measure-offset-y);flex-direction:column;align-items:center}.measure-line__segment{display:block;flex:1 1 auto;background:currentColor}.measure-line__axis--x>.measure-line__segment{min-width:.5rem;height:var(--measure-line-size)}.measure-line__axis--y>.measure-line__segment{min-height:.5rem;width:var(--measure-line-size)}.measure-line__label{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap;color:currentColor;background:var(--measure-label-bg);font-size:var(--measure-font-size);line-height:1}.measure-line__label--x{padding:var(--measure-label-padding-y) var(--measure-label-padding-x)}.measure-line__label--y{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);padding:var(--measure-label-padding-x) var(--measure-label-padding-y)}.measure-line__arrow{display:block;flex:0 0 auto;width:0;height:0;border:0}.measure-line__axis--x>.measure-line__arrow--start{border-top:calc(var(--measure-arrow-size) / 2) solid transparent;border-bottom:calc(var(--measure-arrow-size) / 2) solid transparent;border-right:var(--measure-arrow-size) solid currentColor}.measure-line__axis--x>.measure-line__arrow--end{border-top:calc(var(--measure-arrow-size) / 2) solid transparent;border-bottom:calc(var(--measure-arrow-size) / 2) solid transparent;border-left:var(--measure-arrow-size) solid currentColor}.measure-line__axis--y>.measure-line__arrow--start{border-left:calc(var(--measure-arrow-size) / 2) solid transparent;border-right:calc(var(--measure-arrow-size) / 2) solid transparent;border-bottom:var(--measure-arrow-size) solid currentColor}.measure-line__axis--y>.measure-line__arrow--end{border-left:calc(var(--measure-arrow-size) / 2) solid transparent;border-right:calc(var(--measure-arrow-size) / 2) solid transparent;border-top:var(--measure-arrow-size) solid currentColor}.measure-line.measure-line-horizontal .measure-line__axis--y{display:none}.measure-line.measure-line-vertical .measure-line__axis--x{display:none}.measure-line.measure-line-outside{overflow:visible}.measure-line.measure-line-outside .measure-line__axis--x{top:calc((var(--measure-outside-offset-x) + var(--measure-line-size)) * -1)}.measure-line.measure-line-outside .measure-line__axis--y{right:calc((var(--measure-outside-offset-y) + var(--measure-line-size)) * -1)}.measure-line.measure-line-primary{--measure-current-color:var(--measure-color-primary)}.measure-line.measure-line-neutral{--measure-current-color:var(--measure-color-neutral)}.measure-line.measure-line-arrow-only .measure-line__label,.measure-line.measure-line-arrow-only .measure-line__segment--before{display:none!important}.measure-line.measure-line-arrow-only .measure-line__segment--after{display:block!important;flex:1 1 auto}.measure-line.measure-line-arrow-only .measure-line__arrow--start,.measure-line.measure-line-arrow-only .measure-line__arrow--end{display:block!important}