.octave-ruler[data-v-c36b21bb]{box-sizing:border-box;display:flex}.octave-ruler-horizontal[data-v-c36b21bb]{flex-direction:row;height:18px;padding-left:3px;padding-right:3px;width:100%}.octave-ruler-vertical[data-v-c36b21bb]{flex-direction:column-reverse;width:18px}.octave-ruler-horizontal.octave-ruler-md[data-v-c36b21bb]{height:18px}.octave-ruler-vertical.octave-ruler-md[data-v-c36b21bb]{width:18px}.octave-ruler-horizontal.octave-ruler-sm[data-v-c36b21bb]{height:9px}.octave-ruler-vertical.octave-ruler-sm[data-v-c36b21bb]{width:9px}.octave-segment[data-v-c36b21bb]{align-items:center;border-right:1px solid rgba(0,0,0,.15);box-sizing:border-box;cursor:default;display:flex;justify-content:center;overflow:hidden}.octave-ruler-vertical .octave-segment[data-v-c36b21bb]{border-bottom:1px solid rgba(0,0,0,.15);border-right:none}.octave-segment.no-border[data-v-c36b21bb]{border-color:transparent!important}.octave-segment[data-v-c36b21bb]:last-child{border-right:none}.octave-ruler-vertical .octave-segment[data-v-c36b21bb]:last-child{border-bottom:none}.octave-label[data-v-c36b21bb]{color:#333;font-size:.65em;line-height:1;overflow:hidden;padding:0 2px;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.octave-label.vertical-text[data-v-c36b21bb]{font-size:.55em;padding:2px 0;text-orientation:upright;white-space:normal;writing-mode:vertical-rl}