// Copyright (c) Meta Platforms, Inc. and affiliates.

import * as stylex from "../style-runtime.js";

/**
 * Scoped marker for Overlay ancestor hover selectors.
 * When applied to a container, enables OverlayScrim's
 * CSS-driven showOn="hover" / "focus" / "hover-or-focus" behavior.
 */
export const overlayScope: ReturnType<typeof stylex.defineMarker> = {
  x84s7jz: "x84s7jz",
  $$css: true as const
};

/**
 * Container styles that pair with overlayScope.
 * Sets position: relative + overflow: clip so the scrim
 * can use position: absolute + inset: 0 correctly.
 *
 * Override individual properties by applying your own styles after:
 * stylex.props(overlayContainerStyles.root, myStyles.sticky)
 */
export const overlayContainerStyles = {
  root: {
    kVAEAm: "x1n2onr6",
    kVQacm: "x7giv3",
    $$css: true as const
  }
};