.menu-wrapper {
	position: relative;
	place-content: center;
	&:is(.menu-bar > .menu-section > .menu-wrapper){
		display: inline-block;
	}
}

.menu-list {
	z-index          : 1000;
	inset-block-start: anchor(bottom);
	inset-inline-start: anchor(left);
	position-try: flip-inline;
	color: unset;   // [popover] gets a `canvastext` color value from useragent.
	> .menu-wrapper {
		position:relative;
		> .menu-list {
			margin: 0 0px;
			inset-block-start: anchor(top);
			inset-inline-start: anchor(right);
			position-try: flip-inline;
		}
	}
}