.graphic__row{
    margin:0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
    align-items: center;
    background-color: rgba(250, 250, 250, .9);
}

.graphic__row:hover{
    background-color: rgba(230, 230, 230, .9);
}

.graphic__text{
    padding: .2rem;
    grid:1;
    display: flex;
    flex-flow: row;
    justify-content: right;
    align-items: center;
}

.graphic__line--container{
    grid: 2;
    display: flex;
    height: 90%;
    padding: 0 0 0 .5rem;
    align-items: center;
    background: repeating-linear-gradient(
        to right,
        rgba(220,220,255,.4) 0px,
        rgba(220,220,255,.4) 20px,
        rgba(100,100,100,.2) 20px,
        rgba(100,100,100,.2) 21px
      );
}

.graphic__line{
    background-color: #488;
    height: .3rem;
    min-width: 1px;
}