.nrx{
	--nrx-main:#0b2a5b;
	--nrx-size:40px;
	--nrx-icon:34px;
	--nrx-font-dv:'MV Faseyha','Faruma','MV Typewriter','Noto Sans Thaana',sans-serif;
	display:block;
	clear:both;
	margin:14px 0;
	text-align:center;
	text-decoration:none;
	box-sizing:border-box;
}
.nrx *{box-sizing:border-box}
.nrx-align-left{text-align:left}
.nrx-align-right{text-align:right}
.nrx-align-left .nrx-list{justify-content:flex-start}
.nrx-align-right .nrx-list{justify-content:flex-end}

.nrx-prompt{
	margin:0 0 8px;
	font-size:14px;
	font-weight:600;
	color:var(--nrx-main);
}
.nrx-list{
	display:flex;
	flex-wrap:wrap;
	gap:8px 10px;
	justify-content:center;
}

.nrx-item{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:5px;
	min-width:56px;
	margin:0;
	padding:6px 4px;
	background:none;
	border:0;
	box-shadow:none;
	border-radius:0;
	color:inherit;
	font:inherit;
	text-decoration:none;
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
}
.nrx-item:focus-visible{outline:2px solid var(--nrx-main);outline-offset:2px;border-radius:8px}

/* Round, theme-coloured box with the count — sits above each reaction */
.nrx-count{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:var(--nrx-size);
	height:var(--nrx-size);
	padding:0 8px;
	border:2px solid var(--nrx-main);
	border-radius:999px;
	background:#fff;
	color:var(--nrx-main);
	font-size:13px;
	font-weight:700;
	line-height:1;
	font-variant-numeric:tabular-nums;
	transition:background .15s,color .15s;
}
.nrx-icon{
	display:block;
	font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
	font-size:var(--nrx-icon);
	line-height:1;
	transition:transform .15s ease;
}
.nrx-img{width:var(--nrx-icon);height:var(--nrx-icon);object-fit:contain;display:block}
.nrx-label{font-size:12px;line-height:1.3;color:#555}

.nrx-item:hover .nrx-icon{transform:scale(1.22) translateY(-3px)}

.nrx-item.is-active .nrx-count{background:var(--nrx-main);color:#fff}
.nrx-item.is-active .nrx-label{color:var(--nrx-main);font-weight:700}
.nrx-item.is-busy{opacity:.6;pointer-events:none}
.nrx-item.is-pop .nrx-icon{animation:nrx-pop .35s ease}
@keyframes nrx-pop{0%{transform:scale(1)}40%{transform:scale(1.5) translateY(-4px)}100%{transform:scale(1)}}

.nrx-hide-zero .is-zero .nrx-count{visibility:hidden}

.nrx-total{margin-top:6px;font-size:12px;color:#666}

/* Dhivehi (Thaana): right-to-left, Thaana font, roomier line height */
.nrx-lang-dv .nrx-prompt,
.nrx-lang-dv .nrx-label,
.nrx-lang-dv .nrx-total{
	font-family:var(--nrx-font-dv);
	line-height:1.7;
}
.nrx-lang-dv .nrx-prompt{font-size:16px}
.nrx-lang-dv .nrx-label{font-size:14px}
.nrx-lang-dv .nrx-total{font-size:14px}

/* When a theme wraps the thumbnail in a link */
a .nrx, a .nrx *{text-decoration:none}

@media (max-width:480px){
	.nrx-list{gap:4px 4px}
	.nrx-item{min-width:46px;padding:4px 2px}
	.nrx-label{font-size:11px}
}
@media (prefers-reduced-motion:reduce){
	.nrx-item:hover .nrx-icon{transform:none}
	.nrx-item.is-pop .nrx-icon{animation:none}
}