.herramientas {

position:absolute;

left:20px;

top:90px;

padding:6px;

background:#2d2d2d;

border:1px solid #555;

border-radius:8px;

display:flex;

flex-direction:row;

gap:6px;

z-index:5000;

user-select:none;

cursor:move;
 

}

.herramientas-button {

 
width:70px;

height:70px;

border:none;

background:#3a3a3a;

border-radius:6px;

display:flex;

align-items:center;

justify-content:center;

cursor:pointer;

padding:0;
 

}

.herramientas-button:hover {

 
background:#4b4b4b;
 

}

.herramientas-button img {

 
width:70px;

height:70px;

object-fit: contain;


pointer-events:none;
 

}

.herramientas-active {

    background:#1976d2 !important;

}

.herramientas-active:hover {

    background:#2196f3 !important;

}

.repository-measurement-label {

    position:fixed;

    transform:
        translate(-50%, -50%);

    padding:
        4px 8px;

    background:
        rgba(0,0,0,0.80);

    color:
        white;

    border:
        1px solid #ffff00;

    border-radius:
        4px;

    font-family:
        Arial,
        sans-serif;

    font-size:
        14px;

    font-weight:
        bold;

    pointer-events:
        none;

    z-index:
        6000;

    white-space:
        nowrap;

}