.wmbn{display:none}
@media (max-width:767px){
	:root{--wmbn-safe-bottom:env(safe-area-inset-bottom,0px)}
	.wmbn{
		display:block;
		position:fixed;
		left:0;
		right:0;
		bottom:0;
		z-index:999999;
		padding:7px 8px calc(7px + var(--wmbn-safe-bottom));
		background:rgba(255,255,255,.98);
		border-top:1px solid rgba(0,0,0,.10);
		box-shadow:0 -5px 22px rgba(0,0,0,.10);
		-webkit-backdrop-filter:blur(12px);
		backdrop-filter:blur(12px);
	}
	.wmbn__inner{
		max-width:720px;
		margin:0 auto;
		display:grid;
		grid-template-columns:repeat(5,1fr);
		align-items:end;
		gap:2px;
	}
	.wmbn__item{
		position:relative;
		min-width:0;
		min-height:58px;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:flex-end;
		gap:4px;
		padding:3px 1px 1px;
		color:var(--wmbn-text);
		text-decoration:none!important;
		-webkit-tap-highlight-color:transparent;
		font-family:inherit;
	}
	.wmbn__icon{
		width:28px;height:28px;display:flex;align-items:center;justify-content:center;
		color:currentColor;
	}
	.wmbn__icon svg{
		width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;
		stroke-linecap:round;stroke-linejoin:round;
	}
	.wmbn__label{
		display:block;
		max-width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		font-size:11px;
		font-weight:600;
		line-height:1.15;
	}
	.wmbn__item.is-active{color:var(--wmbn-text)}
	.wmbn__item:active{transform:scale(.96)}
	.wmbn__item--messenger .wmbn__icon{
		width:47px;height:47px;margin-top:-22px;
		border-radius:50%;
		background:linear-gradient(145deg,#ffab18,var(--wmbn-orange));
		color:#fff;
		box-shadow:0 7px 18px rgba(255,153,0,.34);
		border:3px solid #fff;
	}
	.wmbn__item--messenger .wmbn__icon svg{width:25px;height:25px;stroke:#fff}
	.wmbn__item--messenger .wmbn__label{color:var(--wmbn-text);font-weight:700}
	/* Messenger is the only navigation icon intentionally highlighted in orange. */
	.wmbn__item--messenger .wmbn__icon{color:var(--wmbn-orange)}
	.wmbn__item--messenger .wmbn__icon svg{stroke:#fff}
	.wmbn__item--messenger.is-active .wmbn__icon{color:var(--wmbn-orange)}
	.wmbn__badge{
		position:absolute;
		top:-19px;
		left:calc(50% + 10px);
		min-width:23px;
		height:23px;
		padding:0 6px;
		border-radius:999px;
		display:flex;align-items:center;justify-content:center;
		background:#e60000;
		color:#fff;
		border:2px solid #fff;
		font-size:10px;
		font-weight:800;
		line-height:1;
		box-shadow:0 2px 7px rgba(0,0,0,.18);
	}
	.wmbn__logo-wrap{
		width:29px;height:29px;
		display:flex;align-items:center;justify-content:center;
		overflow:hidden;
		border-radius:50%;
		background:#fff;
		border:1px solid rgba(255,153,0,.35);
	}
	.wmbn__logo{
		width:100%;height:100%;
		object-fit:contain;
		padding:3px;
		display:block;
	}
	.wmbn__item--account .wmbn__label{
		font-size:10px;
		max-width:72px;
	}
	body{padding-bottom:86px}
	.admin-bar .wmbn{bottom:0}
}
@media (min-width:768px){
	.wmbn{display:none!important}
}