/*------------------------------------------------------------------------------------------------------------------------------------------
    MIXERGRID --- GRID INFOS
------------------------------------------------------------------------------------------------------------------------------------------*/
.grid-infos {
    position : absolute;
}

.grid-infos-input {
    color            : #FFFFB4bb;
    background-color : rgba(0, 0, 0, 0.75);
    transform-origin : top left;
    display          : inline-block;
    text-align       : center;
    transform        : rotate(-90deg);
    padding          : 0 4px;
    border-radius    : var(--border-radius);
    position         : absolute;
    top              : -25px;
    left             : -8px;
    white-space      : nowrap;
}

.grid-infos-output {
    color            : #FFFFB4bb;
    position         : absolute;
    white-space      : nowrap;
    background-color : rgba(0, 0, 0, 0.75);
    padding          : 0 3px;
    border-radius    : var(--border-radius);
    top              : -8px;
    left             : -90px;
}