:root, :host {
    /**
     * Parent area z-index
     */
    --b-parent-area-z-index       : 4;

    /**
     * Parent area border radius
     */
    --b-parent-area-border-radius : 0.25em;

    /**
     * Parent area background. A semi-transparent color is recommended
     */
    --b-parent-area-background : color-mix(in srgb, var(--b-neutral-80), transparent 70%);

    --b-parent-area-border : null;
}

.b-parent-area {
    position       : absolute;
    pointer-events : none;
    z-index        : var(--b-parent-area-z-index);

    background     : var(--b-parent-area-background);
    border-radius  : var(--b-parent-area-border-radius);
    border         : var(--b-parent-area-border);
}

.b-animating .b-parent-area {
    transition : inset-inline-start 0.2s, top 0.2s, width 0.2s;
}
