.root-toolbox { }

.root-toolbox .main-row {
    height: 2.5em;
    margin: auto;
    display: flex;
    background-color: var(--color-ui-neutral-dark);
    justify-content: center;
    width: 100%;
}

.root-toolbox .details {
    margin: auto;
    height: 4em;
    width: min-content;
    border-radius: 0 0 1em 1em;
    padding: 0.5em;
    background-color: var(--color-ui-neutral-dark-active);
    display: flex;
    justify-content: center;
}

.root-toolbox .details.hidden {
    visibility: hidden; 
}

.root-toolbox .track-unit {
    margin: 0;
    padding: 0;
}

.root-toolbox .toolbox-button {
    padding: 0.5em;
    cursor: pointer;
    color: black;
    background-color: var(--color-ui-neutral-dark);
}
.root-toolbox .toolbox-button:hover {
    background-color: var(--color-ui-neutral-dark-hover);
}
.root-toolbox .toolbox-button.active {
    background-color: var(--color-ui-neutral-dark-active);
}

.root-toolbox .details .toolbox-button.active {
    background-color: var(--color-ui-neutral-dark);
}
.root-toolbox .details .toolbox-button:hover {
    background-color: var(--color-ui-neutral-dark-hover);
}
.root-toolbox .details .toolbox-button {
    background-color: var(--color-ui-neutral-dark-active);
}