/* ==================================================

	z-index scale

	Highest first. Modals (200-400) are declared on their components, off this scale.

	@match stacking_order - keep in sync with the stacking order list in design-assets/README.md

================================================== */

:root {

	/* -------------------------------------
		Desktop
	------------------------------------- */

	--z-clippy:       70; /* Clippy */
	--z-overlay:      65; /* Zoom interview and other focus-managed overlays */
	--z-ice-cream:    60; /* Floating Ice Cream */
	--z-ui-front:     50; /* LinkedIn UI pt.1 - News, Profile, Toggles */
	--z-poster:       40; /* Posters */
	--z-header:       35; /* Navbar. Split out of pt.2 so the pinned bar isn't scrolled over by the feed */
	--z-ui-back:      30; /* LinkedIn UI pt.2 - Feed */
	--z-skin-deel:    20; /* Deel Skin */
	--z-skin-bombay:  10; /* Dr. Bombay Skin */

	/* -------------------------------------
		Mobile
	------------------------------------- */

	--z-skin-deel-mobile: 10000; /* Deel flagwave sheet - over every takeover modal, under Clippy */
	--z-clippy-mobile:    10010; /* Clippy, lifted over the flagwave sheet; read only by the Deel skin */
	--z-ice-cream-mobile:    37; /* Floating Ice Cream */
	--z-nav-mobile:          34; /* Fixed bottom nav */

	/* -------------------------------------
		Above both orders
	------------------------------------- */

	--z-emergency-alert:  10020; /* Emergency alert takeover. */

}