/* mojihen 1.0.2 */
.mojihen {
	--mojihen-accent: #176b58;
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .45rem;
	padding: .5rem .7rem;
	border: 1px solid #d7e2de;
	border-radius: 999px;
	background: #fff;
	color: #20312d;
	font-size: 14px;
	line-height: 1.4;
	box-shadow: 0 3px 12px rgba(20, 50, 40, .06);
	max-width: 100%;
}
.mojihen__label { font-weight: 700; white-space: nowrap; }
.mojihen__controls { display: inline-flex; gap: .25rem; }
.mojihen__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	min-height: 34px;
	padding: .35rem .55rem;
	border: 1px solid #d7e2de;
	border-radius: 999px;
	background: #f7faf8;
	color: #20312d;
	font: inherit;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
}
.mojihen__button:hover { border-color: var(--mojihen-accent); background: var(--mojihen-accent); color: #fff; }
.mojihen__button:focus-visible { outline: 3px solid #f2bd42; outline-offset: 2px; }
.mojihen__button:disabled { opacity: .45; cursor: not-allowed; }
.mojihen__status { font-size: 12px; color: #52645e; white-space: nowrap; }
.mojihen--fixed { position: fixed; z-index: 99999; right: 16px; bottom: 16px; }
.mojihen--fixed .mojihen__label { display: none; }
@media (max-width: 600px) {
	.mojihen { gap: .35rem; padding: .45rem .55rem; }
	.mojihen__status { display: none; }
	.mojihen--fixed { right: 10px; bottom: 10px; }
}