/* Keep the active text control above subsequent line controls and fields. */
.aframe-builder .custom-builder-text-controls {
    position: relative;
}
.aframe-builder .custom-builder-text-controls:has(.custom-text-control-flyout.active) {
    z-index: 20;
}
.aframe-builder .custom-text-control-flyout.active {
    z-index: 25;
    overflow: visible;
}
.aframe-color-dropdown {
    z-index: 30;
    max-height: 280px;
    overflow-y: auto;
}
.aframe-color-dropdown li {
    min-height: 30px;
}
.aframe-color-dropdown li > span {
    padding: 5px 12px;
    font-size: 14px;
    line-height: 20px;
}
.aframe-color-dropdown li > img {
    width: 20px;
    height: 20px;
    margin: 5px 12px;
    object-fit: contain;
}

/* Portal the palette outside transformed toolbar and flyout ancestors. */
.aframe-color-dropdown { z-index: 10010 !important; }