menupopup {
	menu, menuitem {
		border-radius: 4px;
	}

	menuseparator {
		--panel-separator-color: light-dark(rgba(170, 170, 170, 0.5), rgba(100, 100, 100, 0.5));
	}
}

// Inherit from https://searchfox.org/mozilla-esr128/source/toolkit/themes/osx/global/menu.css
// to override menulist popup rules,
// because menulist popup is always treated as with gutter on macOS
menulist > menupopup {
	& > menu,
	& > menuitem,
	& > menucaption {
		padding-inline-start: 0;
		
		
		&::before {
			content: '\2713'; /* a checkmark */
			display: inline-block;
			vertical-align: middle;
			line-height: 0;
			visibility: hidden;
			padding-inline: 4px;
			font-weight: bold;
		}

		&:is([checked="true"], [selected="true"])::before {
			visibility: inherit;
		}
	}
}

// Modified based on rules from https://searchfox.org/mozilla-esr102/source/browser/base/content/browser.css

/* On Mac, use the properties "-moz-window-transform" and "-moz-window-opacity"
instead of "transform" and "opacity" for these animations.
The -moz-window* properties apply to the whole window including the window's
shadow, and they don't affect the window's "shape", so the system doesn't
have to recompute the shadow shape during the animation. This makes them a
lot faster. In fact, Gecko no longer triggers shadow shape recomputations
for repaints.
These properties are not implemented on other platforms. */
menupopup:not([animate="false"]) {
	transition-property: -moz-window-transform, -moz-window-opacity;
	transition-duration: 0.18s, 0.18s;
	transition-timing-function:
	var(--animation-easing-function), ease-out;
}

/* Only do the fade-in animation on pre-Big Sur to avoid missing shadows on
* Big Sur, see bug 1672091. */
@media (-moz-mac-big-sur-theme: 0) {
	menupopup:not([animate="false"]) {
		-moz-window-opacity: 0;
		-moz-window-transform: translateY(-70px);
	}

	menupopup[side="bottom"]:not([animate="false"]) {
		-moz-window-transform: translateY(70px);
	}
}

/* [animate] is here only so that this rule has greater specificity than the
* rule right above */
menupopup[animate][animate="open"] {
	-moz-window-opacity: 1.0;
	transition-duration: 0.18s, 0.18s;
	-moz-window-transform: none;
	transition-timing-function:
	var(--animation-easing-function), ease-in-out;
}

menupopup[animate][animate="cancel"] {
	-moz-window-opacity: 0;
	-moz-window-transform: none;
}

// End of browser.css
