.App{font-family:sans-serif}.selectScale{display:grid;grid-auto-flow:row;gap:12px}.row{margin-bottom:10px;position:relative;height:50px;display:flex}.row.string:before{content:"";position:absolute;top:0;left:0;width:100%;height:25px;border-bottom:1px dotted gray}.headSquare{width:50px;height:50px;border-right:1px solid lightgrey;display:flex;justify-content:center;align-items:center}.square{width:50px;height:50px;border-right:1px solid lightgrey;display:flex;justify-content:center;align-items:center;position:relative}.square>.note{color:#add8e6;position:absolute;top:0;left:0}.square>.position1{font-size:26px;color:#00f}.square>.position2{font-size:26px;color:orange}.square:first-of-type{border-right:1px solid black}