
.bento-wrapper{
	position:relative
}
.bento-menu{
	gap:8px;
	background-color:var(--mobile-page-background);
	border:1px solid var(--mobile-border-subtle);
	border-radius:8px;
	box-shadow:0 8px 16px 0 rgba(0, 0, 0, .7);
	display:grid;
	grid-template-columns:auto auto;
	padding:8px;
	position:absolute;
	right:-8px;
	top:calc(100% + 20px);
	z-index:2000
}
.rtl .bento-menu{
	left:-8px;
	right:auto
}
.bento-menu a.link.nav-elem{
	align-items:flex-start;
	border:1px solid var(--mobile-border-subtle);
	border-radius:4px;
	color:var(--mobile-icon-secondary);
	flex-direction:column;
	height:65px;
	padding:8px;
	width:120px
}
body.fr .bento-menu a.link.nav-elem{
	width:132px
}
.bento-menu a.link.nav-elem:hover{
	background-color:var(--mobile-surface-1)
}
.bento-menu a.link.nav-elem.active{
	color:var(--mobile-button-brand)
}
.bento-menu a.link.nav-elem.active i,.bento-menu a.link.nav-elem.active span{
	color:inherit
}
.bento-menu a.link.nav-elem .text-box-wrapper{
	margin-top:auto
}
.bento-menu a.link.nav-elem span{
	color:inherit;
	font:var(--mobile-font-caption-large-regular);
	text-decoration:none
}
