div[data-toolbar-wrapper] {
    --toolbarHeight: 0px;

    position: relative;

    div[data-toolbar] {
        &:not(.active) {
            display: none;
        }

        position: absolute;
        width: fit-content;
        left: 50%;
        bottom: 20px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        align-items: center;
        padding: 8px;
    }

    &:has(div[data-toolbar].active) {
        padding-bottom: var(--toolbarHeight);
    }
}