/* Public comment layout and shared controls. */
.mnc-comments {
	--mnc-accent: var(--wp--preset--color--primary, #1877f2);
	--mnc-light-surface: var(--wp--preset--color--base, #f0f2f5);
	--mnc-light-form-surface: #f2f2f2;
	--mnc-light-text: var(--wp--preset--color--contrast, #1c1e21);
	--mnc-light-muted: #65676b;
	--mnc-light-bg: var(--wp--preset--color--base, #fff);
	--mnc-light-border: #dfe3e8;
	--mnc-light-thread: #d6d9de;
	--mnc-text-color: var(--mnc-light-text);
	--mnc-border-color: var(--mnc-light-border);
	--mnc-surface: var(--mnc-light-surface);
	--mnc-form-surface: var(--mnc-light-form-surface);
	--mnc-text: var(--mnc-text-color);
	--mnc-muted: var(--mnc-light-muted);
	--mnc-bg: var(--mnc-light-bg);
	--mnc-border: var(--mnc-border-color);
	--mnc-thread: var(--mnc-light-thread);
	--mnc-thread-size: 1px;
	--mnc-radius: 18px;
	--mnc-bubble-padding: 12px;
	--mnc-avatar: 36px;
	--mnc-voter-avatar: 24px;
	--mnc-comment-gap: .65rem;
	--mnc-reply-indent: 16px;
	--mnc-indent: var(--mnc-reply-indent);
	--mnc-max-width: 760px;
	--mnc-skeleton-bg: rgba(28, 30, 33, .08);
}

:where(.mnc-comments)[data-mnc-comments-root] {
	box-sizing: border-box;
	inline-size: 100%;
	max-inline-size: var(--mnc-max-width);
	margin-block: 2rem;
	margin-inline: auto;
	color: var(--mnc-text);
	background: var(--mnc-bg);
	font-family: inherit;
	font-size: 15px;
	line-height: 1.35;
}
:where(.mnc-comments).mnc-theme-light { color-scheme: light; }
:where(.mnc-comments) *, :where(.mnc-comments) *::before, :where(.mnc-comments) *::after { box-sizing: inherit; }
:where(.mnc-comments) svg { width: 16px; height: 16px; }
:where(.mnc-comments) svg:not(.mnc-more-menu__icon):not(.mnc-vote__icon):not(.mnc-reaction__icon):not(.mnc-reaction-picker__empty-icon):not([data-testid="icon-verified"]):not(.lucide-bell):not(.mnc-role-badge-icon):not(.icon-tabler-share-2):not(.mnc-pinned-icon) { width: 1em; height: 1em; }
:where(.mnc-comments) .lucide-bell { width: 18px; height: 18px; fill:none;}
:where(.mnc-comments) button, :where(.mnc-comments) input, :where(.mnc-comments) textarea, :where(.mnc-comments) select { font: inherit; }
:where(.mnc-comments) button, :where(.mnc-comments) a { -webkit-tap-highlight-color: transparent; }
:where(.mnc-comments) button:focus-visible, :where(.mnc-comments) a:focus-visible, :where(.mnc-comments) input:focus-visible, :where(.mnc-comments) select:focus-visible,
:where(.mnc-comments) [role="button"]:focus-visible { outline: 3px solid color-mix(in srgb, var(--mnc-accent) 35%, transparent); outline-offset: 2px; }
:where(.mnc-comments) .mnc-comments__topbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-block-end: 1rem; }
:where(.mnc-comments) .mnc-comments__title { margin: 0; color: var(--mnc-text); font-size: 1.2rem; font-weight: 750; letter-spacing: -.015em; }
:where(.mnc-comments) .mnc-sort { display: inline-flex; align-items: center; gap: .35rem; color: var(--mnc-muted); position: relative; }
:where(.mnc-comments) .mnc-sort-dropdown { position: relative; }
:where(.mnc-comments) .mnc-sort-dropdown__trigger { display: flex; align-items: center; gap: .5rem; border: 0; padding: .35rem .25rem; color: var(--mnc-text); background: transparent; font-weight: 650; cursor: pointer; }
:where(.mnc-comments) .mnc-sort-dropdown__menu { position: absolute; inset-inline-end: 0; inset-block-start: calc(100% + .5rem); z-index: 100; min-width: 180px; padding: .5rem 0; background: var(--mnc-bg); border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1), 0 0 0 1px var(--mnc-border); display: flex; flex-direction: column; }
:where(.mnc-comments) .mnc-sort-dropdown__menu[hidden] { display: none !important; }
:where(.mnc-comments) .mnc-sort-dropdown__item { display: flex; align-items: center; width: 100%; padding: .6rem 1rem; border: 0; background: transparent; color: var(--mnc-text); font-size: .95rem; font-weight: 500; cursor: pointer; text-align: start; transition: background-color 0.2s, color 0.2s; }
:where(.mnc-comments) .mnc-sort-dropdown__item:hover, :where(.mnc-comments) .mnc-sort-dropdown__item:focus-visible { background: color-mix(in srgb, var(--mnc-text) 5%, transparent); color: var(--mnc-text); }
:where(.mnc-comments) .mnc-sort-dropdown__item.is-active { font-weight: 700; background: color-mix(in srgb, var(--mnc-text) 4%, transparent); }
:where(.mnc-comments) .mnc-composer-tools { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .08rem; color: var(--mnc-muted); }
:where(.mnc-comments) .mnc-notice { margin: .75rem 0; padding: .65rem .85rem; border-radius: 10px; color: #0b5d36; background: #e7f7ee; font-size: .85rem; }
:where(.mnc-comments) .mnc-notice.is-error { color: #8a1c1c; background: #fdecec; }
:where(.mnc-comments) .mnc-comments__list { position: relative; isolation: isolate; }
:where(.mnc-comments) .mnc-comments__list.is-refreshing > :not(.mnc-comment-skeleton) { display: none; }
:where(.mnc-comments) .mnc-thread-item {
	--mnc-current-avatar: var(--mnc-avatar);
	--mnc-row-start: .55rem;
	position: relative;
	padding-block-start: var(--mnc-row-start);
}
:where(.mnc-comments) .mnc-replies .mnc-thread-item {
	--mnc-current-avatar: max(24px, calc(var(--mnc-avatar) - 6px));
	--mnc-row-start: .65rem;
}
:where(.mnc-comments) .mnc-comment {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: var(--mnc-current-avatar) minmax(0, 1fr);
	gap: var(--mnc-comment-gap);
	margin: 0;
	scroll-margin-top: 3rem;
}
:where(.mnc-comments) .mnc-comment__rail { position: relative; display: flex; justify-content: center; min-width: 0; }
:where(.mnc-comments) .mnc-comment__avatar-img {
	position: relative;
	z-index: 3;
	width: var(--mnc-current-avatar);
	height: var(--mnc-current-avatar);
	border: 1px solid color-mix(in srgb, var(--mnc-thread) 75%, transparent);
	border-radius: 50%;
	background: var(--mnc-bg);
	object-fit: cover;
}
:where(.mnc-comments) .mnc-avatar-initials {
	display: inline-grid;
	place-items: center;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	flex-shrink: 0;
	padding: 0;
	background: var(--mnc-avatar-initials-bg, #dddddd);
	font-weight: 400;
	color: var(--mnc-avatar-initials-text, #161616);
	letter-spacing: .02em;
	line-height: 1;
	text-align: center;
	text-indent: 0;
	user-select: none;
	border: none;
}
:where(.mnc-comments) .mnc-comment__thread-line {
	position: absolute;
	z-index: 0;
	display: none;
	inset-block: calc(var(--mnc-current-avatar) / 2) 0;
	inset-inline-start: calc(50% - (var(--mnc-thread-size) / 2));
	inline-size: var(--mnc-thread-size);
	background: var(--mnc-thread);
}
:where(.mnc-comments) .mnc-thread-item:has(> .mnc-replies) > .mnc-comment > .mnc-comment__rail > .mnc-comment__thread-line { display: block; }
:where(.mnc-comments) .mnc-thread-item:has(> .mnc-replies:not([hidden])) > .mnc-comment > .mnc-comment__rail > .mnc-comment__thread-line { inset-block-end: -1rem; }
:where(.mnc-comments) .mnc-thread-item:has(> .mnc-replies[hidden]) > .mnc-comment > .mnc-comment__rail > .mnc-comment__thread-line { inset-block-end: calc(26px + .4rem); }
:where(.mnc-comments) .mnc-comment__main { position: relative; min-width: 0; }
:where(.mnc-comments) .mnc-comment__bubble {
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	padding: var(--mnc-bubble-padding);
	border-radius: var(--mnc-radius);
	color: var(--mnc-text);
	background: var(--mnc-surface);
	overflow-wrap: anywhere;
}
:where(.mnc-comments) .mnc-comment__bubble:has(.mnc-more-menu) { padding-inline-end: max(var(--mnc-bubble-padding), 2.5rem); }
:where(.mnc-comments) .mnc-comment__header { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; margin-block-end: .05rem; }
:where(.mnc-comments) .mnc-comment__author, :where(.mnc-comments) .mnc-comment__author a { color: var(--mnc-text); font-size: .9rem; font-weight: 750; text-decoration: none; }
:where(.mnc-comments) .mnc-comment__header .mnc-comment__time { font-size: .75rem; }
:where(.mnc-comments) .mnc-comment__date-row { flex-basis: 100%; line-height: 1; }
:where(.mnc-comments) .mnc-comment__time--before-content, :where(.mnc-comments) .mnc-comment__time--after-content { display: inline-block; font-size: .75rem; }
:where(.mnc-comments) .mnc-comment__time--before-content { margin-block-end: .18rem; }
:where(.mnc-comments) .mnc-comment__time--after-content { margin-block-start: .22rem; }
:where(.mnc-comments) .mnc-comment__content { font-size: .95rem; text-align: start; }
:where(.mnc-comments) .mnc-comment__content > :first-child { margin-block-start: 0; }
:where(.mnc-comments) .mnc-comment__content > :last-child { margin-block-end: 0; }
:where(.mnc-comments) .mnc-comment__content p { margin: .12rem 0; }
:where(.mnc-comments) .mnc-comment__content ul, :where(.mnc-comments) .mnc-comment__content ol { margin: .45rem 0; padding-inline-start: 1.5rem; }
:where(.mnc-comments) .mnc-comment__content li + li { margin-block-start: .18rem; }
:where(.mnc-comments) .mnc-comment__content blockquote { margin: .5rem 0; padding: .45rem .75rem; border-inline-start: 3px solid var(--mnc-border); color: var(--mnc-muted); background: color-mix(in srgb, var(--mnc-bg) 45%, transparent); }
:where(.mnc-comments) .mnc-comment__content code { padding: .08rem .28rem; border-radius: 4px; background: color-mix(in srgb, var(--mnc-bg) 60%, transparent); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .88em; }
:where(.mnc-comments) .mnc-comment__content pre { max-width: 100%; margin: .55rem 0; padding: .7rem .8rem; border: 1px solid var(--mnc-border); border-radius: 8px; background: color-mix(in srgb, var(--mnc-bg) 72%, #000 8%); overflow: auto; max-height: 350px; white-space: pre; tab-size: 4; }
:where(.mnc-comments) .mnc-code-wrapper { position: relative; margin: .55rem 0; }
:where(.mnc-comments) .mnc-code-wrapper pre { margin: 0; }
:where(.mnc-comments) .mnc-copy-code-btn { position: absolute; inset-block-start: 8px; inset-inline-end: 8px; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; border: 1px solid var(--mnc-border); border-radius: 4px; color: var(--mnc-muted); background: var(--mnc-bg); cursor: pointer; opacity: 0; transition: opacity .2s, background .2s, color .2s; z-index: 10; }
:where(.mnc-comments) .mnc-code-wrapper:hover .mnc-copy-code-btn, :where(.mnc-comments) .mnc-copy-code-btn:focus-visible { opacity: 1; }
:where(.mnc-comments) .mnc-copy-code-btn:hover { color: var(--mnc-text); background: var(--mnc-form-surface); }
:where(.mnc-comments) .mnc-copy-code-btn svg { width: 14px; height: 14px; fill: currentColor; }
:where(.mnc-comments) .mnc-comment__content pre code { padding: 0; border-radius: 0; color: inherit; background: transparent; font-size: .82rem; }
:where(.mnc-comments) .mnc-has-read-more { max-height: var(--mnc-read-more-height, 300px); overflow: hidden; position: relative; padding-bottom: 30px; }
:where(.mnc-comments) .mnc-has-read-more::after { content: ''; position: absolute; inset-block-end: 0; inset-inline: 0; height: 100px; background: linear-gradient(to bottom, transparent, var(--mnc-surface) 90%); pointer-events: none; border-end-start-radius: var(--mnc-radius); border-end-end-radius: var(--mnc-radius); z-index: 1; }
:where(.mnc-comments) .mnc-read-more-btn { position: absolute; inset-block-end: 0; inset-inline: 0; color: var(--mnc-accent); cursor: pointer; font-weight: 600; text-align: center; display: block; z-index: 2; padding: 5px; }
:where(.mnc-comments) .mnc-read-more-btn:hover { text-decoration: underline; }
:where(.mnc-comments) .mnc-badge { display: inline-flex; align-items: center; gap: .2rem; padding: .05rem .38rem; border-radius: 8px; color: #0759ad; background: #ddebff; font-size: .65rem; font-weight: 750; }
:where(.mnc-comments) .mnc-badge--staff { color: #5f3b00; background: #fff0ca; }
:where(.mnc-comments) .mnc-badge--pinned { color: #000; background: transparent; padding: 0; }
:where(.mnc-comments) span.mnc-badge.mnc-badge--pinned svg { width: 14px; height: 14px; }
:where(.mnc-comments) .mnc-badge svg { width: .75rem; height: .75rem; }
:where(.mnc-comments) .mnc-comment__pending { margin: .4rem 0 0; color: #7a4b00; font-size: .75rem; font-style: italic; }
:where(.mnc-comments) .mnc-comment__actions { position: relative; display: flex; align-items: center; gap: 1rem; min-height: 28px; padding-block: var(--mnc-actions-padding-top) var(--mnc-actions-padding-bottom); padding-inline: var(--mnc-actions-padding-left) var(--mnc-actions-padding-right); color: var(--mnc-muted); font-size: .8rem; font-weight: 650; }
:where(.mnc-comments) .mnc-comment__time { color: var(--mnc-muted); font-weight: 400; text-decoration: none; }
:where(.mnc-comments) .mnc-action, :where(.mnc-comments) .mnc-comment__actions .comment-reply-link { padding: 0; border: 0; color: var(--mnc-muted); background: transparent; font-weight: 650; text-decoration: none; cursor: pointer; }
:where(.mnc-comments) .mnc-action:hover, :where(.mnc-comments) .mnc-comment__actions .comment-reply-link:hover, :where(.mnc-comments) .mnc-action.is-selected { color: var(--mnc-accent); text-decoration: underline; }
:where(.mnc-comments) .mnc-share-menu, :where(.mnc-comments) .mnc-more-menu { position: relative; }
:where(.mnc-comments) .mnc-more-menu { position: absolute; z-index: 8; inset-block-start: .35rem; inset-inline-end: .45rem; }
:where(.mnc-comments) .mnc-more-menu__trigger { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--mnc-muted); font-size: 1.15rem; font-weight: 700; line-height: 1; cursor: pointer; user-select: none; }
:where(.mnc-comments) .mnc-more-menu__trigger:hover { color: var(--mnc-text); background: color-mix(in srgb, var(--mnc-muted) 10%, transparent); }
:where(.mnc-comments) .mnc-action-menu {
	position: absolute;
	z-index: 60;
	inset-block-start: calc(100% + .3rem);
	min-width: 180px;
	padding: .3rem;
	border: 1px solid var(--mnc-border);
	border-radius: 10px;
	color: var(--mnc-text);
	background: var(--mnc-bg);
	box-shadow: 0 10px 28px rgba(28, 30, 33, .16);
}
:where(.mnc-comments) .mnc-action-menu[hidden] { display: none !important; }
:where(.mnc-comments) .mnc-action-menu--more { inset-inline-end: 0; }
:where(.mnc-comments) .mnc-action-menu--share { inset-inline-start: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 250px; }
:where(.mnc-comments) .mnc-action-menu__item { display: flex; align-items: center; gap: .5rem; min-width: 0; padding: .48rem .55rem; border-radius: 7px; color: var(--mnc-text); background: transparent; font-size: .8rem; font-weight: 550; text-decoration: none; white-space: nowrap; cursor: pointer; user-select: none; }
:where(.mnc-comments) .mnc-action-menu--more .mnc-action-menu__item > span[aria-hidden="true"]:first-child { display: inline-flex; flex: 0 0 16px; align-items: center; justify-content: center; width: 16px; height: 16px; line-height: 0; }
:where(.mnc-comments) .mnc-action-menu--more .mnc-action-menu__item > span[aria-hidden="true"]:first-child svg { display: block; flex: 0 0 auto; margin: 0; }
:where(.mnc-comments) .mnc-action-menu__item:hover, :where(.mnc-comments) .mnc-action-menu__item:focus-visible { color: var(--mnc-text); background: color-mix(in srgb, var(--mnc-text) 6%, transparent); text-decoration: none; }
:where(.mnc-comments) .mnc-action-menu__item--danger { color: #d32f2f; }
:where(.mnc-comments) .mnc-action-menu__item--danger:hover { color: #c62828; background: #ffebee; }
:where(.mnc-comments) .mnc-action-menu__divider { height: 1px; background: var(--mnc-border); margin: .25rem 0; }
:where(.mnc-comments) .mnc-action-menu__icon { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; color: var(--mnc-muted); background: var(--mnc-surface); font-size: .66rem; font-weight: 750; text-transform: none; }
:where(.mnc-comments) .mnc-comment:has([data-mnc-menu].is-open) { z-index: 50; }
:where(.mnc-comments) .mnc-comment__video { margin-block-start: .75rem; border-radius: 12px; overflow: hidden; background: var(--mnc-surface); width: 100%; line-height: 0; }
:where(.mnc-comments) .mnc-comment__video iframe { display: block; aspect-ratio: 16 / 9; width: 100%; height: auto; border: 0; }
:where(.mnc-comments) .mnc-comment__video--link { padding: .75rem; }
:where(.mnc-comments) .mnc-thread-toggle { position: relative; display: flex; align-items: center; width: fit-content; max-width: 100%; margin-block: .22rem 0; margin-inline: .75rem 0; padding-block: .2rem; padding-inline: .15rem .4rem; border: 0; border-radius: 18px; color: var(--mnc-muted); background: transparent; font-size: .78rem; text-align: start; cursor: pointer; user-select: none; }
:where(.mnc-comments) .mnc-thread-item > .mnc-comment .mnc-thread-toggle::before {
	content: "";
	position: absolute;
	z-index: 0;
	inset-block-start: 0;
	inset-inline-start: calc((-1 * ((var(--mnc-current-avatar) / 2) + var(--mnc-comment-gap) + .75rem)) - (var(--mnc-thread-size) / 2));
	inline-size: calc((var(--mnc-current-avatar) / 2) + var(--mnc-comment-gap) + .75rem + (var(--mnc-thread-size) / 2));
	block-size: calc((26px + .4rem) / 2);
	border-block-end: var(--mnc-thread-size) solid var(--mnc-thread);
	border-inline-start: var(--mnc-thread-size) solid var(--mnc-thread);
	border-end-start-radius: 12px;
	pointer-events: none;
}
:where(.mnc-comments) .mnc-thread-toggle:hover { color: var(--mnc-accent); background: color-mix(in srgb, var(--mnc-surface) 72%, transparent); }
:where(.mnc-comments) .mnc-thread-toggle__avatars { display: flex; flex-direction: row-reverse; justify-content: flex-end; min-width: 30px; margin-inline-end: .45rem; padding-inline-start: 0; }
:where(.mnc-comments) .mnc-thread-toggle.is-expanded .mnc-thread-toggle__avatars { display: none; }
:where(.mnc-comments) .mnc-thread-toggle__avatar { position: relative; width: 26px; height: 26px; margin-inline-start: 0; border: 2px solid var(--mnc-bg); border-radius: 50%; object-fit: cover; background: var(--mnc-surface); }
:where(.mnc-comments) .mnc-thread-toggle__avatars:has(> :nth-child(2)) { padding-inline-start: 12px; }
:where(.mnc-comments) .mnc-thread-toggle__avatars:has(> :nth-child(2)) > .mnc-thread-toggle__avatar { margin-inline-start: -12px; }
:where(.mnc-comments) .mnc-thread-toggle__label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(.mnc-comments) .mnc-thread-toggle__icon { margin-inline-start: 4px; transition: transform 0.2s ease; }
:where(.mnc-comments) .mnc-thread-toggle.is-expanded .mnc-thread-toggle__icon { transform: rotate(180deg); }
:where(.mnc-comments) .mnc-replies > .mnc-thread-item:not(:last-child)::before {
	content: "";
	position: absolute;
	z-index: 0;
	inline-size: var(--mnc-thread-size);
	background: var(--mnc-thread);
}
:where(.mnc-comments) .mnc-thread-item > .mnc-replies {
	--mnc-parent-avatar-size: var(--mnc-avatar);
	--mnc-parent-rail-offset: calc((var(--mnc-parent-avatar-size) / 2) + var(--mnc-comment-gap) + var(--mnc-indent));
}
:where(.mnc-comments) .mnc-replies .mnc-thread-item > .mnc-replies {
	--mnc-parent-avatar-size: max(24px, calc(var(--mnc-avatar) - 6px));
}
:where(.mnc-comments) .mnc-replies {
	position: relative;
	margin: 0;
	margin-inline-start: calc(var(--mnc-parent-avatar-size) + var(--mnc-comment-gap) + var(--mnc-indent));
}
:where(.mnc-comments) .mnc-replies[hidden] { display: none !important; }
:where(.mnc-comments) .mnc-replies > .mnc-thread-item::after {
	content: "";
	position: absolute;
	z-index: 0;
	inset-block-start: calc(-1 * var(--mnc-thread-size));
	inset-inline-start: calc((-1 * var(--mnc-parent-rail-offset)) - (var(--mnc-thread-size) / 2));
	inline-size: calc(var(--mnc-parent-rail-offset) + (var(--mnc-current-avatar) / 2) + (var(--mnc-thread-size) / 2));
	block-size: calc(var(--mnc-row-start) + (var(--mnc-current-avatar) / 2) + var(--mnc-thread-size));
	border-block-end: var(--mnc-thread-size) solid var(--mnc-thread);
	border-inline-start: var(--mnc-thread-size) solid var(--mnc-thread);
	border-end-start-radius: 14px;
}
:where(.mnc-comments) .mnc-replies > .mnc-thread-item:not(:last-child)::before {
	inset-block: calc(var(--mnc-row-start) + (var(--mnc-current-avatar) / 5)) 0;
	inset-inline-start: calc((-1 * var(--mnc-parent-rail-offset)) - (var(--mnc-thread-size) / 2));
}
:where(.mnc-comments) .mnc-main-form-wrapper { display: block; }
:where(.mnc-comments)[data-mnc-comments-root].mnc-js .mnc-main-form-wrapper { display: none; }
:where(.mnc-comments) .mnc-main-trigger-avatar { width: var(--mnc-avatar, 36px); height: var(--mnc-avatar, 36px); border-radius: 50%; object-fit: cover; }
:where(.mnc-comments) .mnc-main-trigger-input { flex-grow: 1; color: var(--mnc-muted); font-size: 15px; }
:where(.mnc-comments) .mnc-empty { display: grid; justify-items: center; padding: 2.5rem 1rem; color: var(--mnc-muted); text-align: center; }
:where(.mnc-comments) .mnc-empty__icon { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: .7rem; border-radius: 50%; color: var(--mnc-accent); background: color-mix(in srgb, var(--mnc-accent) 10%, transparent); font-size: 1.6rem; }
:where(.mnc-comments) .mnc-empty strong { color: var(--mnc-text); font-size: 1rem; }
:where(.mnc-comments) .mnc-empty p { margin: .2rem 0 0; font-size: .85rem; }
:where(.mnc-comments) .mnc-load-more-wrap { padding: .9rem 0; text-align: center; }
:where(.mnc-comments) button.mnc-load-more { border: 1px solid #e3e8ee; width: fit-content; padding: 6px 12px; font-size: 13px; border-radius: 6px; line-height: 18px; color: var(--mnc-text); background: transparent; font-weight: 500; cursor: pointer; margin: 0 auto; display: block; }
:where(.mnc-comments) button.mnc-load-more:hover { color: var(--mnc-accent); background: #f0f3f5; }
:where(.mnc-comments) .mnc-load-more:disabled { opacity: .6; cursor: wait; }
:where(.mnc-comments) .mnc-comment-skeleton {
	--mnc-current-avatar: var(--mnc-avatar);
	display: grid;
	grid-template-columns: var(--mnc-current-avatar) minmax(0, 1fr);
	gap: var(--mnc-comment-gap);
	padding-block-start: .55rem;
	animation: mnc-skeleton-pulse 1.4s ease-in-out infinite;
}
:where(.mnc-comments) .mnc-skeleton-avatar { width: var(--mnc-current-avatar); height: var(--mnc-current-avatar); border-radius: 50%; background: var(--mnc-skeleton-bg); }
:where(.mnc-comments) .mnc-skeleton-main { min-width: 0; }
:where(.mnc-comments) .mnc-skeleton-bubble { padding: var(--mnc-bubble-padding); border-radius: var(--mnc-radius); background: var(--mnc-surface); }
:where(.mnc-comments) .mnc-skeleton-line { display: block; width: 100%; height: .72rem; margin-block-end: .55rem; border-radius: 999px; background: var(--mnc-skeleton-bg); }
:where(.mnc-comments) .mnc-skeleton-line--name { width: 32%; }
:where(.mnc-comments) .mnc-skeleton-line--meta { width: 20%; height: .56rem; margin-block-end: .9rem; }
:where(.mnc-comments) .mnc-skeleton-line--short { width: 64%; margin-block-end: 0; }
:where(.mnc-comments) .mnc-skeleton-actions { display: flex; gap: 1rem; min-height: 28px; padding-block: .55rem; }
:where(.mnc-comments) .mnc-skeleton-actions span { width: 42px; height: .6rem; border-radius: 999px; background: var(--mnc-skeleton-bg); }
@keyframes mnc-skeleton-pulse { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
:where(.mnc-comments) .mnc-comment.is-linked { animation: mnc-highlight 2.5s ease-out; }
@keyframes mnc-highlight { 0%, 25% { filter: drop-shadow(0 0 8px color-mix(in srgb, var(--mnc-accent) 50%, transparent)); } 100% { filter: none; } }
:where(.mnc-comments).mnc-theme-dark { --mnc-text:#edf0f5; --mnc-muted:#aeb6c2; --mnc-bg:#18191a; --mnc-surface:#2d2f31; --mnc-form-surface:#242526; --mnc-border:#404347; --mnc-thread:#4a4e53; --mnc-skeleton-bg:rgba(255, 255, 255, .12); }
@media (prefers-color-scheme: dark) {

	:where(.mnc-comments).mnc-theme-automatic { --mnc-text:#edf0f5; --mnc-muted:#aeb6c2; --mnc-bg:#18191a; --mnc-surface:#2d2f31; --mnc-form-surface:#242526; --mnc-border:#404347; --mnc-thread:#4a4e53; --mnc-skeleton-bg:rgba(255, 255, 255, .12); }
}

@media (max-width: 600px) {

	:where(.mnc-comments)[data-mnc-comments-root] { --mnc-comment-gap: .45rem; --mnc-reply-indent: .3rem; font-size: 14px; }
	:where(.mnc-comments) .mnc-comment__actions { gap: .72rem; }
	:where(.mnc-comments) .mnc-action-menu--share { inset-inline-start: auto; inset-inline-end: 0; grid-template-columns: 1fr; min-width: 190px; }
}

@media (prefers-reduced-motion: reduce) {

	:where(.mnc-comments) *, :where(.mnc-comments) *::before, :where(.mnc-comments) *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
	:where(.mnc-comments) .mnc-comment-skeleton { animation: none; }
}


:where(.mnc-comments) .mnc-role-icon {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-inline-start: 0;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 4px;
	padding: 2px;
	transition: background-color .15s, color .15s;
}
:where(.mnc-comments) .mnc-role-icon:hover {
	background-color: color-mix(in srgb, currentColor 8%, transparent);
}
:where(.mnc-comments) .mnc-role-icon svg {
	width: 15px;
	height: 15px;
	display: block;
	fill: currentColor;
}
:where(.mnc-comments) .mnc-role-badges-stack {
	display: inline-flex;
	align-items: center;
	padding-inline-start: 12px;
	margin-inline-end: 4px;
}
:where(.mnc-comments) .mnc-role-badges-stack .mnc-role-icon {
	background-color: #ffffff;
	border: 1px solid #dedede;
	border-radius: 50%;
	margin-inline-start: -12px;
	z-index: 1;
	transition: z-index 0.2s, transform 0.2s;
	padding: 3px;
}
:where(.mnc-comments) .mnc-role-badges-stack .mnc-role-icon:hover {
	z-index: 10;
	transform: scale(1.15);
	background-color: #ffffff; /* keep background on hover */
}
:where(.mnc-comments) .mnc-role-badges-stack .mnc-role-icon svg {
	width: 11px;
	height: 11px;
}
:where(.mnc-comments) .mnc-role-icon--admin { color: var(--mnc-role-color-admin, #e11d48); }
:where(.mnc-comments) .mnc-role-icon--staff { color: var(--mnc-role-color-staff, #ea580c); }
:where(.mnc-comments) .mnc-role-icon--author { color: var(--mnc-role-color-author, #2563eb); }
:where(.mnc-comments) .mnc-comment__avatar-wrapper { position: relative; display: flex; align-self: flex-start; }

/* CSS Tooltip */
:where(.mnc-comments) .mnc-role-icon[data-mnc-tooltip]::after {
	content: attr(data-mnc-tooltip);
	position: absolute;
	bottom: 100%;
	inset-inline-start: 50%;
	transform: translateX(-50%) translateY(-6px);
	background: #1c1e21;
	color: #fff;
	font-size: .65rem;
	font-weight: 600;
	padding: .25rem .45rem;
	border-radius: 5px;
	white-space: nowrap;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity .15s, transform .15s;
	box-shadow: 0 4px 12px rgba(0,0,0,.15);
	z-index: 99;
}
:where(.mnc-comments) .mnc-role-icon[data-mnc-tooltip]:hover::after {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(-2px);
}
:where(.mnc-comments).mnc-theme-dark .mnc-role-icon--admin { color: var(--mnc-role-color-admin, #fb7185); }
:where(.mnc-comments).mnc-theme-dark .mnc-role-icon--staff { color: var(--mnc-role-color-staff, #ff7849); }
:where(.mnc-comments).mnc-theme-dark .mnc-role-icon--author { color: var(--mnc-role-color-author, #60a5fa); }
:where(.mnc-comments).mnc-theme-dark .mnc-role-icon[data-mnc-tooltip]::after {
	background: #e4e6eb;
	color: #1c1e21;
}
@media (prefers-color-scheme: dark) {

	:where(.mnc-comments).mnc-theme-automatic .mnc-role-icon--admin { color: var(--mnc-role-color-admin, #fb7185); }
	:where(.mnc-comments).mnc-theme-automatic .mnc-role-icon--staff { color: var(--mnc-role-color-staff, #ff7849); }
	:where(.mnc-comments).mnc-theme-automatic .mnc-role-icon--author { color: var(--mnc-role-color-author, #60a5fa); }
	:where(.mnc-comments).mnc-theme-automatic .mnc-role-icon[data-mnc-tooltip]::after {
		background: #e4e6eb;
		color: #1c1e21;
	}
}


/* Avatar Stack */
:where(.mnc-comments) .mnc-avatar-stack-container { width: 100%; box-sizing: border-box; margin-block-end: 1rem; }
:where(.mnc-comments) .mnc-avatar-stack-pill {
	display: inline-flex;
	align-items: center;
	background: var(--mnc-bg, #ffffff);
	border: 1px solid var(--mnc-border, #e5e7eb);
	border-radius: 50px;
	padding-block: 4px;
	padding-inline: 4px 16px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
:where(.mnc-comments) .mnc-avatar-stack { display: flex; align-items: center; padding-inline-start: 17px; }
:where(.mnc-comments) .mnc-avatar-stack-text {
	font-size: 13px;
	color: var(--mnc-text-muted, #6b7280);
	margin-inline-start: 12px;
	white-space: nowrap;
}
:where(.mnc-comments) .mnc-avatar-stack-text strong {
	color: var(--mnc-text, #111827);
	font-weight: 600;
}
:where(.mnc-comments) .mnc-avatar-stack__item { position: relative; border-radius: 50%; border: 2px solid var(--mnc-bg); margin-inline-start: -17px; transition: transform .2s ease, z-index .2s; text-decoration: none; display: block; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
:where(.mnc-comments) .mnc-avatar-stack__item:first-child { margin-inline-start: 0; }
:where(.mnc-comments) .mnc-avatar-stack__item:hover { transform: translateY(-4px) scale(1.15); z-index: 10; border-color: var(--mnc-accent); }
:where(.mnc-comments) .mnc-avatar-stack__img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: block; }

/* Tooltip for Avatar Stack */
:where(.mnc-comments) .mnc-avatar-stack__item[data-mnc-tooltip]::after {
	content: attr(data-mnc-tooltip);
	position: absolute;
	bottom: 100%;
	inset-inline-start: 50%;
	transform: translateX(-50%) translateY(-6px);
	background: #1c1e21;
	color: #fff;
	font-size: .7rem;
	font-weight: 600;
	padding: .3rem .55rem;
	border-radius: 5px;
	white-space: nowrap;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity .15s, transform .15s;
	box-shadow: 0 4px 12px rgba(0,0,0,.15);
	z-index: 99;
}
:where(.mnc-comments) .mnc-avatar-stack__item[data-mnc-tooltip]:hover::after {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(-2px);
}
:where(.mnc-comments).mnc-theme-dark .mnc-avatar-stack__item[data-mnc-tooltip]::after { background: #e4e6eb; color: #1c1e21; }
@media (prefers-color-scheme: dark) {

	:where(.mnc-comments).mnc-theme-automatic .mnc-avatar-stack__item[data-mnc-tooltip]::after { background: #e4e6eb; color: #1c1e21; }
}


/* Highlight effect for target comment */
:where(.mnc-comments) .mnc-highlight {
	animation: mnc-highlight-anim 2s ease-out forwards;
	border-radius: var(--mnc-radius);
}
@keyframes mnc-highlight-anim {
	0% { box-shadow: 0 0 0 4px color-mix(in srgb, var(--mnc-accent) 40%, transparent); background-color: color-mix(in srgb, var(--mnc-accent) 10%, transparent); }
	100% { box-shadow: 0 0 0 0 transparent; background-color: transparent; }
}

/* Modals */
:where(.mnc-comments) .mnc-modal { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 1rem; }
:where(.mnc-comments) .mnc-modal[hidden] { display: none !important; }
:where(.mnc-comments) .mnc-modal__backdrop { position: absolute; inset: 0; background: var(--mnc-modal-backdrop, rgba(0, 0, 0, 0.4)); backdrop-filter: blur(2px); cursor: pointer; }
:where(.mnc-comments) .mnc-modal__dialog { position: relative; background: var(--mnc-modal-bg, #ffffff); border-radius: var(--mnc-modal-radius, 16px); padding: var(--mnc-modal-padding, 24px); width: 100%; max-width: 440px; box-shadow: 0 10px 40px rgba(0,0,0,0.2); animation: mnc-modal-pop 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
:where(.mnc-comments) .mnc-modal__title { margin: 0 0 12px 0; font-size: var(--mnc-modal-title-size, 20px); font-weight: 700; color: var(--mnc-modal-text, #111827); line-height: 1.3; }
:where(.mnc-comments) .mnc-modal__desc { margin: 0 0 24px 0; font-size: var(--mnc-modal-desc-size, 15px); color: var(--mnc-modal-text, #6b7280); line-height: 1.5; font-weight: 600; }
:where(.mnc-comments) .mnc-modal__actions { display: flex; justify-content: flex-end; gap: 12px; }
:where(.mnc-comments) .mnc-modal__btn { appearance: none; display: inline-flex; justify-content: center; align-items: center; padding: var(--mnc-modal-btn-pad-y, 10px) var(--mnc-modal-btn-pad-x, 18px); border-radius: var(--mnc-modal-btn-radius, 20px); font-size: calc(var(--mnc-modal-btn-size, 15) * 1px); font-weight: 600; cursor: pointer; transition: all 0.2s; border: none; font-family: inherit; }
:where(.mnc-comments) .mnc-modal__btn--cancel { background: var(--mnc-modal-cancel-bg, transparent); border: 1px solid var(--mnc-border, #e5e7eb); color: var(--mnc-modal-cancel-text, #374151); }
:where(.mnc-comments) .mnc-modal__btn--cancel:hover { background: var(--mnc-modal-cancel-hover-bg, #f3f4f6); color: var(--mnc-modal-cancel-hover-text, #374151); }
:where(.mnc-comments) .mnc-modal__btn--primary { background: var(--mnc-modal-confirm-bg, #fee2e2); color: var(--mnc-modal-confirm-text, #dc2626); }
:where(.mnc-comments) .mnc-modal__btn--primary:hover { background: var(--mnc-modal-confirm-hover-bg, #fecaca); color: var(--mnc-modal-confirm-hover-text, #dc2626); }

:where(.mnc-comments).mnc-theme-dark .mnc-modal__dialog { border: 1px solid var(--mnc-border, #374151); }

@keyframes mnc-modal-pop {
	0% { opacity: 0; transform: scale(0.95); }
	100% { opacity: 1; transform: scale(1); }
}

/* Subscribe Menu Positioning */
:where(.mnc-comments) .mnc-subscribe-menu-wrapper {
	margin-inline-end: auto;
	position: relative;
}
:where(.mnc-comments) .mnc-subscribe-trigger {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	cursor: pointer;
	color: var(--mnc-muted);
	transition: background-color 0.2s, color 0.2s;
}
/* Comment Labels / Types */
:where(.mnc-comments) .mnc-labels-tabs {
	display: inline-flex;
	gap: 4px;
	margin-bottom: 24px;
	overflow-x: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
	background-color: #f7f7f7;
	padding: 4px;
	border-radius: 100px;
	max-width: 100%;
	-webkit-overflow-scrolling: touch;
}
:where(.mnc-comments) .mnc-labels-tabs::-webkit-scrollbar {
	display: none;
}
:where(.mnc-comments) .mnc-labels-tab {
	appearance: none;
	background: transparent;
	border: none;
	border-radius: 100px;
	color: #6b7280;
	cursor: pointer;
	font-family: inherit;
	font-size: 13px;
	font-weight: 500;
	padding: 6px 14px;
	white-space: nowrap;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}
:where(.mnc-comments) .mnc-labels-tab:hover {
	color: #111827;
}
:where(.mnc-comments) .mnc-labels-tab.is-active {
	background: #ffffff;
	color: #111827;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
:where(.mnc-comments) .mnc-labels-tab__count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #222222;
	color: #ffffff;
	font-size: 11px;
	font-weight: 600;
	min-width: 18px;
	height: 18px;
	border-radius: 100px;
	padding: 0 5px;
	line-height: 1;
}
:where(.mnc-comments).mnc-theme-dark .mnc-labels-tabs {
	background-color: rgba(255, 255, 255, 0.05);
}
:where(.mnc-comments).mnc-theme-dark .mnc-labels-tab.is-active {
	background: rgba(255, 255, 255, 0.1);
	color: #ffffff;
}
:where(.mnc-comments).mnc-theme-dark .mnc-labels-tab__count {
	background-color: #ffffff;
	color: #111827;
}
:where(.mnc-comments) .mnc-comment-label-select {
    appearance: none;
    background-color: transparent;
    border: 1px solid var(--mnc-border);
    border-radius: var(--mnc-radius);
    color: var(--mnc-text);
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    font-weight: 400;
    padding: 4px 8px;
    margin-inline-end: 12px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%239ca3af%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 14px;
    transition: border-color 0.2s, box-shadow 0.2s;
    height: auto;
    line-height: normal;
}
:where(.mnc-comments)[dir="rtl"] .mnc-comment-label-select,
[dir="rtl"] :where(.mnc-comments) .mnc-comment-label-select { background-position: left 8px center; }
:where(.mnc-comments) .mnc-comment-label-select:hover, :where(.mnc-comments) .mnc-comment-label-select:focus {
	border-color: var(--mnc-accent);
	outline: none;
}
:where(.mnc-comments).mnc-theme-dark .mnc-comment-label-select {
	background-color: var(--mnc-bg);
}
:where(.mnc-comments).mnc-theme-dark .mnc-comment-label-select option {
	background-color: var(--mnc-bg);
	color: var(--mnc-text);
}
:where(.mnc-comments) .mnc-comment__label-badge {
	display: inline-block;
	font-size: 11px;
	background: #ffffff;
	border: 1px solid var(--mnc-border);
	color: #6b7280;
	border-radius: 12px;
	padding: 2px 8px;
	margin-bottom: 5px;
	font-weight: 500;
	vertical-align: middle;
}
:where(.mnc-comments).mnc-theme-dark .mnc-comment__label-badge {
	background: var(--mnc-surface);
	color: #9ca3af;
}
:where(.mnc-comments) .mnc-subscribe-trigger:hover {
	background-color: var(--mnc-surface);
}
:where(.mnc-comments) .mnc-action-menu--subscribe {
	inset-block-start: auto; /* override default action menu positioning */
	bottom: calc(100% + 8px);
	inset-inline-start: 0;
	min-width: max-content;
	width: max-content;
	padding: 12px 14px;
	z-index: 10;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
:where(.mnc-comments) .mnc-subscribe-option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	font-size: 13px;
	cursor: pointer;
	white-space: nowrap;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

/* Subscribe Toggle */
:where(.mnc-comments) .mnc-toggle-switch {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 16px;
	flex-shrink: 0;
}
:where(.mnc-comments) .mnc-toggle-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
:where(.mnc-comments) .mnc-toggle-slider {
	position: absolute;
	cursor: pointer;
	inset: 0;
	background-color: #e5e7eb;
	transition: .3s;
	border-radius: 20px;
}
:where(.mnc-comments) .mnc-toggle-slider:before {
	position: absolute;
	content: "";
	height: 12px;
	width: 12px;
	inset-inline-start: 2px;
	inset-block-end: 2px;
	background-color: white;
	transition: .3s;
	border-radius: 50%;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
:where(.mnc-comments) .mnc-toggle-switch input:checked + .mnc-toggle-slider {
	background-color: #1f2937;
}
:where(.mnc-comments) .mnc-toggle-switch input:checked + .mnc-toggle-slider:before {
	transform: translateX(12px);
}

:where(.mnc-comments)[dir="rtl"] .mnc-toggle-switch input:checked + .mnc-toggle-slider:before,
[dir="rtl"] :where(.mnc-comments) .mnc-toggle-switch input:checked + .mnc-toggle-slider:before {
	transform: translateX(-12px);
}

:where(.mnc-comments) svg.icon-tabler-share-2 {
    width: 17px;
    height: 17px;
}

/* Comment search, multi-label picker, workflow badges and deferred loading. */
:where(.mnc-comments) .mnc-comment-search {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-block: 12px 16px;
	position: relative;
}
:where(.mnc-comments) .mnc-comment-search input[type="search"] {
	width: min(100%, 420px);
	min-height: 40px;
	padding: 8px 38px 8px 12px;
	border: 1px solid var(--mnc-border);
	border-radius: 10px;
	background: var(--mnc-form-surface, var(--mnc-bg));
	color: var(--mnc-text);
	font: inherit;
	box-sizing: border-box;
}
:where(.mnc-comments) .mnc-comment-search input[type="search"]:focus {
	outline: 2px solid color-mix(in srgb, var(--mnc-accent) 30%, transparent);
	outline-offset: 1px;
	border-color: var(--mnc-accent);
}
:where(.mnc-comments) .mnc-comment-search__clear {
	all: unset;
	position: absolute;
	inset-inline-start: min(calc(100% - 34px), 386px);
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	cursor: pointer;
	color: var(--mnc-muted);
	font-size: 20px;
	line-height: 1;
}
:where(.mnc-comments) .mnc-comment-search__clear[hidden] { display: none; }
:where(.mnc-comments) .mnc-comment-search__status {
	font-size: 12px;
	color: var(--mnc-muted);
	white-space: nowrap;
}
:where(.mnc-comments) .mnc-label-picker { position: relative; }
:where(.mnc-comments) .mnc-label-picker__menu {
	min-width: 210px;
	max-width: min(300px, 85vw);
	padding: 10px;
}
:where(.mnc-comments) .mnc-label-picker__option {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 7px 8px;
	border-radius: 7px;
	font-size: 13px;
	font-weight: 400;
	cursor: pointer;
}
:where(.mnc-comments) .mnc-label-picker__option:hover { background: color-mix(in srgb, var(--mnc-text) 6%, transparent); }
:where(.mnc-comments) .mnc-label-picker__menu small { display: block; padding: 6px 8px 2px; color: var(--mnc-muted); font-size: 11px; }
:where(.mnc-comments) .mnc-comment__meta-badges { display: inline-flex; flex-wrap: wrap; gap: 5px; align-items: center; }
:where(.mnc-comments) .mnc-comment__status-badge,
:where(.mnc-comments) .mnc-comment__accepted-badge {
	display: inline-flex;
	align-items: center;
	padding: 2px 7px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 650;
	line-height: 1.4;
	border: 1px solid var(--mnc-border);
	background: color-mix(in srgb, var(--mnc-accent) 8%, var(--mnc-bg));
	color: var(--mnc-text);
}
:where(.mnc-comments) .mnc-comment__accepted-badge {
	border-color: color-mix(in srgb, #16a34a 35%, var(--mnc-border));
	background: color-mix(in srgb, #16a34a 10%, var(--mnc-bg));
	color: color-mix(in srgb, #16a34a 75%, var(--mnc-text));
}
:where(.mnc-comments) .mnc-comment__accepted-row { margin-block-start: 3px; }
:where(.mnc-comments) .mnc-show-comments-wrap { display: flex; justify-content: center; padding-block: 18px; }
:where(.mnc-comments) .mnc-show-comments {
	appearance: none;
	border: 1px solid var(--mnc-border);
	border-radius: 999px;
	padding: 9px 18px;
	background: var(--mnc-bg);
	color: var(--mnc-text);
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}
:where(.mnc-comments) .mnc-show-comments:hover { border-color: var(--mnc-accent); }
:where(.mnc-comments) .mnc-show-comments:disabled { opacity: .6; cursor: wait; }
@media (max-width: 600px) {
	:where(.mnc-comments) .mnc-comment-search { flex-wrap: wrap; }
	:where(.mnc-comments) .mnc-comment-search input[type="search"] { width: 100%; }
	:where(.mnc-comments) .mnc-comment-search__clear { inset-inline-start: auto; inset-inline-end: 6px; inset-block-start: 6px; }
	:where(.mnc-comments) .mnc-comment-search__status { width: 100%; }
}