/** Toolbar **/

#builder-toolbar {
    display: none;

    position: absolute;
    left: 50%;
    bottom: 16px;
    transform: translateX(-50%);

    flex-direction: row;
}

#builder-toolbar .button img {
    width: 24px;
    image-rendering: pixelated;
}

#builder-toolbar .menu-in {
    flex-direction: row;
}

#builder-toolbar .menu-in .button {
    margin-bottom: 2px;
}


/** Outline **/

#builder-outline {
    display: none;

    position: absolute;
    left: 16px;
    top: 16px;

    width: 15vw;
}

.builder-outline-entry {
    gap: 8px;
}

.builder-outline-entry img {
    width: 32px;
}


/** Shape Settings **/

#builder-shape {
    display: none;

    position: absolute;
    right: 16px;
    top: 16px;

    width: 20vw;
}